Implements circle-spinner for work order edit.

public/js/app.js

@@ -2206,8 +2206,8 @@ __webpack_require__.r(__webpack_exports__);
       "default": '#fff'
     },
     size: {
-      type: String,
-      "default": '10'
+      type: Number,
+      "default": 10
     }
   }
 });
@@ -2783,6 +2783,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _components_Modal_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../components/Modal.vue */ "./resources/js/components/Modal.vue");
 /* harmony import */ var _components_AutocompleteCustomDropdown_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/AutocompleteCustomDropdown.vue */ "./resources/js/components/AutocompleteCustomDropdown.vue");
 /* harmony import */ var _components_ErrorList_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../components/ErrorList.vue */ "./resources/js/components/ErrorList.vue");
+/* harmony import */ var _components_CircleSpinner_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../components/CircleSpinner.vue */ "./resources/js/components/CircleSpinner.vue");
 //
 //
 //
@@ -2822,11 +2823,13 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 /* harmony default export */ __webpack_exports__["default"] = ({
   components: {
     Modal: _components_Modal_vue__WEBPACK_IMPORTED_MODULE_0__["default"],
     AutocompleteCustomDropdown: _components_AutocompleteCustomDropdown_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
-    ErrorList: _components_ErrorList_vue__WEBPACK_IMPORTED_MODULE_2__["default"]
+    ErrorList: _components_ErrorList_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
+    CircleSpinner: _components_CircleSpinner_vue__WEBPACK_IMPORTED_MODULE_3__["default"]
   },
   props: {
     populateWith: {
@@ -2858,8 +2861,7 @@ __webpack_require__.r(__webpack_exports__);
     updateWorkOrder: function updateWorkOrder() {
       var _this = this;
 
-      woInfoSaving: true;
-
+      this.woInfoSaving = true;
       this.data.storeid = this.store.id;
       axios.put('/api/workorders/' + this.data.woid, this.data).then(function (response) {
         _this.woInfoSaving = false;

resources/js/components/CircleSpinner.vue

@@ -12,8 +12,8 @@
         default: '#fff'
       },
       size: {
-        type: String,
-        default: '10'
+        type: Number,
+        default: 10
       }
     },
   }

resources/js/components/WoInfoEditModal.vue

@@ -38,11 +38,13 @@
 import Modal from '../components/Modal.vue'
 import AutocompleteCustomDropdown from '../components/AutocompleteCustomDropdown.vue'
 import ErrorList from '../components/ErrorList.vue'
+import CircleSpinner from '../components/CircleSpinner.vue'
 export default {
     components: {
         Modal,
         AutocompleteCustomDropdown,
-        ErrorList
+        ErrorList,
+        CircleSpinner,
     },
     props: {
         populateWith: {
@@ -72,7 +74,7 @@ export default {
     },
     methods: {
         updateWorkOrder() {
-            woInfoSaving: true
+            this.woInfoSaving = true
             this.data.storeid = this.store.id
             axios.put('/api/workorders/' + this.data.woid, this.data)
                 .then((response) => {