cloasing flag

flag.js

@@ -1,10 +1,24 @@
 (function(connector) {
   'use strict';
 
+  var iframe;
+  var flag;
+
+  var closeFlag = function(ev) {
+    flag.classList.add('closing');
+    setTimeout(function() {
+      flag.style.opacity = 0;
+      setTimeout(function() {
+        flag.remove();
+      },500);
+    },3000);
+    //TODO timeout und vanish
+  }
+
   var openFlag = function(ev) {
     flag = document.createElement('div');
     flag.id = 'flag-overlay';
-    var iframe = document.createElement('iframe');
+    iframe = document.createElement('iframe');
     iframe.src= '';
     iframe.name = 'flag-iframe';
     flag.appendChild(iframe);
@@ -38,10 +52,6 @@
     form.submit();
   }
 
-  var closeFlag = function() {
-    alert('close');
-  }
-
   var panel = document.createElement('div');
   panel.id = 'flag-panel';
 
@@ -56,11 +66,17 @@
 
   var button = document.createElement('button');
 
-  var flag = false;
   button.innerHTML = 'Problem melden';
   button.addEventListener('click',openFlag);
 
-  /*var links = document.getElementsByClassName('flag-link');
+  window.addEventListener("message", (event) => {
+    //console.log(event);
+    if(event.data == 'close') {
+      closeFlag();
+    }
+  });
+
+  var links = document.getElementsByClassName('flag-link');
   if(links.length > 0) {
     for(var l in links) {
       console.log(links);
@@ -69,7 +85,7 @@
         return false;
       });
     }
-  }*/
+  }
   //TODO flag-link
 
   panel.appendChild(tab);