Removes credential from credlist live on delete

Only if successful.

public/js/app.js

@@ -2342,6 +2342,11 @@ __webpack_require__.r(__webpack_exports__);
       });
       return list;
     }
+  },
+  methods: {
+    deleteCred: function deleteCred(index) {
+      console.log(this.credentials.splice(index, 1));
+    }
   }
 });
 
@@ -2421,6 +2426,8 @@ __webpack_require__.r(__webpack_exports__);
 
       axios["delete"]('/api/credentials/' + this.data.credid, this.data).then(function (response) {
         $('#credential' + _this2.data.credid + 'deleteModal').modal('hide');
+
+        _this2.$emit('delete-cred');
       })["catch"](function (error) {
         console.error(error);
       });
@@ -49521,13 +49528,18 @@ var render = function() {
         [_vm._v("New Credential")]
       ),
       _vm._v(" "),
-      _vm._l(_vm.credentials, function(credential) {
+      _vm._l(_vm.credentials, function(credential, index) {
         return _c(
           "div",
-          { key: credential.credid },
+          { key: index },
           [
             _c("credential", {
-              attrs: { credential: credential, descriptions: _vm.creddescList }
+              attrs: { credential: credential, descriptions: _vm.creddescList },
+              on: {
+                "delete-cred": function($event) {
+                  return _vm.deleteCred(index)
+                }
+              }
             })
           ],
           1

resources/js/components/credential-list.vue

@@ -2,8 +2,8 @@
     <div>
         <credential-form-modal modal-id="newCredentialModal" :descriptions="creddescList" :create="true" :pcid="pcid"></credential-form-modal>
         <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#newCredentialModal">New Credential</button>
-        <div v-for="credential in credentials" :key="credential.credid">
-            <credential :credential="credential" :descriptions="creddescList"></credential>
+        <div v-for="(credential, index) in credentials" :key="index">
+            <credential :credential="credential" :descriptions="creddescList" @delete-cred="deleteCred(index)"></credential>
         </div>
     </div>
 </template>
@@ -39,5 +39,10 @@ export default {
             return list
         }
     },
+    methods: {
+        deleteCred: function(index) {
+            console.log(this.credentials.splice(index, 1));
+        }
+    }
 }
 </script>

resources/js/components/credential.vue

@@ -62,6 +62,7 @@ export default {
             axios.delete('/api/credentials/' + this.data.credid, this.data)
                 .then(response => {
                     $('#credential'+this.data.credid+'deleteModal').modal('hide');
+                    this.$emit('delete-cred');
                 }).catch(error => { console.error(error) })
         }
     }