Test Setup Failed
Push — dev6 ( 81193f...01d104 )
by Ron
22:34
created

public/js/resources_js_Pages_Customer_index_vue.js   F

Complexity

Total Complexity 63
Complexity/F 1.19

Size

Lines of Code 902
Function Count 53

Duplication

Duplicated Lines 0
Ratio 0 %

Importance

Changes 0
Metric Value
wmc 63
eloc 504
c 0
b 0
f 0
dl 0
loc 902
rs 3.36
mnd 10
bc 10
fnc 53
bpm 0.1886
cpm 1.1886
noi 19

12 Functions

Rating   Name   Duplication   Size   Complexity  
A resources_js_Pages_Customer_index_vue.js ➔ user 0 3 1
A resources_js_Pages_Customer_index_vue.js ➔ reSort 0 5 1
A resources_js_Pages_Customer_index_vue.js ➔ navbar 0 3 1
A resources_js_Pages_Customer_index_vue.js ➔ data 0 6 3
A resources_js_Pages_Customer_index_vue.js ➔ newPage 0 4 1
A resources_js_Pages_Customer_index_vue.js ➔ filterSearch 0 7 3
A resources_js_Pages_Customer_index_vue.js ➔ search 0 8 2
A resources_js_Pages_Customer_index_vue.js ➔ mounted 0 2 1
A resources_js_Pages_Customer_index_vue.js ➔ created 0 2 1
A resources_js_Pages_Customer_index_vue.js ➔ app 0 3 1
A resources_js_Pages_Customer_index_vue.js ➔ perPageUpdate 0 4 1
A resources_js_Pages_Customer_index_vue.js ➔ navbarActive 0 3 2

How to fix   Complexity   

Complexity

Complex classes like public/js/resources_js_Pages_Customer_index_vue.js often do a lot of different things. To break such a class down, we need to identify a cohesive component within that class. A common approach to find such a component is to look for fields/methods that share the same prefixes, or suffixes.

Once you have determined the fields that belong together, you can apply the Extract Class refactoring. If the component makes sense as a sub-class, Extract Subclass is also a candidate, and is often faster.

1
(self["webpackChunk"] = self["webpackChunk"] || []).push([["resources_js_Pages_Customer_index_vue"],{
0 ignored issues
show
Bug introduced by
The variable self seems to be never declared. If this is a global, consider adding a /** global: self */ comment.

This checks looks for references to variables that have not been declared. This is most likey a typographical error or a variable has been renamed.

To learn more about declaring variables in Javascript, see the MDN.

Loading history...
2
3
/***/ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5[0].rules[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/Layouts/app.vue?vue&type=script&lang=js&":
4
/*!*******************************************************************************************************************************************************************************************************!*\
5
  !*** ./node_modules/babel-loader/lib/index.js??clonedRuleSet-5[0].rules[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/Layouts/app.vue?vue&type=script&lang=js& ***!
6
  \*******************************************************************************************************************************************************************************************************/
7
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
8
9
"use strict";
10
__webpack_require__.r(__webpack_exports__);
11
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
12
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
0 ignored issues
show
Bug introduced by
The local (let) variable __WEBPACK_DEFAULT_EXPORT__ is used before it is defined. This will cause a reference error.
Loading history...
13
/* harmony export */ });
14
//
15
//
16
//
17
//
18
//
19
//
20
//
21
//
22
//
23
//
24
//
25
//
26
//
27
//
28
//
29
//
30
//
31
//
32
//
33
//
34
//
35
//
36
//
37
//
38
//
39
//
40
//
41
//
42
//
43
//
44
//
45
//
46
//
47
//
48
//
49
//
50
//
51
//
52
//
53
//
54
//
55
//
56
//
57
//
58
//
59
//
60
//
61
//
62
//
63
//
64
//
65
//
66
//
67
//
68
//
69
//
70
//
71
//
72
//
73
//
74
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
0 ignored issues
show
Unused Code introduced by
The constant __WEBPACK_DEFAULT_EXPORT__ seems to be never used. Consider removing it.
Loading history...
75
  props: {//
76
  },
77
  data: function data() {
78
    return {
79
      //
80
      showNav: false
81
    };
82
  },
83
  created: function created() {//
84
  },
85
  mounted: function mounted() {//
86
  },
87
  computed: {
88
    app: function app() {
89
      return this.$page.props.app;
90
    },
91
    user: function user() {
92
      return this.$page.props.user;
93
    },
94
    navbarActive: function navbarActive() {
95
      return this.showNav ? 'active' : '';
96
    },
97
    navbar: function navbar() {
98
      return this.$page.props.navBar;
99
    }
100
  },
101
  watch: {//
102
  },
103
  methods: {//
104
  }
105
});
106
107
/***/ }),
108
109
/***/ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5[0].rules[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/Pages/Customer/index.vue?vue&type=script&lang=js&":
110
/*!****************************************************************************************************************************************************************************************************************!*\
111
  !*** ./node_modules/babel-loader/lib/index.js??clonedRuleSet-5[0].rules[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/Pages/Customer/index.vue?vue&type=script&lang=js& ***!
112
  \****************************************************************************************************************************************************************************************************************/
113
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
114
115
"use strict";
116
__webpack_require__.r(__webpack_exports__);
117
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
118
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
0 ignored issues
show
Bug introduced by
The local (let) variable __WEBPACK_DEFAULT_EXPORT__ is used before it is defined. This will cause a reference error.
Loading history...
119
/* harmony export */ });
120
/* harmony import */ var _Layouts_app__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../Layouts/app */ "./resources/js/Layouts/app.vue");
121
//
122
//
123
//
124
//
125
//
126
//
127
//
128
//
129
//
130
//
131
//
132
//
133
//
134
//
135
//
136
//
137
//
138
//
139
//
140
//
141
//
142
//
143
//
144
//
145
//
146
//
147
//
148
//
149
//
150
//
151
//
152
//
153
//
154
//
155
//
156
//
157
//
158
//
159
//
160
//
161
//
162
//
163
//
164
//
165
//
166
//
167
//
168
//
169
//
170
//
171
//
172
//
173
//
174
//
175
//
176
//
177
//
178
//
179
180
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
0 ignored issues
show
Unused Code introduced by
The constant __WEBPACK_DEFAULT_EXPORT__ seems to be never used. Consider removing it.
Loading history...
181
  layout: _Layouts_app__WEBPACK_IMPORTED_MODULE_0__.default,
182
  props: {
183
    can_create: {
184
      type: Boolean,
185
      "default": false
186
    },
187
    equip_types: {
188
      type: Array,
189
      required: true
190
    }
191
  },
192
  data: function data() {
193
    return {
194
      table: {
195
        loading: true,
196
        columns: [{
197
          label: 'Customer Name',
198
          field: 'name',
199
          filterOptions: {
200
            enabled: true,
201
            placeholder: 'Search for Customer by Name or Customer ID'
202
          }
203
        }, {
204
          label: 'City',
205
          field: 'city',
206
          filterOptions: {
207
            enabled: true,
208
            placeholder: 'Search by City'
209
          }
210
        }, {
211
          label: 'Equipment',
212
          field: 'equipment',
213
          filterOptions: {
214
            enabled: true,
215
            placeholder: 'Search by Equipment Type',
216
            filterDropdownItems: this.equip_types
217
          }
218
        }],
219
        rows: []
220
      },
221
      pagination: {
222
        links: {},
223
        meta: {
224
          total: 0
225
        }
226
      },
227
      searchParam: {
228
        page: null,
229
        perPage: 25,
230
        sortField: 'name',
231
        sortType: 'asc',
232
        name: null,
233
        city: null,
234
        equipment: null
235
      }
236
    };
237
  },
238
  mounted: function mounted() {
239
    this.search();
240
  },
241
  methods: {
242
    //  Submit Search Query
243
    search: function search() {
244
      var _this = this;
245
246
      axios.post(this.route('customers.search'), this.searchParam).then(function (res) {
0 ignored issues
show
Bug introduced by
The variable axios seems to be never declared. If this is a global, consider adding a /** global: axios */ comment.

This checks looks for references to variables that have not been declared. This is most likey a typographical error or a variable has been renamed.

To learn more about declaring variables in Javascript, see the MDN.

Loading history...
247
        _this.table.rows = res.data.data;
248
        _this.pagination.meta.total = res.data.total;
249
      });
250
    },
251
    //  Include search parameters to filter search
252
    filterSearch: function filterSearch(data) {
253
      this.searchParam.page = 1;
254
      this.searchParam.name = data.columnFilters.name ? data.columnFilters.name : null;
255
      this.searchParam.city = data.columnFilters.city ? data.columnFilters.city : null;
256
      this.searchParam.equipment = data.columnFilters.equipment;
257
      this.search();
258
    },
259
    //  Increase or decrease the current page
260
    newPage: function newPage(data) {
261
      this.searchParam.page = data.currentPage;
262
      this.search();
263
    },
264
    //  Change the order of items listed
265
    reSort: function reSort(data) {
266
      this.searchParam.sortField = data[0].field;
267
      this.searchParam.sortType = data[0].type;
268
      this.search();
269
    },
270
    //  Change how many rows are shown per page
271
    perPageUpdate: function perPageUpdate(data) {
272
      this.searchParam.perPage = data.currentPerPage;
273
      this.search();
274
    }
275
  }
276
});
277
278
/***/ }),
279
280
/***/ "./resources/js/Layouts/app.vue":
281
/*!**************************************!*\
282
  !*** ./resources/js/Layouts/app.vue ***!
283
  \**************************************/
284
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
285
286
"use strict";
287
__webpack_require__.r(__webpack_exports__);
288
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
289
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
0 ignored issues
show
Bug introduced by
The local (let) variable __WEBPACK_DEFAULT_EXPORT__ is used before it is defined. This will cause a reference error.
Loading history...
290
/* harmony export */ });
291
/* harmony import */ var _app_vue_vue_type_template_id_191620ed___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./app.vue?vue&type=template&id=191620ed& */ "./resources/js/Layouts/app.vue?vue&type=template&id=191620ed&");
292
/* harmony import */ var _app_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./app.vue?vue&type=script&lang=js& */ "./resources/js/Layouts/app.vue?vue&type=script&lang=js&");
293
/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
294
295
296
297
298
299
/* normalize component */
300
;
301
var component = (0,_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__.default)(
0 ignored issues
show
Comprehensibility introduced by
Usage of the sequence operator is discouraged, since it may lead to obfuscated code.

The sequence or comma operator allows the inclusion of multiple expressions where only is permitted. The result of the sequence is the value of the last expression.

This operator is most often used in for statements.

Used in another places it can make code hard to read, especially when people do not realize it even exists as a seperate operator.

This check looks for usage of the sequence operator in locations where it is not necessary and could be replaced by a series of expressions or statements.

var a,b,c;

a = 1, b = 1,  c= 3;

could just as well be written as:

var a,b,c;

a = 1;
b = 1;
c = 3;

To learn more about the sequence operator, please refer to the MDN.

Loading history...
302
  _app_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__.default,
303
  _app_vue_vue_type_template_id_191620ed___WEBPACK_IMPORTED_MODULE_0__.render,
304
  _app_vue_vue_type_template_id_191620ed___WEBPACK_IMPORTED_MODULE_0__.staticRenderFns,
305
  false,
306
  null,
307
  null,
308
  null
309
  
310
)
311
312
/* hot reload */
313
if (false) { var api; }
0 ignored issues
show
Unused Code introduced by
The variable api seems to be never used. Consider removing it.
Loading history...
314
component.options.__file = "resources/js/Layouts/app.vue"
315
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (component.exports);
0 ignored issues
show
Unused Code introduced by
The constant __WEBPACK_DEFAULT_EXPORT__ seems to be never used. Consider removing it.
Loading history...
316
317
/***/ }),
318
319
/***/ "./resources/js/Pages/Customer/index.vue":
320
/*!***********************************************!*\
321
  !*** ./resources/js/Pages/Customer/index.vue ***!
322
  \***********************************************/
323
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
324
325
"use strict";
326
__webpack_require__.r(__webpack_exports__);
327
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
328
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
0 ignored issues
show
Bug introduced by
The local (let) variable __WEBPACK_DEFAULT_EXPORT__ is used before it is defined. This will cause a reference error.
Loading history...
329
/* harmony export */ });
330
/* harmony import */ var _index_vue_vue_type_template_id_223eacca___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=223eacca& */ "./resources/js/Pages/Customer/index.vue?vue&type=template&id=223eacca&");
331
/* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ "./resources/js/Pages/Customer/index.vue?vue&type=script&lang=js&");
332
/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
333
334
335
336
337
338
/* normalize component */
339
;
340
var component = (0,_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__.default)(
0 ignored issues
show
Comprehensibility introduced by
Usage of the sequence operator is discouraged, since it may lead to obfuscated code.

The sequence or comma operator allows the inclusion of multiple expressions where only is permitted. The result of the sequence is the value of the last expression.

This operator is most often used in for statements.

Used in another places it can make code hard to read, especially when people do not realize it even exists as a seperate operator.

This check looks for usage of the sequence operator in locations where it is not necessary and could be replaced by a series of expressions or statements.

var a,b,c;

a = 1, b = 1,  c= 3;

could just as well be written as:

var a,b,c;

a = 1;
b = 1;
c = 3;

To learn more about the sequence operator, please refer to the MDN.

Loading history...
341
  _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__.default,
342
  _index_vue_vue_type_template_id_223eacca___WEBPACK_IMPORTED_MODULE_0__.render,
343
  _index_vue_vue_type_template_id_223eacca___WEBPACK_IMPORTED_MODULE_0__.staticRenderFns,
344
  false,
345
  null,
346
  null,
347
  null
348
  
349
)
350
351
/* hot reload */
352
if (false) { var api; }
0 ignored issues
show
Unused Code introduced by
The variable api seems to be never used. Consider removing it.
Loading history...
353
component.options.__file = "resources/js/Pages/Customer/index.vue"
354
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (component.exports);
0 ignored issues
show
Unused Code introduced by
The constant __WEBPACK_DEFAULT_EXPORT__ seems to be never used. Consider removing it.
Loading history...
355
356
/***/ }),
357
358
/***/ "./resources/js/Layouts/app.vue?vue&type=script&lang=js&":
359
/*!***************************************************************!*\
360
  !*** ./resources/js/Layouts/app.vue?vue&type=script&lang=js& ***!
361
  \***************************************************************/
362
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
363
364
"use strict";
365
__webpack_require__.r(__webpack_exports__);
366
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
367
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
0 ignored issues
show
Bug introduced by
The local (let) variable __WEBPACK_DEFAULT_EXPORT__ is used before it is defined. This will cause a reference error.
Loading history...
368
/* harmony export */ });
369
/* harmony import */ var _node_modules_babel_loader_lib_index_js_clonedRuleSet_5_0_rules_0_use_0_node_modules_vue_loader_lib_index_js_vue_loader_options_app_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-5[0].rules[0].use[0]!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./app.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5[0].rules[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/Layouts/app.vue?vue&type=script&lang=js&");
370
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_babel_loader_lib_index_js_clonedRuleSet_5_0_rules_0_use_0_node_modules_vue_loader_lib_index_js_vue_loader_options_app_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__.default); 
0 ignored issues
show
Unused Code introduced by
The constant __WEBPACK_DEFAULT_EXPORT__ seems to be never used. Consider removing it.
Loading history...
371
372
/***/ }),
373
374
/***/ "./resources/js/Pages/Customer/index.vue?vue&type=script&lang=js&":
375
/*!************************************************************************!*\
376
  !*** ./resources/js/Pages/Customer/index.vue?vue&type=script&lang=js& ***!
377
  \************************************************************************/
378
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
379
380
"use strict";
381
__webpack_require__.r(__webpack_exports__);
382
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
383
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
0 ignored issues
show
Bug introduced by
The local (let) variable __WEBPACK_DEFAULT_EXPORT__ is used before it is defined. This will cause a reference error.
Loading history...
384
/* harmony export */ });
385
/* harmony import */ var _node_modules_babel_loader_lib_index_js_clonedRuleSet_5_0_rules_0_use_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-5[0].rules[0].use[0]!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5[0].rules[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/Pages/Customer/index.vue?vue&type=script&lang=js&");
386
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_babel_loader_lib_index_js_clonedRuleSet_5_0_rules_0_use_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__.default); 
0 ignored issues
show
Unused Code introduced by
The constant __WEBPACK_DEFAULT_EXPORT__ seems to be never used. Consider removing it.
Loading history...
387
388
/***/ }),
389
390
/***/ "./resources/js/Layouts/app.vue?vue&type=template&id=191620ed&":
391
/*!*********************************************************************!*\
392
  !*** ./resources/js/Layouts/app.vue?vue&type=template&id=191620ed& ***!
393
  \*********************************************************************/
394
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
395
396
"use strict";
397
__webpack_require__.r(__webpack_exports__);
398
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
399
/* harmony export */   "render": () => (/* reexport safe */ _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_app_vue_vue_type_template_id_191620ed___WEBPACK_IMPORTED_MODULE_0__.render),
400
/* harmony export */   "staticRenderFns": () => (/* reexport safe */ _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_app_vue_vue_type_template_id_191620ed___WEBPACK_IMPORTED_MODULE_0__.staticRenderFns)
401
/* harmony export */ });
402
/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_app_vue_vue_type_template_id_191620ed___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./app.vue?vue&type=template&id=191620ed& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/Layouts/app.vue?vue&type=template&id=191620ed&");
403
404
405
/***/ }),
406
407
/***/ "./resources/js/Pages/Customer/index.vue?vue&type=template&id=223eacca&":
408
/*!******************************************************************************!*\
409
  !*** ./resources/js/Pages/Customer/index.vue?vue&type=template&id=223eacca& ***!
410
  \******************************************************************************/
411
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
412
413
"use strict";
414
__webpack_require__.r(__webpack_exports__);
415
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
416
/* harmony export */   "render": () => (/* reexport safe */ _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_223eacca___WEBPACK_IMPORTED_MODULE_0__.render),
417
/* harmony export */   "staticRenderFns": () => (/* reexport safe */ _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_223eacca___WEBPACK_IMPORTED_MODULE_0__.staticRenderFns)
418
/* harmony export */ });
419
/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_223eacca___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=template&id=223eacca& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/Pages/Customer/index.vue?vue&type=template&id=223eacca&");
420
421
422
/***/ }),
423
424
/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/Layouts/app.vue?vue&type=template&id=191620ed&":
425
/*!************************************************************************************************************************************************************************************************************!*\
426
  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/Layouts/app.vue?vue&type=template&id=191620ed& ***!
427
  \************************************************************************************************************************************************************************************************************/
428
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
429
430
"use strict";
431
__webpack_require__.r(__webpack_exports__);
432
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
433
/* harmony export */   "render": () => (/* binding */ render),
434
/* harmony export */   "staticRenderFns": () => (/* binding */ staticRenderFns)
435
/* harmony export */ });
436
var render = function() {
437
  var _vm = this
438
  var _h = _vm.$createElement
439
  var _c = _vm._self._c || _h
440
  return _c("div", { staticClass: "app-layout" }, [
441
    _c("nav", { staticClass: "navbar top-navbar fixed-top" }, [
442
      _c(
443
        "div",
444
        { staticClass: "navbar-logo-wrapper d-flex" },
445
        [
446
          _c(
447
            "inertia-link",
448
            {
449
              staticClass: "navbar-logo",
450
              attrs: { href: _vm.route("dashboard") }
451
            },
452
            [
453
              _c("img", {
454
                staticClass: "mr-2",
455
                attrs: { src: _vm.app.logo, alt: _vm.app.name }
456
              })
457
            ]
458
          )
459
        ],
460
        1
461
      ),
462
      _vm._v(" "),
463
      _c("div", { staticClass: "navbar-brand d-none d-md-flex" }, [
464
        _c("h2", [_vm._v(_vm._s(_vm.app.name))])
465
      ]),
466
      _vm._v(" "),
467
      _c(
468
        "div",
469
        { staticClass: "navbar-data" },
470
        [
471
          _c(
472
            "inertia-link",
473
            {
474
              directives: [
475
                {
476
                  name: "b-tooltip",
477
                  rawName: "v-b-tooltip.hover",
478
                  modifiers: { hover: true }
479
                }
480
              ],
481
              staticClass: "text-muted",
482
              attrs: {
483
                href: _vm.route("about"),
484
                title: "About " + _vm.app.name
485
              }
486
            },
487
            [_c("i", { staticClass: "fas fa-info-circle" })]
488
          ),
489
          _vm._v(" "),
490
          _c(
491
            "b-dropdown",
492
            {
493
              directives: [
494
                {
495
                  name: "b-tooltip",
496
                  rawName: "v-b-tooltip.hover",
497
                  modifiers: { hover: true }
498
                }
499
              ],
500
              attrs: { variant: "link", title: "Account" },
501
              scopedSlots: _vm._u([
502
                {
503
                  key: "button-content",
504
                  fn: function() {
505
                    return [
506
                      _c("b-avatar", {
507
                        attrs: { variant: "warning", text: _vm.user.initials }
508
                      })
509
                    ]
510
                  },
511
                  proxy: true
512
                }
513
              ])
514
            },
515
            [
516
              _vm._v(" "),
517
              _c(
518
                "inertia-link",
519
                {
520
                  attrs: {
521
                    as: "b-dropdown-item",
522
                    href: _vm.route("settings.index")
523
                  }
524
                },
525
                [_c("i", { staticClass: "fas fa-cog" }), _vm._v(" Settings")]
526
              ),
527
              _vm._v(" "),
528
              _c(
529
                "inertia-link",
530
                {
531
                  attrs: {
532
                    as: "b-dropdown-item",
533
                    href: _vm.route("password.edit", "change")
534
                  }
535
                },
536
                [
537
                  _c("i", { staticClass: "fas fa-key" }),
538
                  _vm._v(" Change Password")
539
                ]
540
              ),
541
              _vm._v(" "),
542
              _c("b-dropdown-divider"),
543
              _vm._v(" "),
544
              _c(
545
                "inertia-link",
546
                {
547
                  attrs: {
548
                    as: "b-dropdown-item",
549
                    method: "post",
550
                    href: _vm.route("logout")
551
                  }
552
                },
553
                [
554
                  _c("i", { staticClass: "fas fa-sign-out-alt" }),
555
                  _vm._v(" Logout")
556
                ]
557
              )
558
            ],
559
            1
560
          ),
561
          _vm._v(" "),
562
          _c(
563
            "button",
564
            {
565
              staticClass: "navbar-toggler d-lg-none",
566
              attrs: { type: "button" },
567
              on: {
568
                click: function($event) {
0 ignored issues
show
Unused Code introduced by
The parameter $event is not used and could be removed.

This check looks for parameters in functions that are not used in the function body and are not followed by other parameters which are used inside the function.

Loading history...
569
                  _vm.showNav = !_vm.showNav
570
                }
571
              }
572
            },
573
            [_c("i", { staticClass: "fas fa-bars" })]
574
          )
575
        ],
576
        1
577
      )
578
    ]),
579
    _vm._v(" "),
580
    _c("div", { staticClass: "container-fluid page-body-wrapper" }, [
581
      _c(
582
        "nav",
583
        {
584
          staticClass: "sidebar sidebar-nav",
585
          class: _vm.navbarActive,
586
          attrs: { id: "side-nav" }
587
        },
588
        [
589
          _c(
590
            "ul",
591
            { staticClass: "nav" },
592
            _vm._l(_vm.navbar, function(l) {
593
              return _c(
594
                "li",
595
                { key: l.name, staticClass: "nav-item" },
596
                [
597
                  _c(
598
                    "inertia-link",
599
                    { staticClass: "nav-link", attrs: { href: l.route } },
600
                    [
601
                      _c("i", { staticClass: "menu-icon", class: l.icon }),
602
                      _vm._v(" "),
603
                      _c("span", { staticClass: "menu-title" }, [
604
                        _vm._v(_vm._s(l.name))
605
                      ])
606
                    ]
607
                  )
608
                ],
609
                1
610
              )
611
            }),
612
            0
613
          )
614
        ]
615
      ),
616
      _vm._v(" "),
617
      _c(
618
        "div",
619
        { staticClass: "content" },
620
        [
621
          _c(
622
            "div",
623
            { staticClass: "content-wrapper" },
624
            [
625
              _c(
626
                "b-alert",
627
                {
628
                  attrs: {
629
                    variant: _vm.$page.props.flash.type,
630
                    show: _vm.$page.props.flash.message ? 30 : false
631
                  }
632
                },
633
                [
634
                  _c("p", { staticClass: "text-center" }, [
635
                    _vm._v(_vm._s(_vm.$page.props.flash.message))
636
                  ])
637
                ]
638
              ),
639
              _vm._v(" "),
640
              _vm._t("default")
641
            ],
642
            2
643
          ),
644
          _vm._v(" "),
645
          _c("axios-error"),
646
          _vm._v(" "),
647
          _c("footer", { staticClass: " footer page-footer" }, [
648
            _c(
649
              "div",
650
              {
651
                staticClass:
652
                  "d-sm-flex justify-content-center justify-content-sm-between"
653
              },
654
              [
655
                _vm._m(0),
656
                _vm._v(" "),
657
                _c(
658
                  "span",
659
                  {
660
                    staticClass:
661
                      "text-muted float-none float-sm-right d-block mt-1 mt-sm-0 text-center"
662
                  },
663
                  [_vm._v(_vm._s(_vm.app.version))]
664
                )
665
              ]
666
            )
667
          ])
668
        ],
669
        1
670
      )
671
    ])
672
  ])
673
}
674
var staticRenderFns = [
675
  function() {
676
    var _vm = this
677
    var _h = _vm.$createElement
678
    var _c = _vm._self._c || _h
679
    return _c(
680
      "span",
681
      {
682
        staticClass:
683
          "text-muted text-center text-sm-left d-block d-sm-inline-block"
684
      },
685
      [
686
        _vm._v("Copyright © 2016-2021"),
687
        _c("span", { staticClass: "d-none d-md-inline" }, [
688
          _vm._v(" Butcherman - All rights reserved.")
689
        ])
690
      ]
691
    )
692
  }
693
]
694
render._withStripped = true
695
696
697
698
/***/ }),
699
700
/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/Pages/Customer/index.vue?vue&type=template&id=223eacca&":
701
/*!*********************************************************************************************************************************************************************************************************************!*\
702
  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/Pages/Customer/index.vue?vue&type=template&id=223eacca& ***!
703
  \*********************************************************************************************************************************************************************************************************************/
704
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
705
706
"use strict";
707
__webpack_require__.r(__webpack_exports__);
708
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
709
/* harmony export */   "render": () => (/* binding */ render),
710
/* harmony export */   "staticRenderFns": () => (/* binding */ staticRenderFns)
711
/* harmony export */ });
712
var render = function() {
713
  var _vm = this
714
  var _h = _vm.$createElement
715
  var _c = _vm._self._c || _h
716
  return _c("div", [
717
    _vm._m(0),
718
    _vm._v(" "),
719
    _c("div", { staticClass: "row grid-margin" }, [
720
      _c("div", { staticClass: "col-12" }, [
721
        _c("div", { staticClass: "card" }, [
722
          _c(
723
            "div",
724
            { staticClass: "card-body" },
725
            [
726
              _c("vue-good-table", {
727
                attrs: {
728
                  mode: "remote",
729
                  columns: _vm.table.columns,
730
                  rows: _vm.table.rows,
731
                  isLoading: _vm.table.loading,
732
                  totalRows: _vm.pagination.meta.total,
733
                  "pagination-options": {
734
                    enabled: true,
735
                    mode: "records",
736
                    perPage: _vm.searchParam.perPage,
737
                    position: "bottom",
738
                    perPageDropdown: [25, 50, 100, 250],
739
                    dropdownAllowAll: true
740
                  }
741
                },
742
                on: {
743
                  "update:isLoading": function($event) {
744
                    return _vm.$set(_vm.table, "loading", $event)
745
                  },
746
                  "update:is-loading": function($event) {
747
                    return _vm.$set(_vm.table, "loading", $event)
748
                  },
749
                  "on-column-filter": _vm.filterSearch,
750
                  "on-page-change": _vm.newPage,
751
                  "on-sort-change": _vm.reSort,
752
                  "on-per-page-change": _vm.perPageUpdate
753
                },
754
                scopedSlots: _vm._u([
755
                  {
756
                    key: "table-actions",
757
                    fn: function() {
758
                      return [
759
                        _vm.can_create
760
                          ? _c(
761
                              "inertia-link",
762
                              {
763
                                attrs: {
764
                                  as: "b-button",
765
                                  variant: "info",
766
                                  href: _vm.route("customers.create"),
767
                                  pill: "",
768
                                  size: "sm"
769
                                }
770
                              },
771
                              [
772
                                _c("i", {
773
                                  staticClass: "fas fa-plus",
774
                                  attrs: { "aria-hidden": "true" }
775
                                }),
776
                                _vm._v(" Add New Customer")
777
                              ]
778
                            )
779
                          : _vm._e()
780
                      ]
781
                    },
782
                    proxy: true
783
                  },
784
                  {
785
                    key: "emptystate",
786
                    fn: function() {
787
                      return [
788
                        !_vm.table.loading
789
                          ? _c("h4", { staticClass: "text-center" }, [
790
                              _vm._v("No Customers Found")
791
                            ])
792
                          : _vm._e()
793
                      ]
794
                    },
795
                    proxy: true
796
                  },
797
                  {
798
                    key: "table-row",
799
                    fn: function(data) {
800
                      return [
801
                        data.column.field === "name"
802
                          ? _c(
803
                              "span",
804
                              [
805
                                _c(
806
                                  "inertia-link",
807
                                  {
808
                                    attrs: {
809
                                      href: _vm.route(
810
                                        "customers.show",
811
                                        data.row.slug
812
                                      )
813
                                    }
814
                                  },
815
                                  [_vm._v(_vm._s(data.row.name))]
816
                                )
817
                              ],
818
                              1
819
                            )
820
                          : data.column.field === "equipment"
821
                          ? _c(
822
                              "span",
823
                              [
824
                                _vm._l(data.row.customer_equipment, function(
825
                                  equip
826
                                ) {
827
                                  return _c(
828
                                    "div",
829
                                    { key: equip.cust_equip_id },
830
                                    [
831
                                      _vm._v(
832
                                        "\n                                    " +
833
                                          _vm._s(equip.name) +
834
                                          "\n                                "
835
                                      )
836
                                    ]
837
                                  )
838
                                }),
839
                                _vm._v(" "),
840
                                _vm._l(data.row.parent_equipment, function(
841
                                  equip
842
                                ) {
843
                                  return _c("div", { key: equip.equip_id }, [
844
                                    _c("i", {
845
                                      directives: [
846
                                        {
847
                                          name: "b-tooltip",
848
                                          rawName: "v-b-tooltip:hover",
849
                                          arg: "hover"
850
                                        }
851
                                      ],
852
                                      staticClass: "fas fa-share",
853
                                      attrs: {
854
                                        title:
855
                                          "Equipment Belongs to Parent Site"
856
                                      }
857
                                    }),
858
                                    _vm._v(
859
                                      "\n                                    " +
860
                                        _vm._s(equip.name) +
861
                                        "\n                                "
862
                                    )
863
                                  ])
864
                                })
865
                              ],
866
                              2
867
                            )
868
                          : _vm._e()
869
                      ]
870
                    }
871
                  }
872
                ])
873
              })
874
            ],
875
            1
876
          )
877
        ])
878
      ])
879
    ])
880
  ])
881
}
882
var staticRenderFns = [
883
  function() {
884
    var _vm = this
885
    var _h = _vm.$createElement
886
    var _c = _vm._self._c || _h
887
    return _c("div", { staticClass: "row grid-margin" }, [
888
      _c("div", { staticClass: "col-md-12" }, [
889
        _c("h4", { staticClass: "text-center text-md-left" }, [
890
          _vm._v("Customers")
891
        ])
892
      ])
893
    ])
894
  }
895
]
896
render._withStripped = true
897
898
899
900
/***/ })
901
902
}]);