update design

Author: shoudaos

.gitignore

@@ -1,6 +1,6 @@
 .DS_Store
 node_modules
-dist
+dist/
 
 # local env files
 .env.local
@@ -18,4 +18,4 @@ yarn-error.log*
 *.ntvs*
 *.njsproj
 *.sln
-*.sw*
+*.sw*

README.md

@@ -1,86 +1,31 @@
-# 🚀 Sing App Vue Dashboard - free and open source admin dashboard
+# vue-cli
 
-Responsive admin dashboard template built with Vue.js and Bootstrap 4. Developed with ❤️ by [Flatlogic](https://flatlogic.com/). If you love our project please star ⭐️ our repo!
-
-**Development at risk! Our developer wants to eat and accepted a job offer from McDonalds! Buy a [full version of Sing App](https://flatlogic.com/admin-dashboards/sing-app-vue) to help us hire him again!** *
-
-[View Demo](https://flatlogic.com/admin-dashboards/sing-app-vue-dashboard/demo) | [Download](https://github.com/flatlogic/sing-app-vue-dashboard/archive/master.zip) | [More templates](https://flatlogic.com/admin-dashboards)
-
-![image](https://user-images.githubusercontent.com/24964748/48494482-05a3ba80-e83f-11e8-95e6-4a6d2e76687b.png)
-
-This dashboard is a small version of our [Sing App Vue Full](https://flatlogic.com/admin-dashboards/sing-app-vue). There are all ready-to-use components, that are in full version. It is built on the top of vue-cli-3, so it well supported along the web. You can easy customize template by changing SCSS variables. All paddings and colors are in _variables.scss file.
-
-## Features
-
-Using this template you will be able to leverage lots of built-in components and thus focus on building features that set you apart from competitors rather than bulding everything from scratch. Lite version of a Sing-app includes following features and pages:
-
-* Bootstrap 4+ & SCSS
-* Responsive layout
-* Simple login / logout 
-* Styled Bootstrap components like buttons, modals, etc
-
-
-## Pages
-We have implemented some basic pages, so you can see our template in action.
-
-* Dashboard sample
-* Typography
-* Tables
-* Notifications
-* Charts
-* Icons
-* Maps
-* Hover sidebar
-* Chat
-* Login
-
-## Instalation 
-
-1. Clone repository
-```shell
-git clone https://github.com/flatlogic/sing-app-vue-dashboard
-```
-2. Get in the project folder
-```shell
-cd sing-app-vue-dashboard
+## Project setup
 ```
-3. Install dependencies via npm or yarn
-```shell
-npm install
-```
-```shell
 yarn install
 ```
 
-## Quick start
-Run development server
-```shell
+### Compiles and hot-reloads for development
+```
 yarn run serve
 ```
 
-## Support
-For any additional information please refer to [Flatlogic homepage](https://flatlogic.com).
-
-## How can I support developers?
-- Star our GitHub repo :star:
-- [Tweet about it](https://twitter.com/intent/tweet?text=Amazing%20dashboard%20built%20with%20Vue%20and%20Bootstrap!&url=https://github.com/flatlogic/sing-app-vue-dashboard&via=flatlogic).
-- Create pull requests, submit bugs, suggest new features or documentation updates :wrench:
-- Follow [@flatlogic on Twitter](https://twitter.com/flatlogic).
-- Subscribe to Flatlogic newsletter at [flatlogic.com](https://flatlogic.com/)
-- Like our page on [Facebook](https://www.facebook.com/flatlogic/) :thumbsup:
-
-## More from Flatlogic
-- [Awesome Bootstrap Checkboxes & Radios](https://github.com/flatlogic/awesome-bootstrap-checkbox) - ✅ Pure css way to make inputs look prettier
-- [React Native Starter](https://github.com/flatlogic/react-native-starter) - 🚀 A powerful react native starter template that bootstraps development of your mobile application
-- [React Dashboard](https://github.com/flatlogic/react-dashboard) - 🔥 React Dashboard - isomorphic admin dashboard template with GraphQL
-- [Sing App](https://github.com/flatlogic/sing-app) - 💥 Free and open-source admin dashboard template built with Bootstrap 4
-- [Light Blue Dashboard](https://github.com/flatlogic/light-blue-dashboard) - 💦 Free and open-source admin dashboard template built with Bootstrap
-
-## Premium themes
-Looking for premium themes and templates? Check out our other template at [flatlogic.com](https://flatlogic.com/templates).
+### If you use app with backend support, please use
+```
+yarn run serve:backend
+```
 
-## License
+### Compiles and minifies for production
+```
+yarn run build
+```
 
-Sing App Lite version is [MIT](https://github.com/flatlogic/sing-app/blob/master/LICENSE.txt)-licensed.
+### Run your tests
+```
+yarn run test
+```
 
-* that's a joke actually, but we would really appreciate if you support us by buying a premium version. Anyways free is just free and is limited to only few components, while premium one has more and comes with premium support.
+### Lints and fixes files
+```
+yarn run lint
+```

babel.config.js

@@ -1,5 +1,8 @@
 module.exports = {
   presets: [
     '@vue/app'
+  ],
+  plugins: [
+    "@babel/plugin-proposal-optional-chaining"
   ]
-}
+};

changelog.md

@@ -0,0 +1,41 @@
+# Changelog
+
+## [5.4.1]
+
+### New Features
+
+- added new seed version
+- added some chat functionality
+- updated documentation
+
+### Fixed
+
+- fixed bugs
+
+## [5.4.0]
+
+### New Features
+
+- added brand new chat component
+
+### Fixed
+
+- removed old chat sidebar
+- fixed bugs
+
+## [5.3.1]
+
+### Updated
+
+- updated and fixed tour component
+
+### Fixed
+
+- fixed bugs
+
+## [5.3.0]
+
+### Updated
+
+- updated design
+- updated customization colors

package.json

@@ -3,7 +3,7 @@
   "version": "4.5.0",
   "private": true,
   "scripts": {
-    "serve": "vue-cli-service serve",
+    "serve": "vue-cli-service serve --port 3000",
     "build": "vue-cli-service build",
     "lint": "vue-cli-service lint",
     "start": "node server.js"
@@ -13,16 +13,16 @@
     "apexcharts": "^3.8.6",
     "awesome-bootstrap-checkbox": "^1.0.1",
     "bootstrap": "^4.1.1",
-    "bootstrap-vue": "^2.0.0-rc.24",
+    "bootstrap-vue": "2.0.3",
     "css-loader": "^1.0.0",
     "echarts": "^4.3.0",
     "expose-loader": "^0.7.5",
     "font-awesome": "4.7.0",
-    "glyphicons-halflings": "1.9.1",
+    "glyphicons-halflings": "^1.9.1",
     "highcharts": "^7.2.0",
     "highcharts-vue": "^1.3.5",
     "imports-loader": "^0.8.0",
-    "line-awesome": "icons8/line-awesome",
+    "line-awesome": "1.3.0",
     "node-sass": "^4.9.0",
     "rickshaw": "1.6.6",
     "sass-loader": "^7.0.1",
@@ -38,11 +38,11 @@
     "webpack-cli": "^3.1.2"
   },
   "devDependencies": {
+    "@babel/plugin-proposal-optional-chaining": "^7.7.5",
     "@vue/cli-plugin-babel": "^3.12.0",
     "@vue/cli-plugin-eslint": "^3.12.0",
     "@vue/cli-service": "^3.12.0",
-    "core-js": "^2.6.5",
-    "vue-template-compiler": "^2.5.17"
+    "vue-template-compiler": "^2.6.10"
   },
   "eslintConfig": {
     "root": true,

public/index.html

@@ -9,6 +9,16 @@
     <meta name="description" content="Free & Open Source Vue.js Admin Dashboard Template built with vue-router, vuex and bootstrap 4">
     <meta name="keywords" content="vue admin, vue admin template, vue dashboard, free vue.js admin dashboard, open source vue admin dashboard, vue template">
     <meta name="author" content="Flatlogic LLC">
+    <!-- Global site tag (gtag.js) - Google Analytics -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-36759672-9"></script>
+    <script>
+        window.dataLayer = window.dataLayer || [];
+        function gtag(){dataLayer.push(arguments);}
+        gtag('js', new Date());
+
+        gtag('config', 'UA-36759672-9');
+    </script>
+    <!-- Yandex.Metrika counter --> <script type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://cdn.jsdelivr.net/npm/yandex-metrica-watch/tag.js", "ym"); ym(48020168, "init", { id:48020168, clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true, trackHash:true, ecommerce:"dataLayer" }); </script> <!-- /Yandex.Metrika counter -->
   </head>
   <body>
     <noscript>

src/components/BreadcrumbHistory/BreadcrumbHistory.vue

@@ -0,0 +1,30 @@
+<template>
+  <div v-if="!excluded">
+    <b-breadcrumb :items="tree"></b-breadcrumb>
+  </div>
+</template>
+<script>
+  export default {
+    name: 'BreadcrumbHistory',
+    props: {
+      exclude: {type: Array, default: () => []}
+    },
+    computed: {
+      excluded() {
+        return this.exclude.indexOf(this.$route.path.split('/').pop()) > -1;
+      },
+      tree() {
+        return ['YOU ARE HERE']
+          .concat(this.$route.path
+            .split('/')
+            .slice(1)
+            .map(route => route
+              .split('-')
+              .map(word => word[0].toUpperCase() + word.slice(1))
+              .join(' ')
+            )
+          );
+      }
+    }
+  }
+</script>