add dev to master

Author: Yeliazar

.prettierrc

@@ -0,0 +1,11 @@
+{
+  "singleQuote": true,
+  "tabWidth": 2,
+  "trailingComma": "all",
+  "quoteProps": "as-needed",
+  "jsxSingleQuote": true,
+  "bracketSpacing": true,
+  "bracketSameLine": false,
+  "arrowParens": "always",
+  "vueIndentScriptAndStyle": true
+}

Dockerfile

@@ -0,0 +1,19 @@
+FROM node:14
+
+# Create app directory
+WORKDIR /usr/src/app
+
+# Install app dependencies
+# A wildcard is used to ensure both package.json AND package-lock.json are copied
+# where available (npm@5+)
+COPY package*.json ./
+
+RUN yarn install
+# If you are building your code for production
+# RUN npm ci --only=production
+
+# Bundle app source
+COPY . .
+
+EXPOSE 3000
+CMD [ "yarn", "start" ]

README.md

@@ -1,81 +1,67 @@
-# 🤘 Vue Material Admin 
+# vue material test model
 
-Free and open-source admin dashboard template built with Vue and Vuetify. Developed with ❤️ by [Flatlogic](https://flatlogic.com/). If you love our project please star ⭐️ our repo!
+## This project was generated by Flatlogic Platform.
 
-[View Demo](https://templates-flatlogic.herokuapp.com/vue-material/) | [Download](https://github.com/flatlogic/material-vue-full.git) | [More templates](https://flatlogic.com/templates) | [Support forum](https://flatlogic.com/forum)
+## To start the project:
 
-[![image](https://github.com/flatlogic/material-vue-full/blob/master/src/assets/img/screenshots/1.png)](https://templates-flatlogic.herokuapp.com/vue-material/)
+Install dependencies via yarn
 
-## Features
-
-Vue Material Admin is a great template to quick-start development of SAAS, CMS, IoT Dashboard, E-Commerce apps, etc  
-Lite version of a Vue Material Admin includes following features and pages:
-
-* Vuetify
-* Responsive layout
-* Vue Apex Charts
-* Simple login / logout 
-* Error page
-* Styled Vuetify 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
-* Chat
-* Login
-* Error page
-
-## Instalation 
-
-1. Clone repository
-```shell
-git clone https://github.com/flatlogic/material-vue-full.git
-```
-2. Get in the project folder
-```shell
-cd material-vue-full
-```
-3. Install dependencies via npm or yarn
 ```shell
 yarn
 ```
 
-## Quick start
 Run development server
+
 ```shell
-yarn serve
+yarn start:backend
 ```
 
 ## 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%20%23VueJS%20and%20%23Bootstrap!&url=https://github.com/flatlogic/light-blue-vue-admin&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:
+## To start the project with Docker:
+
+## Description:
+
+The project contains the **docker folder** and the `Dockerfile`.
+
+The `Dockerfile` is used to Deploy the project to Google Cloud.
+
+The **docker folder** contains a couple of helper scripts:
+
+- `docker-compose.yml` (all our services: web, backend, db are described here)
+- `start-backend.sh` (starts backend, but only after the database)
+- `wait-for-it.sh` (imported from https://github.com/vishnubob/wait-for-it)
+
+  > To avoid breaking the application, we recommend you don't edit the following files: everything that includes the **docker folder** and `Dokerfile`.
+
+## Run services:
+
+1. Install docker compose (https://docs.docker.com/compose/install/)
+
+2. Move to `docker` folder. All next steps should be done from this folder.
+
+   `cd docker`
+
+3. Make executables from `wait-for-it.sh` and `start-backend.sh`:
+
+   `chmod +x start-backend.sh && chmod +x wait-for-it.sh`
+
+4. Download dependend projects for services.
+
+5. Review the docker-compose.yml file. Make sure that all services have Dockerfiles. Only db service doesn't require a Dockerfile.
+
+6. Make sure you have needed ports (see them in `ports`) available on your local machine.
+
+7. Start services:
 
-## 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 (no frameworks) admin dashboard template built with Bootstrap
+   7.1. With an empty database `rm -rf data && docker-compose up`
 
-## Premium themes
-Looking for premium themes and templates? Check out our other template at [flatlogic.com](https://flatlogic.com/admin-dashboards).
+   7.2. With a stored (from previus runs) database data `docker-compose up`
 
-## License
+8. Check http://localhost:3000
 
-Flatlogic One React Template version is [MIT](https://github.com/flatlogic/one-react-template/blob/master/LICENCE)-licensed.
+9. Stop services:
 
-* 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.
+   9.1. Just press `Ctr+C`

babel.config.js

@@ -1,5 +1,3 @@
 module.exports = {
-  presets: [
-    '@vue/cli-plugin-babel/preset'
-  ]
-}
+  presets: ['@vue/cli-plugin-babel/preset'],
+};

package.json

@@ -1,47 +1,51 @@
 {
-  "name": "vue-material-admin-full",
-  "version": "1.0.8",
+  "name": "vuematerialtestmodel",
+  "description": "vue material test model - template backend",
   "private": true,
   "scripts": {
-    "serve": "vue-cli-service serve --port 3000",
-    "serve:backend": "cross-env VUE_APP_BACKEND=true vue-cli-service serve --port 3000",
-    "build": "cross-env VUE_APP_BACKEND=true vue-cli-service build",
+    "start": "vue-cli-service serve --port 3000",
+    "start:backend": "cross-env VUE_APP_BACKEND=true vue-cli-service serve --port 3000",
+    "build": "cross-env VUE_APP_BACKEND=true vue-cli-service build --dest build",
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
-    "@amcharts/amcharts4": "^4.10.22",
-    "@amcharts/amcharts4-geodata": "^4.1.22",
-    "apexcharts": "^3.29.0",
-    "axios": "^0.23.0",
-    "core-js": "^3.19.0",
+    "@amcharts/amcharts4": "^4.10.25",
+    "@amcharts/amcharts4-geodata": "^4.1.23",
+    "apexcharts": "^3.35.3",
+    "axios": "^0.27.2",
+    "core-js": "^3.22.7",
     "cross-env": "^7.0.3",
-    "css-loader": "^6.4.0",
+    "css-loader": "^5.2.7",
+    "dayjs": "^1.11.2",
     "font-awesome": "^4.7.0",
-    "highcharts": "^9.3.0",
-    "highcharts-vue": "^1.4.0",
-    "jsonwebtoken": "^8.5.1",
-    "moment": "^2.29.1",
+    "jwt-decode": "^3.1.2",
+    "moment": "^2.29.3",
     "vue": "^2.6.14",
     "vue-apexcharts": "^1.6.2",
-    "vue-router": "^3.5.2",
+    "vue-cool-lightbox": "^2.7.4",
+    "vue-router": "^3.5.3",
     "vue2-google-maps": "^0.10.7",
-    "vuetify": "^2.5.10",
+    "vuetify": "^2.6.6",
+    "vuetify-datetime-picker": "^2.1.1",
     "vuex": "^3.6.2"
   },
   "devDependencies": {
-    "@vue/cli-plugin-babel": "~4.5.14",
-    "@vue/cli-plugin-eslint": "~4.5.14",
-    "@vue/cli-service": "~4.5.14",
+    "@vue/cli-plugin-babel": "~4.5.17",
+    "@vue/cli-plugin-eslint": "~4.5.17",
+    "@vue/cli-service": "~4.5.17",
     "babel-eslint": "^10.1.0",
     "eslint": "^6.8.0",
     "eslint-plugin-vue": "^6.2.2",
-    "sass": "^1.43.3",
+    "sass": "^1.52.1",
     "sass-loader": "^8.0.2",
-    "vue-cli-plugin-vuetify": "~2.4.3",
+    "vue-cli-plugin-vuetify": "~2.5.0",
     "vue-style-loader": "^4.1.3",
     "vue-template-compiler": "^2.6.14",
     "vuetify-loader": "^1.7.3"
   },
+  "resolutions": {
+    "@vue/babel-preset-app/core-js": "^3.21.1"
+  },
   "eslintConfig": {
     "root": true,
     "env": {
@@ -54,7 +58,11 @@
     "parserOptions": {
       "parser": "babel-eslint"
     },
-    "rules": {}
+    "rules": {
+      "vue/no-unused-components": [
+        "off"
+      ]
+    }
   },
   "browserslist": [
     "> 1%",

public/index.html

@@ -1,18 +1,32 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <meta charset="utf-8">
-    <meta name="referrer" content="no-referrer-when-downgrade">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width,initial-scale=1.0">
-    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-    <title>Vue Material Admin Full</title>
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900">
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css">
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="referrer" content="no-referrer-when-downgrade" />
+    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
+    <meta
+      name="description"
+      content="vue material test model was created by Flatlogic generator."
+    />
+    <link rel="icon" href="<%= BASE_URL %>logo.svg" />
+    <title>vue material test model</title>
+    <link
+      rel="stylesheet"
+      href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900"
+    />
+    <link
+      rel="stylesheet"
+      href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css"
+    />
   </head>
   <body>
     <noscript>
-      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
+      <strong
+        >We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work
+        properly without JavaScript enabled. Please enable it to
+        continue.</strong
+      >
     </noscript>
     <div id="app"></div>
     <!-- built files will be auto injected -->

public/logo.png

@@ -8,6 +8,8 @@
   };
 </script>
 
-<style src="./styles/app.scss" lang="scss"/>
-
+<style lang="scss">
+  @import 'styles/base';
 
+  @import '~vuetify/src/styles/main.sass';
+</style>