commit 3d9ce5e7f2a0c37c4db9984008ab810b8a745661
author Akron <nils@diewald-online.de> Thu Oct 01 15:18:36 2020 +0200
committer Akron <nils@diewald-online.de> Thu Oct 01 15:18:36 2020 +0200
tree 2b68806e721e65196e390aa8065405c7999f4413
parent b69cbf12fa1db839d4efb5998f1c18fb7e37bc5b

Add minimize() method to views

Change-Id: I2d55d0459374b678b5a4417701c9db9b57af8242

dev/js/spec/panelSpec.js

diff --git a/dev/js/spec/panelSpec.js b/dev/js/spec/panelSpec.js
index d0a9349..007b43c 100644
--- a/dev/js/spec/panelSpec.js
+++ b/dev/js/spec/panelSpec.js
@@ -64,6 +64,14 @@
       expect(btn.classList.contains("button-group")).toBeTruthy();
       expect(btn.classList.contains("versuch")).toBeTruthy();
     });
+
+    it('should be minimizable', function () {
+      var view = viewClass.create(['versuch']);
+      var e = view.element();
+      expect(e.classList.contains('show')).toBeTruthy();
+      view.minimize();
+      expect(e.classList.contains('show')).toBeFalsy();
+    });
   });
   
   describe('KorAP.Panel', function () {

dev/js/spec/pluginSpec.js

diff --git a/dev/js/spec/pluginSpec.js b/dev/js/spec/pluginSpec.js
index c0d741d..cabeae9 100644
--- a/dev/js/spec/pluginSpec.js
+++ b/dev/js/spec/pluginSpec.js
@@ -201,6 +201,14 @@
       widget.resize({ height : 9 });
       expect(iframe.style.height).toEqual('9px');
     });
+
+    it('should be minimizable', function () {
+      var widget = widgetClass.create("Test", "https://example", 56);
+      var we = widget.element();
+      expect(we.classList.contains('show')).toBeTruthy();
+      widget.minimize();
+      expect(we.classList.contains('show')).toBeFalsy();
+    });
   });
 
   describe('KorAP.Plugin.Service', function () {

dev/js/src/plugin/widget.js

diff --git a/dev/js/src/plugin/widget.js b/dev/js/src/plugin/widget.js
index 707f5f0..25bc6cc 100644
--- a/dev/js/src/plugin/widget.js
+++ b/dev/js/src/plugin/widget.js
@@ -31,10 +31,14 @@
      */
     show : function () {
 
-      if (this._load)
+      if (this._load) {
+        if (this._element)
+          this._element.classList.add('show');
         return this._load;
+      }
 
       let obj = this.load();
+      this._load.classList.add("widget", "show");
       obj.setAttribute('loading', 'lazy');
 
       // Per default there should at least be a button

dev/js/src/view.js

diff --git a/dev/js/src/view.js b/dev/js/src/view.js
index 7243837..27d1ab2 100644
--- a/dev/js/src/view.js
+++ b/dev/js/src/view.js
@@ -36,19 +36,20 @@
       return this;
     },
 
-    
     /**
      * Element of the view
      */
     element : function () {
-      if (this._element)
+      if (this._element) {
+        this._element.classList.add('show');
         return this._element;
+      };
 
       // Create panel element
       var e = document.createElement('div');
 
       var cl = e.classList;
-      cl.add('view');
+      cl.add('view', 'show');
       if (this._classes)
         cl.add.apply(cl, this._classes);
 
@@ -67,6 +68,7 @@
       e.appendChild(this.actions.element());
 
       this._element = e;
+
       return e;
     },
 
@@ -78,6 +80,16 @@
       return this._shown;
     },
 
+    
+    /**
+     * Hide the widget if shown.
+     */
+    minimize : function () {
+      if (this._element) {
+        this._element.classList.remove("show");
+      }
+    },
+
     // onClose : function () {},
 
     /**