v2 first commit

resources/assets/js/views/common/companies.js

@@ -0,0 +1,27 @@
+/**
+ * First we will load all of this project's JavaScript dependencies which
+ * includes Vue and other libraries. It is a great starting point when
+ * building robust, powerful web applications using Vue and Laravel.
+ */
+
+require('./../../bootstrap');
+
+import Vue from 'vue';
+
+import Global from './../../mixins/global';
+
+import Form from './../../plugins/form';
+import BulkAction from './../../plugins/bulk-action';
+
+const app = new Vue({
+    el: '#app',
+    mixins: [
+        Global
+    ],
+    data: function () {
+        return {
+            form: new Form('company'),
+            bulk_action: new BulkAction('companies')
+        }
+    }
+});

resources/assets/js/views/common/dashboard.js

@@ -0,0 +1,140 @@
+/**
+ * First we will load all of this project's JavaScript dependencies which
+ * includes Vue and other libraries. It is a great starting point when
+ * building robust, powerful web applications using Vue and Laravel.
+ */
+
+require('./../../bootstrap');
+
+import Vue from 'vue';
+
+import Global from './../../mixins/global';
+
+import AkauntingDashboard from './../../components/AkauntingDashboard';
+import AkauntingWidget from './../../components/AkauntingWidget';
+
+import Form from './../../plugins/form';
+import BulkAction from './../../plugins/bulk-action';
+
+const app = new Vue({
+    el: '#main-body',
+
+    components: {
+        AkauntingDashboard,
+        AkauntingWidget
+    },
+
+    mixins: [
+        Global
+    ],
+
+    data: function () {
+        return {
+            dashboard_modal: false,
+            dashboard: {
+                name: '',
+                enabled: 1,
+                type: 'create',
+                dashboard_id: 0
+            },
+            widget_modal: false,
+            widgets: {},
+            widget: {
+                name: '',
+                type: '',
+                width: '',
+                action: 'create',
+                sort: 0,
+                widget_id: 0
+            }
+        };
+    },
+
+    mounted() {
+        this.getWidgets();
+    },
+
+    methods:{
+        // Create Dashboard form open
+        onCreateDashboard() {
+            this.dashboard_modal = true;
+            this.dashboard.name = '';
+            this.dashboard.enabled = 1;
+            this.dashboard.type = 'create';
+            this.dashboard.dashboard_id = 0;
+        },
+
+        // Edit Dashboard information
+        onEditDashboard(dashboard_id) {
+            var self = this;
+
+            axios.get(url + '/common/dashboards/' + dashboard_id + '/edit')
+                .then(function (response) {
+                    self.dashboard.name = response.data.name;
+                    self.dashboard.enabled = response.data.enabled;
+                    self.dashboard.type = 'edit';
+                    self.dashboard.dashboard_id = dashboard_id;
+
+                    self.dashboard_modal = true;
+                })
+                .catch(function (error) {
+                    self.dashboard_modal = false;
+                });
+        },
+
+        // Get All Widgets
+        getWidgets() {
+            var self = this;
+
+            axios.get(url + '/common/widgets')
+            .then(function (response) {
+                self.widgets = response.data;
+            })
+            .catch(function (error) {
+            });
+        },
+
+        // Add new widget on dashboard
+        onCreateWidget() {
+            this.widget_modal = true;
+        },
+
+        // Edit Dashboard selected widget setting.
+        onEditWidget(widget_id) {
+            var self = this;
+
+            axios.get(url + '/common/widgets/' + widget_id + '/edit')
+            .then(function (response) {
+                self.widget.name = response.data.name;
+                self.widget.type = response.data.widget_id;
+                self.widget.width = response.data.settings.width;
+                self.widget.action = 'edit';
+                self.widget.sort = response.data.sort;
+                self.widget.widget_id = widget_id;
+
+                self.widget_modal = true;
+            })
+            .catch(function (error) {
+                self.widget_modal = false;
+            });
+        },
+
+        onCancel() {
+            this.dashboard_modal = false;
+
+            this.dashboard.name = '';
+            this.dashboard.enabled = 1;
+            this.dashboard.type = 'create';
+            this.dashboard.dashboard_id = 0;
+
+            this.widget_modal = false;
+
+            this.widget.name = '';
+            this.widget.type = '';
+            this.widget.width = '';
+            this.widget.action = 'create';
+            this.widget.sort = 0;
+            this.widget.widget_id = 0;
+        },
+    }
+});

resources/assets/js/views/common/items.js

@@ -0,0 +1,27 @@
+/**
+ * First we will load all of this project's JavaScript dependencies which
+ * includes Vue and other libraries. It is a great starting point when
+ * building robust, powerful web applications using Vue and Laravel.
+ */
+
+require('./../../bootstrap');
+
+import Vue from 'vue';
+
+import Global from './../../mixins/global';
+
+import Form from './../../plugins/form';
+import BulkAction from './../../plugins/bulk-action';
+
+const app = new Vue({
+    el: '#app',
+    mixins: [
+        Global
+    ],
+    data: function () {
+        return {
+            form: new Form('item'),
+            bulk_action: new BulkAction('items')
+        }
+    }
+});

resources/assets/js/views/common/reports.js

@@ -0,0 +1,48 @@
+/**
+ * First we will load all of this project's JavaScript dependencies which
+ * includes Vue and other libraries. It is a great starting point when
+ * building robust, powerful web applications using Vue and Laravel.
+ */
+
+require('./../../bootstrap');
+
+import Vue from 'vue';
+
+import Global from './../../mixins/global';
+
+import Form from './../../plugins/form';
+import BulkAction from './../../plugins/bulk-action';
+
+const app = new Vue({
+    el: '#app',
+    mixins: [
+        Global
+    ],
+    data: function () {
+        return {
+            form: new Form('report'),
+            bulk_action: new BulkAction('reports')
+        }
+    },
+
+    methods: {
+        onChangeClass(class_name) {
+            axios.get(url + '/common/reports/groups', {
+                params: {
+                    class: class_name
+                }
+              })
+            .then(response => {
+                let options = response.data.data;
+
+                this.$children.forEach(select => {
+                    if (select.name == 'group') {
+                        select.selectOptions = options;
+                    }
+                });
+            })
+            .catch(error => {
+            });
+        }
+    }
+});

resources/assets/js/views/common/search.js

@@ -0,0 +1,61 @@
+/**
+ * First we will load all of this project's JavaScript dependencies which
+ * includes Vue and other libraries. It is a great starting point when
+ * building robust, powerful web applications using Vue and Laravel.
+ */
+
+require('./../../bootstrap');
+
+import Vue from 'vue';
+
+import axios from 'axios';
+
+import NProgress from 'nprogress';
+import 'nprogress/nprogress.css';
+import NProgressAxios from './../../plugins/nprogress-axios';
+
+import clickOutside from './../../directives/click-ouside.js';
+
+Vue.directive('click-outside', clickOutside);
+
+const search = new Vue({
+    el: '#global-search',
+    data: function () {
+        return {
+            show: false,
+            count:0,
+            keyword: '',
+            items: {}
+        }
+    },
+
+    methods:{
+        onChange() {
+            this.show = false;
+
+            if (this.keyword.length) {
+                axios.get(url + '/common/search', {
+                    params: {
+                        keyword: this.keyword
+                    }
+                  })
+                .then(response => {
+                    this.items = response.data;
+                    this.count = Object.keys(this.items).length;
+
+                    if (this.count) {
+                        this.show = true;
+                    }
+                })
+                .catch(error => {
+                });
+            }
+        },
+
+        closeResult() {
+            this.show = false;
+            this.count = 0;
+            this.items = {};
+        }
+    }
+});