Feature1

.eslintrc.js

@@ -10,6 +10,10 @@ module.exports = {
   plugins: [
     'html'
   ],
+  global : {
+    $: true,
+    jQuery: true
+  },
   // add your custom rules here
   'rules': {
     // allow paren-less arrow functions

.gitignore

@@ -6,3 +6,4 @@ yarn-error.log
 selenium-debug.log
 test/unit/coverage
 test/e2e/reports
+.idea

README.md

@@ -142,3 +142,5 @@ Become a sponsor and get your logo on our README on Github with a link to your s
 [Bulma]: http://bulma.io
 [Vue-bulma]: https://github.com/vue-bulma
 
+ip do servidor online do http: 104.131.75.202
+ip do servidor api: 45.32.167.85

build/webpack.dev.conf.js

@@ -32,7 +32,7 @@ module.exports = merge(baseWebpackConfig, {
     }),
     // https://github.com/ampedandwired/html-webpack-plugin
     new HtmlWebpackPlugin({
-      title: 'Vue Admin',
+      title: 'Dashboard - Beta',
       filename: 'index.html',
       template: 'index.html',
       inject: true,

build/webpack.prod.conf.js

@@ -51,7 +51,7 @@ const webpackConfig = merge(baseWebpackConfig, {
     // you can customize output by editing /index.html
     // see https://github.com/ampedandwired/html-webpack-plugin
     new HtmlWebpackPlugin({
-      title: 'Vue Admin',
+      title: 'RISC Dashboard',
       filename: process.env.NODE_ENV === 'testing'
         ? 'index.html'
         : config.build.index,

client/App.vue

@@ -58,6 +58,8 @@ export default {
   animation-duration: .377s;
 }
 
+// @import '~material-icons/material-icons.css';
+
 @import '~bulma';
 
 @import '~wysiwyg.css/wysiwyg.sass';

client/app.js

@@ -9,9 +9,15 @@ import router from './router'
 import store from './store'
 import * as filters from './filters'
 import { TOGGLE_SIDEBAR } from 'vuex-store/mutation-types'
+import database from './pluguins/firebase'
+import API_URL from '../config/dev.env'
+import VModal from 'vue-js-modal'
+
+console.log(process.env.NODE_ENV)
 
 Vue.router = router
-Vue.use(VueAxios, axios)
+Vue.use(VModal, { dialog: true })
+Vue.use(VueAxios, axios, VModal)
 Vue.use(VueAuth, {
   auth: {
     request: function (req, token) {
@@ -24,10 +30,12 @@ Vue.use(VueAuth, {
   },
   http: require('@websanova/vue-auth/drivers/http/axios.1.x.js'),
   router: require('@websanova/vue-auth/drivers/router/vue-router.2.x.js'),
-  loginData: { url: 'http://localhost:6789/login', fetchUser: false },
+  loginData: { url: API_URL.API_URL + '/users/login', fetchUser: false },
   refreshData: { enabled: false }
 })
 
+Vue.use(database)
+
 Vue.use(NProgress)
 
 // Enable devtools

client/components/charts/Charts.vue

@@ -0,0 +1,72 @@
+<template>
+  <div id="chartTipo"></div>
+</template>
+
+<script>
+  import Highcharts from 'highcharts'
+
+  export default {
+    name: 'Chart',
+    mounted () {
+      this.setup()
+    },
+    props: ['categories', 'value'],
+    methods: {
+      setup (categories, value) {
+        console.log(this.categories)
+        Highcharts.chart('chartTipo', {
+          chart: {
+            plotBackgroundColor: null,
+            plotBorderWidth: null,
+            plotShadow: false,
+            type: 'pie'
+          },
+          title: {
+            text: 'Browser market shares January, 2015 to May, 2015'
+          },
+          tooltip: {
+            pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
+          },
+          plotOptions: {
+            pie: {
+              allowPointSelect: true,
+              cursor: 'pointer',
+              dataLabels: {
+                enabled: true,
+                format: '<b>{point.name}</b>: {point.percentage:.1f} %',
+                style: {
+                  color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black'
+                }
+              }
+            }
+          },
+          series: [{
+            name: 'Brands',
+            colorByPoint: true,
+            data: [{
+              name: 'IE',
+              y: 56.33
+            }, {
+              name: 'Chrome',
+              y: 24.03,
+              sliced: true,
+              selected: true
+            }, {
+              name: 'Firefox',
+              y: 10.38
+            }, {
+              name: 'Safari',
+              y: 4.77
+            }, {
+              name: 'Opera',
+              y: 0.91
+            }, {
+              name: 'Proprietary or Undetectable',
+              y: 0.2
+            }]
+          }]
+        })
+      }
+    }
+  }
+</script>

client/components/charts/exam/AgreementColumn.vue

@@ -0,0 +1,72 @@
+<template>
+  <div id="graficoConvenios"></div>
+</template>
+
+<script>
+  import Highcharts from 'highcharts'
+  import { mapGetters, mapState } from 'vuex'
+  import _ from 'lodash'
+
+  export default {
+    name: 'Charts-Convenios',
+    computed: {
+      ...mapState({
+        list: state => state.scheduleList
+      }),
+      ...mapGetters({
+        scheduleList: 'scheduleList'
+      })
+    },
+    props: ['categories', 'value'],
+    watch: {
+      list () {
+        this.dataSource()
+      }
+    },
+    methods: {
+      dataSource () {
+        const convenios = !this.scheduleList ? [] : this.scheduleList.map(item => item.tbConvenio)
+        const data = convenios.filter(function (element) {
+          return element !== undefined
+        })
+        const base = _(data)
+          .countBy()
+          .map((value, key) => ({ key, value }))
+          .orderBy(['value'], ['desc'])
+          .value()
+        const categories = base.map(item => item.key)
+        const values = base.map(item => item.value)
+        this.setup({ categories, values })
+      },
+      setup (obj) {
+        const { categories, values } = obj
+        Highcharts.chart('graficoConvenios', {
+          chart: {
+            type: 'column'
+          },
+          title: {
+            text: 'Convênios'
+          },
+          subtitle: {
+            text: 'Fonte: Risc Sistemas em Saúde'
+          },
+          xAxis: {
+            categories: categories,
+            crosshair: true
+          },
+          yAxis: {
+            min: 0,
+            title: {
+              text: 'Quantidade'
+            }
+          },
+          series: [{
+            name: 'Quantidade',
+            data: values
+
+          }]
+        })
+      }
+    }
+  }
+</script>

client/components/charts/exam/ExamPie.vue

@@ -0,0 +1,88 @@
+<template>
+  <div class="">
+    <div id="chartExamesDone"></div>
+  </div>
+</template>
+
+<script>
+  import Highcharts from 'highcharts'
+  import { mapState } from 'vuex'
+  import _ from 'lodash'
+
+  export default {
+    name: 'Charts-Exam',
+    computed: mapState({
+      list: state => state.examsDoneList
+    }),
+    props: ['categories', 'value'],
+    watch: {
+      list () {
+        this.dataSource()
+      }
+    },
+    methods: {
+      dataSource () {
+        if (this.list === undefined) {
+          return
+        }
+        const convenios = this.list.map(item => item.tbConvenio)
+        const data = convenios.filter(function (element) {
+          return element !== undefined
+        })
+        const base = _(data)
+          .countBy()
+          .map((y, name) => ({ y, name }))
+          .orderBy(['y'], ['desc'])
+          .value()
+
+        const subset = base.slice(0, 5)
+
+        const total = subset.reduce((acc, item) => {
+          return acc + item.y
+        }, 0)
+
+        const finalData = subset.map(item => {
+          item.y = (item.y / total) * 100
+          return item
+        })
+
+        this.setup({ finalData })
+      },
+      setup (obj) {
+        const { finalData } = obj
+        Highcharts.chart('chartExamesDone', {
+          chart: {
+            plotBackgroundColor: null,
+            plotBorderWidth: null,
+            plotShadow: false,
+            type: 'pie'
+          },
+          title: {
+            text: 'Convênios'
+          },
+          tooltip: {
+            pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
+          },
+          plotOptions: {
+            pie: {
+              allowPointSelect: true,
+              cursor: 'pointer',
+              dataLabels: {
+                enabled: true,
+                format: '<b>{point.name}</b>: {point.percentage:.1f} %',
+                style: {
+                  color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black'
+                }
+              }
+            }
+          },
+          series: [{
+            name: 'Brands',
+            colorByPoint: true,
+            data: finalData
+          }]
+        })
+      }
+    }
+  }
+</script>