Merge branch 'feature/dashboard' into develop

.gitignore

@@ -18,4 +18,10 @@ src/modules/security/default_users.json
 
 resources/
 
+src/dashboard/.dart_tool/
+
+src/dashboard/build/61d113a1f91ed254ee3636485549491e/
+
+src/dashboard/build/
+
 reports/

bin/build.py

@@ -35,6 +35,23 @@ def get_dockerfile_paths_and_names() -> Dict[str, str]:
     return command_args
 
 
+def is_flutter_project(path: str) -> bool:
+    test_file_path = f"{path}/pubspec.yaml"
+
+    return os.path.exists(test_file_path)
+
+class cd:
+    """Context manager for changing the current working directory"""
+    def __init__(self, newPath):
+        self.newPath = os.path.expanduser(newPath)
+
+    def __enter__(self):
+        self.savedPath = os.getcwd()
+        os.chdir(self.newPath)
+
+    def __exit__(self, etype, value, traceback):
+        os.chdir(self.savedPath)
+
 if __name__ == '__main__':
     p_image_name = None
 
@@ -60,6 +77,11 @@ if __name__ == '__main__':
         path = command_arg['path']
         image_name = f"{DOCKERHUB_REPO_OWNER}/{command_arg['name']}"
 
+        if is_flutter_project(path):
+            with cd(path):
+                print(f"> flutter build web")
+                os.system(f"flutter build web")
+        
         # copy Dockerfile into root dir to have access to modules folder
         shutil.copy2(os.path.join(path, DOCKER_BUILD_NAME), ROOT)
 

src/dashboard/.flutter-plugins

+# This is a generated file; do not edit or check into version control.
+integration_test=C:\\_libs\\flutter\\packages\\integration_test\\
+path_provider=C:\\_libs\\flutter\\.pub-cache\\hosted\\pub.dartlang.org\\path_provider-2.0.2\\
+path_provider_linux=C:\\_libs\\flutter\\.pub-cache\\hosted\\pub.dartlang.org\\path_provider_linux-2.0.0\\
+path_provider_macos=C:\\_libs\\flutter\\.pub-cache\\hosted\\pub.dartlang.org\\path_provider_macos-2.0.0\\
+path_provider_windows=C:\\_libs\\flutter\\.pub-cache\\hosted\\pub.dartlang.org\\path_provider_windows-2.0.1\\

src/dashboard/.flutter-plugins-dependencies

+{"info":"This is a generated file; do not edit or check into version control.","plugins":{"ios":[{"name":"integration_test","path":"C:\\\\_libs\\\\flutter\\\\packages\\\\integration_test\\\\","dependencies":[]},{"name":"path_provider","path":"C:\\\\_libs\\\\flutter\\\\.pub-cache\\\\hosted\\\\pub.dartlang.org\\\\path_provider-2.0.2\\\\","dependencies":[]}],"android":[{"name":"integration_test","path":"C:\\\\_libs\\\\flutter\\\\packages\\\\integration_test\\\\","dependencies":[]},{"name":"path_provider","path":"C:\\\\_libs\\\\flutter\\\\.pub-cache\\\\hosted\\\\pub.dartlang.org\\\\path_provider-2.0.2\\\\","dependencies":[]}],"macos":[{"name":"path_provider_macos","path":"C:\\\\_libs\\\\flutter\\\\.pub-cache\\\\hosted\\\\pub.dartlang.org\\\\path_provider_macos-2.0.0\\\\","dependencies":[]}],"linux":[{"name":"path_provider_linux","path":"C:\\\\_libs\\\\flutter\\\\.pub-cache\\\\hosted\\\\pub.dartlang.org\\\\path_provider_linux-2.0.0\\\\","dependencies":[]}],"windows":[{"name":"path_provider_windows","path":"C:\\\\_libs\\\\flutter\\\\.pub-cache\\\\hosted\\\\pub.dartlang.org\\\\path_provider_windows-2.0.1\\\\","dependencies":[]}],"web":[]},"dependencyGraph":[{"name":"integration_test","dependencies":[]},{"name":"path_provider","dependencies":["path_provider_macos","path_provider_linux","path_provider_windows"]},{"name":"path_provider_linux","dependencies":[]},{"name":"path_provider_macos","dependencies":[]},{"name":"path_provider_windows","dependencies":[]}],"date_created":"2021-06-29 14:01:35.940460","version":"2.2.2"}
\ No newline at end of file

src/dashboard/.gitignore

+# Miscellaneous
+*.class
+*.log
+*.pyc
+*.swp
+.DS_Store
+.atom/
+.buildlog/
+.history
+.svn/
+
+# IntelliJ related
+*.iml
+*.ipr
+*.iws
+.idea/
+
+# The .vscode folder contains launch configuration and tasks you configure in
+# VS Code which you may wish to be included in version control, so this line
+# is commented out by default.
+#.vscode/
+
+# Flutter/Dart/Pub related
+**/doc/api/
+**/ios/Flutter/.last_build_id
+.dart_tool/
+.flutter-plugins
+.flutter-plugins-dependencies
+.packages
+.pub-cache/
+.pub/
+/build/
+
+# Web related
+lib/generated_plugin_registrant.dart
+
+# Symbolication related
+app.*.symbols
+
+# Obfuscation related
+app.*.map.json
+
+# Android Studio will place build artifacts here
+/android/app/debug
+/android/app/profile
+/android/app/release

src/dashboard/.metadata

+# This file tracks properties of this Flutter project.
+# Used by Flutter tool to assess capabilities and perform upgrades etc.
+#
+# This file should be version controlled and should not be manually edited.
+
+version:
+  revision: c5a4b4029c0798f37c4a39b479d7cb75daa7b05c
+  channel: stable
+
+project_type: app

src/dashboard/.packages

+# This file is deprecated. Tools should instead consume 
+# `.dart_tools/package_config.json`.
+# 
+# For more info see: https://dart.dev/go/dot-packages-deprecation
+# 
+# Generated by pub on 2021-06-29 14:01:12.963522.
+animated_text_kit:file:///C:/_libs/flutter/.pub-cache/hosted/pub.dartlang.org/animated_text_kit-4.2.1/lib/
+archive:file:///C:/_libs/flutter/.pub-cache/hosted/pub.dartlang.org/archive-3.1.2/lib/
+async:file:///C:/_libs/flutter/.pub-cache/hosted/pub.dartlang.org/async-2.6.1/lib/
+boolean_selector:file:///C:/_libs/flutter/.pub-cache/hosted/pub.dartlang.org/boolean_selector-2.1.0/lib/
+characters:file:///C:/_libs/flutter/.pub-cache/hosted/pub.dartlang.org/characters-1.1.0/lib/
+charcode:file:///C:/_libs/flutter/.pub-cache/hosted/pub.dartlang.org/charcode-1.2.0/lib/
+circlegraph:file:///C:/_libs/flutter/.pub-cache/hosted/pub.dartlang.org/circlegraph-0.0.6/lib/
+clock:file:///C:/_libs/flutter/.pub-cache/hosted/pub.dartlang.org/clock-1.1.0/lib/
+collection:file:///C:/_libs/flutter/.pub-cache/hosted/pub.dartlang.org/collection-1.15.0/lib/
+crypto:file:///C:/_libs/flutter/.pub-cache/hosted/pub.dartlang.org/crypto-3.0.1/lib/
+cupertino_icons:file:///C:/_libs/flutter/.pub-cache/hosted/pub.dartlang.org/cupertino_icons-1.0.3/lib/
+enhanced_future_builder:file:///C:/_libs/flutter/.pub-cache/hosted/pub.dartlang.org/enhanced_future_builder-1.0.3/lib/
+fake_async:file:///C:/_libs/flutter/.pub-cache/hosted/pub.dartlang.org/fake_async-1.2.0/lib/
+ffi:file:///C:/_libs/flutter/.pub-cache/hosted/pub.dartlang.org/ffi-1.0.0/lib/
+file:file:///C:/_libs/flutter/.pub-cache/hosted/pub.dartlang.org/file-6.1.0/lib/
+flutter:file:///C:/_libs/flutter/packages/flutter/lib/
+flutter_driver:file:///C:/_libs/flutter/packages/flutter_driver/lib/
+flutter_spinkit:file:///C:/_libs/flutter/.pub-cache/hosted/pub.dartlang.org/flutter_spinkit-5.0.0/lib/
+flutter_test:file:///C:/_libs/flutter/packages/flutter_test/lib/
+fuchsia_remote_debug_protocol:file:///C:/_libs/flutter/packages/fuchsia_remote_debug_protocol/lib/
+http:file:///C:/_libs/flutter/.pub-cache/hosted/pub.dartlang.org/http-0.13.3/lib/
+http_parser:file:///C:/_libs/flutter/.pub-cache/hosted/pub.dartlang.org/http_parser-4.0.0/lib/
+integration_test:file:///C:/_libs/flutter/packages/integration_test/lib/
+intl:file:///C:/_libs/flutter/.pub-cache/hosted/pub.dartlang.org/intl-0.17.0/lib/
+localstorage:file:///C:/_libs/flutter/.pub-cache/hosted/pub.dartlang.org/localstorage-4.0.0+1/lib/
+logger:file:///C:/_libs/flutter/.pub-cache/hosted/pub.dartlang.org/logger-1.0.0/lib/
+matcher:file:///C:/_libs/flutter/.pub-cache/hosted/pub.dartlang.org/matcher-0.12.10/lib/
+meta:file:///C:/_libs/flutter/.pub-cache/hosted/pub.dartlang.org/meta-1.3.0/lib/
+path:file:///C:/_libs/flutter/.pub-cache/hosted/pub.dartlang.org/path-1.8.0/lib/
+path_provider:file:///C:/_libs/flutter/.pub-cache/hosted/pub.dartlang.org/path_provider-2.0.2/lib/
+path_provider_linux:file:///C:/_libs/flutter/.pub-cache/hosted/pub.dartlang.org/path_provider_linux-2.0.0/lib/
+path_provider_macos:file:///C:/_libs/flutter/.pub-cache/hosted/pub.dartlang.org/path_provider_macos-2.0.0/lib/
+path_provider_platform_interface:file:///C:/_libs/flutter/.pub-cache/hosted/pub.dartlang.org/path_provider_platform_interface-2.0.1/lib/
+path_provider_windows:file:///C:/_libs/flutter/.pub-cache/hosted/pub.dartlang.org/path_provider_windows-2.0.1/lib/
+pedantic:file:///C:/_libs/flutter/.pub-cache/hosted/pub.dartlang.org/pedantic-1.11.0/lib/
+platform:file:///C:/_libs/flutter/.pub-cache/hosted/pub.dartlang.org/platform-3.0.0/lib/
+plugin_platform_interface:file:///C:/_libs/flutter/.pub-cache/hosted/pub.dartlang.org/plugin_platform_interface-2.0.0/lib/
+process:file:///C:/_libs/flutter/.pub-cache/hosted/pub.dartlang.org/process-4.2.1/lib/
+sky_engine:file:///C:/_libs/flutter/bin/cache/pkg/sky_engine/lib/
+source_span:file:///C:/_libs/flutter/.pub-cache/hosted/pub.dartlang.org/source_span-1.8.1/lib/
+stack_trace:file:///C:/_libs/flutter/.pub-cache/hosted/pub.dartlang.org/stack_trace-1.10.0/lib/
+stream_channel:file:///C:/_libs/flutter/.pub-cache/hosted/pub.dartlang.org/stream_channel-2.1.0/lib/
+string_scanner:file:///C:/_libs/flutter/.pub-cache/hosted/pub.dartlang.org/string_scanner-1.1.0/lib/
+sync_http:file:///C:/_libs/flutter/.pub-cache/hosted/pub.dartlang.org/sync_http-0.3.0/lib/
+term_glyph:file:///C:/_libs/flutter/.pub-cache/hosted/pub.dartlang.org/term_glyph-1.2.0/lib/
+test_api:file:///C:/_libs/flutter/.pub-cache/hosted/pub.dartlang.org/test_api-0.3.0/lib/
+typed_data:file:///C:/_libs/flutter/.pub-cache/hosted/pub.dartlang.org/typed_data-1.3.0/lib/
+vector_math:file:///C:/_libs/flutter/.pub-cache/hosted/pub.dartlang.org/vector_math-2.1.0/lib/
+vm_service:file:///C:/_libs/flutter/.pub-cache/hosted/pub.dartlang.org/vm_service-6.2.0/lib/
+webdriver:file:///C:/_libs/flutter/.pub-cache/hosted/pub.dartlang.org/webdriver-3.0.0/lib/
+win32:file:///C:/_libs/flutter/.pub-cache/hosted/pub.dartlang.org/win32-2.0.0/lib/
+xdg_directories:file:///C:/_libs/flutter/.pub-cache/hosted/pub.dartlang.org/xdg_directories-0.2.0/lib/
+dashboard:lib/

src/dashboard/Dockerfile

+FROM nginx:latest
+EXPOSE 80
+EXPOSE 443
+
+ENV http_proxy http://proxy.uni-klu.ac.at:3128/
+ENV https_proxy http://proxy.uni-klu.ac.at:3128/
+
+COPY ./src/dashboard/deployment/nginx.conf /etc/nginx/conf.d/default.conf
+COPY ./src/dashboard/build/web/ /usr/share/nginx/html/
\ No newline at end of file

src/dashboard/README.md

+# dashboard
+
+A new Flutter project.
+
+## Getting Started
+
+This project is a starting point for a Flutter application.
+
+A few resources to get you started if this is your first Flutter project:
+
+- [Lab: Write your first Flutter app](https://flutter.dev/docs/get-started/codelab)
+- [Cookbook: Useful Flutter samples](https://flutter.dev/docs/cookbook)
+
+For help getting started with Flutter, view our
+[online documentation](https://flutter.dev/docs), which offers tutorials,
+samples, guidance on mobile development, and a full API reference.

src/dashboard/android/.gitignore

+gradle-wrapper.jar
+/.gradle
+/captures/
+/gradlew
+/gradlew.bat
+/local.properties
+GeneratedPluginRegistrant.java
+
+# Remember to never publicly share your keystore.
+# See https://flutter.dev/docs/deployment/android#reference-the-keystore-from-the-app
+key.properties

src/dashboard/android/app/build.gradle

+def localProperties = new Properties()
+def localPropertiesFile = rootProject.file('local.properties')
+if (localPropertiesFile.exists()) {
+    localPropertiesFile.withReader('UTF-8') { reader ->
+        localProperties.load(reader)
+    }
+}
+
+def flutterRoot = localProperties.getProperty('flutter.sdk')
+if (flutterRoot == null) {
+    throw new GradleException("Flutter SDK not found. Define location with flutter.sdk in the local.properties file.")
+}
+
+def flutterVersionCode = localProperties.getProperty('flutter.versionCode')
+if (flutterVersionCode == null) {
+    flutterVersionCode = '1'
+}
+
+def flutterVersionName = localProperties.getProperty('flutter.versionName')
+if (flutterVersionName == null) {
+    flutterVersionName = '1.0'
+}
+
+apply plugin: 'com.android.application'
+apply plugin: 'kotlin-android'
+apply from: "$flutterRoot/packages/flutter_tools/gradle/flutter.gradle"
+
+android {
+    compileSdkVersion 30
+
+    sourceSets {
+        main.java.srcDirs += 'src/main/kotlin'
+    }
+
+    defaultConfig {
+        // TODO: Specify your own unique Application ID (https://developer.android.com/studio/build/application-id.html).
+        applicationId "at.itec.articonf1.dashboard"
+        minSdkVersion 16
+        targetSdkVersion 30
+        versionCode flutterVersionCode.toInteger()
+        versionName flutterVersionName
+    }
+
+    buildTypes {
+        release {
+            // TODO: Add your own signing config for the release build.
+            // Signing with the debug keys for now, so `flutter run --release` works.
+            signingConfig signingConfigs.debug
+        }
+    }
+}
+
+flutter {
+    source '../..'
+}
+
+dependencies {
+    implementation "org.jetbrains.kotlin:kotlin-stdlib-jdk7:$kotlin_version"
+}

src/dashboard/android/app/src/debug/AndroidManifest.xml

+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+    package="at.itec.articonf1.dashboard">
+    <!-- Flutter needs it to communicate with the running application
+         to allow setting breakpoints, to provide hot reload, etc.
+    -->
+    <uses-permission android:name="android.permission.INTERNET"/>
+</manifest>

src/dashboard/android/app/src/main/AndroidManifest.xml

+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+    package="at.itec.articonf1.dashboard">
+   <application
+        android:label="dashboard"
+        android:icon="@mipmap/ic_launcher">
+        <activity
+            android:name=".MainActivity"
+            android:launchMode="singleTop"
+            android:theme="@style/LaunchTheme"
+            android:configChanges="orientation|keyboardHidden|keyboard|screenSize|smallestScreenSize|locale|layoutDirection|fontScale|screenLayout|density|uiMode"
+            android:hardwareAccelerated="true"
+            android:windowSoftInputMode="adjustResize">
+            <!-- Specifies an Android theme to apply to this Activity as soon as
+                 the Android process has started. This theme is visible to the user
+                 while the Flutter UI initializes. After that, this theme continues
+                 to determine the Window background behind the Flutter UI. -->
+            <meta-data
+              android:name="io.flutter.embedding.android.NormalTheme"
+              android:resource="@style/NormalTheme"
+              />
+            <!-- Displays an Android View that continues showing the launch screen
+                 Drawable until Flutter paints its first frame, then this splash
+                 screen fades out. A splash screen is useful to avoid any visual
+                 gap between the end of Android's launch screen and the painting of
+                 Flutter's first frame. -->
+            <meta-data
+              android:name="io.flutter.embedding.android.SplashScreenDrawable"
+              android:resource="@drawable/launch_background"
+              />
+            <intent-filter>
+                <action android:name="android.intent.action.MAIN"/>
+                <category android:name="android.intent.category.LAUNCHER"/>
+            </intent-filter>
+        </activity>
+        <!-- Don't delete the meta-data below.
+             This is used by the Flutter tool to generate GeneratedPluginRegistrant.java -->
+        <meta-data
+            android:name="flutterEmbedding"
+            android:value="2" />
+    </application>
+</manifest>

src/dashboard/android/app/src/main/java/io/flutter/plugins/GeneratedPluginRegistrant.java

+package io.flutter.plugins;
+
+import androidx.annotation.Keep;
+import androidx.annotation.NonNull;
+
+import io.flutter.embedding.engine.FlutterEngine;
+
+/**
+ * Generated file. Do not edit.
+ * This file is generated by the Flutter tool based on the
+ * plugins that support the Android platform.
+ */
+@Keep
+public final class GeneratedPluginRegistrant {
+  public static void registerWith(@NonNull FlutterEngine flutterEngine) {
+    flutterEngine.getPlugins().add(new dev.flutter.plugins.integration_test.IntegrationTestPlugin());
+    flutterEngine.getPlugins().add(new io.flutter.plugins.pathprovider.PathProviderPlugin());
+  }
+}

src/dashboard/android/app/src/main/kotlin/at/itec/articonf1/dashboard/MainActivity.kt

+package at.itec.articonf1.dashboard
+
+import io.flutter.embedding.android.FlutterActivity
+
+class MainActivity: FlutterActivity() {
+}

src/dashboard/android/app/src/main/res/drawable-v21/launch_background.xml

+<?xml version="1.0" encoding="utf-8"?>
+<!-- Modify this file to customize your launch splash screen -->
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="?android:colorBackground" />
+
+    <!-- You can insert your own image assets here -->
+    <!-- <item>
+        <bitmap
+            android:gravity="center"
+            android:src="@mipmap/launch_image" />
+    </item> -->
+</layer-list>

src/dashboard/android/app/src/main/res/drawable/launch_background.xml

+<?xml version="1.0" encoding="utf-8"?>
+<!-- Modify this file to customize your launch splash screen -->
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@android:color/white" />
+
+    <!-- You can insert your own image assets here -->
+    <!-- <item>
+        <bitmap
+            android:gravity="center"
+            android:src="@mipmap/launch_image" />
+    </item> -->
+</layer-list>

src/dashboard/android/app/src/main/res/values-night/styles.xml

+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <!-- Theme applied to the Android Window while the process is starting when the OS's Dark Mode setting is on -->
+    <style name="LaunchTheme" parent="@android:style/Theme.Black.NoTitleBar">
+        <!-- Show a splash screen on the activity. Automatically removed when
+             Flutter draws its first frame -->
+        <item name="android:windowBackground">@drawable/launch_background</item>
+    </style>
+    <!-- Theme applied to the Android Window as soon as the process has started.
+         This theme determines the color of the Android Window while your
+         Flutter UI initializes, as well as behind your Flutter UI while its
+         running.
+         
+         This Theme is only used starting with V2 of Flutter's Android embedding. -->
+    <style name="NormalTheme" parent="@android:style/Theme.Black.NoTitleBar">
+        <item name="android:windowBackground">?android:colorBackground</item>
+    </style>
+</resources>

src/dashboard/android/app/src/main/res/values/styles.xml

+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <!-- Theme applied to the Android Window while the process is starting when the OS's Dark Mode setting is off -->
+    <style name="LaunchTheme" parent="@android:style/Theme.Light.NoTitleBar">
+        <!-- Show a splash screen on the activity. Automatically removed when
+             Flutter draws its first frame -->
+        <item name="android:windowBackground">@drawable/launch_background</item>
+    </style>
+    <!-- Theme applied to the Android Window as soon as the process has started.
+         This theme determines the color of the Android Window while your
+         Flutter UI initializes, as well as behind your Flutter UI while its
+         running.
+         
+         This Theme is only used starting with V2 of Flutter's Android embedding. -->
+    <style name="NormalTheme" parent="@android:style/Theme.Light.NoTitleBar">
+        <item name="android:windowBackground">?android:colorBackground</item>
+    </style>
+</resources>

src/dashboard/android/app/src/profile/AndroidManifest.xml

+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+    package="at.itec.articonf1.dashboard">
+    <!-- Flutter needs it to communicate with the running application
+         to allow setting breakpoints, to provide hot reload, etc.
+    -->
+    <uses-permission android:name="android.permission.INTERNET"/>
+</manifest>

src/dashboard/android/build.gradle

+buildscript {
+    ext.kotlin_version = '1.3.50'
+    repositories {
+        google()
+        jcenter()
+    }
+
+    dependencies {
+        classpath 'com.android.tools.build:gradle:4.1.0'
+        classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
+    }
+}
+
+allprojects {
+    repositories {
+        google()
+        jcenter()
+    }
+}
+
+rootProject.buildDir = '../build'
+subprojects {
+    project.buildDir = "${rootProject.buildDir}/${project.name}"
+}
+subprojects {
+    project.evaluationDependsOn(':app')
+}
+
+task clean(type: Delete) {
+    delete rootProject.buildDir
+}

src/dashboard/android/gradle.properties

+org.gradle.jvmargs=-Xmx1536M
+android.useAndroidX=true
+android.enableJetifier=true

src/dashboard/android/gradle/wrapper/gradle-wrapper.properties

+#Fri Jun 23 08:50:38 CEST 2017
+distributionBase=GRADLE_USER_HOME
+distributionPath=wrapper/dists
+zipStoreBase=GRADLE_USER_HOME
+zipStorePath=wrapper/dists
+distributionUrl=https\://services.gradle.org/distributions/gradle-6.7-all.zip

src/dashboard/android/gradlew

+#!/usr/bin/env bash
+
+##############################################################################
+##
+##  Gradle start up script for UN*X
+##
+##############################################################################
+
+# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
+DEFAULT_JVM_OPTS=""
+
+APP_NAME="Gradle"
+APP_BASE_NAME=`basename "$0"`
+
+# Use the maximum available, or set MAX_FD != -1 to use that value.
+MAX_FD="maximum"
+
+warn ( ) {
+    echo "$*"
+}
+
+die ( ) {
+    echo
+    echo "$*"
+    echo
+    exit 1
+}
+
+# OS specific support (must be 'true' or 'false').
+cygwin=false
+msys=false
+darwin=false
+case "`uname`" in
+  CYGWIN* )
+    cygwin=true
+    ;;
+  Darwin* )
+    darwin=true
+    ;;
+  MINGW* )
+    msys=true
+    ;;
+esac
+
+# Attempt to set APP_HOME
+# Resolve links: $0 may be a link
+PRG="$0"
+# Need this for relative symlinks.
+while [ -h "$PRG" ] ; do
+    ls=`ls -ld "$PRG"`
+    link=`expr "$ls" : '.*-> \(.*\)$'`
+    if expr "$link" : '/.*' > /dev/null; then
+        PRG="$link"
+    else
+        PRG=`dirname "$PRG"`"/$link"
+    fi
+done
+SAVED="`pwd`"
+cd "`dirname \"$PRG\"`/" >/dev/null
+APP_HOME="`pwd -P`"
+cd "$SAVED" >/dev/null
+
+CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar
+
+# Determine the Java command to use to start the JVM.
+if [ -n "$JAVA_HOME" ] ; then
+    if [ -x "$JAVA_HOME/jre/sh/java" ] ; then
+        # IBM's JDK on AIX uses strange locations for the executables
+        JAVACMD="$JAVA_HOME/jre/sh/java"
+    else
+        JAVACMD="$JAVA_HOME/bin/java"
+    fi
+    if [ ! -x "$JAVACMD" ] ; then
+        die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME
+
+Please set the JAVA_HOME variable in your environment to match the
+location of your Java installation."
+    fi
+else
+    JAVACMD="java"
+    which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
+
+Please set the JAVA_HOME variable in your environment to match the
+location of your Java installation."
+fi
+
+# Increase the maximum file descriptors if we can.
+if [ "$cygwin" = "false" -a "$darwin" = "false" ] ; then
+    MAX_FD_LIMIT=`ulimit -H -n`
+    if [ $? -eq 0 ] ; then
+        if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then
+            MAX_FD="$MAX_FD_LIMIT"
+        fi
+        ulimit -n $MAX_FD
+        if [ $? -ne 0 ] ; then
+            warn "Could not set maximum file descriptor limit: $MAX_FD"
+        fi
+    else
+        warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT"
+    fi
+fi
+
+# For Darwin, add options to specify how the application appears in the dock
+if $darwin; then
+    GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\""
+fi
+
+# For Cygwin, switch paths to Windows format before running java
+if $cygwin ; then
+    APP_HOME=`cygpath --path --mixed "$APP_HOME"`
+    CLASSPATH=`cygpath --path --mixed "$CLASSPATH"`
+    JAVACMD=`cygpath --unix "$JAVACMD"`
+
+    # We build the pattern for arguments to be converted via cygpath
+    ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null`
+    SEP=""
+    for dir in $ROOTDIRSRAW ; do
+        ROOTDIRS="$ROOTDIRS$SEP$dir"
+        SEP="|"
+    done
+    OURCYGPATTERN="(^($ROOTDIRS))"
+    # Add a user-defined pattern to the cygpath arguments
+    if [ "$GRADLE_CYGPATTERN" != "" ] ; then
+        OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)"
+    fi
+    # Now convert the arguments - kludge to limit ourselves to /bin/sh
+    i=0
+    for arg in "$@" ; do
+        CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -`
+        CHECK2=`echo "$arg"|egrep -c "^-"`                                 ### Determine if an option
+
+        if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then                    ### Added a condition
+            eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"`
+        else
+            eval `echo args$i`="\"$arg\""
+        fi
+        i=$((i+1))
+    done
+    case $i in
+        (0) set -- ;;
+        (1) set -- "$args0" ;;
+        (2) set -- "$args0" "$args1" ;;
+        (3) set -- "$args0" "$args1" "$args2" ;;
+        (4) set -- "$args0" "$args1" "$args2" "$args3" ;;
+        (5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;;
+        (6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;;
+        (7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;;
+        (8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;;
+        (9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;;
+    esac
+fi
+
+# Split up the JVM_OPTS And GRADLE_OPTS values into an array, following the shell quoting and substitution rules
+function splitJvmOpts() {
+    JVM_OPTS=("$@")
+}
+eval splitJvmOpts $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS
+JVM_OPTS[${#JVM_OPTS[*]}]="-Dorg.gradle.appname=$APP_BASE_NAME"
+
+exec "$JAVACMD" "${JVM_OPTS[@]}" -classpath "$CLASSPATH" org.gradle.wrapper.GradleWrapperMain "$@"

src/dashboard/android/gradlew.bat

+@if "%DEBUG%" == "" @echo off
+@rem ##########################################################################
+@rem
+@rem  Gradle startup script for Windows
+@rem
+@rem ##########################################################################
+
+@rem Set local scope for the variables with windows NT shell
+if "%OS%"=="Windows_NT" setlocal
+
+@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
+set DEFAULT_JVM_OPTS=
+
+set DIRNAME=%~dp0
+if "%DIRNAME%" == "" set DIRNAME=.
+set APP_BASE_NAME=%~n0
+set APP_HOME=%DIRNAME%
+
+@rem Find java.exe
+if defined JAVA_HOME goto findJavaFromJavaHome
+
+set JAVA_EXE=java.exe
+%JAVA_EXE% -version >NUL 2>&1
+if "%ERRORLEVEL%" == "0" goto init
+
+echo.
+echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
+echo.
+echo Please set the JAVA_HOME variable in your environment to match the
+echo location of your Java installation.
+
+goto fail
+
+:findJavaFromJavaHome
+set JAVA_HOME=%JAVA_HOME:"=%
+set JAVA_EXE=%JAVA_HOME%/bin/java.exe
+
+if exist "%JAVA_EXE%" goto init
+
+echo.
+echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME%
+echo.
+echo Please set the JAVA_HOME variable in your environment to match the
+echo location of your Java installation.
+
+goto fail
+
+:init
+@rem Get command-line arguments, handling Windowz variants
+
+if not "%OS%" == "Windows_NT" goto win9xME_args
+if "%@eval[2+2]" == "4" goto 4NT_args
+
+:win9xME_args
+@rem Slurp the command line arguments.
+set CMD_LINE_ARGS=
+set _SKIP=2
+
+:win9xME_args_slurp
+if "x%~1" == "x" goto execute
+
+set CMD_LINE_ARGS=%*
+goto execute
+
+:4NT_args
+@rem Get arguments from the 4NT Shell from JP Software
+set CMD_LINE_ARGS=%$
+
+:execute
+@rem Setup the command line
+
+set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar
+
+@rem Execute Gradle
+"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS%
+
+:end
+@rem End local scope for the variables with windows NT shell
+if "%ERRORLEVEL%"=="0" goto mainEnd
+
+:fail
+rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
+rem the _cmd.exe /c_ return code!
+if  not "" == "%GRADLE_EXIT_CONSOLE%" exit 1
+exit /b 1
+
+:mainEnd
+if "%OS%"=="Windows_NT" endlocal
+
+:omega

src/dashboard/android/settings.gradle

+include ':app'
+
+def localPropertiesFile = new File(rootProject.projectDir, "local.properties")
+def properties = new Properties()
+
+assert localPropertiesFile.exists()
+localPropertiesFile.withReader("UTF-8") { reader -> properties.load(reader) }
+
+def flutterSdkPath = properties.getProperty("flutter.sdk")
+assert flutterSdkPath != null, "flutter.sdk not set in local.properties"
+apply from: "$flutterSdkPath/packages/flutter_tools/gradle/app_plugin_loader.gradle"

src/dashboard/dashboard.iml

+<?xml version="1.0" encoding="UTF-8"?>
+<module type="JAVA_MODULE" version="4">
+  <component name="NewModuleRootManager" inherit-compiler-output="true">
+    <exclude-output />
+    <content url="file://$MODULE_DIR$">
+      <sourceFolder url="file://$MODULE_DIR$/lib" isTestSource="false" />
+      <sourceFolder url="file://$MODULE_DIR$/test" isTestSource="true" />
+      <excludeFolder url="file://$MODULE_DIR$/.dart_tool" />
+      <excludeFolder url="file://$MODULE_DIR$/.idea" />
+      <excludeFolder url="file://$MODULE_DIR$/.pub" />
+      <excludeFolder url="file://$MODULE_DIR$/build" />
+    </content>
+    <orderEntry type="sourceFolder" forTests="false" />
+    <orderEntry type="library" name="Dart SDK" level="project" />
+    <orderEntry type="library" name="Flutter Plugins" level="project" />
+    <orderEntry type="library" name="Dart Packages" level="project" />
+  </component>
+</module>
\ No newline at end of file

src/dashboard/deployment/deployment.yml

+apiVersion: v1
+kind: Service
+metadata:
+  name: dashboard
+spec:
+  type: LoadBalancer
+  selector:
+      app: dashboard
+  ports:
+    - name: http
+      port: 80
+      targetPort: 80
+      nodePort: 30468
+      protocol: TCP
+    - name: https
+      port: 443
+      targetPort: 443
+      nodePort: 30469
+      protocol: TCP
+---
+apiVersion: apps/v1
+kind: Deployment
+metadata:
+  name: dashboard
+spec:
+  replicas: 1
+  selector:
+    matchLabels:
+      app: dashboard
+  template:
+    metadata:
+      labels:
+        app: dashboard
+    spec:
+      containers:
+      - name: dashboard
+        image: alexx882/dashboard
+        ports:
+        - containerPort: 443
+        imagePullPolicy: Always
+        volumeMounts:
+        - mountPath: /certs
+          name: articonf
+      volumes:
+      - name: articonf
+        hostPath: 
+          path: /srv/articonf
+          type: Directory
\ No newline at end of file

src/dashboard/deployment/nginx.conf

+server { 
+  listen 443 ssl;
+  server_name demo;
+
+  ssl_certificate /certs/articonf1.crt;
+  ssl_certificate_key /certs/articonf1.key;
+
+  location / {
+    root /usr/share/nginx/html;
+    try_files $uri /index.html;
+  }
+}
+
+server {
+  listen 80;
+  server_name demo_http;
+
+  location / {
+    root /usr/share/nginx/html;
+    try_files $uri /index.html;
+  }
+}
\ No newline at end of file

src/dashboard/ios/.gitignore

+*.mode1v3
+*.mode2v3
+*.moved-aside
+*.pbxuser
+*.perspectivev3
+**/*sync/
+.sconsign.dblite
+.tags*
+**/.vagrant/
+**/DerivedData/
+Icon?
+**/Pods/
+**/.symlinks/
+profile
+xcuserdata
+**/.generated/
+Flutter/App.framework
+Flutter/Flutter.framework
+Flutter/Flutter.podspec
+Flutter/Generated.xcconfig
+Flutter/app.flx
+Flutter/app.zip
+Flutter/flutter_assets/
+Flutter/flutter_export_environment.sh
+ServiceDefinitions.json
+Runner/GeneratedPluginRegistrant.*
+
+# Exceptions to above rules.
+!default.mode1v3
+!default.mode2v3
+!default.pbxuser
+!default.perspectivev3

src/dashboard/ios/Flutter/AppFrameworkInfo.plist

+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+  <key>CFBundleDevelopmentRegion</key>
+  <string>en</string>
+  <key>CFBundleExecutable</key>
+  <string>App</string>
+  <key>CFBundleIdentifier</key>
+  <string>io.flutter.flutter.app</string>
+  <key>CFBundleInfoDictionaryVersion</key>
+  <string>6.0</string>
+  <key>CFBundleName</key>
+  <string>App</string>
+  <key>CFBundlePackageType</key>
+  <string>FMWK</string>
+  <key>CFBundleShortVersionString</key>
+  <string>1.0</string>
+  <key>CFBundleSignature</key>
+  <string>????</string>
+  <key>CFBundleVersion</key>
+  <string>1.0</string>
+  <key>MinimumOSVersion</key>
+  <string>8.0</string>
+</dict>
+</plist>

src/dashboard/ios/Flutter/Debug.xcconfig

+#include "Generated.xcconfig"

src/dashboard/ios/Flutter/Release.xcconfig

+#include "Generated.xcconfig"

src/dashboard/ios/Runner.xcodeproj/project.pbxproj

+// !$*UTF8*$!
+{
+	archiveVersion = 1;
+	classes = {
+	};
+	objectVersion = 46;
+	objects = {
+
+/* Begin PBXBuildFile section */
+		1498D2341E8E89220040F4C2 /* GeneratedPluginRegistrant.m in Sources */ = {isa = PBXBuildFile; fileRef = 1498D2331E8E89220040F4C2 /* GeneratedPluginRegistrant.m */; };
+		3B3967161E833CAA004F5970 /* AppFrameworkInfo.plist in Resources */ = {isa = PBXBuildFile; fileRef = 3B3967151E833CAA004F5970 /* AppFrameworkInfo.plist */; };
+		74858FAF1ED2DC5600515810 /* AppDelegate.swift in Sources */ = {isa = PBXBuildFile; fileRef = 74858FAE1ED2DC5600515810 /* AppDelegate.swift */; };
+		97C146FC1CF9000F007C117D /* Main.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 97C146FA1CF9000F007C117D /* Main.storyboard */; };
+		97C146FE1CF9000F007C117D /* Assets.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 97C146FD1CF9000F007C117D /* Assets.xcassets */; };
+		97C147011CF9000F007C117D /* LaunchScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 97C146FF1CF9000F007C117D /* LaunchScreen.storyboard */; };
+/* End PBXBuildFile section */
+
+/* Begin PBXCopyFilesBuildPhase section */
+		9705A1C41CF9048500538489 /* Embed Frameworks */ = {
+			isa = PBXCopyFilesBuildPhase;
+			buildActionMask = 2147483647;
+			dstPath = "";
+			dstSubfolderSpec = 10;
+			files = (
+			);
+			name = "Embed Frameworks";
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXCopyFilesBuildPhase section */
+
+/* Begin PBXFileReference section */
+		1498D2321E8E86230040F4C2 /* GeneratedPluginRegistrant.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = GeneratedPluginRegistrant.h; sourceTree = "<group>"; };
+		1498D2331E8E89220040F4C2 /* GeneratedPluginRegistrant.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = GeneratedPluginRegistrant.m; sourceTree = "<group>"; };
+		3B3967151E833CAA004F5970 /* AppFrameworkInfo.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = AppFrameworkInfo.plist; path = Flutter/AppFrameworkInfo.plist; sourceTree = "<group>"; };
+		74858FAD1ED2DC5600515810 /* Runner-Bridging-Header.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = "Runner-Bridging-Header.h"; sourceTree = "<group>"; };
+		74858FAE1ED2DC5600515810 /* AppDelegate.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = AppDelegate.swift; sourceTree = "<group>"; };
+		7AFA3C8E1D35360C0083082E /* Release.xcconfig */ = {isa = PBXFileReference; lastKnownFileType = text.xcconfig; name = Release.xcconfig; path = Flutter/Release.xcconfig; sourceTree = "<group>"; };
+		9740EEB21CF90195004384FC /* Debug.xcconfig */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.xcconfig; name = Debug.xcconfig; path = Flutter/Debug.xcconfig; sourceTree = "<group>"; };
+		9740EEB31CF90195004384FC /* Generated.xcconfig */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.xcconfig; name = Generated.xcconfig; path = Flutter/Generated.xcconfig; sourceTree = "<group>"; };
+		97C146EE1CF9000F007C117D /* Runner.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = Runner.app; sourceTree = BUILT_PRODUCTS_DIR; };
+		97C146FB1CF9000F007C117D /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = Base; path = Base.lproj/Main.storyboard; sourceTree = "<group>"; };
+		97C146FD1CF9000F007C117D /* Assets.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; path = Assets.xcassets; sourceTree = "<group>"; };
+		97C147001CF9000F007C117D /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = Base; path = Base.lproj/LaunchScreen.storyboard; sourceTree = "<group>"; };
+		97C147021CF9000F007C117D /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = "<group>"; };
+/* End PBXFileReference section */
+
+/* Begin PBXFrameworksBuildPhase section */
+		97C146EB1CF9000F007C117D /* Frameworks */ = {
+			isa = PBXFrameworksBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXFrameworksBuildPhase section */
+
+/* Begin PBXGroup section */
+		9740EEB11CF90186004384FC /* Flutter */ = {
+			isa = PBXGroup;
+			children = (
+				3B3967151E833CAA004F5970 /* AppFrameworkInfo.plist */,
+				9740EEB21CF90195004384FC /* Debug.xcconfig */,
+				7AFA3C8E1D35360C0083082E /* Release.xcconfig */,
+				9740EEB31CF90195004384FC /* Generated.xcconfig */,
+			);
+			name = Flutter;
+			sourceTree = "<group>";
+		};
+		97C146E51CF9000F007C117D = {
+			isa = PBXGroup;
+			children = (
+				9740EEB11CF90186004384FC /* Flutter */,
+				97C146F01CF9000F007C117D /* Runner */,
+				97C146EF1CF9000F007C117D /* Products */,
+			);
+			sourceTree = "<group>";
+		};
+		97C146EF1CF9000F007C117D /* Products */ = {
+			isa = PBXGroup;
+			children = (
+				97C146EE1CF9000F007C117D /* Runner.app */,
+			);
+			name = Products;
+			sourceTree = "<group>";
+		};
+		97C146F01CF9000F007C117D /* Runner */ = {
+			isa = PBXGroup;
+			children = (
+				97C146FA1CF9000F007C117D /* Main.storyboard */,
+				97C146FD1CF9000F007C117D /* Assets.xcassets */,
+				97C146FF1CF9000F007C117D /* LaunchScreen.storyboard */,
+				97C147021CF9000F007C117D /* Info.plist */,
+				1498D2321E8E86230040F4C2 /* GeneratedPluginRegistrant.h */,
+				1498D2331E8E89220040F4C2 /* GeneratedPluginRegistrant.m */,
+				74858FAE1ED2DC5600515810 /* AppDelegate.swift */,
+				74858FAD1ED2DC5600515810 /* Runner-Bridging-Header.h */,
+			);
+			path = Runner;
+			sourceTree = "<group>";
+		};
+/* End PBXGroup section */
+
+/* Begin PBXNativeTarget section */
+		97C146ED1CF9000F007C117D /* Runner */ = {
+			isa = PBXNativeTarget;
+			buildConfigurationList = 97C147051CF9000F007C117D /* Build configuration list for PBXNativeTarget "Runner" */;
+			buildPhases = (
+				9740EEB61CF901F6004384FC /* Run Script */,
+				97C146EA1CF9000F007C117D /* Sources */,
+				97C146EB1CF9000F007C117D /* Frameworks */,
+				97C146EC1CF9000F007C117D /* Resources */,
+				9705A1C41CF9048500538489 /* Embed Frameworks */,
+				3B06AD1E1E4923F5004D2608 /* Thin Binary */,
+			);
+			buildRules = (
+			);
+			dependencies = (
+			);
+			name = Runner;
+			productName = Runner;
+			productReference = 97C146EE1CF9000F007C117D /* Runner.app */;
+			productType = "com.apple.product-type.application";
+		};
+/* End PBXNativeTarget section */
+
+/* Begin PBXProject section */
+		97C146E61CF9000F007C117D /* Project object */ = {
+			isa = PBXProject;
+			attributes = {
+				LastUpgradeCheck = 1020;
+				ORGANIZATIONNAME = "";
+				TargetAttributes = {
+					97C146ED1CF9000F007C117D = {
+						CreatedOnToolsVersion = 7.3.1;
+						LastSwiftMigration = 1100;
+					};
+				};
+			};
+			buildConfigurationList = 97C146E91CF9000F007C117D /* Build configuration list for PBXProject "Runner" */;
+			compatibilityVersion = "Xcode 9.3";
+			developmentRegion = en;
+			hasScannedForEncodings = 0;
+			knownRegions = (
+				en,
+				Base,
+			);
+			mainGroup = 97C146E51CF9000F007C117D;
+			productRefGroup = 97C146EF1CF9000F007C117D /* Products */;
+			projectDirPath = "";
+			projectRoot = "";
+			targets = (
+				97C146ED1CF9000F007C117D /* Runner */,
+			);
+		};
+/* End PBXProject section */
+
+/* Begin PBXResourcesBuildPhase section */
+		97C146EC1CF9000F007C117D /* Resources */ = {
+			isa = PBXResourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				97C147011CF9000F007C117D /* LaunchScreen.storyboard in Resources */,
+				3B3967161E833CAA004F5970 /* AppFrameworkInfo.plist in Resources */,
+				97C146FE1CF9000F007C117D /* Assets.xcassets in Resources */,
+				97C146FC1CF9000F007C117D /* Main.storyboard in Resources */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXResourcesBuildPhase section */
+
+/* Begin PBXShellScriptBuildPhase section */
+		3B06AD1E1E4923F5004D2608 /* Thin Binary */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputPaths = (
+			);
+			name = "Thin Binary";
+			outputPaths = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "/bin/sh \"$FLUTTER_ROOT/packages/flutter_tools/bin/xcode_backend.sh\" embed_and_thin";
+		};
+		9740EEB61CF901F6004384FC /* Run Script */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputPaths = (
+			);
+			name = "Run Script";
+			outputPaths = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "/bin/sh \"$FLUTTER_ROOT/packages/flutter_tools/bin/xcode_backend.sh\" build";
+		};
+/* End PBXShellScriptBuildPhase section */
+
+/* Begin PBXSourcesBuildPhase section */
+		97C146EA1CF9000F007C117D /* Sources */ = {
+			isa = PBXSourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				74858FAF1ED2DC5600515810 /* AppDelegate.swift in Sources */,
+				1498D2341E8E89220040F4C2 /* GeneratedPluginRegistrant.m in Sources */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXSourcesBuildPhase section */
+
+/* Begin PBXVariantGroup section */
+		97C146FA1CF9000F007C117D /* Main.storyboard */ = {
+			isa = PBXVariantGroup;
+			children = (
+				97C146FB1CF9000F007C117D /* Base */,
+			);
+			name = Main.storyboard;
+			sourceTree = "<group>";
+		};
+		97C146FF1CF9000F007C117D /* LaunchScreen.storyboard */ = {
+			isa = PBXVariantGroup;
+			children = (
+				97C147001CF9000F007C117D /* Base */,
+			);
+			name = LaunchScreen.storyboard;
+			sourceTree = "<group>";
+		};
+/* End PBXVariantGroup section */
+
+/* Begin XCBuildConfiguration section */
+		249021D3217E4FDB00AE95B9 /* Profile */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				ALWAYS_SEARCH_USER_PATHS = NO;
+				CLANG_ANALYZER_NONNULL = YES;
+				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
+				CLANG_CXX_LIBRARY = "libc++";
+				CLANG_ENABLE_MODULES = YES;
+				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
+				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
+				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
+				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
+				CLANG_WARN_EMPTY_BODY = YES;
+				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
+				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
+				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
+				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
+				CLANG_WARN_UNREACHABLE_CODE = YES;
+				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
+				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
+				COPY_PHASE_STRIP = NO;
+				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
+				ENABLE_NS_ASSERTIONS = NO;
+				ENABLE_STRICT_OBJC_MSGSEND = YES;
+				GCC_C_LANGUAGE_STANDARD = gnu99;
+				GCC_NO_COMMON_BLOCKS = YES;
+				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
+				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
+				GCC_WARN_UNDECLARED_SELECTOR = YES;
+				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
+				GCC_WARN_UNUSED_FUNCTION = YES;
+				GCC_WARN_UNUSED_VARIABLE = YES;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
+				MTL_ENABLE_DEBUG_INFO = NO;
+				SDKROOT = iphoneos;
+				SUPPORTED_PLATFORMS = iphoneos;
+				TARGETED_DEVICE_FAMILY = "1,2";
+				VALIDATE_PRODUCT = YES;
+			};
+			name = Profile;
+		};
+		249021D4217E4FDB00AE95B9 /* Profile */ = {
+			isa = XCBuildConfiguration;
+			baseConfigurationReference = 7AFA3C8E1D35360C0083082E /* Release.xcconfig */;
+			buildSettings = {
+				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
+				CLANG_ENABLE_MODULES = YES;
+				CURRENT_PROJECT_VERSION = "$(FLUTTER_BUILD_NUMBER)";
+				ENABLE_BITCODE = NO;
+				INFOPLIST_FILE = Runner/Info.plist;
+				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
+				PRODUCT_BUNDLE_IDENTIFIER = at.itec.articonf1.dashboard;
+				PRODUCT_NAME = "$(TARGET_NAME)";
+				SWIFT_OBJC_BRIDGING_HEADER = "Runner/Runner-Bridging-Header.h";
+				SWIFT_VERSION = 5.0;
+				VERSIONING_SYSTEM = "apple-generic";
+			};
+			name = Profile;
+		};
+		97C147031CF9000F007C117D /* Debug */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				ALWAYS_SEARCH_USER_PATHS = NO;
+				CLANG_ANALYZER_NONNULL = YES;
+				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
+				CLANG_CXX_LIBRARY = "libc++";
+				CLANG_ENABLE_MODULES = YES;
+				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
+				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
+				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
+				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
+				CLANG_WARN_EMPTY_BODY = YES;
+				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
+				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
+				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
+				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
+				CLANG_WARN_UNREACHABLE_CODE = YES;
+				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
+				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
+				COPY_PHASE_STRIP = NO;
+				DEBUG_INFORMATION_FORMAT = dwarf;
+				ENABLE_STRICT_OBJC_MSGSEND = YES;
+				ENABLE_TESTABILITY = YES;
+				GCC_C_LANGUAGE_STANDARD = gnu99;
+				GCC_DYNAMIC_NO_PIC = NO;
+				GCC_NO_COMMON_BLOCKS = YES;
+				GCC_OPTIMIZATION_LEVEL = 0;
+				GCC_PREPROCESSOR_DEFINITIONS = (
+					"DEBUG=1",
+					"$(inherited)",
+				);
+				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
+				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
+				GCC_WARN_UNDECLARED_SELECTOR = YES;
+				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
+				GCC_WARN_UNUSED_FUNCTION = YES;
+				GCC_WARN_UNUSED_VARIABLE = YES;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
+				MTL_ENABLE_DEBUG_INFO = YES;
+				ONLY_ACTIVE_ARCH = YES;
+				SDKROOT = iphoneos;
+				TARGETED_DEVICE_FAMILY = "1,2";
+			};
+			name = Debug;
+		};
+		97C147041CF9000F007C117D /* Release */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				ALWAYS_SEARCH_USER_PATHS = NO;
+				CLANG_ANALYZER_NONNULL = YES;
+				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
+				CLANG_CXX_LIBRARY = "libc++";
+				CLANG_ENABLE_MODULES = YES;
+				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
+				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
+				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
+				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
+				CLANG_WARN_EMPTY_BODY = YES;
+				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
+				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
+				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
+				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
+				CLANG_WARN_UNREACHABLE_CODE = YES;
+				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
+				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
+				COPY_PHASE_STRIP = NO;
+				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
+				ENABLE_NS_ASSERTIONS = NO;
+				ENABLE_STRICT_OBJC_MSGSEND = YES;
+				GCC_C_LANGUAGE_STANDARD = gnu99;
+				GCC_NO_COMMON_BLOCKS = YES;
+				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
+				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
+				GCC_WARN_UNDECLARED_SELECTOR = YES;
+				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
+				GCC_WARN_UNUSED_FUNCTION = YES;
+				GCC_WARN_UNUSED_VARIABLE = YES;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
+				MTL_ENABLE_DEBUG_INFO = NO;
+				SDKROOT = iphoneos;
+				SUPPORTED_PLATFORMS = iphoneos;
+				SWIFT_OPTIMIZATION_LEVEL = "-Owholemodule";
+				TARGETED_DEVICE_FAMILY = "1,2";
+				VALIDATE_PRODUCT = YES;
+			};
+			name = Release;
+		};
+		97C147061CF9000F007C117D /* Debug */ = {
+			isa = XCBuildConfiguration;
+			baseConfigurationReference = 9740EEB21CF90195004384FC /* Debug.xcconfig */;
+			buildSettings = {
+				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
+				CLANG_ENABLE_MODULES = YES;
+				CURRENT_PROJECT_VERSION = "$(FLUTTER_BUILD_NUMBER)";
+				ENABLE_BITCODE = NO;
+				INFOPLIST_FILE = Runner/Info.plist;
+				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
+				PRODUCT_BUNDLE_IDENTIFIER = at.itec.articonf1.dashboard;
+				PRODUCT_NAME = "$(TARGET_NAME)";
+				SWIFT_OBJC_BRIDGING_HEADER = "Runner/Runner-Bridging-Header.h";
+				SWIFT_OPTIMIZATION_LEVEL = "-Onone";
+				SWIFT_VERSION = 5.0;
+				VERSIONING_SYSTEM = "apple-generic";
+			};
+			name = Debug;
+		};
+		97C147071CF9000F007C117D /* Release */ = {
+			isa = XCBuildConfiguration;
+			baseConfigurationReference = 7AFA3C8E1D35360C0083082E /* Release.xcconfig */;
+			buildSettings = {
+				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
+				CLANG_ENABLE_MODULES = YES;
+				CURRENT_PROJECT_VERSION = "$(FLUTTER_BUILD_NUMBER)";
+				ENABLE_BITCODE = NO;
+				INFOPLIST_FILE = Runner/Info.plist;
+				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
+				PRODUCT_BUNDLE_IDENTIFIER = at.itec.articonf1.dashboard;
+				PRODUCT_NAME = "$(TARGET_NAME)";
+				SWIFT_OBJC_BRIDGING_HEADER = "Runner/Runner-Bridging-Header.h";
+				SWIFT_VERSION = 5.0;
+				VERSIONING_SYSTEM = "apple-generic";
+			};
+			name = Release;
+		};
+/* End XCBuildConfiguration section */
+
+/* Begin XCConfigurationList section */
+		97C146E91CF9000F007C117D /* Build configuration list for PBXProject "Runner" */ = {
+			isa = XCConfigurationList;
+			buildConfigurations = (
+				97C147031CF9000F007C117D /* Debug */,
+				97C147041CF9000F007C117D /* Release */,
+				249021D3217E4FDB00AE95B9 /* Profile */,
+			);
+			defaultConfigurationIsVisible = 0;
+			defaultConfigurationName = Release;
+		};
+		97C147051CF9000F007C117D /* Build configuration list for PBXNativeTarget "Runner" */ = {
+			isa = XCConfigurationList;
+			buildConfigurations = (
+				97C147061CF9000F007C117D /* Debug */,
+				97C147071CF9000F007C117D /* Release */,
+				249021D4217E4FDB00AE95B9 /* Profile */,
+			);
+			defaultConfigurationIsVisible = 0;
+			defaultConfigurationName = Release;
+		};
+/* End XCConfigurationList section */
+	};
+	rootObject = 97C146E61CF9000F007C117D /* Project object */;
+}

src/dashboard/ios/Runner.xcodeproj/project.xcworkspace/contents.xcworkspacedata

+<?xml version="1.0" encoding="UTF-8"?>
+<Workspace
+   version = "1.0">
+   <FileRef
+      location = "self:">
+   </FileRef>
+</Workspace>

src/dashboard/ios/Runner.xcodeproj/project.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist

+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>IDEDidComputeMac32BitWarning</key>
+	<true/>
+</dict>
+</plist>

src/dashboard/ios/Runner.xcodeproj/project.xcworkspace/xcshareddata/WorkspaceSettings.xcsettings

+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>PreviewsEnabled</key>
+	<false/>
+</dict>
+</plist>

src/dashboard/ios/Runner.xcodeproj/xcshareddata/xcschemes/Runner.xcscheme

+<?xml version="1.0" encoding="UTF-8"?>
+<Scheme
+   LastUpgradeVersion = "1020"
+   version = "1.3">
+   <BuildAction
+      parallelizeBuildables = "YES"
+      buildImplicitDependencies = "YES">
+      <BuildActionEntries>
+         <BuildActionEntry
+            buildForTesting = "YES"
+            buildForRunning = "YES"
+            buildForProfiling = "YES"
+            buildForArchiving = "YES"
+            buildForAnalyzing = "YES">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "97C146ED1CF9000F007C117D"
+               BuildableName = "Runner.app"
+               BlueprintName = "Runner"
+               ReferencedContainer = "container:Runner.xcodeproj">
+            </BuildableReference>
+         </BuildActionEntry>
+      </BuildActionEntries>
+   </BuildAction>
+   <TestAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      shouldUseLaunchSchemeArgsEnv = "YES">
+      <Testables>
+      </Testables>
+      <MacroExpansion>
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "97C146ED1CF9000F007C117D"
+            BuildableName = "Runner.app"
+            BlueprintName = "Runner"
+            ReferencedContainer = "container:Runner.xcodeproj">
+         </BuildableReference>
+      </MacroExpansion>
+      <AdditionalOptions>
+      </AdditionalOptions>
+   </TestAction>
+   <LaunchAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      launchStyle = "0"
+      useCustomWorkingDirectory = "NO"
+      ignoresPersistentStateOnLaunch = "NO"
+      debugDocumentVersioning = "YES"
+      debugServiceExtension = "internal"
+      allowLocationSimulation = "YES">
+      <BuildableProductRunnable
+         runnableDebuggingMode = "0">
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "97C146ED1CF9000F007C117D"
+            BuildableName = "Runner.app"
+            BlueprintName = "Runner"
+            ReferencedContainer = "container:Runner.xcodeproj">
+         </BuildableReference>
+      </BuildableProductRunnable>
+      <AdditionalOptions>
+      </AdditionalOptions>
+   </LaunchAction>
+   <ProfileAction
+      buildConfiguration = "Profile"
+      shouldUseLaunchSchemeArgsEnv = "YES"
+      savedToolIdentifier = ""
+      useCustomWorkingDirectory = "NO"
+      debugDocumentVersioning = "YES">
+      <BuildableProductRunnable
+         runnableDebuggingMode = "0">
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "97C146ED1CF9000F007C117D"
+            BuildableName = "Runner.app"
+            BlueprintName = "Runner"
+            ReferencedContainer = "container:Runner.xcodeproj">
+         </BuildableReference>
+      </BuildableProductRunnable>
+   </ProfileAction>
+   <AnalyzeAction
+      buildConfiguration = "Debug">
+   </AnalyzeAction>
+   <ArchiveAction
+      buildConfiguration = "Release"
+      revealArchiveInOrganizer = "YES">
+   </ArchiveAction>
+</Scheme>

src/dashboard/ios/Runner.xcworkspace/contents.xcworkspacedata

+<?xml version="1.0" encoding="UTF-8"?>
+<Workspace
+   version = "1.0">
+   <FileRef
+      location = "group:Runner.xcodeproj">
+   </FileRef>
+</Workspace>

src/dashboard/ios/Runner.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist

+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>IDEDidComputeMac32BitWarning</key>
+	<true/>
+</dict>
+</plist>

src/dashboard/ios/Runner.xcworkspace/xcshareddata/WorkspaceSettings.xcsettings

+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>PreviewsEnabled</key>
+	<false/>
+</dict>
+</plist>

src/dashboard/ios/Runner/AppDelegate.swift

+import UIKit
+import Flutter
+
+@UIApplicationMain
+@objc class AppDelegate: FlutterAppDelegate {
+  override func application(
+    _ application: UIApplication,
+    didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?
+  ) -> Bool {
+    GeneratedPluginRegistrant.register(with: self)
+    return super.application(application, didFinishLaunchingWithOptions: launchOptions)
+  }
+}

src/dashboard/ios/Runner/Assets.xcassets/AppIcon.appiconset/Contents.json

+{
+  "images" : [
+    {
+      "size" : "20x20",
+      "idiom" : "iphone",
+      "filename" : "Icon-App-20x20@2x.png",
+      "scale" : "2x"
+    },
+    {
+      "size" : "20x20",
+      "idiom" : "iphone",
+      "filename" : "Icon-App-20x20@3x.png",
+      "scale" : "3x"
+    },
+    {
+      "size" : "29x29",
+      "idiom" : "iphone",
+      "filename" : "Icon-App-29x29@1x.png",
+      "scale" : "1x"
+    },
+    {
+      "size" : "29x29",
+      "idiom" : "iphone",
+      "filename" : "Icon-App-29x29@2x.png",
+      "scale" : "2x"
+    },
+    {
+      "size" : "29x29",
+      "idiom" : "iphone",
+      "filename" : "Icon-App-29x29@3x.png",
+      "scale" : "3x"
+    },
+    {
+      "size" : "40x40",
+      "idiom" : "iphone",
+      "filename" : "Icon-App-40x40@2x.png",
+      "scale" : "2x"
+    },
+    {
+      "size" : "40x40",
+      "idiom" : "iphone",
+      "filename" : "Icon-App-40x40@3x.png",
+      "scale" : "3x"
+    },
+    {
+      "size" : "60x60",
+      "idiom" : "iphone",
+      "filename" : "Icon-App-60x60@2x.png",
+      "scale" : "2x"
+    },
+    {
+      "size" : "60x60",
+      "idiom" : "iphone",
+      "filename" : "Icon-App-60x60@3x.png",
+      "scale" : "3x"
+    },
+    {
+      "size" : "20x20",
+      "idiom" : "ipad",
+      "filename" : "Icon-App-20x20@1x.png",
+      "scale" : "1x"
+    },
+    {
+      "size" : "20x20",
+      "idiom" : "ipad",
+      "filename" : "Icon-App-20x20@2x.png",
+      "scale" : "2x"
+    },
+    {
+      "size" : "29x29",
+      "idiom" : "ipad",
+      "filename" : "Icon-App-29x29@1x.png",
+      "scale" : "1x"
+    },
+    {
+      "size" : "29x29",
+      "idiom" : "ipad",
+      "filename" : "Icon-App-29x29@2x.png",
+      "scale" : "2x"
+    },
+    {
+      "size" : "40x40",
+      "idiom" : "ipad",
+      "filename" : "Icon-App-40x40@1x.png",
+      "scale" : "1x"
+    },
+    {
+      "size" : "40x40",
+      "idiom" : "ipad",
+      "filename" : "Icon-App-40x40@2x.png",
+      "scale" : "2x"
+    },
+    {
+      "size" : "76x76",
+      "idiom" : "ipad",
+      "filename" : "Icon-App-76x76@1x.png",
+      "scale" : "1x"
+    },
+    {
+      "size" : "76x76",
+      "idiom" : "ipad",
+      "filename" : "Icon-App-76x76@2x.png",
+      "scale" : "2x"
+    },
+    {
+      "size" : "83.5x83.5",
+      "idiom" : "ipad",
+      "filename" : "Icon-App-83.5x83.5@2x.png",
+      "scale" : "2x"
+    },
+    {
+      "size" : "1024x1024",
+      "idiom" : "ios-marketing",
+      "filename" : "Icon-App-1024x1024@1x.png",
+      "scale" : "1x"
+    }
+  ],
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}

src/dashboard/ios/Runner/Assets.xcassets/LaunchImage.imageset/Contents.json

+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "filename" : "LaunchImage.png",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "filename" : "LaunchImage@2x.png",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "filename" : "LaunchImage@3x.png",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}

src/dashboard/ios/Runner/Assets.xcassets/LaunchImage.imageset/README.md

+# Launch Screen Assets
+
+You can customize the launch screen with your own desired assets by replacing the image files in this directory.
+
+You can also do it by opening your Flutter project's Xcode project with `open ios/Runner.xcworkspace`, selecting `Runner/Assets.xcassets` in the Project Navigator and dropping in the desired images.
\ No newline at end of file

src/dashboard/ios/Runner/Base.lproj/LaunchScreen.storyboard

+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="12121" systemVersion="16G29" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" launchScreen="YES" colorMatched="YES" initialViewController="01J-lp-oVM">
+    <dependencies>
+        <deployment identifier="iOS"/>
+        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="12089"/>
+    </dependencies>
+    <scenes>
+        <!--View Controller-->
+        <scene sceneID="EHf-IW-A2E">
+            <objects>
+                <viewController id="01J-lp-oVM" sceneMemberID="viewController">
+                    <layoutGuides>
+                        <viewControllerLayoutGuide type="top" id="Ydg-fD-yQy"/>
+                        <viewControllerLayoutGuide type="bottom" id="xbc-2k-c8Z"/>
+                    </layoutGuides>
+                    <view key="view" contentMode="scaleToFill" id="Ze5-6b-2t3">
+                        <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
+                        <subviews>
+                            <imageView opaque="NO" clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="center" image="LaunchImage" translatesAutoresizingMaskIntoConstraints="NO" id="YRO-k0-Ey4">
+                            </imageView>
+                        </subviews>
+                        <color key="backgroundColor" red="1" green="1" blue="1" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                        <constraints>
+                            <constraint firstItem="YRO-k0-Ey4" firstAttribute="centerX" secondItem="Ze5-6b-2t3" secondAttribute="centerX" id="1a2-6s-vTC"/>
+                            <constraint firstItem="YRO-k0-Ey4" firstAttribute="centerY" secondItem="Ze5-6b-2t3" secondAttribute="centerY" id="4X2-HB-R7a"/>
+                        </constraints>
+                    </view>
+                </viewController>
+                <placeholder placeholderIdentifier="IBFirstResponder" id="iYj-Kq-Ea1" userLabel="First Responder" sceneMemberID="firstResponder"/>
+            </objects>
+            <point key="canvasLocation" x="53" y="375"/>
+        </scene>
+    </scenes>
+    <resources>
+        <image name="LaunchImage" width="168" height="185"/>
+    </resources>
+</document>

src/dashboard/ios/Runner/Base.lproj/Main.storyboard

+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="10117" systemVersion="15F34" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" initialViewController="BYZ-38-t0r">
+    <dependencies>
+        <deployment identifier="iOS"/>
+        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="10085"/>
+    </dependencies>
+    <scenes>
+        <!--Flutter View Controller-->
+        <scene sceneID="tne-QT-ifu">
+            <objects>
+                <viewController id="BYZ-38-t0r" customClass="FlutterViewController" sceneMemberID="viewController">
+                    <layoutGuides>
+                        <viewControllerLayoutGuide type="top" id="y3c-jy-aDJ"/>
+                        <viewControllerLayoutGuide type="bottom" id="wfy-db-euE"/>
+                    </layoutGuides>
+                    <view key="view" contentMode="scaleToFill" id="8bC-Xf-vdC">
+                        <rect key="frame" x="0.0" y="0.0" width="600" height="600"/>
+                        <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
+                        <color key="backgroundColor" white="1" alpha="1" colorSpace="custom" customColorSpace="calibratedWhite"/>
+                    </view>
+                </viewController>
+                <placeholder placeholderIdentifier="IBFirstResponder" id="dkx-z0-nzr" sceneMemberID="firstResponder"/>
+            </objects>
+        </scene>
+    </scenes>
+</document>

src/dashboard/ios/Runner/Info.plist

+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>CFBundleDevelopmentRegion</key>
+	<string>$(DEVELOPMENT_LANGUAGE)</string>
+	<key>CFBundleExecutable</key>
+	<string>$(EXECUTABLE_NAME)</string>
+	<key>CFBundleIdentifier</key>
+	<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
+	<key>CFBundleInfoDictionaryVersion</key>
+	<string>6.0</string>
+	<key>CFBundleName</key>
+	<string>dashboard</string>
+	<key>CFBundlePackageType</key>
+	<string>APPL</string>
+	<key>CFBundleShortVersionString</key>
+	<string>$(FLUTTER_BUILD_NAME)</string>
+	<key>CFBundleSignature</key>
+	<string>????</string>
+	<key>CFBundleVersion</key>
+	<string>$(FLUTTER_BUILD_NUMBER)</string>
+	<key>LSRequiresIPhoneOS</key>
+	<true/>
+	<key>UILaunchStoryboardName</key>
+	<string>LaunchScreen</string>
+	<key>UIMainStoryboardFile</key>
+	<string>Main</string>
+	<key>UISupportedInterfaceOrientations</key>
+	<array>
+		<string>UIInterfaceOrientationPortrait</string>
+		<string>UIInterfaceOrientationLandscapeLeft</string>
+		<string>UIInterfaceOrientationLandscapeRight</string>
+	</array>
+	<key>UISupportedInterfaceOrientations~ipad</key>
+	<array>
+		<string>UIInterfaceOrientationPortrait</string>
+		<string>UIInterfaceOrientationPortraitUpsideDown</string>
+		<string>UIInterfaceOrientationLandscapeLeft</string>
+		<string>UIInterfaceOrientationLandscapeRight</string>
+	</array>
+	<key>UIViewControllerBasedStatusBarAppearance</key>
+	<false/>
+</dict>
+</plist>

src/dashboard/ios/Runner/Runner-Bridging-Header.h

+#import "GeneratedPluginRegistrant.h"

src/dashboard/lib/constants/schema_demo_constants.dart

+class SchemaDemoConstants {
+  static final String post = "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.";
+}

src/dashboard/lib/constants/server_constants.dart

+class ServerConstants {
+  static const String host = "https://articonf1.itec.aau.at:30401/";
+}

src/dashboard/lib/data/cluster.dart

+import 'dart:math';
+
+import 'package:dashboard/data/post.dart';
+import 'package:intl/intl.dart';
+
+class Cluster {
+  final String label;
+  final int id;
+  final String layerName;
+
+  static final NumberFormat format = NumberFormat("##.00");
+
+  List<Post> nodes;
+
+  Cluster(this.label, this.id, this.layerName, this.nodes);
+
+  String getDisplayLabel() {
+    if (label == "noise") return label;
+
+    switch (layerName) {
+      case "Upvotes_Layer":
+        return "${label.substring(1, label.indexOf("."))} Upvotes";
+        break;
+      case "Percentage_Layer":
+        String trust = label.substring(0, label.indexOf(" "));
+        trust = trust.substring(0, min(6, trust.length));
+
+        double val = double.parse(trust) * 100;
+
+        return "${format.format(val)}% Trust";
+        break;
+      case "Engagement_Layer":
+        return "${label.substring(0, label.indexOf("."))} comments";
+        break;
+      case "Time_Layer":
+        int timestamp = int.parse(label.substring(0, label.indexOf(".")));
+        String date =
+            DateTime.fromMillisecondsSinceEpoch(timestamp * 1000).toString();
+        date = date.substring(0, date.indexOf(" "));
+        return "$date";
+        break;
+      default:
+        return "?";
+        break;
+    }
+  }
+}

src/dashboard/lib/data/community.dart

+import 'package:intl/intl.dart';
+
+import 'post.dart';
+
+class Community {
+  Community(this.name, this.trust, this.posts);
+  final String name;
+  final double trust;
+  List<Post> posts;
+
+  String get formattedTrustScore {
+    NumberFormat format = NumberFormat("###.00");
+
+    return format.format(trust*100)+"%";
+  }
+}

src/dashboard/lib/data/communityGraphNodeData.dart

+import 'community.dart';
+import 'post.dart';
+
+class CommunityGraphNodeData {
+  CommunityGraphNodeData.fromCommunity(this._community) {
+    this._post = null;
+  }
+  CommunityGraphNodeData.fromPost(this._post) {
+    this._community = null;
+  }
+  Community _community;
+  Post _post;
+
+  dynamic getData() {
+    if (hasCommunity()) {
+      return _community;
+    } else {
+      return _post;
+    }
+  }
+
+  bool hasCommunity() {
+    if (this._community != null)
+      return true;
+    else
+      return false;
+  }
+}

src/dashboard/lib/data/post.dart

+import 'package:intl/intl.dart';
+
+class Post {
+  Post(this.title, this.content, this.author, this.community, this.trust,
+      this.comments);
+  final String title;
+  final String content;
+  final String author;
+  final String community;
+  final double trust;
+  final int comments;
+
+  String get effectiveTitle {
+    if (title != null && title.isNotEmpty) return title;
+    return content;
+  }
+
+  String get effectiveContent {
+    if (content != null && content.isNotEmpty) return content;
+
+    return title;
+  }
+
+  String get formattedTrustScore {
+    NumberFormat format = NumberFormat("###.00");
+
+    return format.format(trust*100)+"%";
+  }
+}

src/dashboard/lib/data/user.dart

+import 'post.dart';
+
+class User {
+  User(this.username, this.id, this.trustScores, this.posts);
+  final String username;
+  final int id;
+  final Map<String, dynamic> trustScores;
+  final List<Post> posts;
+}

src/dashboard/lib/data/userGraphNodeData.dart

+import 'user.dart';
+import 'post.dart';
+
+class UserGraphNodeData {
+  UserGraphNodeData.fromUser(this._user) {
+    this._post = null;
+  }
+  UserGraphNodeData.fromPost(this._post) {
+    this._user = null;
+  }
+
+  User _user;
+  Post _post;
+
+  dynamic getData() {
+    if (hasUser()) {
+      return _user;
+    } else {
+      return _post;
+    }
+  }
+
+  bool hasUser() {
+    if (this._user != null)
+      return true;
+    else
+      return false;
+  }
+}

src/dashboard/lib/exceptions/login_exception.dart

+class LoginException implements Exception {
+  final String message;
+
+  LoginException(this.message);
+}

src/dashboard/lib/graphing/postnode.dart

+import 'package:dashboard/graphing/usergraph.dart';
+import 'package:dashboard/ui/graphs/community/community_graph_view_page.dart';
+import 'package:flutter/material.dart';
+import '../data/post.dart';
+import 'trustcolorcalculator.dart';
+
+class PostNode extends StatelessWidget {
+  final Post post;
+  final Color trustColor;
+
+  PostNode(this.post)
+      : trustColor = TrustColorCalculator.calculateTrustColor(post.trust);
+
+  Widget build(BuildContext context) {
+    return GestureDetector(
+      onTap: () => redirectToPost(context),
+      child: Row(
+        children: [
+          Expanded(
+            child: Text(
+              post.title != "" ? post.title : post.content,
+              overflow: TextOverflow.ellipsis,
+              style:
+                  TextStyle(fontWeight: FontWeight.bold, color: Colors.black),
+            ),
+          ),
+          Text(
+            (post.trust * 100).roundToDouble().toString() + "%",
+            style: TextStyle(fontWeight: FontWeight.bold, color: trustColor),
+          ),
+        ],
+        mainAxisAlignment: MainAxisAlignment.spaceBetween,
+      ),
+    );
+  }
+
+  void redirectToPost(BuildContext context) {
+    showDialog(
+      context: context,
+      builder: (_) => new PostNodeDialog(post, trustColor),
+    );
+  }
+}
+
+class PostNodeDialog extends StatelessWidget {
+  PostNodeDialog(this.post, this.trustColor,
+      {this.width = 350, this.height = 400});
+  final Post post;
+
+  final Color trustColor;
+  final double titleSize = 22;
+  final double width;
+  final double height;
+
+  Widget build(BuildContext context) {
+    return AlertDialog(
+      titlePadding: EdgeInsets.all(0),
+      actions: [
+        TextButton.icon(
+          onPressed: () => redirectToCommunityGraph(context),
+          icon: Icon(Icons.group_work),
+          label: Text(post.community),
+        ),
+        SizedBox(width: 16),
+        TextButton.icon(
+          onPressed: () => redirectToUserGraph(context),
+          icon: Icon(Icons.supervised_user_circle_rounded),
+          label: Text(post.author),
+        ),
+      ],
+      title: Container(
+        width: width,
+        decoration: BoxDecoration(
+          color: Colors.blue,
+          boxShadow: [BoxShadow(blurRadius: 0.2, spreadRadius: 0.2)],
+        ),
+        padding: EdgeInsets.all(5),
+        child: Row(
+          mainAxisAlignment: MainAxisAlignment.spaceBetween,
+          children: [
+            Expanded(
+              child: Text(
+                post.title != "" ? post.title : "Comment",
+                overflow: TextOverflow.ellipsis,
+                style: TextStyle(
+                  fontWeight: FontWeight.bold,
+                  color: Colors.black,
+                  fontSize: titleSize,
+                ),
+              ),
+            ),
+            IconButton(
+              onPressed: () => Navigator.pop(context),
+              icon: Icon(
+                Icons.close,
+                color: Colors.white,
+              ),
+            ),
+          ],
+        ),
+      ),
+      content: Container(
+        width: width,
+        height: height,
+        child: Column(
+          children: [
+            Expanded(
+              child: SingleChildScrollView(
+                child: Container(
+                  padding: EdgeInsets.fromLTRB(0, 10, 0, 0),
+                  child: Text(
+                    post.effectiveContent,
+                    overflow: TextOverflow.fade,
+                    style: TextStyle(color: Colors.black, fontSize: 19),
+                  ),
+                ),
+              ),
+            ),
+            Row(
+              mainAxisAlignment: MainAxisAlignment.spaceBetween,
+              children: [
+                Text(
+                  "Trust: ${(post.trust * 100).roundToDouble()}%",
+                  textAlign: TextAlign.left,
+                  style: TextStyle(fontSize: 16),
+                ),
+                Text(
+                  post.title != "" ? "${post.comments} Comments" : "",
+                  textAlign: TextAlign.right,
+                  style: TextStyle(fontSize: 16),
+                ),
+              ],
+            )
+          ],
+          mainAxisAlignment: MainAxisAlignment.spaceBetween,
+        ),
+      ),
+    );
+  }
+
+  void redirectToUserGraph(BuildContext context) {
+    // pop dialog
+    Navigator.of(context).pop();
+    Navigator.push(
+        context,
+        MaterialPageRoute(
+          builder: (context) => UserGraphViewPage(post.author),
+        ));
+  }
+
+  void redirectToCommunityGraph(BuildContext context) {
+    // pop dialog
+    Navigator.of(context).pop();
+    Navigator.push(
+      context,
+      MaterialPageRoute(
+        builder: (context) => CommunityGraphViewPage(post.community),
+      ),
+    );
+  }
+}

src/dashboard/lib/graphing/trustcolorcalculator.dart

+import 'package:flutter/material.dart';
+
+class TrustColorCalculator {
+  static Color calculateTrustColor(double trustValue) {
+    if (trustValue <= 0.25)
+      return Colors.red;
+    else if (trustValue <= 0.5)
+      return Colors.orange;
+    else if (trustValue <= 0.75)
+      return Colors.lime;
+    else
+      return Colors.lightGreen[200];
+  }
+}

src/dashboard/lib/graphing/usergraph.dart

+import 'package:circlegraph/circlegraph.dart';
+import 'package:dashboard/loading.dart';
+import 'package:dashboard/querying/communitygetter.dart';
+import 'package:dashboard/ui/theme/color_holder.dart';
+import 'package:dashboard/ui/util/logged_in_appbar.dart';
+import 'package:enhanced_future_builder/enhanced_future_builder.dart';
+import 'package:flutter/cupertino.dart';
+
+import 'package:flutter/material.dart';
+import 'package:flutter_spinkit/flutter_spinkit.dart';
+import '../data/post.dart';
+import '../data/userGraphNodeData.dart';
+import 'usernode.dart';
+import 'postnode.dart';
+import '../data/user.dart';
+
+class UserGraph extends StatefulWidget {
+  UserGraph(this.user);
+  final User user;
+
+  @override
+  _UserGraphState createState() => _UserGraphState(user);
+}
+
+class _UserGraphState extends State<UserGraph> {
+  _UserGraphState(this.user);
+  final User user;
+
+  int nrPerPage = 15;
+  int pageNr = 0;
+
+  Widget build(BuildContext context) {
+    List<Post> nodes = [];
+
+    for (int i = pageNr * nrPerPage;
+        (i < pageNr * nrPerPage + nrPerPage) && i < user.posts.length;
+        i++) {
+      nodes.add(user.posts[i]);
+    }
+
+    return Container(
+      //constraints: BoxConstraints.expand(),
+      child: SingleChildScrollView(
+        child: Center(
+          child: CircleGraph(
+            root: _getUserNode(user),
+            children: [for (Post post in nodes) _getPostNode(post)],
+            edgeColor: Colors.black,
+            backgroundColor: ColorHolder.color3,
+          ),
+        ),
+      ),
+    );
+  }
+
+  TreeNodeData<UserGraphNodeData> _getUserNode(User user) {
+    UserGraphNodeData data = UserGraphNodeData.fromUser(user);
+
+    return TreeNodeData(
+        child: UserNode(user.trustScores),
+        data: data,
+        backgroundColor: Colors.transparent);
+  }
+
+  TreeNodeData<UserGraphNodeData> _getPostNode(Post post) {
+    UserGraphNodeData data = UserGraphNodeData.fromPost(post);
+
+    return TreeNodeData(
+      child: PostNode(post),
+      data: data,
+      width: 250,
+    );
+  }
+}
+
+class UserGraphViewPage extends StatelessWidget {
+  UserGraphViewPage(this.username);
+  final String username;
+
+  Widget build(BuildContext context) {
+    return Scaffold(
+        backgroundColor: ColorHolder.color3,
+        appBar: LoggedInAppBar("User: $username"),
+        body: Column(
+          mainAxisSize: MainAxisSize.max,
+          children: [
+            EnhancedFutureBuilder<User>(
+              future: DataGetter.getUser(username),
+              // future: DataGetter.getJson(
+              //     "http://live.nope-api.systems:81/users/" +
+              //         username.toString()),
+              rememberFutureResult: false,
+              whenDone: (result) => UserGraph(result),
+              whenNotDone: Center(
+                child: Column(
+                  mainAxisSize: MainAxisSize.min,
+                  children: [
+                    SpinKitRotatingCircle(
+                      color: ColorHolder.color2,
+                      size: 200.0,
+                    ),
+                    SizedBox(height: 16),
+                    Text(
+                      "Loading",
+                      style: TextStyle(
+                        color: ColorHolder.color2,
+                        fontSize: 22,
+                      ),
+                    ),
+                  ],
+                ),
+              ),
+            ),
+          ],
+        ));
+  }
+}

src/dashboard/lib/graphing/usernode.dart

+import 'package:flutter/material.dart';
+// import 'package:apex_flutter_sdk/apex_flutter_sdk.dart';
+import 'trustcolorcalculator.dart';
+
+class UserNode extends StatelessWidget {
+  final List<Widget> communities = [];
+  final Map<String, dynamic> trustScores;
+  UserNode(this.trustScores);
+
+  Widget build(BuildContext context) {
+    trustScores.forEach((community, trust) {
+      communities.add(Row(
+        mainAxisAlignment: MainAxisAlignment.spaceBetween,
+        children: [
+          Text(
+            community,
+            textAlign: TextAlign.left,
+            style: TextStyle(color: Colors.black),
+          ),
+          Text((trust * 100).toString() + "%",
+              textAlign: TextAlign.right,
+              style: TextStyle(
+                color: TrustColorCalculator.calculateTrustColor(trust),
+                fontWeight: FontWeight.bold,
+              )),
+        ],
+      ));
+    });
+
+    return SizedBox();
+
+    // return HoverTooltip(
+    //   child: CircleAvatar(
+    //     backgroundImage: AssetImage("assets/user.png"),
+    //     radius: 30,
+    //   ),
+    //   tooltip: UserTooltip(this.communities),
+    // );
+  }
+}
+
+class UserTooltip extends StatelessWidget {
+  UserTooltip(this.communities);
+  final List<Widget> communities;
+  Widget build(BuildContext context) {
+    return Container(
+        padding: EdgeInsets.fromLTRB(12, 8, 12, 8),
+        width: 300,
+        decoration: BoxDecoration(
+          borderRadius: BorderRadius.circular(4),
+          boxShadow: [
+            BoxShadow(color: Colors.grey[100] ?? Colors.grey, spreadRadius: 1)
+          ],
+        ),
+        child: Column(
+          children: communities,
+        ));
+  }
+}

src/dashboard/lib/loading.dart

+import 'package:dashboard/ui/theme/color_holder.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_spinkit/flutter_spinkit.dart';
+
+class LoadingScreen extends StatelessWidget {
+  final String message;
+
+  LoadingScreen({this.message = "Loading..."});
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      backgroundColor: ColorHolder.color3,
+      body: Center(
+        child: Column(
+          mainAxisSize: MainAxisSize.min,
+          children: [
+            SpinKitRotatingCircle(
+              color: ColorHolder.color2,
+              size: 200.0,
+            ),
+            SizedBox(height: 16),
+            Text(
+              message,
+              style: TextStyle(
+                color: ColorHolder.color2,
+                fontSize: 22,
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}

src/dashboard/lib/main.dart

+import 'package:dashboard/exceptions/login_exception.dart';
+import 'package:dashboard/loading.dart';
+import 'package:dashboard/ui/graphs/community_meta/cluster_view_page.dart';
+import 'package:dashboard/ui/schema/index.dart';
+import 'package:dashboard/ui/sign_in/loginpage.dart';
+import 'package:dashboard/util/loginhelper.dart';
+import 'package:dashboard/util/user.dart';
+import 'package:enhanced_future_builder/enhanced_future_builder.dart';
+import 'package:flutter/material.dart';
+import 'package:http/http.dart' as http;
+
+void main() {
+  runApp(ArticonfDashboardDemo());
+}
+
+class ArticonfDashboardDemo extends StatefulWidget {
+  @override
+  _ArticonfDashboardDemoState createState() => _ArticonfDashboardDemoState();
+}
+
+class _ArticonfDashboardDemoState extends State<ArticonfDashboardDemo> {
+  Future<BackendUser> _checkLoginStuff() async {
+    try {
+      return await LoginHelper().loggedInUser;
+    } on LoginException {
+      return null;
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    // ClusterGetter().getClusters();
+    return MaterialApp(
+      home: EnhancedFutureBuilder<BackendUser>(
+        future: _checkLoginStuff(),
+        whenNotDone: LoadingScreen(),
+        rememberFutureResult: false,
+        whenDone: (BackendUser snapshotData) {
+          if (snapshotData == null) return LoginPage();
+          return ClusterViewPage();
+        },
+      ),
+    );
+  }
+}
+
+class DemoWidget extends StatefulWidget {
+  @override
+  _DemoWidgetState createState() => _DemoWidgetState();
+}
+
+class _DemoWidgetState extends State<DemoWidget> {
+  String _url = "http://rest-gateway/api/users";
+  String _response;
+
+  void _call() async {
+    try {
+      http.Response response = await http.get(Uri.parse(_url));
+      setState(() {
+        _response = "${response.statusCode} - ${response.body}";
+      });
+    } catch (e, str) {
+      setState(() {
+        _response = "$e,\n\n $str";
+      });
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return MaterialApp(
+      home: Scaffold(
+        body: Center(
+          child: Column(
+            mainAxisSize: MainAxisSize.min,
+            children: [
+              TextFormField(
+                initialValue: _url,
+                onChanged: (value) => _url = value,
+              ),
+              SizedBox(height: 8),
+              ElevatedButton(onPressed: _call, child: Text("Send Request")),
+              SizedBox(height: 8),
+              if (_url != null) Text(_response),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}

src/dashboard/lib/querying/clustergetter.dart

+import 'package:dashboard/data/cluster.dart';
+import 'package:dashboard/data/community.dart';
+import 'package:dashboard/data/post.dart';
+import 'package:dashboard/querying/communitygetter.dart';
+import 'package:dashboard/querying/host_provider.dart';
+import 'package:dashboard/util/loginhelper.dart';
+import 'package:dashboard/util/user.dart';
+import 'package:logger/logger.dart';
+
+class ClusterGetter {
+  Map<String, List<Community>> clusterMap;
+
+  Future<List<Community>> getNodesfromLayer(String layerName) async {
+    String url =
+        "${HostProvider.articonfHost(30103)}/api/use-cases/reddit/tables/reddit/layers/$layerName/nodes";
+
+    Logger().i("calling $url");
+
+    BackendUser user = await LoginHelper().loggedInUser;
+    String token = user.token;
+
+    Map<String, dynamic> headers = {"Authorization": "Bearer $token"};
+
+    List<dynamic> nodeList =
+        await DataGetter.getJsonList(url, headers: headers);
+
+    List<Community> communityList = [];
+
+    for (Map<String, dynamic> entry in nodeList) {
+      bool communityExists = false;
+      Community community;
+      for (Community tmpCommunity in communityList) {
+        if (tmpCommunity.name == entry["subreddit"]) {
+          community = tmpCommunity;
+          communityExists = true;
+          break;
+        }
+      }
+
+      if (!communityExists) {
+        community = Community(entry["subreddit"], 1, []);
+        communityList.add(community);
+      }
+
+      community.posts.add(Post(
+          entry["title"],
+          entry["content"],
+          entry["user_id"],
+          entry["subreddit"],
+          entry["percentage_upvoted"],
+          entry["n_comments"]));
+    }
+
+    return communityList;
+  }
+
+  Future<Map<String, List<Community>>> getClustersFuture() async {
+    List<String> layers = [
+      "Upvotes_Layer",
+      "Percentage_Layer",
+      "Engagement_Layer",
+      "Time_Layer",
+    ];
+
+    Map<String, List<Community>> clusterMap = {};
+    for (String layer in layers) {
+      clusterMap[layer] = await getNodesfromLayer(layer);
+    }
+    Logger().i(clusterMap.toString());
+    return clusterMap;
+  }
+
+  Future<List<Cluster>> getClustersFromLayer(String layerName) async {
+    String url =
+        "${HostProvider.articonfHost(30103)}/api/use-cases/reddit/tables/reddit/layers/$layerName/clusters";
+
+    Logger().i("calling $url");
+
+    BackendUser user = await LoginHelper().loggedInUser;
+    String token = user.token;
+
+    Map<String, dynamic> headers = {"Authorization": "Bearer $token"};
+
+    List<dynamic> clusterMapList =
+        await DataGetter.getJsonList(url, headers: headers);
+
+    List<Cluster> clusterList = [];
+    for (Map<String, dynamic> clusterMap in clusterMapList) {
+      Cluster cluster = Cluster(clusterMap["label"],
+          clusterMap["cluster_label"], clusterMap["layer_name"], []);
+
+      for (Map<String, dynamic> nodeMap in clusterMap["nodes"]) {
+        cluster.nodes.add(Post(
+            nodeMap["title"],
+            nodeMap["content"],
+            nodeMap["user_id"],
+            nodeMap["subreddit"],
+            nodeMap["percentage_upvoted"],
+            nodeMap["n_comments"]));
+      }
+
+      clusterList.add(cluster);
+    }
+
+    return clusterList;
+  }
+
+  Future<Cluster> getSpecificClusterFromLayer(String layerName, int id) async {
+    List<Cluster> clusterList = await getClustersFromLayer(layerName);
+
+    for (Cluster cluster in clusterList) {
+      if (cluster.label == id) return cluster;
+    }
+    return null;
+  }
+}

src/dashboard/lib/querying/communitygetter.dart

+import 'dart:convert';
+import 'dart:io';
+
+import 'package:dashboard/querying/host_provider.dart';
+import 'package:dashboard/util/loginhelper.dart';
+import 'package:dashboard/util/user.dart';
+import 'package:http/http.dart' as http;
+import 'package:logger/logger.dart';
+
+import '../data/community.dart';
+import '../data/post.dart';
+import '../data/user.dart';
+
+class DataGetter {
+  static Future<Map<String, dynamic>> getJson(String url,
+      {Map<String, dynamic> headers}) async {
+    http.Response response;
+    if (headers == null) {
+      response = await http.get(Uri.parse(url));
+    } else {
+      response = await http.get(Uri.parse(url), headers: headers);
+    }
+
+    if (response.statusCode != 200) {
+      Logger().e("Http request code != 200");
+      throw HttpException(
+          "Status code is not 200 but " + response.statusCode.toString());
+    }
+
+    return jsonDecode(response.body) as Map<String, dynamic>;
+  }
+
+  static Future<List<dynamic>> getJsonList(
+    String url, {
+    Map<String, dynamic> headers,
+  }) async {
+    BackendUser user = await LoginHelper().loggedInUser;
+
+    http.Response response = await http.get(
+      Uri.parse(url),
+      headers: {
+        HttpHeaders.authorizationHeader: "Bearer ${user.token}",
+      },
+    );
+
+    if (response.statusCode != 200) {
+      Logger().e("Http request code != 200\nActual:\t" +
+          response.statusCode.toString());
+      throw HttpException(
+          "Status code is not 200 but " + response.statusCode.toString());
+    }
+
+    return jsonDecode(response.body) as List<dynamic>;
+  }
+
+  static Future<Map<String, dynamic>> postJson(String url, String body,
+      {Map<String, dynamic> headers}) async {
+    http.Response response;
+
+    Logger().i("$url\n$headers\n$body");
+    if (headers == null) {
+      response = await http.post(Uri.parse(url), body: body);
+    } else {
+      response = await http.post(Uri.parse(url), body: body, headers: headers);
+    }
+
+    Logger().i("pls");
+
+    if (response.statusCode != 200) {
+      throw HttpException(
+          "Status code is not 200 but " + response.statusCode.toString());
+    }
+
+    Map<String, dynamic> jsonMap =
+        jsonDecode(response.body) as Map<String, dynamic>;
+
+    Logger().i(jsonMap.toString());
+    return jsonMap;
+  }
+
+  static Future<User> getUser(String username) async {
+    String url = "${HostProvider.manuelHost}/users/$username";
+
+    Map<String, dynamic> json = await getJson(url);
+
+    //getJson(url).then((value) => json = value);
+
+    int id = json["user"]["id"];
+
+    Map<String, dynamic> trustscores = json["trust_scores"];
+
+    Map<String, dynamic> postCommunityMap = json["posts"];
+
+    List<Post> postList = [];
+    postCommunityMap.forEach((community, postjson) {
+      List<dynamic> postMapList = postjson;
+      postList.addAll(_getPostListFromMapList(postMapList));
+    });
+
+    return User(username, id, trustscores, postList);
+  }
+
+  static Future<Community> getCommunity(String communityname) async {
+    String url = "${HostProvider.manuelHost}/communities/$communityname/posts";
+
+    Map<String, dynamic> json = await getJson(url);
+
+    double trust = json["trust"];
+
+    List<dynamic> postMapList = json["posts"];
+    List<Post> postList = _getPostListFromMapList(postMapList);
+
+    return Community(communityname, trust, postList);
+  }
+
+  static List<Post> _getPostListFromMapList(List<dynamic> postMapList) {
+    List<Post> postList = [];
+
+    for (Map<String, dynamic> postMap in postMapList) {
+      Post post = Post(
+          postMap["content"],
+          postMap["title"],
+          postMap["user_id"],
+          postMap["subreddit"],
+          postMap["percentage_upvoted"],
+          postMap["n_comments"]);
+
+      postList.add(post);
+    }
+
+    return postList;
+  }
+
+  static Future<List<Community>> getCommunities() async {
+    Map<String, dynamic> communities =
+        await DataGetter.getJson("${HostProvider.manuelHost}/communities");
+
+    List<Community> communityList = [];
+
+    for (var entry in communities.entries) {
+      Community results = await getCommunity(entry.key);
+      //Logger().i(results.toString());
+      communityList.add(results);
+    }
+
+    //await communities.forEach((community, value) async {
+    //  Community results = await getCommunity(community);
+    //  Logger().i(results.toString());
+    //  communityList.add(results);
+    //});
+
+    //Logger().i(communityList.toString());
+    return communityList;
+  }
+}

src/dashboard/lib/querying/host_provider.dart

+import 'package:flutter/foundation.dart';
+
+class HostProvider {
+  static String _hostArticonfDebug = "https://articonf1.itec.aau.at";
+  static String _hostArticonfRelease = "https://articonf1.itec.aau.at";
+
+  static String _hostManuelDebug = "https://live.nope-api.systems:81";
+  static String _hostManuelRelease = "https://live.nope-api.systems:81";
+
+  static String articonfHost(int port) {
+    return kReleaseMode ? "$_hostArticonfRelease:$port" : "$_hostArticonfDebug:$port";
+  }
+
+  static String get manuelHost {
+    return kReleaseMode ? _hostManuelRelease : _hostManuelDebug;
+  }
+}

src/dashboard/lib/ui/graphs/community/circle/communitygraph.dart

+import 'dart:math';
+
+import 'package:circlegraph/circlegraph.dart';
+import 'package:dashboard/graphing/trustcolorcalculator.dart';
+import 'package:dashboard/ui/graphs/community/circle/node_community.dart';
+import 'package:dashboard/ui/theme/color_holder.dart';
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter/rendering.dart';
+import '../../../../data/community.dart';
+import '../../../../data/communityGraphNodeData.dart';
+import '../../../../data/post.dart';
+import '../../../../graphing/postnode.dart';
+
+class CommunityGraph extends StatefulWidget {
+  CommunityGraph(this.community, {this.offset = 0});
+  final Community community;
+
+  static const int postsPerPage = 21;
+  final int offset;
+
+  final double padding = 32;
+  final double postWidth = 200;
+  final double postHeight = 50;
+
+  _CommunityGraphState createState() => _CommunityGraphState(community);
+}
+
+class _CommunityGraphState extends State<CommunityGraph> {
+  _CommunityGraphState(this.community);
+  final Community community;
+
+  build(BuildContext context) {
+    var nodes = [];
+
+    int startPostIndex = widget.offset;
+    int endPostIndex = min(
+        startPostIndex + CommunityGraph.postsPerPage, community.posts.length);
+
+    for (int i = startPostIndex; i < endPostIndex; i++) {
+      nodes.add(community.posts[i]);
+    }
+
+    nodes.add(
+      Post("...", "", "", community.name, community.trust, 70),
+    );
+
+    return Container(
+      constraints: BoxConstraints.expand(),
+      color: ColorHolder.color3,
+      child: SingleChildScrollView(
+        child: CircleGraph(
+          backgroundColor: ColorHolder.color3,
+          root: _getCommunityNode(community),
+          children: [for (var node in nodes) _getPostNode(node)],
+          edgeColor: Color.fromRGBO(212, 228, 188, 1),
+          padding: EdgeInsets.zero,
+          circleLayout: [
+            Circle(10, 4),
+            Circle(100, 8),
+            Circle(220, -1),
+          ],
+        ),
+      ),
+    );
+  }
+
+  TreeNodeData<CommunityGraphNodeData> _getCommunityNode(Community community) {
+    CommunityGraphNodeData data =
+        CommunityGraphNodeData.fromCommunity(community);
+
+    return TreeNodeData<CommunityGraphNodeData>(
+      child: TrustScoreNode(
+        community.name,
+        community.trust,
+        textColor: ColorHolder.color2,
+        icon: Icons.group_work,
+      ),
+      data: data,
+      width: 150,
+      backgroundColor: ColorHolder.color1,
+    );
+  }
+
+  TreeNodeData<CommunityGraphNodeData> _getPostNode(Post post) {
+    CommunityGraphNodeData data = CommunityGraphNodeData.fromPost(post);
+    PostNode postNode = PostNode(post);
+
+    return TreeNodeData<CommunityGraphNodeData>(
+      // child: postNode,
+      child: TrustScoreNode(
+        post.effectiveTitle,
+        post.trust,
+        textColor: ColorHolder.color2,
+        icon: Icons.sticky_note_2,
+      ),
+      data: data,
+      width: 200,
+      backgroundColor: ColorHolder.color1,
+      onNodeClick: _redirectToPost,
+    );
+  }
+
+  void _redirectToPost(TreeNodeData node, CommunityGraphNodeData data) {
+    showDialog(
+        context: context,
+        builder: (_) => new PostNodeDialog(data.getData(),
+            TrustColorCalculator.calculateTrustColor(data.getData().trust)));
+  }
+}

src/dashboard/lib/ui/graphs/community/circle/node_community.dart

+import 'package:flutter/material.dart';
+
+class TrustScoreNode extends StatelessWidget {
+  final String label;
+  final double trustValue;
+  final Color textColor;
+  final IconData icon;
+
+  TrustScoreNode(this.label, this.trustValue,
+      {this.textColor = Colors.black, this.icon});
+
+  @override
+  Widget build(BuildContext context) {
+    return Padding(
+      padding: const EdgeInsets.all(8.0),
+      child: Row(
+        children: [
+          if (icon != null)
+            Icon(
+              icon,
+              color: textColor,
+            ),
+          if (icon != null) SizedBox(width: 4),
+          Expanded(
+            child: Text(
+              label,
+              overflow: TextOverflow.ellipsis,
+              style: TextStyle(
+                fontWeight: FontWeight.bold,
+                color: textColor,
+              ),
+            ),
+          ),
+          Text(
+            (trustValue * 100).roundToDouble().toString() + "%",
+            style: TextStyle(
+              fontWeight: FontWeight.bold,
+              color: Colors.green,
+            ),
+          ),
+        ],
+        mainAxisAlignment: MainAxisAlignment.spaceBetween,
+      ),
+    );
+  }
+}

src/dashboard/lib/ui/graphs/community/cloud/communitycloud.dart

+import 'package:dashboard/data/community.dart';
+import 'package:dashboard/data/post.dart';
+import 'package:dashboard/ui/theme/color_holder.dart';
+import 'package:flutter/material.dart';
+
+class CommunityCloud extends StatefulWidget {
+  @override
+  _CommunityCloudState createState() => _CommunityCloudState();
+
+  final double padding = 32;
+  final double postWidth = 200;
+  final double postHeight = 50;
+
+  final int offset;
+  final Community community;
+
+  CommunityCloud(this.community, this.offset);
+}
+
+class _CommunityCloudState extends State<CommunityCloud> {
+  int _nextPostId;
+
+  Widget _rowBuilder(int n) {
+    List<Widget> children = [];
+
+    for (int i = 0; i < n; i++) {
+      int postNumber = _nextPostId++;
+
+      Post post = widget.community.posts[postNumber];
+
+      children.add(
+        Container(
+          width: widget.postWidth,
+          height: widget.postHeight,
+          padding: EdgeInsets.all(4),
+          decoration: BoxDecoration(
+            color: Colors.blue,
+            borderRadius: BorderRadius.all(Radius.circular(10)),
+          ),
+          child: Row(
+            children: [
+              Icon(
+                Icons.sticky_note_2,
+                color: ColorHolder.color2,
+              ),
+              SizedBox(width: 4),
+              Expanded(
+                child: Text(
+                  post.effectiveTitle,
+                  overflow: TextOverflow.ellipsis,
+                  maxLines: 2,
+                  style: TextStyle(color: ColorHolder.color2),
+                ),
+              ),
+              SizedBox(width: 4),
+              Column(
+                mainAxisAlignment: MainAxisAlignment.center,
+                mainAxisSize: MainAxisSize.min,
+                children: [
+                  Icon(
+                    post.trust > .5
+                        ? Icons.thumb_up_sharp
+                        : Icons.thumb_down_sharp,
+                    color: ColorHolder.color2,
+                    size: 15,
+                  ),
+                  Text(
+                    post.formattedTrustScore,
+                    style: TextStyle(color: ColorHolder.color2),
+                  ),
+                ],
+              ),
+            ],
+          ),
+        ),
+      );
+    }
+
+    return Padding(
+      padding: EdgeInsets.only(bottom: widget.padding),
+      child: Row(
+        mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+        children: children,
+      ),
+    );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    _nextPostId = widget.offset;
+
+    return Container(
+      color: ColorHolder.color3,
+      constraints: BoxConstraints.expand(),
+      child: LayoutBuilder(
+        builder: (BuildContext context, BoxConstraints constraints) {
+          int postsPerRow =
+              constraints.maxWidth ~/ (widget.postWidth + widget.padding);
+
+          int nrows =
+              constraints.maxHeight ~/ (widget.postHeight + widget.padding);
+
+          return Padding(
+            padding: EdgeInsets.only(top: widget.padding),
+            child: Column(
+              children: [
+                for (int i = 0; i < nrows; i++)
+                  _rowBuilder(postsPerRow - (i % 2)),
+              ],
+            ),
+          );
+        },
+      ),
+    );
+  }
+}

src/dashboard/lib/ui/graphs/community/community_graph_view_page.dart

+import 'dart:math';
+
+import 'package:dashboard/data/community.dart';
+import 'package:dashboard/loading.dart';
+import 'package:dashboard/querying/communitygetter.dart';
+import 'package:dashboard/ui/graphs/community/circle/communitygraph.dart';
+import 'package:dashboard/ui/graphs/community/list/community_list.dart';
+import 'package:dashboard/ui/graphs/community_meta/cluster_view_page.dart';
+import 'package:dashboard/ui/graphs/community_meta/index.dart';
+import 'package:flutter/material.dart';
+
+class CommunityGraphViewPage extends StatefulWidget {
+  final String communityname;
+
+  CommunityGraphViewPage(this.communityname);
+
+  @override
+  _CommunityGraphViewPageState createState() => _CommunityGraphViewPageState();
+}
+
+class _CommunityGraphViewPageState extends State<CommunityGraphViewPage> {
+  int _startIndex = 0;
+  int _endIndex = 0;
+  Community _data;
+
+  bool _inCloudMode = true;
+
+  void initState() {
+    super.initState();
+    _fetchData();
+  }
+
+  void _fetchData() async {
+    _data = await DataGetter.getCommunity(widget.communityname);
+
+    Navigator.of(context).pushReplacement(
+      MaterialPageRoute(
+        builder: (context) => CommunityList(_data, 0),
+      ),
+    );
+  }
+
+  void _onNext() {
+    if (_data != null)
+      setState(() {
+        _endIndex = min(
+          _endIndex + CommunityGraph.postsPerPage,
+          _data.posts.length - 1,
+        );
+        _startIndex = max(
+          0,
+          _endIndex - CommunityGraph.postsPerPage,
+        );
+      });
+  }
+
+  void _onPrevious() {
+    setState(() {
+      _startIndex = max(0, _startIndex - CommunityGraph.postsPerPage);
+      _endIndex = _startIndex + CommunityGraph.postsPerPage;
+    });
+  }
+
+  void _toggleCloudMode(BuildContext context) {
+    setState(() {
+      _inCloudMode = !_inCloudMode;
+    });
+  }
+
+  Widget build(BuildContext context) {
+    return LoadingScreen(message: "Fetching posts...");
+  }
+
+  void redirectToCommunityMetaGraph(BuildContext context) {
+    Navigator.push(
+        context,
+        MaterialPageRoute(
+          builder: (context) => ClusterViewPage(),
+        ));
+  }
+}

src/dashboard/lib/ui/graphs/community/list/cluster_list.dart

+import 'dart:html';
+import 'dart:math';
+
+import 'package:dashboard/data/cluster.dart';
+import 'package:dashboard/data/community.dart';
+import 'package:dashboard/ui/graphs/community/list/post_view.dart';
+import 'package:dashboard/ui/theme/color_holder.dart';
+import 'package:dashboard/ui/util/left_to_right_transition%20copy.dart';
+import 'package:dashboard/ui/util/logged_in_appbar.dart';
+import 'package:dashboard/ui/util/right_to_left_transition.dart';
+import 'package:dashboard/ui/util/scrolldetector.dart';
+import 'package:flutter/material.dart';
+
+class ClusterList extends StatefulWidget {
+  @override
+  _ClusterListState createState() => _ClusterListState();
+
+  final int offset;
+  final Cluster cluster;
+
+  final int nodesPerPage = 3;
+
+  ClusterList(this.cluster, this.offset);
+}
+
+class _ClusterListState extends State<ClusterList> {
+  void _previous() {
+    int nextOffset = max(
+      0,
+      widget.offset - widget.nodesPerPage,
+    );
+
+    if (nextOffset != widget.offset)
+      Navigator.of(context).pushReplacement(
+        LeftToRightTransition(
+          widget: ClusterList(
+            widget.cluster,
+            nextOffset,
+          ),
+        ),
+      );
+  }
+
+  void _next() {
+    int nextOffset = min(
+      widget.cluster.nodes.length - widget.nodesPerPage,
+      widget.offset + widget.nodesPerPage,
+    );
+
+    if (nextOffset != widget.offset)
+      Navigator.of(context).pushReplacement(
+        RightToLeftTransition(
+          widget: ClusterList(
+            widget.cluster,
+            nextOffset,
+          ),
+        ),
+      );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: LoggedInAppBar("Cluster: ${widget.cluster.getDisplayLabel()}"),
+      body: ScrollDetector(
+        onPointerScroll: (event) =>
+            event.scrollDelta.dy < 0 ? _previous() : _next(),
+        child: Stack(
+          children: [
+            Center(
+              child: Container(
+                constraints: BoxConstraints.expand(),
+                color: ColorHolder.color3,
+                child: Stack(
+                  children: [
+                    Align(
+                      alignment: Alignment.center,
+                      child: Column(
+                        mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+                        crossAxisAlignment: CrossAxisAlignment.end,
+                        children: [
+                          for (int i = widget.offset;
+                              i <
+                                  min(widget.cluster.nodes.length,
+                                      widget.offset + widget.nodesPerPage);
+                              i++)
+                            PostView(
+                              widget.cluster.nodes[i],
+                              index: i + 1,
+                              withExplanation: i == widget.offset,
+                            ),
+                        ],
+                      ),
+                    ),
+                  ],
+                ),
+              ),
+            )
+          ],
+        ),
+      ),
+    );
+  }
+}

src/dashboard/lib/ui/graphs/community/list/community_list.dart

+import 'dart:html';
+import 'dart:math';
+
+import 'package:dashboard/data/community.dart';
+import 'package:dashboard/ui/graphs/community/list/post_view.dart';
+import 'package:dashboard/ui/theme/color_holder.dart';
+import 'package:dashboard/ui/util/left_to_right_transition%20copy.dart';
+import 'package:dashboard/ui/util/logged_in_appbar.dart';
+import 'package:dashboard/ui/util/right_to_left_transition.dart';
+import 'package:dashboard/ui/util/scrolldetector.dart';
+import 'package:flutter/material.dart';
+
+class CommunityList extends StatefulWidget {
+  @override
+  _CommunityListState createState() => _CommunityListState();
+
+  final int offset;
+  final Community community;
+
+  final int nodesPerPage = 3;
+
+  CommunityList(this.community, this.offset);
+}
+
+class _CommunityListState extends State<CommunityList> {
+  void _previous() {
+    int nextOffset = max(
+      0,
+      widget.offset - widget.nodesPerPage,
+    );
+
+    if (nextOffset != widget.offset)
+      Navigator.of(context).pushReplacement(
+        LeftToRightTransition(
+          widget: CommunityList(
+            widget.community,
+            nextOffset,
+          ),
+        ),
+      );
+  }
+
+  void _next() {
+    int nextOffset = min(
+      widget.community.posts.length - widget.nodesPerPage,
+      widget.offset + widget.nodesPerPage,
+    );
+
+    if (nextOffset != widget.offset)
+      Navigator.of(context).pushReplacement(
+        RightToLeftTransition(
+          widget: CommunityList(
+            widget.community,
+            nextOffset,
+          ),
+        ),
+      );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: LoggedInAppBar("Community: ${widget.community.name}"),
+      body: ScrollDetector(
+        onPointerScroll: (event) =>
+            event.scrollDelta.dy < 0 ? _previous() : _next(),
+        child: Stack(
+          children: [
+            Center(
+              child: Container(
+                constraints: BoxConstraints.expand(),
+                color: ColorHolder.color3,
+                child: Stack(
+                  children: [
+                    Align(
+                      alignment: Alignment.center,
+                      child: Column(
+                        mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+                        crossAxisAlignment: CrossAxisAlignment.end,
+                        children: [
+                          for (int i = widget.offset;
+                              i <
+                                  min(widget.community.posts.length,
+                                      widget.offset + widget.nodesPerPage);
+                              i++)
+                            PostView(
+                              widget.community.posts[i],
+                              index: i + 1,
+                              withExplanation: i == widget.offset,
+                            ),
+                        ],
+                      ),
+                    ),
+                  ],
+                ),
+              ),
+            )
+          ],
+        ),
+      ),
+    );
+  }
+}

src/dashboard/lib/ui/graphs/community/list/post_view.dart

+import 'package:dashboard/data/post.dart';
+import 'package:dashboard/graphing/postnode.dart';
+import 'package:flutter/material.dart';
+
+class PostView extends StatelessWidget {
+  final Post post;
+  final int index;
+
+  final bool withExplanation;
+
+  PostView(
+    this.post, {
+    this.index = -1,
+    this.withExplanation = false,
+  });
+
+  void _onPostTap(BuildContext context) {
+    showDialog(
+      context: context,
+      builder: (context) => PostNodeDialog(
+        post,
+        Colors.green,
+      ),
+    );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Row(
+      mainAxisSize: MainAxisSize.min,
+      children: [
+        if (withExplanation)
+          SizedBox(
+            width: 220,
+            child: Column(
+              mainAxisSize: MainAxisSize.min,
+              crossAxisAlignment: CrossAxisAlignment.center,
+              children: [
+                Text(
+                  "User post from the community ${post.community}",
+                  style: TextStyle(
+                    color: Colors.white,
+                    fontSize: 20,
+                  ),
+                  textAlign: TextAlign.center,
+                ),
+                Image.asset(
+                  "assets/drawn/line1.png",
+                  width: 200,
+                ),
+              ],
+            ),
+          ),
+
+        if (withExplanation)
+          Image.asset(
+            "assets/drawn/arrow.png",
+            width: 200,
+          ),
+
+        // post content
+        Container(
+          width: 600,
+          height: 200,
+          alignment: Alignment.center,
+          decoration: BoxDecoration(
+            image: withExplanation
+                ? DecorationImage(
+                    image: AssetImage(
+                      "assets/drawn/circle.png",
+                    ),
+                    fit: BoxFit.fill,
+                  )
+                : null,
+          ),
+          child: Stack(
+            children: [
+              Align(
+                alignment: Alignment.center,
+                child: GestureDetector(
+                  onTap: () => _onPostTap(context),
+                  child: Container(
+                    width: 400,
+                    child: Card(
+                      child: Padding(
+                        padding: const EdgeInsets.all(8.0),
+                        child: Column(
+                          mainAxisSize: MainAxisSize.min,
+                          children: [
+                            Text(
+                              post.effectiveTitle,
+                              style: TextStyle(
+                                fontSize: 22,
+                                fontWeight: FontWeight.bold,
+                              ),
+                              textAlign: TextAlign.center,
+                            ),
+
+                            // author credit
+                            Row(
+                              children: [
+                                if (index > 0)
+                                  Text(
+                                    "#$index",
+                                    style: TextStyle(
+                                      fontStyle: FontStyle.italic,
+                                    ),
+                                  ),
+                                Expanded(
+                                  child: SizedBox(),
+                                ),
+                                Text(
+                                  "by ${post.author}",
+                                  style: TextStyle(
+                                    fontStyle: FontStyle.italic,
+                                  ),
+                                ),
+                              ],
+                            ),
+                          ],
+                        ),
+                      ),
+                    ),
+                  ),
+                ),
+              ),
+            ],
+          ),
+        ),
+      ],
+    );
+  }
+}

src/dashboard/lib/ui/graphs/community_meta/cluster_graph.dart

+import 'package:circlegraph/bubble/bubblegraph.dart';
+import 'package:circlegraph/circlegraph.dart';
+import 'package:dashboard/data/cluster.dart';
+import 'package:dashboard/ui/graphs/community/list/cluster_list.dart';
+import 'package:dashboard/ui/theme/color_holder.dart';
+import 'package:flutter/material.dart';
+
+class ClusterGraph extends StatefulWidget {
+  final List<Cluster> clusters;
+  ClusterGraph(this.clusters);
+
+  _ClusterGraphState createState() => _ClusterGraphState(this.clusters);
+}
+
+class _ClusterGraphState extends State<ClusterGraph> {
+  final List<Cluster> clusters;
+  int postNodeCount = 10; // Nr of postNodes displayed
+  int page = 0;
+  int nodesPerPage = 50;
+  _ClusterGraphState(this.clusters);
+
+  void _previous() {
+    setState(() {
+      page--;
+    });
+  }
+
+  void _next() {
+    setState(() {
+      page++;
+    });
+  }
+
+  Widget build(BuildContext context) {
+    return Column(
+      children: [
+        Row(
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: [
+            if (page > 0)
+              IconButton(
+                onPressed: _previous,
+                icon: Icon(Icons.chevron_left),
+                color: ColorHolder.color2,
+                iconSize: 30,
+              ),
+            SizedBox(width: 16),
+            Text(
+              "Page ${page + 1}",
+              style: TextStyle(
+                fontSize: 20,
+                color: ColorHolder.color2,
+              ),
+            ),
+            SizedBox(width: 16),
+            IconButton(
+              onPressed: _next,
+              icon: Icon(Icons.chevron_right),
+              color: ColorHolder.color2,
+              iconSize: 30,
+            ),
+          ],
+        ),
+        Expanded(
+          child: SingleChildScrollView(
+            scrollDirection: Axis.vertical,
+            child: BubbleGraph(
+              clusters
+                  .where(
+                    (element) =>
+                        clusters.indexOf(element) >= page * nodesPerPage &&
+                        clusters.indexOf(element) < (page + 1) * nodesPerPage,
+                  )
+                  .map(
+                    (Cluster cluster) => CircleGraph(
+                      root: TreeNodeData(
+                        onNodeClick: (node, data) => Navigator.push(
+                          context,
+                          MaterialPageRoute(
+                            builder: (context) => ClusterList(data, 0),
+                          ),
+                        ),
+                        data: cluster,
+                        backgroundColor: ColorHolder.color1,
+                        child: Container(
+                          constraints: BoxConstraints.expand(),
+                          child: Stack(
+                            children: [
+                              Align(
+                                alignment: Alignment.center,
+                                child: Padding(
+                                  padding: const EdgeInsets.only(top: 32.0),
+                                  child: Row(
+                                    mainAxisSize: MainAxisSize.min,
+                                    children: [
+                                      Icon(
+                                        Icons.group_work,
+                                        color: ColorHolder.color2,
+                                      ),
+                                      Text(
+                                        "${cluster.getDisplayLabel()}",
+                                        style: TextStyle(
+                                          color: ColorHolder.color2,
+                                        ),
+                                      ),
+                                    ],
+                                  ),
+                                ),
+                              ),
+                            ],
+                          ),
+                        ),
+                        height: 160,
+                        width: 160,
+                      ),
+                      circlify: true,
+                      backgroundColor: ColorHolder.color1,
+                    ),
+                  )
+                  .toList(),
+            ),
+          ),
+        ),
+      ],
+    );
+  }
+}

src/dashboard/lib/ui/graphs/community_meta/cluster_view_page.dart

+import 'package:dashboard/querying/clustergetter.dart';
+import 'package:dashboard/querying/communitygetter.dart';
+import 'package:dashboard/ui/theme/color_holder.dart';
+import 'package:dashboard/ui/util/logged_in_appbar.dart';
+import 'package:enhanced_future_builder/enhanced_future_builder.dart';
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+
+import '../../../loading.dart';
+import 'cluster_graph.dart';
+import 'index.dart';
+
+class ClusterViewPage extends StatelessWidget {
+  Widget build(BuildContext context) {
+    return DefaultTabController(
+      length: 5,
+      child: Scaffold(
+        appBar: LoggedInAppBar(
+          "Cluster View",
+          bottom: TabBar(
+            tabs: [
+              Text("Communities"),
+              Text("Upvotes"),
+              Text("Trust"),
+              Text("Engagement"),
+              Text("Time")
+            ],
+          ),
+        ),
+        backgroundColor: ColorHolder.color3,
+        body: TabBarView(
+          children: [
+            Container(
+              padding: EdgeInsets.all(12),
+              constraints: BoxConstraints.expand(),
+              child: EnhancedFutureBuilder(
+                future: DataGetter.getCommunities(),
+                rememberFutureResult: false,
+                whenDone: (communities) => CommunityMetaGraph(communities),
+                whenNotDone: Container(
+                  alignment: Alignment.center,
+                  child: LoadingScreen(
+                    message: "Fetching Data...",
+                  ),
+                ),
+              ),
+            ),
+            Container(
+              padding: EdgeInsets.all(12),
+              constraints: BoxConstraints.expand(),
+              child: EnhancedFutureBuilder(
+                future: ClusterGetter().getClustersFromLayer("Upvotes_Layer"),
+                rememberFutureResult: false,
+                whenDone: (clusters) => ClusterGraph(clusters),
+                whenNotDone: Container(
+                  alignment: Alignment.center,
+                  child: LoadingScreen(
+                    message: "Fetching Data...",
+                  ),
+                ),
+              ),
+            ),
+            Container(
+              padding: EdgeInsets.all(12),
+              constraints: BoxConstraints.expand(),
+              child: EnhancedFutureBuilder(
+                future:
+                    ClusterGetter().getClustersFromLayer("Percentage_Layer"),
+                rememberFutureResult: false,
+                whenDone: (clusters) => ClusterGraph(clusters),
+                whenNotDone: Container(
+                  alignment: Alignment.center,
+                  child: LoadingScreen(
+                    message: "Fetching Data...",
+                  ),
+                ),
+              ),
+            ),
+            Container(
+              padding: EdgeInsets.all(12),
+              constraints: BoxConstraints.expand(),
+              child: EnhancedFutureBuilder(
+                future:
+                    ClusterGetter().getClustersFromLayer("Engagement_Layer"),
+                rememberFutureResult: false,
+                whenDone: (clusters) => ClusterGraph(clusters),
+                whenNotDone: Container(
+                  alignment: Alignment.center,
+                  child: LoadingScreen(
+                    message: "Fetching Data...",
+                  ),
+                ),
+              ),
+            ),
+            Container(
+              padding: EdgeInsets.all(12),
+              constraints: BoxConstraints.expand(),
+              child: EnhancedFutureBuilder(
+                future: ClusterGetter().getClustersFromLayer("Time_Layer"),
+                rememberFutureResult: false,
+                whenDone: (clusters) => ClusterGraph(clusters),
+                whenNotDone: Container(
+                  alignment: Alignment.center,
+                  child: LoadingScreen(
+                    message: "Fetching Data...",
+                  ),
+                ),
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}

src/dashboard/lib/ui/graphs/community_meta/index.dart

+import 'dart:math';
+
+import 'package:circlegraph/bubble/bubblegraph.dart';
+import 'package:circlegraph/circlegraph.dart';
+import 'package:dashboard/data/community.dart';
+import 'package:dashboard/graphing/trustcolorcalculator.dart';
+import 'package:dashboard/ui/graphs/community/community_graph_view_page.dart';
+import 'package:dashboard/ui/theme/color_holder.dart';
+import 'package:flutter/material.dart';
+
+class CommunityMetaGraph extends StatefulWidget {
+  final List<Community> communities;
+  CommunityMetaGraph(this.communities);
+
+  _CommunityMetaGraphState createState() =>
+      _CommunityMetaGraphState(this.communities);
+}
+
+class _CommunityMetaGraphState extends State<CommunityMetaGraph> {
+  final List<Community> communities;
+  int postNodeCount = 10; // Nr of postNodes displayed
+  _CommunityMetaGraphState(this.communities);
+
+  Widget build(BuildContext context) {
+    return SingleChildScrollView(
+      child: BubbleGraph(
+        communities
+            .map(
+              (Community community) => CircleGraph(
+                root: TreeNodeData(
+                  onNodeClick: (node, data) => Navigator.push(
+                    context,
+                    MaterialPageRoute(
+                      builder: (context) => CommunityGraphViewPage(data.name),
+                    ),
+                  ),
+                  data: community,
+                  backgroundColor: ColorHolder.color1,
+                  child: Container(
+                    constraints: BoxConstraints.expand(),
+                    child: Stack(
+                      children: [
+                        Align(
+                          alignment: Alignment.topRight,
+                          child: Container(
+                            width: 70,
+                            height: 70,
+                            alignment: Alignment.center,
+                            decoration: BoxDecoration(
+                              shape: BoxShape.circle,
+                              color: Colors.blue,
+                            ),
+                            child: Text(
+                              community.formattedTrustScore,
+                              style: TextStyle(
+                                fontWeight: FontWeight.bold,
+                                color: Colors.white,
+                                fontSize: 14,
+                              ),
+                            ),
+                          ),
+                        ),
+                        Align(
+                          alignment: Alignment.center,
+                          child: Padding(
+                            padding: const EdgeInsets.only(top: 32.0),
+                            child: Row(
+                              mainAxisSize: MainAxisSize.min,
+                              children: [
+                                Icon(
+                                  Icons.group_work,
+                                  color: ColorHolder.color2,
+                                ),
+                                Text(
+                                  "${community.name}",
+                                  style: TextStyle(
+                                    color: ColorHolder.color2,
+                                  ),
+                                ),
+                              ],
+                            ),
+                          ),
+                        ),
+                      ],
+                    ),
+                  ),
+                  height: 160,
+                  width: 160,
+                ),
+                circlify: true,
+                backgroundColor: ColorHolder.color1,
+              ),
+            )
+            .toList(),
+      ),
+    );
+
+    // return SingleChildScrollView(
+    //   child: Wrap(
+    //     children: [
+    //       for (Community community in communities)
+    //         getCommunityNodeWidget(community)
+    //     ],
+    //   ),
+    // );
+  }
+
+  Widget getCommunityNodeWidget(Community community) {
+    return GestureDetector(
+        onTap: () => Navigator.push(
+            context,
+            MaterialPageRoute(
+              builder: (context) => CommunityGraphViewPage(community.name),
+            )),
+        child: Container(
+          width: 250,
+          height: 50,
+          decoration:
+              BoxDecoration(color: Colors.blue, shape: BoxShape.rectangle),
+          margin: EdgeInsets.all(7),
+          padding: EdgeInsets.all(5),
+          child: Row(
+            children: [
+              Expanded(
+                child: Text(
+                  community.name,
+                  overflow: TextOverflow.ellipsis,
+                  style: TextStyle(
+                      fontWeight: FontWeight.bold, color: Colors.black),
+                ),
+              ),
+              Text(
+                (community.trust * 100 - Random().nextInt(20))
+                        .roundToDouble()
+                        .toString() +
+                    "%",
+                style: TextStyle(
+                    fontWeight: FontWeight.bold,
+                    color: TrustColorCalculator.calculateTrustColor(
+                        community.trust)),
+              ),
+            ],
+            mainAxisAlignment: MainAxisAlignment.spaceBetween,
+          ),
+        ));
+  }
+}

src/dashboard/lib/ui/schema/index.dart

+import 'package:dashboard/ui/schema/page1/index.dart';
+import 'package:dashboard/ui/schema/page2/index.dart';
+import 'package:dashboard/ui/schema/page3/index.dart';
+import 'package:dashboard/ui/schema/page4/index.dart';
+import 'package:flutter/material.dart';
+
+enum Phase { WRITE, DETAILS, LAYERS, LAYERING }
+
+class SchemaDemo extends StatefulWidget {
+  @override
+  _SchemaDemoState createState() => _SchemaDemoState();
+
+  final Phase phase;
+
+  SchemaDemo({this.phase = Phase.WRITE});
+}
+
+class _SchemaDemoState extends State<SchemaDemo> {
+  Phase _phase;
+
+  @override
+  void initState() {
+    _phase = widget.phase;
+    super.initState();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    switch (_phase) {
+      case Phase.WRITE:
+        return SchemaDemoPage1();
+
+      case Phase.DETAILS:
+        return SchemaDemoPage2();
+
+      case Phase.LAYERS:
+        return SchemaDemoPage3();
+
+      case Phase.LAYERING:
+        return SchemaDemoPage4();
+
+      default:
+        return Text("Unknown Phase $_phase");
+    }
+  }
+}

src/dashboard/lib/ui/schema/page1/index.dart

+import 'package:dashboard/ui/schema/index.dart';
+import 'package:dashboard/ui/schema/util/bottom_sheet.dart';
+import 'package:dashboard/ui/schema/util/fab.dart';
+import 'package:dashboard/ui/schema/util/post_written.dart';
+import 'package:dashboard/ui/theme/color_holder.dart';
+import 'package:flutter/material.dart';
+
+class SchemaDemoPage1 extends StatefulWidget {
+  @override
+  _SchemaDemoPage1State createState() => _SchemaDemoPage1State();
+}
+
+class _SchemaDemoPage1State extends State<SchemaDemoPage1> {
+  void _next() {
+    Navigator.of(context).push(
+      MaterialPageRoute(
+        builder: (context) => SchemaDemo(
+          phase: Phase.DETAILS,
+        ),
+      ),
+    );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      backgroundColor: ColorHolder.color1,
+      body: Center(
+        child: Row(
+          children: [
+            
+            SizedBox(width: 16),
+            CustomFloatingActionButton(
+              Icons.close,
+              "right-${DateTime.now()}",
+              () => Navigator.of(context).pop(),
+            ),
+            Expanded(
+              child: Row(
+                mainAxisAlignment: MainAxisAlignment.center,
+                children: [
+                  WrittenPost(() {}),
+                ],
+              ),
+            ),
+            CustomFloatingActionButton(
+              Icons.arrow_right,
+              "right-${DateTime.now()}",
+              _next,
+            ),
+            SizedBox(width: 16),
+          ],
+        ),
+      ),
+      bottomSheet: ExplainingBottomSheet(
+          "1. A user writes a post at a service that is connected to Articonf SMART."),
+    );
+  }
+}

src/dashboard/lib/ui/schema/page2/index.dart

+import 'package:dashboard/ui/schema/index.dart';
+import 'package:dashboard/ui/schema/util/bottom_sheet.dart';
+import 'package:dashboard/ui/schema/util/fab.dart';
+import 'package:dashboard/ui/schema/util/trace_table.dart';
+import 'package:dashboard/ui/schema/util/post_written.dart';
+import 'package:dashboard/ui/theme/color_holder.dart';
+import 'package:flutter/material.dart';
+
+class SchemaDemoPage2 extends StatefulWidget {
+  @override
+  _SchemaDemoPage2State createState() => _SchemaDemoPage2State();
+}
+
+class _SchemaDemoPage2State extends State<SchemaDemoPage2> {
+  void _previous() {
+    Navigator.of(context).pop();
+  }
+
+  void _next() {
+    Navigator.of(context).push(MaterialPageRoute(
+      builder: (context) => SchemaDemo(
+        phase: Phase.LAYERS,
+      ),
+    ));
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      backgroundColor: ColorHolder.color1,
+      body: Center(
+        child: Row(
+          children: [
+            SizedBox(width: 16),
+            CustomFloatingActionButton(
+              Icons.arrow_back,
+              "left-${DateTime.now()}",
+              _previous,
+            ),
+            Expanded(
+              child: Row(
+                mainAxisAlignment: MainAxisAlignment.end,
+                children: [
+                  WrittenPost(
+                    null,
+                    initialStatus: PostStatus.DONE,
+                  ),
+                ],
+              ),
+            ),
+            Icon(
+              Icons.arrow_right,
+              color: ColorHolder.color2,
+            ),
+            Expanded(
+              child: Row(
+                mainAxisSize: MainAxisSize.min,
+                children: [
+                  PostTable(),
+                ],
+              ),
+            ),
+            CustomFloatingActionButton(
+              Icons.arrow_forward,
+              "right-${DateTime.now()}",
+              _next,
+            ),
+            SizedBox(width: 16),
+          ],
+        ),
+      ),
+      bottomSheet: ExplainingBottomSheet(
+          "2. The raw data gets gathered by the Articonf SMART backend according to a schema and is converted to a Trace."),
+    );
+  }
+}

src/dashboard/lib/ui/schema/page3/index.dart

+import 'package:dashboard/ui/schema/index.dart';
+import 'package:dashboard/ui/schema/util/bottom_sheet.dart';
+import 'package:dashboard/ui/schema/util/fab.dart';
+import 'package:dashboard/ui/schema/util/layers.dart';
+import 'package:dashboard/ui/schema/util/trace_table.dart';
+import 'package:dashboard/ui/schema/util/traces_list.dart';
+import 'package:dashboard/ui/theme/color_holder.dart';
+import 'package:flutter/material.dart';
+
+class SchemaDemoPage3 extends StatefulWidget {
+  @override
+  _SchemaDemoPage3State createState() => _SchemaDemoPage3State();
+}
+
+class _SchemaDemoPage3State extends State<SchemaDemoPage3> {
+  void _previous() {
+    Navigator.of(context).pop();
+  }
+
+  void _next() {
+    Navigator.of(context).push(MaterialPageRoute(
+      builder: (context) => SchemaDemo(
+        phase: Phase.LAYERING,
+      ),
+    ));
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      backgroundColor: ColorHolder.color1,
+      body: Stack(
+        children: [
+          Center(
+            child: Row(
+              crossAxisAlignment: CrossAxisAlignment.center,
+              mainAxisAlignment: MainAxisAlignment.center,
+              children: [
+                SizedBox(width: 16),
+                CustomFloatingActionButton(
+                  Icons.arrow_back,
+                  "left-${DateTime.now()}",
+                  _previous,
+                ),
+                Expanded(child: SizedBox()),
+                PostTable(),
+                Icon(
+                  Icons.add,
+                  size: 30,
+                  color: ColorHolder.color2,
+                ),
+                LayerInformation(),
+                Icon(
+                  Icons.arrow_right,
+                  size: 30,
+                  color: ColorHolder.color2,
+                ),
+                TracesList(),
+                Expanded(child: SizedBox()),
+                CustomFloatingActionButton(
+                  Icons.arrow_forward,
+                  "right-${DateTime.now()}",
+                  _next,
+                ),
+                SizedBox(width: 16),
+              ],
+            ),
+          )
+        ],
+      ),
+      bottomSheet: ExplainingBottomSheet(
+          "3. The trace gets split into several nodes according to the layer information stored in the schema."),
+    );
+  }
+}

src/dashboard/lib/ui/schema/page4/clustered_data.dart

+import 'package:dashboard/ui/schema/page4/trace_small.dart';
+import 'package:dashboard/ui/theme/color_holder.dart';
+import 'package:flutter/material.dart';
+
+class ClusteredData extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      mainAxisSize: MainAxisSize.min,
+      children: [
+        Container(
+          width: 400,
+          height: 200,
+          decoration: BoxDecoration(
+              color: Colors.blue[50],
+              borderRadius: BorderRadius.all(Radius.circular(10)),
+              border: Border.all(
+                color: Colors.black,
+                width: 3,
+              )),
+          child: Stack(
+            children: [
+              TraceSmall(10, 10, Colors.blue[100]),
+              TraceSmall(10, 100, Colors.blue[100]),
+              TraceSmall(45, 60, Colors.blue[100]),
+              TraceSmall(60, 110, Colors.blue[100]),
+              TraceSmall(90, 40, Colors.blue[100]),
+              TraceSmall(230, 10, Colors.blue[100]),
+              TraceSmall(284, 10, Colors.blue[100]),
+              TraceSmall(250, 60, Colors.blue[100]),
+              TraceSmall(290, 90, Colors.blue[100]),
+              TraceSmall(250, 120, Colors.blue[100]),
+              TraceSmall(320, 50, Colors.blue[100]),
+            ],
+          ),
+        ),
+        Text(
+          "Traces in the Upvotes Layer (Clustered)",
+          style: TextStyle(
+            color: ColorHolder.color2,
+          ),
+        ),
+        SizedBox(height: 16),
+        Container(
+          width: 400,
+          height: 200,
+          decoration: BoxDecoration(
+              color: Colors.red[50],
+              borderRadius: BorderRadius.all(Radius.circular(10)),
+              border: Border.all(
+                color: Colors.black,
+                width: 3,
+              )),
+          child: Stack(
+            children: [
+              TraceSmall(100, 30, Colors.red[100]),
+              TraceSmall(100, 80, Colors.red[100]),
+              TraceSmall(100, 140, Colors.red[100]),
+              TraceSmall(55, 55, Colors.red[100]),
+              TraceSmall(145, 55, Colors.red[100]),
+              TraceSmall(145, 105, Colors.red[100]),
+              TraceSmall(280, 80, Colors.red[100]),
+              TraceSmall(315, 115, Colors.red[100]),
+              TraceSmall(245, 45, Colors.red[100]),
+              TraceSmall(328, 50, Colors.red[100]),
+              TraceSmall(300, 4, Colors.red[100]),
+            ],
+          ),
+        ),
+        Text(
+          "Traces in the Engagement Layer (Clustered)",
+          style: TextStyle(
+            color: ColorHolder.color2,
+          ),
+        ),
+      ],
+    );
+  }
+}

src/dashboard/lib/ui/schema/page4/index.dart

+import 'dart:ui';
+
+import 'package:dashboard/ui/schema/index.dart';
+import 'package:dashboard/ui/schema/page4/clustered_data.dart';
+import 'package:dashboard/ui/schema/page4/unclustered_data.dart';
+import 'package:dashboard/ui/schema/util/bottom_sheet.dart';
+import 'package:dashboard/ui/schema/util/fab.dart';
+import 'package:dashboard/ui/theme/color_holder.dart';
+import 'package:flutter/material.dart';
+
+class SchemaDemoPage4 extends StatefulWidget {
+  @override
+  _SchemaDemoPage4State createState() => _SchemaDemoPage4State();
+}
+
+class _SchemaDemoPage4State extends State<SchemaDemoPage4> {
+  void _previous() {
+    Navigator.of(context).pop();
+  }
+
+  void _next() {
+    Navigator.of(context).push(MaterialPageRoute(
+      builder: (context) => SchemaDemo(
+        phase: Phase.LAYERS,
+      ),
+    ));
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      backgroundColor: ColorHolder.color1,
+      body: Stack(
+        children: [
+          Center(
+            child: Row(
+              crossAxisAlignment: CrossAxisAlignment.center,
+              mainAxisAlignment: MainAxisAlignment.center,
+              children: [
+                SizedBox(width: 16),
+                CustomFloatingActionButton(
+                  Icons.arrow_back,
+                  "left-${DateTime.now()}",
+                  _previous,
+                ),
+                Expanded(child: SizedBox()),
+                UnclusteredData(),
+                SizedBox(width: 48),
+                Column(
+                  mainAxisAlignment: MainAxisAlignment.center,
+                  children: [
+                    Padding(
+                      padding: const EdgeInsets.only(right: 80.0),
+                      child: Text(
+                        "Clustering",
+                        style: TextStyle(
+                          fontSize: 22,
+                          color: ColorHolder.color2,
+                        ),
+                      ),
+                    ),
+                    Image.asset(
+                      "assets/drawn/arrow.png",
+                      width: 200,
+                    ),
+                  ],
+                ),
+                SizedBox(width: 48),
+                ClusteredData(),
+                Expanded(child: SizedBox()),
+                // CustomFloatingActionButton(
+                //   Icons.arrow_forward,
+                //   "right-${DateTime.now()}",
+                //   _next,
+                // ),
+                SizedBox(width: 16),
+              ],
+            ),
+          )
+        ],
+      ),
+      bottomSheet: ExplainingBottomSheet(
+        "4. Similar nodes get clustered to form communities.",
+      ),
+    );
+  }
+}

src/dashboard/lib/ui/schema/page4/trace_small.dart

+import 'package:dashboard/ui/schema/util/node_small_raw.dart';
+import 'package:flutter/material.dart';
+
+class TraceSmall extends StatelessWidget {
+  final double x;
+  final double y;
+  final Color color;
+  final int n;
+
+  TraceSmall(this.x, this.y, this.color, {this.n = 0});
+
+  @override
+  Widget build(BuildContext context) {
+    return Positioned(
+      top: y,
+      left: x,
+      child: TraceSmallRaw(color),
+    );
+  }
+}

src/dashboard/lib/ui/schema/page4/unclustered_data.dart

+import 'package:dashboard/ui/schema/page4/trace_small.dart';
+import 'package:dashboard/ui/theme/color_holder.dart';
+import 'package:flutter/material.dart';
+
+class UnclusteredData extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      mainAxisSize: MainAxisSize.min,
+      children: [
+        Container(
+          width: 400,
+          height: 200,
+          decoration: BoxDecoration(
+              color: Colors.blue[50],
+              borderRadius: BorderRadius.all(Radius.circular(10)),
+              border: Border.all(
+                color: Colors.black,
+                width: 3,
+              )),
+          child: Stack(
+            children: [
+              TraceSmall(10, 10, Colors.blue[100]),
+              TraceSmall(10, 100, Colors.blue[100]),
+              TraceSmall(80, 90, Colors.blue[100]),
+              TraceSmall(150, 110, Colors.blue[100]),
+              TraceSmall(110, 40, Colors.blue[100]),
+              TraceSmall(160, 10, Colors.blue[100]),
+              TraceSmall(300, 10, Colors.blue[100]),
+              TraceSmall(230, 50, Colors.blue[100]),
+              TraceSmall(190, 140, Colors.blue[100]),
+              TraceSmall(250, 130, Colors.blue[100]),
+              TraceSmall(310, 100, Colors.blue[100]),
+            ],
+          ),
+        ),
+        Text(
+          "Traces in the Upvotes Layer (Unclustered)",
+          style: TextStyle(
+            color: ColorHolder.color2,
+          ),
+        ),
+        SizedBox(height: 16),
+        Container(
+          width: 400,
+          height: 200,
+          decoration: BoxDecoration(
+              color: Colors.red[50],
+              borderRadius: BorderRadius.all(Radius.circular(10)),
+              border: Border.all(
+                color: Colors.black,
+                width: 3,
+              )),
+          child: Stack(
+            children: [
+              TraceSmall(340, 10, Colors.red[100]),
+              TraceSmall(340, 100, Colors.red[100]),
+              TraceSmall(280, 90, Colors.red[100]),
+              TraceSmall(210, 110, Colors.red[100]),
+              TraceSmall(250, 40, Colors.red[100]),
+              TraceSmall(190, 10, Colors.red[100]),
+              TraceSmall(50, 10, Colors.red[100]),
+              TraceSmall(120, 50, Colors.red[100]),
+              TraceSmall(160, 140, Colors.red[100]),
+              TraceSmall(100, 130, Colors.red[100]),
+              TraceSmall(40, 120, Colors.red[100]),
+            ],
+          ),
+        ),
+        Text(
+          "Traces in the Engagement Layer (Unclustered)",
+          style: TextStyle(
+            color: ColorHolder.color2,
+          ),
+        ),
+      ],
+    );
+  }
+}

src/dashboard/lib/ui/schema/util/bottom_sheet.dart

+import 'package:dashboard/ui/theme/color_holder.dart';
+import 'package:flutter/material.dart';
+
+class ExplainingBottomSheet extends StatelessWidget {
+  final String message;
+
+  ExplainingBottomSheet(this.message);
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      color: ColorHolder.color4,
+      height: 100,
+      width: double.infinity,
+      alignment: Alignment.center,
+      child: Text(
+        message,
+        style: TextStyle(
+          fontSize: 30,
+          color: ColorHolder.color2,
+        ),
+      ),
+    );
+  }
+}

src/dashboard/lib/ui/schema/util/fab.dart

+import 'package:flutter/material.dart';
+
+class CustomFloatingActionButton extends StatelessWidget {
+  final IconData icon;
+  final Function onClick;
+  final String tag;
+
+  CustomFloatingActionButton(this.icon, this.tag, this.onClick);
+
+  @override
+  Widget build(BuildContext context) {
+    return FloatingActionButton(
+      onPressed: onClick,
+      child: Icon(icon),
+      heroTag: "$tag-${DateTime.now()}",
+    );
+  }
+}

src/dashboard/lib/ui/schema/util/layers.dart

+import 'package:dashboard/ui/schema/util/single_layer_card.dart';
+import 'package:flutter/material.dart';
+
+class LayerInformation extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      mainAxisSize: MainAxisSize.min,
+      children: [
+        SingleLayerCard("Upvotes Layer", "Upvotes, Percentage Upvoted"),
+        SingleLayerCard("Engagement Layer", "Number of Comments"),
+      ],
+    );
+  }
+}

src/dashboard/lib/ui/schema/util/node.dart

+import 'package:flutter/material.dart';
+
+class Node extends StatelessWidget {
+  final String layerName;
+  final Color color;
+  final List<String> fields;
+  final List<String> values;
+
+  Node(this.layerName, this.fields, this.values, this.color) {
+    if (fields.length != values.length)
+      throw Exception("fields must have the same length as values");
+    if (fields.length == 0)
+      throw Exception("there must be at least one field provided");
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return // upvote trace
+        SizedBox(
+      width: 350,
+      child: Card(
+        color: color,
+        child: Padding(
+          padding: const EdgeInsets.all(8.0),
+          child: Column(
+            mainAxisSize: MainAxisSize.min,
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              Container(
+                padding: EdgeInsets.only(left: 22),
+                child: Text(
+                  "Node ($layerName)",
+                  style: TextStyle(
+                    fontWeight: FontWeight.bold,
+                    color: Colors.black,
+                    fontSize: 28,
+                  ),
+                ),
+              ),
+              DataTable(
+                  columnSpacing: 16,
+                  dataRowHeight: 48,
+                  headingTextStyle: TextStyle(
+                    fontWeight: FontWeight.bold,
+                    color: Colors.black,
+                    fontSize: 20,
+                  ),
+                  columns: [
+                    DataColumn(label: Text("Field")),
+                    DataColumn(label: Text("Value")),
+                  ],
+                  rows: fields
+                      .map(
+                        (field) => DataRow(cells: [
+                          DataCell(Text(field)),
+                          DataCell(Text(values[fields.indexOf(field)]))
+                        ]),
+                      )
+                      .toList()),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}

src/dashboard/lib/ui/schema/util/node_small_raw.dart

+import 'package:flutter/material.dart';
+
+class TraceSmallRaw extends StatelessWidget {
+  final Color color;
+
+  TraceSmallRaw(this.color);
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      height: 50,
+      width: 50,
+      decoration: BoxDecoration(
+        color: color,
+        shape: BoxShape.circle,
+      ),
+      child: Row(
+        mainAxisAlignment: MainAxisAlignment.center,
+        children: [
+          Text("N"),
+        ],
+      ),
+    );
+  }
+}

src/dashboard/lib/ui/schema/util/post_written.dart

+import 'package:animated_text_kit/animated_text_kit.dart';
+import 'package:dashboard/constants/schema_demo_constants.dart';
+import 'package:dashboard/ui/theme/color_holder.dart';
+import 'package:flutter/material.dart';
+
+enum PostStatus { WRITING, SENDING, DONE }
+
+class WrittenPost extends StatefulWidget {
+  @override
+  _WrittenPostState createState() => _WrittenPostState();
+
+  final TextStyle style = TextStyle(
+    color: Colors.black,
+    fontSize: 16,
+    fontWeight: FontWeight.normal,
+  );
+
+  final Function onDone;
+  final PostStatus initialStatus;
+  final Duration pauseBetweenCharacters = Duration(milliseconds: 10);
+
+  WrittenPost(this.onDone, {this.initialStatus = PostStatus.WRITING});
+}
+
+class _WrittenPostState extends State<WrittenPost> {
+  PostStatus _status;
+
+  void initState() {
+    _status = widget.initialStatus;
+    super.initState();
+  }
+
+  void _onWritingDone() {
+    setState(() {
+      _status = PostStatus.SENDING;
+    });
+
+    Future.delayed(Duration(milliseconds: 500))
+        .then((value) => _onSendingDone());
+  }
+
+  void _onSendingDone() {
+    setState(() {
+      _status = PostStatus.DONE;
+    });
+
+    if (widget.onDone != null) widget.onDone();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Hero(
+      tag: "post_written",
+      child: SizedBox(
+        height: 270,
+        width: 400,
+        child: Card(
+          color: ColorHolder.color2,
+          child: Padding(
+            padding: const EdgeInsets.all(8.0),
+            child: Column(
+              mainAxisAlignment: MainAxisAlignment.center,
+              children: [
+                Text(
+                  "New Post",
+                  style: TextStyle(
+                    fontWeight: FontWeight.bold,
+                    fontSize: 22,
+                  ),
+                ),
+                Divider(),
+                Expanded(
+                  child: _status == PostStatus.WRITING
+                      ? TypewriterAnimatedTextKit(
+                          speed: widget.pauseBetweenCharacters,
+                          totalRepeatCount: 1,
+                          text: [SchemaDemoConstants.post],
+                          pause: Duration(milliseconds: 200),
+                          textStyle: widget.style,
+                          repeatForever: false,
+                          onFinished: _onWritingDone,
+                          textAlign: TextAlign.left,
+                        )
+                      : Text(
+                          SchemaDemoConstants.post,
+                          style: widget.style,
+                        ),
+                ),
+                Divider(),
+                _SendButton(_status),
+              ],
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+}
+
+class _SendButton extends StatelessWidget {
+  final PostStatus status;
+
+  _SendButton(this.status);
+
+  Widget _icon() {
+    switch (status) {
+      case PostStatus.WRITING:
+        return Icon(
+          Icons.edit,
+          color: Colors.white,
+        );
+      case PostStatus.SENDING:
+        return SizedBox(
+          width: 20,
+          height: 20,
+          child: CircularProgressIndicator(
+            valueColor: AlwaysStoppedAnimation<Color>(Colors.white),
+          ),
+        );
+      case PostStatus.DONE:
+      default:
+        return Icon(
+          Icons.check,
+          color: Colors.white,
+        );
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return TextButton.icon(
+      onPressed: () {},
+      icon: Padding(
+        padding: EdgeInsets.all(4),
+        child: _icon(),
+      ),
+      style: TextButton.styleFrom(
+        backgroundColor: status == PostStatus.WRITING
+            ? Theme.of(context).primaryColor
+            : Colors.grey,
+      ),
+      label: Padding(
+        padding: EdgeInsets.only(top: 4, bottom: 4, right: 4),
+        child: Text(
+          "Submit",
+          style: TextStyle(
+            color: Colors.white,
+          ),
+        ),
+      ),
+    );
+  }
+}

src/dashboard/lib/ui/schema/util/single_layer_card.dart

+import 'package:dashboard/ui/theme/color_holder.dart';
+import 'package:flutter/material.dart';
+
+class SingleLayerCard extends StatelessWidget {
+  final String layerName;
+  final String layerProperties;
+
+  SingleLayerCard(this.layerName, this.layerProperties);
+
+  @override
+  Widget build(BuildContext context) {
+    return SizedBox(
+      width: 350,
+      child: Card(
+        color: ColorHolder.color2,
+        child: Padding(
+          padding: const EdgeInsets.all(8.0),
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              Container(
+                padding: EdgeInsets.only(left: 22),
+                child: Text(
+                  layerName,
+                  style: TextStyle(
+                    fontWeight: FontWeight.bold,
+                    color: Colors.black,
+                    fontSize: 28,
+                  ),
+                ),
+              ),
+              DataTable(
+                columnSpacing: 16,
+                dataRowHeight: 48,
+                headingTextStyle: TextStyle(
+                  fontWeight: FontWeight.bold,
+                  color: Colors.black,
+                  fontSize: 20,
+                ),
+                columns: [
+                  DataColumn(label: Text("Field")),
+                  DataColumn(label: Text("Value")),
+                ],
+                rows: [
+                  DataRow(
+                    cells: [
+                      DataCell(Text("Layer Name")),
+                      DataCell(Text(layerName)),
+                    ],
+                  ),
+                  DataRow(
+                    cells: [
+                      DataCell(Text("Cluster Properties")),
+                      DataCell(Text(layerProperties)),
+                    ],
+                  ),
+                ],
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}

src/dashboard/lib/ui/schema/util/trace_table.dart

+import 'package:dashboard/constants/schema_demo_constants.dart';
+import 'package:dashboard/ui/theme/color_holder.dart';
+import 'package:flutter/material.dart';
+
+class PostTable extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    return Hero(
+      tag: "post_table",
+      child: SizedBox(
+        width: 350,
+        child: Card(
+          color: ColorHolder.color2,
+          child: Padding(
+            padding: const EdgeInsets.all(8.0),
+            child: Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              mainAxisSize: MainAxisSize.min,
+              children: [
+                Container(
+                  padding: EdgeInsets.only(left: 22),
+                  child: Text(
+                    "Trace Data",
+                    style: TextStyle(
+                      fontWeight: FontWeight.bold,
+                      color: Colors.black,
+                      fontSize: 28,
+                    ),
+                  ),
+                ),
+                DataTable(
+                  columnSpacing: 16,
+                  dataRowHeight: 48,
+                  headingTextStyle: TextStyle(
+                    fontWeight: FontWeight.bold,
+                    color: Colors.black,
+                    fontSize: 20,
+                  ),
+                  columns: [
+                    DataColumn(label: Text("Field")),
+                    DataColumn(label: Text("Value")),
+                  ],
+                  rows: [
+                    DataRow(cells: [
+                      DataCell(Text("Author")),
+                      DataCell(Text("u/SomeUserOnReddit")),
+                    ]),
+                    DataRow(cells: [
+                      DataCell(Text("Timestamp")),
+                      DataCell(Text("${DateTime.now().toIso8601String()}")),
+                    ]),
+                    DataRow(cells: [
+                      DataCell(Text("Content")),
+                      DataCell(Text(SchemaDemoConstants.post)),
+                    ]),
+                    DataRow(cells: [
+                      DataCell(Text("Upvotes")),
+                      DataCell(Text("198")),
+                    ]),
+                    DataRow(cells: [
+                      DataCell(Text("Percentage Upvoted")),
+                      DataCell(Text("0.96")),
+                    ]),
+                    DataRow(cells: [
+                      DataCell(Text("Number of Comments")),
+                      DataCell(Text("0")),
+                    ]),
+                    DataRow(cells: [
+                      DataCell(Text("Subreddit")),
+                      DataCell(Text("r/Example")),
+                    ]),
+                    DataRow(cells: [
+                      DataCell(Text("Id")),
+                      DataCell(Text("a8bf26")),
+                    ]),
+                  ],
+                ),
+              ],
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+}

src/dashboard/lib/ui/schema/util/traces_list.dart

+import 'package:dashboard/ui/schema/page4/trace_small.dart';
+import 'package:dashboard/ui/schema/util/node.dart';
+import 'package:dashboard/ui/schema/util/node_small_raw.dart';
+import 'package:dashboard/ui/theme/color_holder.dart';
+import 'package:flutter/material.dart';
+
+class TracesList extends StatelessWidget {
+  final bool small;
+
+  TracesList({this.small = false});
+
+  @override
+  Widget build(BuildContext context) {
+    return Hero(
+      tag: "traces_list",
+      child: Column(
+        mainAxisSize: MainAxisSize.min,
+        children: [
+          Row(
+            mainAxisSize: MainAxisSize.min,
+            children: [
+              Node(
+                "Upvotes",
+                ["Upvotes", "Percentage Upvoted"],
+                ["198", "0.96"],
+                Colors.blue[100],
+              ),
+              if (!small)
+                Icon(
+                  Icons.chevron_right,
+                  color: ColorHolder.color2,
+                ),
+              if (!small) TraceSmallRaw(Colors.blue[100]),
+            ],
+          ),
+          Row(
+            mainAxisSize: MainAxisSize.min,
+            children: [
+              Node(
+                "Engagement",
+                ["Number of Comments"],
+                ["0"],
+                Colors.red[100],
+              ),
+              if (!small)
+                Icon(
+                  Icons.chevron_right,
+                  color: ColorHolder.color2,
+                ),
+              if (!small) TraceSmallRaw(Colors.red[100]),
+            ],
+          ),
+        ],
+      ),
+    );
+  }
+}

src/dashboard/lib/ui/sign_in/credentials.dart

+class Credentials {
+  String token =
+      "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1c2VybmFtZSI6InJlZ3VsYXJAaXRlYy5hYXUuYXQiLCJjcmVhdGVkX2F0IjoiMjAyMS0wMy0xMCAxMjoxODo1MS4zMzU5OTgiLCJ2YWxpZF91bnRpbCI6IjIwMjEtMDMtMTEgMTI6MTg6NTEuMzM1OTk4In0.TcbyuApqdPqneqd2Bvx3k6iMTlfF6oC_q4zRcKOaRY0";
+}

src/dashboard/lib/ui/sign_in/login_form.dart

+import 'package:dashboard/constants/schema_demo_constants.dart';
+import 'package:dashboard/ui/schema/index.dart';
+import 'package:flutter/material.dart';
+
+class LoginForm extends StatefulWidget {
+  @override
+  _LoginFormState createState() => _LoginFormState();
+
+  final Function(String, String) loginAttempt;
+  final String error;
+  final bool isBusy;
+
+  LoginForm(this.loginAttempt, this.error, this.isBusy);
+}
+
+class _LoginFormState extends State<LoginForm> {
+  String _username = "";
+  String _password = "";
+
+  void _submit() {
+    if (!widget.isBusy) widget.loginAttempt(_username, _password);
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return FocusTraversalGroup(
+      policy: OrderedTraversalPolicy(),
+      child: FractionallySizedBox(
+        widthFactor: .6,
+        child: Column(
+          mainAxisSize: MainAxisSize.min,
+          crossAxisAlignment: CrossAxisAlignment.center,
+          children: [
+            Image.asset(
+              "assets/articonf-logo.png",
+            ),
+            SizedBox(height: 32),
+            TextField(
+              readOnly: widget.isBusy,
+              autofocus: true,
+              decoration: InputDecoration(
+                hintText: "Username",
+                counterText: "",
+                border: OutlineInputBorder(
+                  borderRadius: BorderRadius.circular(5.0),
+                  borderSide: BorderSide(
+                    color: Colors.blue,
+                    style: BorderStyle.solid,
+                  ),
+                ),
+              ),
+              onChanged: (content) => _username = content,
+              minLines: 1,
+              maxLines: 1,
+              maxLength: 50,
+            ),
+            SizedBox(height: 16),
+            TextField(
+              readOnly: widget.isBusy,
+              autofocus: false,
+              obscureText: true,
+              decoration: InputDecoration(
+                hintText: "Password",
+                counterText: "",
+                border: OutlineInputBorder(
+                  borderRadius: BorderRadius.circular(5.0),
+                  borderSide: BorderSide(
+                    color: Colors.blue,
+                    style: BorderStyle.solid,
+                  ),
+                ),
+              ),
+              onChanged: (content) => _password = content,
+              minLines: 1,
+              maxLines: 1,
+              maxLength: 50,
+            ),
+            // error message
+            if (widget.error != null && widget.error.isNotEmpty)
+              Padding(
+                padding: const EdgeInsets.only(bottom: 16.0),
+                child: Text(
+                  widget.error,
+                  style: TextStyle(color: Colors.red),
+                ),
+              ),
+            // login button
+            SizedBox(height: 16),
+            Row(
+              mainAxisAlignment: MainAxisAlignment.center,
+              children: [
+                TextButton.icon(
+                  onPressed: _submit,
+                  icon: Icon(
+                    Icons.login,
+                    size: 32,
+                    color: Colors.white,
+                  ),
+                  label: Text(
+                    "Sign In",
+                    style: TextStyle(fontSize: 20, color: Colors.white),
+                  ),
+                  style: TextButton.styleFrom(
+                    backgroundColor: widget.isBusy
+                        ? Colors.grey
+                        : Theme.of(context).primaryColor,
+                    padding: EdgeInsets.all(18),
+                  ),
+                ),
+                SizedBox(width: 16),
+                TextButton.icon(
+                  onPressed: () => Navigator.of(context).push(
+                    MaterialPageRoute(
+                      builder: (context) => SchemaDemo(),
+                    ),
+                  ),
+                  icon: Icon(
+                    Icons.help,
+                    size: 32,
+                    color: Colors.white,
+                  ),
+                  label: Text(
+                    "How does it work?",
+                    style: TextStyle(fontSize: 20, color: Colors.white),
+                  ),
+                  style: TextButton.styleFrom(
+                    backgroundColor: Theme.of(context).primaryColor,
+                    padding: EdgeInsets.all(18),
+                  ),
+                ),
+              ],
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}

src/dashboard/lib/ui/sign_in/loginpage.dart

+import 'package:dashboard/exceptions/login_exception.dart';
+import 'package:dashboard/main.dart';
+import 'package:dashboard/ui/sign_in/login_form.dart';
+import 'package:dashboard/util/loginhelper.dart';
+import 'package:dashboard/util/user.dart';
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+
+import 'package:logger/logger.dart';
+
+class LoginPage extends StatefulWidget {
+  LoginPage();
+  @override
+  _LoginPageState createState() => _LoginPageState();
+}
+
+class _LoginPageState extends State<LoginPage> {
+  String _error;
+  bool _isBusy = false;
+
+  final Logger logger = Logger();
+
+  Widget build(BuildContext context) {
+    return Scaffold(
+      body: Container(
+        decoration: BoxDecoration(
+          gradient: LinearGradient(
+            colors: [
+              Colors.blue[300],
+              Colors.blue,
+            ],
+          ),
+        ),
+        padding: EdgeInsets.symmetric(horizontal: 32, vertical: 64),
+        child: Container(
+          color: Colors.white,
+          child: Row(
+            children: [
+              Expanded(
+                flex: 4,
+                child: Container(
+                  child: LoginForm(tryLogin, _error, _isBusy),
+                ),
+              ),
+              Expanded(
+                flex: 3,
+                child: Container(
+                  constraints: BoxConstraints.expand(),
+                  child: Stack(
+                    children: [
+                      Container(
+                        constraints: BoxConstraints.expand(),
+                        child: Image.asset(
+                          "assets/login_image.jpg",
+                          fit: BoxFit.cover,
+                          alignment: Alignment(-.2, 0),
+                        ),
+                      ),
+                      Container(
+                        color: Color.fromRGBO(33, 150, 243, .5),
+                      ),
+                    ],
+                  ),
+                ),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+
+  ///
+  /// attempts to receive a token from the server
+  ///
+  void tryLogin(String username, String password) async {
+    logger.i("Loggin Attempt($username, ******)");
+
+    setState(() {
+      _error = "";
+      _isBusy = true;
+    });
+
+    BackendUser user;
+
+    await Future.delayed(Duration(seconds: 1));
+
+    try {
+      user = await LoginHelper().login(username, password);
+    } on LoginException catch (e) {
+      setState(() {
+        _error = e.message;
+        _isBusy = false;
+      });
+      return;
+    }
+
+    logger.i("token: ${user.token}");
+
+    // restart app (should login automatically)
+    Navigator.of(context).pushReplacement(
+      MaterialPageRoute(
+        builder: (context) => ArticonfDashboardDemo(),
+      ),
+    );
+  }
+}

src/dashboard/lib/ui/theme/color_holder.dart

+import 'package:flutter/material.dart';
+
+class ColorHolder {
+  ///
+  /// royal blue dark
+  ///
+  static Color get color1 => Color.fromRGBO(34, 42, 104, 1);
+
+  ///
+  /// tea green
+  ///
+  static Color get color2 => Color.fromRGBO(212, 228, 188, 1);
+
+  ///
+  /// black olive
+  ///
+  static Color get color3 => Color.fromRGBO(55, 57, 46, 1);
+
+  ///
+  /// material blue
+  ///
+  static Color get color4 => Colors.blue;
+
+  ///
+  /// royal blue dark
+  ///
+  static Color get color5 => Color.fromRGBO(34, 42, 104, 1);
+}

src/dashboard/lib/ui/util/left_to_right_transition copy.dart

+import 'package:flutter/material.dart';
+
+class LeftToRightTransition extends PageRouteBuilder {
+  final Widget widget;
+
+  LeftToRightTransition({@required this.widget})
+      : super(
+          transitionDuration: Duration(milliseconds: 500),
+          pageBuilder: (context, animation, secondaryAnimation) => widget,
+          transitionsBuilder: (BuildContext context,
+              Animation<double> animation,
+              Animation<double> secondaryAnimation,
+              Widget child) {
+            Animatable<Offset> tween = Tween(
+              begin: Offset(-1, 0),
+              end: Offset.zero,
+            ).chain(
+              CurveTween(curve: Curves.ease),
+            );
+
+            return SlideTransition(
+              position: animation.drive(tween),
+              child: child,
+            );
+          },
+        );
+}

src/dashboard/lib/ui/util/logged_in_appbar.dart

+import 'package:dashboard/main.dart';
+import 'package:dashboard/util/loginhelper.dart';
+import 'package:flutter/material.dart';
+
+class LoggedInAppBar extends PreferredSize {
+  final String title;
+  Widget bottom;
+
+  LoggedInAppBar(this.title, {this.bottom});
+
+  @override
+  Size get preferredSize => Size.fromHeight(60);
+
+  Future<void> _onLogout(context) async {
+    await LoginHelper().logout();
+    Navigator.of(context).pushReplacement(
+      MaterialPageRoute(
+        builder: (context) => ArticonfDashboardDemo(),
+      ),
+    );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return AppBar(
+      backgroundColor: Colors.blue,
+      bottom: bottom,
+      title: Text(title),
+      actions: [
+        Padding(
+          padding: const EdgeInsets.all(8.0),
+          child: TextButton.icon(
+            onPressed: () => _onLogout(context),
+            icon: Icon(
+              Icons.logout,
+              color: Colors.white,
+              size: 25,
+            ),
+            label: Text(
+              "Logout",
+              style: TextStyle(
+                color: Colors.white,
+                fontSize: 20,
+              ),
+            ),
+          ),
+        ),
+      ],
+    );
+  }
+}

src/dashboard/lib/ui/util/right_to_left_transition.dart

+import 'package:flutter/material.dart';
+
+class RightToLeftTransition extends PageRouteBuilder {
+  final Widget widget;
+
+  RightToLeftTransition({@required this.widget})
+      : super(
+          transitionDuration: Duration(milliseconds: 500),
+          pageBuilder: (context, animation, secondaryAnimation) => widget,
+          transitionsBuilder: (BuildContext context,
+              Animation<double> animation,
+              Animation<double> secondaryAnimation,
+              Widget child) {
+            Animatable<Offset> tween = Tween(
+              begin: Offset(1, 0),
+              end: Offset.zero,
+            ).chain(
+              CurveTween(curve: Curves.ease),
+            );
+
+            return SlideTransition(
+              position: animation.drive(tween),
+              child: child,
+            );
+          },
+        );
+}

src/dashboard/lib/ui/util/scrolldetector.dart

+import 'package:flutter/gestures.dart';
+import 'package:flutter/material.dart';
+
+class ScrollDetector extends StatelessWidget {
+  final void Function(PointerScrollEvent event) onPointerScroll;
+  final Widget child;
+
+  const ScrollDetector({
+    @required this.onPointerScroll,
+    @required this.child,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Listener(
+      onPointerSignal: (pointerSignal) {
+        if (pointerSignal is PointerScrollEvent) onPointerScroll(pointerSignal);
+      },
+      child: child,
+    );
+  }
+}

src/dashboard/lib/util/loginhelper.dart

+import 'dart:convert';
+import 'dart:io';
+
+import 'package:dashboard/constants/server_constants.dart';
+import 'package:dashboard/exceptions/login_exception.dart';
+import 'package:dashboard/util/user.dart';
+import 'package:localstorage/localstorage.dart';
+import 'package:logger/logger.dart';
+import 'package:http/http.dart' as http;
+
+class LoginHelper {
+  static final LoginHelper _instance = LoginHelper._internal();
+  factory LoginHelper() => _instance;
+
+  // private constructor
+  LoginHelper._internal();
+
+  final Logger _logger = Logger();
+
+  static const String _storageName = "login_storage";
+  static const String _keyUser = "user";
+
+  Future<LocalStorage> get _loginStorage async {
+    LocalStorage storage = LocalStorage(_storageName);
+    await storage.ready;
+    return storage;
+  }
+
+  Future<BackendUser> get loggedInUser async {
+    LocalStorage storage = await _loginStorage;
+
+    Map<String, dynamic> row = storage.getItem(_keyUser);
+
+    if (row == null) throw LoginException("No user is currently logged in");
+
+    return BackendUser.fromMap(row);
+  }
+
+  Future<void> logout() async {
+    LocalStorage storage = await _loginStorage;
+
+    storage.setItem(_keyUser, null);
+  }
+
+  Future<BackendUser> login(String username, String password) async {
+    if (username.isEmpty || password.isEmpty)
+      throw LoginException("Fields cannot be empty!");
+
+    String json = jsonEncode({
+      "username": username,
+      "password": password,
+    });
+
+    String url = "${ServerConstants.host}/api/tokens";
+
+    _logger.v("calling $url");
+
+    http.Response response = await http.post(
+      Uri.parse(url),
+      headers: {
+        HttpHeaders.contentTypeHeader: "application/json",
+      },
+      body: json,
+    );
+
+    if (response.statusCode != 200) {
+      _logger.e(
+          "Server responded with (${response.statusCode}): ${response.body}");
+
+      if (response.statusCode == 400 &&
+          response.body.endsWith("does not exist"))
+        throw LoginException("No user was found!");
+
+      throw LoginException(
+          "An unexpected error occurred (${response.statusCode}");
+    }
+    _logger
+        .v("Server responded with (${response.statusCode}): ${response.body}");
+
+    Map<String, dynamic> data = jsonDecode(response.body);
+
+    String token = data["token"];
+
+    if (token == null || token.isEmpty)
+      throw LoginException("An unknown problem occurred!");
+
+    LocalStorage storage = await _loginStorage;
+    BackendUser user = BackendUser(username, token);
+    storage.setItem(_keyUser, user.toMap());
+
+    Map<String, dynamic> row = storage.getItem(_keyUser);
+
+    return BackendUser.fromMap(row);
+  }
+}

src/dashboard/lib/util/user.dart

+class BackendUser {
+  final String username;
+  final String token;
+
+  BackendUser(this.username, this.token);
+
+  factory BackendUser.fromMap(Map<String, dynamic> row) =>
+      BackendUser(row["username"], row["token"]);
+
+  Map<String, dynamic> toMap() => {"username": username, "token": token};
+}

src/dashboard/pubspec.lock

+# Generated by pub
+# See https://dart.dev/tools/pub/glossary#lockfile
+packages:
+  animated_text_kit:
+    dependency: "direct main"
+    description:
+      name: animated_text_kit
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "4.2.1"
+  archive:
+    dependency: transitive
+    description:
+      name: archive
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "3.1.2"
+  async:
+    dependency: transitive
+    description:
+      name: async
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.6.1"
+  boolean_selector:
+    dependency: transitive
+    description:
+      name: boolean_selector
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.1.0"
+  characters:
+    dependency: transitive
+    description:
+      name: characters
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.1.0"
+  charcode:
+    dependency: transitive
+    description:
+      name: charcode
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.2.0"
+  circlegraph:
+    dependency: "direct main"
+    description:
+      name: circlegraph
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "0.0.6"
+  clock:
+    dependency: transitive
+    description:
+      name: clock
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.1.0"
+  collection:
+    dependency: transitive
+    description:
+      name: collection
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.15.0"
+  crypto:
+    dependency: transitive
+    description:
+      name: crypto
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "3.0.1"
+  cupertino_icons:
+    dependency: "direct main"
+    description:
+      name: cupertino_icons
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.0.3"
+  enhanced_future_builder:
+    dependency: "direct main"
+    description:
+      name: enhanced_future_builder
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.0.3"
+  fake_async:
+    dependency: transitive
+    description:
+      name: fake_async
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.2.0"
+  ffi:
+    dependency: transitive
+    description:
+      name: ffi
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.0.0"
+  file:
+    dependency: transitive
+    description:
+      name: file
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "6.1.0"
+  flutter:
+    dependency: "direct main"
+    description: flutter
+    source: sdk
+    version: "0.0.0"
+  flutter_driver:
+    dependency: transitive
+    description: flutter
+    source: sdk
+    version: "0.0.0"
+  flutter_spinkit:
+    dependency: "direct main"
+    description:
+      name: flutter_spinkit
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "5.0.0"
+  flutter_test:
+    dependency: "direct dev"
+    description: flutter
+    source: sdk
+    version: "0.0.0"
+  fuchsia_remote_debug_protocol:
+    dependency: transitive
+    description: flutter
+    source: sdk
+    version: "0.0.0"
+  http:
+    dependency: "direct main"
+    description:
+      name: http
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "0.13.3"
+  http_parser:
+    dependency: transitive
+    description:
+      name: http_parser
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "4.0.0"
+  integration_test:
+    dependency: "direct dev"
+    description: flutter
+    source: sdk
+    version: "0.0.0"
+  intl:
+    dependency: "direct main"
+    description:
+      name: intl
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "0.17.0"
+  localstorage:
+    dependency: "direct main"
+    description:
+      name: localstorage
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "4.0.0+1"
+  logger:
+    dependency: "direct main"
+    description:
+      name: logger
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.0.0"
+  matcher:
+    dependency: transitive
+    description:
+      name: matcher
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "0.12.10"
+  meta:
+    dependency: transitive
+    description:
+      name: meta
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.3.0"
+  path:
+    dependency: transitive
+    description:
+      name: path
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.8.0"
+  path_provider:
+    dependency: transitive
+    description:
+      name: path_provider
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.0.2"
+  path_provider_linux:
+    dependency: transitive
+    description:
+      name: path_provider_linux
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.0.0"
+  path_provider_macos:
+    dependency: transitive
+    description:
+      name: path_provider_macos
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.0.0"
+  path_provider_platform_interface:
+    dependency: transitive
+    description:
+      name: path_provider_platform_interface
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.0.1"
+  path_provider_windows:
+    dependency: transitive
+    description:
+      name: path_provider_windows
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.0.1"
+  pedantic:
+    dependency: transitive
+    description:
+      name: pedantic
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.11.0"
+  platform:
+    dependency: transitive
+    description:
+      name: platform
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "3.0.0"
+  plugin_platform_interface:
+    dependency: transitive
+    description:
+      name: plugin_platform_interface
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.0.0"
+  process:
+    dependency: transitive
+    description:
+      name: process
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "4.2.1"
+  sky_engine:
+    dependency: transitive
+    description: flutter
+    source: sdk
+    version: "0.0.99"
+  source_span:
+    dependency: transitive
+    description:
+      name: source_span
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.8.1"
+  stack_trace:
+    dependency: transitive
+    description:
+      name: stack_trace
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.10.0"
+  stream_channel:
+    dependency: transitive
+    description:
+      name: stream_channel
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.1.0"
+  string_scanner:
+    dependency: transitive
+    description:
+      name: string_scanner
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.1.0"
+  sync_http:
+    dependency: transitive
+    description:
+      name: sync_http
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "0.3.0"
+  term_glyph:
+    dependency: transitive
+    description:
+      name: term_glyph
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.2.0"
+  test_api:
+    dependency: transitive
+    description:
+      name: test_api
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "0.3.0"
+  typed_data:
+    dependency: transitive
+    description:
+      name: typed_data
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.3.0"
+  vector_math:
+    dependency: transitive
+    description:
+      name: vector_math
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.1.0"
+  vm_service:
+    dependency: transitive
+    description:
+      name: vm_service
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "6.2.0"
+  webdriver:
+    dependency: transitive
+    description:
+      name: webdriver
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "3.0.0"
+  win32:
+    dependency: transitive
+    description:
+      name: win32
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.0.0"
+  xdg_directories:
+    dependency: transitive
+    description:
+      name: xdg_directories
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "0.2.0"
+sdks:
+  dart: ">=2.12.0 <3.0.0"
+  flutter: ">=2.0.0"

src/dashboard/pubspec.yaml

+name: dashboard
+description: A Demo of the ARTICONF system.
+
+publish_to: 'none' # Remove this line if you wish to publish to pub.dev
+
+version: 1.0.0+1
+
+environment:
+  sdk: ">=2.7.0 <3.0.0"
+
+dependencies:
+  flutter:
+    sdk: flutter
+  # apex_flutter_sdk: ^1.1.1+2
+  enhanced_future_builder: ^1.0.3
+  http: ^0.13.3
+  circlegraph: ^0.0.6
+  cupertino_icons: ^1.0.3
+  logger: ^1.0.0
+  localstorage: ^4.0.0+1
+  flutter_spinkit: ^5.0.0
+  intl: ^0.17.0
+  animated_text_kit: ^4.2.1
+
+dev_dependencies:
+  flutter_test:
+    sdk: flutter
+  integration_test:
+    sdk: flutter
+
+flutter:
+  assets: 
+    - assets/
+    - assets/drawn/
+  uses-material-design: true
\ No newline at end of file

src/dashboard/test/widget_test.dart

+// This is a basic Flutter widget test.
+//
+// To perform an interaction with a widget in your test, use the WidgetTester
+// utility that Flutter provides. For example, you can send tap and scroll
+// gestures. You can also use WidgetTester to find child widgets in the widget
+// tree, read text, and verify that the values of widget properties are correct.
+
+import 'package:flutter/material.dart';
+import 'package:flutter_test/flutter_test.dart';
+
+import 'package:dashboard/main.dart';
+
+void main() {
+  testWidgets('Counter increments smoke test', (WidgetTester tester) async {
+    // Build our app and trigger a frame.
+    await tester.pumpWidget(ArticonfDashboardDemo());
+
+    // Verify that our counter starts at 0.
+    expect(find.text('0'), findsOneWidget);
+    expect(find.text('1'), findsNothing);
+
+    // Tap the '+' icon and trigger a frame.
+    await tester.tap(find.byIcon(Icons.add));
+    await tester.pump();
+
+    // Verify that our counter has incremented.
+    expect(find.text('0'), findsNothing);
+    expect(find.text('1'), findsOneWidget);
+  });
+}

src/dashboard/web/index.html

+<!DOCTYPE html>
+<html>
+<head>
+  <!--
+    If you are serving your web app in a path other than the root, change the
+    href value below to reflect the base path you are serving from.
+
+    The path provided below has to start and end with a slash "/" in order for
+    it to work correctly.
+
+    Fore more details:
+    * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/base
+  -->
+  <base href="/">
+
+  <meta charset="UTF-8">
+  <meta content="IE=Edge" http-equiv="X-UA-Compatible">
+  <meta name="description" content="A new Flutter project.">
+
+  <!-- iOS meta tags & icons -->
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="apple-mobile-web-app-status-bar-style" content="black">
+  <meta name="apple-mobile-web-app-title" content="dashboard">
+  <link rel="apple-touch-icon" href="icons/Icon-192.png">
+
+  <!-- Favicon -->
+  <link rel="icon" type="image/png" href="favicon.png"/>
+
+  <title>dashboard</title>
+  <link rel="manifest" href="manifest.json">
+</head>
+<body>
+  <!-- This script installs service_worker.js to provide PWA functionality to
+       application. For more information, see:
+       https://developers.google.com/web/fundamentals/primers/service-workers -->
+  <script>
+    if ('serviceWorker' in navigator) {
+      window.addEventListener('flutter-first-frame', function () {
+        navigator.serviceWorker.register('flutter_service_worker.js');
+      });
+    }
+  </script>
+  <script src="main.dart.js" type="application/javascript"></script>
+</body>
+</html>

src/dashboard/web/manifest.json

+{
+    "name": "dashboard",
+    "short_name": "dashboard",
+    "start_url": ".",
+    "display": "standalone",
+    "background_color": "#0175C2",
+    "theme_color": "#0175C2",
+    "description": "A new Flutter project.",
+    "orientation": "portrait-primary",
+    "prefer_related_applications": false,
+    "icons": [
+        {
+            "src": "icons/Icon-192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "icons/Icon-512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ]
+}