Merge branch 'master' of github.com:eyra/mono into dependabot/npm_and…

…_yarn/core/assets/stylelint-15.10.1

# Conflicts:
#	core/assets/package-lock.json

README.md

@@ -1,6 +1,6 @@
 # Eyra Mono
 
-Primary collection of Eyra projects  
+Primary collection of Eyra projects
 
 ## Projects
 
@@ -19,7 +19,7 @@ Project implementing a SaaS platform based on interlinked modules called Systems
 * Campaign
 * Assignment
 * Lab
-* Survey
+* Questionnaire
 * Pool
 * Data Donation
 * ..
@@ -28,12 +28,12 @@ Project implementing a SaaS platform based on interlinked modules called Systems
 
 * Next
 
-Primary bundle with all features available except Link specific features. 
+Primary bundle with all features available except Link specific features.
 Next is hosted on: https://eyra.co
 
 * Link
 
-Secundary bundle with only Panl specific features. 
+Secundary bundle with only Panl specific features.
 Link is hosted on: https://researchpanl.eu
 
 ## Banking Proxy

core/.credo.exs

@@ -42,7 +42,7 @@
         # If you don't want TODO comments to cause `mix credo` to fail, just
         # set this value to 0 (zero).
         #
-        {Credo.Check.Design.TagTODO, [exit_status: 2]},
+        {Credo.Check.Design.TagTODO, [exit_status: 0]},
         {Credo.Check.Design.TagFIXME, false},
 
         #

core/Makefile

@@ -23,6 +23,9 @@ gettext:
 
 build: build-digest build-app
 
+build-assets:
+	@cd .assets && npm run build
+
 build-digest:
 	@mix phx.digest
 

core/assets/css/app.css

@@ -127,37 +127,3 @@
   src: url("../static/fonts/Finador-BlackOblique.woff2") format("woff2"),
     url("../static/fonts/Finador-BlackOblique.woff") format("woff");
 }
-
-.data-donation-extraction-results tbody tr:nth-child(even) {
-  background-color: #fafafa;
-}
-
-.data-donation-extraction-results thead {
-  background-color: #fafafa;
-}
-
-.data-donation-extraction-results thead tr {
-  font-family: "Finador-Bold";
-  font-size: 18px;
-}
-
-.data-donation-extraction-results tbody tr {
-  font-family: "Finador-Regular";
-  font-size: 14px;
-}
-
-.data-donation-extraction-results thead tr td,
-th {
-  padding-top: 9px;
-  padding-bottom: 9px;
-  padding-left: 10px;
-  padding-right: 10px;
-}
-
-.data-donation-extraction-results tbody tr td,
-th {
-  padding-top: 7px;
-  padding-bottom: 7px;
-  padding-left: 10px;
-  padding-right: 10px;
-}

core/assets/js/app.js

@@ -26,12 +26,11 @@ import "./100vh-fix";
 import { ViewportResize } from "./viewport_resize";
 import { SidePanel } from "./side_panel";
 import { Toggle } from "./toggle";
+import { Cell } from "./cell";
 import { LiveContent, LiveField } from "./live_content";
 import { Tabbar, TabbarItem, TabbarFooterItem } from "./tabbar";
-import { PythonUploader } from "./python_uploader";
 import { Clipboard } from "./clipboard";
-import { DataDonationHook } from "./data_donation_hook";
-import { Port } from "./port";
+import { FeldsparApp } from "./feldspar_app";
 
 window.registerAPNSDeviceToken = registerAPNSDeviceToken;
 
@@ -96,15 +95,14 @@ let Hooks = {
   ViewportResize,
   SidePanel,
   Toggle,
+  Cell,
   LiveContent,
   LiveField,
   Tabbar,
   TabbarItem,
   TabbarFooterItem,
   NativeWrapper,
-  PythonUploader,
-  DataDonationHook,
-  Port,
+  FeldsparApp,
 };
 
 let liveSocket = new LiveSocket("/live", Socket, {

core/assets/js/cell.js

@@ -0,0 +1,82 @@
+const COLLAPSED = "collapsed";
+const EXPANDED = "expanded";
+
+const COLLAPSED_VIEW = "cell-collapsed-view";
+const EXPANDED_VIEW = "cell-expanded-view";
+
+const COLLAPSE_BUTTON = "cell-collapse-button";
+const EXPAND_BUTTON = "cell-expand-button";
+
+export const Cell = {
+  mounted() {
+    this.collapseButton = this.el.getElementsByClassName(COLLAPSE_BUTTON)[0];
+    this.collapsedView = this.el.getElementsByClassName(COLLAPSED_VIEW)[0];
+
+    this.expandButton = this.el.getElementsByClassName(EXPAND_BUTTON)[0];
+    this.expandedView = this.el.getElementsByClassName(EXPANDED_VIEW)[0];
+
+    this.collapseButton.addEventListener("click", (event) => {
+      event.stopPropagation();
+      this.updateStatus(COLLAPSED);
+    });
+
+    this.expandButton.addEventListener("click", (event) => {
+      event.stopPropagation();
+      this.updateStatus(EXPANDED);
+    });
+
+    var initialStatus = this.el.dataset.initialStatus
+      ? this.el.dataset.initialTab
+      : COLLAPSED;
+
+    var savedStatus = this.loadStatus();
+    this.status = savedStatus ? savedStatus : initialStatus;
+    this.updateUI();
+  },
+
+  updated() {
+    this.updateUI();
+  },
+
+  loadStatus() {
+    const key = this.getStatusKey();
+    const status = window.localStorage.getItem(key);
+    if (typeof status === "string") {
+      return status;
+    }
+    return undefined;
+  },
+
+  saveStatus() {
+    console.info("saveStatus ", this.status);
+    window.localStorage.setItem(this.getStatusKey(), this.status);
+  },
+
+  getStatusKey() {
+    return "cell://" + this.el.id + "/status";
+  },
+
+  updateStatus(status) {
+    this.status = status;
+    this.saveStatus();
+    this.updateUI();
+  },
+
+  updateUI() {
+    if (this.status == EXPANDED) {
+      this.hide(this.collapsedView);
+      this.show(this.expandedView);
+    } else {
+      this.show(this.collapsedView);
+      this.hide(this.expandedView);
+    }
+  },
+  hide(element) {
+    if (!element.classList.contains("hidden")) {
+      element.classList.add("hidden");
+    }
+  },
+  show(element) {
+    element.classList.remove("hidden");
+  },
+};

core/assets/js/feldspar_app.js

@@ -0,0 +1,30 @@
+export const FeldsparApp = {
+  mounted() {
+    console.log("FeldsparApp MOUNTED");
+
+    const iframe = this.getIframe();
+    iframe.addEventListener("load", () => {
+      this.onFrameLoaded();
+    });
+    iframe.setAttribute("src", this.el.dataset.src);
+  },
+
+  getIframe() {
+    return this.el.querySelector("iframe");
+  },
+
+  onFrameLoaded() {
+    console.log("Initializing iframe app");
+    this.channel = new MessageChannel();
+    this.channel.port1.onmessage = (e) => {
+      this.handleMessage(e);
+    };
+    this.getIframe().contentWindow.postMessage("init", "*", [
+      this.channel.port2,
+    ]);
+  },
+
+  handleMessage(e) {
+    this.pushEvent("app_event", e.data);
+  },
+};