Started refactor and alignment of component system

[bookstack] / resources / js / components / attachments.js

diff --git a/resources/js/components/attachments.js b/resources/js/components/attachments.js
index 6dcfe9f128cf39a8e7a2d0586b32b9320613c5f8..a01147aa299c43b372a7986ed467b602d42f2aa4 100644 (file)
--- a/resources/js/components/attachments.js
+++ b/resources/js/components/attachments.js
@@ -1,10 +1,7 @@
-/**
- * Attachments
- * @extends {Component}
- */

 import {showLoading} from "../services/dom";
 import {showLoading} from "../services/dom";

+import {Component} from "./component";

 
 

-class Attachments {
+export class Attachments extends Component {

 
     setup() {
         this.container = this.$el;
 
     setup() {
         this.container = this.$el;


@@ -49,7 +46,7 @@ class Attachments {
         this.mainTabs.components.tabs.show('items');
         window.$http.get(`/attachments/get/page/${this.pageId}`).then(resp => {
             this.list.innerHTML = resp.data;
         this.mainTabs.components.tabs.show('items');
         window.$http.get(`/attachments/get/page/${this.pageId}`).then(resp => {
             this.list.innerHTML = resp.data;

-            window.components.init(this.list);
+            window.$components.init(this.list);

         });
     }
 
         });
     }
 


@@ -66,7 +63,7 @@ class Attachments {
         showLoading(this.editContainer);
         const resp = await window.$http.get(`/attachments/edit/${id}`);
         this.editContainer.innerHTML = resp.data;
         showLoading(this.editContainer);
         const resp = await window.$http.get(`/attachments/edit/${id}`);
         this.editContainer.innerHTML = resp.data;

-        window.components.init(this.editContainer);
+        window.$components.init(this.editContainer);

     }
 
     stopEdit() {
     }
 
     stopEdit() {