Merge pull request #323 from apache/zkaoudi-patch-1
Update README.md
diff --git a/.github/workflows/build-backend.yaml b/.github/workflows/build-backend.yaml
new file mode 100644
index 0000000..901cf74
--- /dev/null
+++ b/.github/workflows/build-backend.yaml
@@ -0,0 +1,45 @@
+# Licensed to the Apache Software Foundation (ASF) under one or more
+# contributor license agreements. See the NOTICE file distributed with
+# this work for additional information regarding copyright ownership.
+# The ASF licenses this file to You under the Apache License, Version 2.0
+# (the "License"); you may not use this file except in compliance with
+# the License. You may obtain a copy of the License at
+#
+# http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+
+# This workflow will build the backend service
+
+#TODO Update to the Dashboard Backend Build Process
+
+#name: build back-end
+
+#on:
+# push:
+# branches: [ main ]
+# paths:
+# - 'hackit-backend/**'
+# pull_request:
+# branches: [ main ]
+# paths:
+# - 'hackit-backend/**'
+#jobs:
+# build:
+#
+# runs-on: ubuntu-latest
+#
+# steps:
+# - uses: actions/checkout@v2
+# - name: Set up JDK 17
+# uses: actions/setup-java@v2
+# with:
+# java-version: '17'
+# distribution: 'adopt'
+# cache: maven
+# - name: Build with Maven
+# run: cd hackit-backend ; mvn clean verify compile package --file pom.xml
\ No newline at end of file
diff --git a/.github/workflows/build-frontend.yaml b/.github/workflows/build-frontend.yaml
new file mode 100644
index 0000000..b7e0ad6
--- /dev/null
+++ b/.github/workflows/build-frontend.yaml
@@ -0,0 +1,46 @@
+# Licensed to the Apache Software Foundation (ASF) under one or more
+# contributor license agreements. See the NOTICE file distributed with
+# this work for additional information regarding copyright ownership.
+# The ASF licenses this file to You under the Apache License, Version 2.0
+# (the "License"); you may not use this file except in compliance with
+# the License. You may obtain a copy of the License at
+#
+# http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+
+# This workflow will build the backend service
+#TODO Update to the Dashboard WebApp Build Process
+#
+#name: build front-end
+#
+#on:
+# push:
+# branches: [ main ]
+# paths:
+# - 'hackit-web/**'
+# pull_request:
+# branches: [ main ]
+# paths:
+# - 'hackit-web/**'
+#jobs:
+# build:
+#
+# runs-on: ubuntu-latest
+#
+# steps:
+# - uses: actions/checkout@v2
+# - name: Set up node
+# uses: actions/setup-node@master
+# with:
+# cache: node
+# - name: change folder to hackit-web
+# run: cd hackit-web
+# - name: Installing project dependencies
+# run: npm install
+# - name: Building the project
+# run: npm run build
diff --git a/wayang-web-dashboard/.gitignore b/wayang-web-dashboard/.gitignore
new file mode 100644
index 0000000..1304ade
--- /dev/null
+++ b/wayang-web-dashboard/.gitignore
@@ -0,0 +1,387 @@
+# Created by https://www.toptal.com/developers/gitignore/api/node,java,maven,macos,intellij+all,intellij+iml,vue,vuejs
+# Edit at https://www.toptal.com/developers/gitignore?templates=node,java,maven,macos,intellij+all,intellij+iml,vue,vuejs
+
+### Intellij+all ###
+# Covers JetBrains IDEs: IntelliJ, RubyMine, PhpStorm, AppCode, PyCharm, CLion, Android Studio, WebStorm and Rider
+# Reference: https://intellij-support.jetbrains.com/hc/en-us/articles/206544839
+
+# User-specific stuff
+.idea/**/workspace.xml
+.idea/**/tasks.xml
+.idea/**/usage.statistics.xml
+.idea/**/dictionaries
+.idea/**/shelf
+
+# AWS User-specific
+.idea/**/aws.xml
+
+# Generated files
+.idea/**/contentModel.xml
+
+# Sensitive or high-churn files
+.idea/**/dataSources/
+.idea/**/dataSources.ids
+.idea/**/dataSources.local.xml
+.idea/**/sqlDataSources.xml
+.idea/**/dynamic.xml
+.idea/**/uiDesigner.xml
+.idea/**/dbnavigator.xml
+
+# Gradle
+.idea/**/gradle.xml
+.idea/**/libraries
+
+# Gradle and Maven with auto-import
+# When using Gradle or Maven with auto-import, you should exclude module files,
+# since they will be recreated, and may cause churn. Uncomment if using
+# auto-import.
+# .idea/artifacts
+# .idea/compiler.xml
+# .idea/jarRepositories.xml
+# .idea/modules.xml
+# .idea/*.iml
+# .idea/modules
+*.iml
+# *.ipr
+
+# CMake
+cmake-build-*/
+
+# Mongo Explorer plugin
+.idea/**/mongoSettings.xml
+
+# File-based project format
+*.iws
+
+# IntelliJ
+out/
+
+# mpeltonen/sbt-idea plugin
+.idea_modules/
+
+# JIRA plugin
+atlassian-ide-plugin.xml
+
+# Cursive Clojure plugin
+.idea/replstate.xml
+
+# SonarLint plugin
+.idea/sonarlint/
+
+# Crashlytics plugin (for Android Studio and IntelliJ)
+com_crashlytics_export_strings.xml
+crashlytics.properties
+crashlytics-build.properties
+fabric.properties
+
+# Editor-based Rest Client
+.idea/httpRequests
+
+# Android studio 3.1+ serialized cache file
+.idea/caches/build_file_checksums.ser
+
+### Intellij+all Patch ###
+# Ignore everything but code style settings and run configurations
+# that are supposed to be shared within teams.
+
+.idea/*
+
+.idea/codeStyles
+!.idea/runConfigurations
+
+### Intellij+iml ###
+# Covers JetBrains IDEs: IntelliJ, RubyMine, PhpStorm, AppCode, PyCharm, CLion, Android Studio, WebStorm and Rider
+# Reference: https://intellij-support.jetbrains.com/hc/en-us/articles/206544839
+
+# User-specific stuff
+
+# AWS User-specific
+
+# Generated files
+
+# Sensitive or high-churn files
+
+# Gradle
+
+# Gradle and Maven with auto-import
+# When using Gradle or Maven with auto-import, you should exclude module files,
+# since they will be recreated, and may cause churn. Uncomment if using
+# auto-import.
+# .idea/artifacts
+# .idea/compiler.xml
+# .idea/jarRepositories.xml
+# .idea/modules.xml
+# .idea/*.iml
+# .idea/modules
+# *.iml
+# *.ipr
+
+# CMake
+
+# Mongo Explorer plugin
+
+# File-based project format
+
+# IntelliJ
+
+# mpeltonen/sbt-idea plugin
+
+# JIRA plugin
+
+# Cursive Clojure plugin
+
+# SonarLint plugin
+
+# Crashlytics plugin (for Android Studio and IntelliJ)
+
+# Editor-based Rest Client
+
+# Android studio 3.1+ serialized cache file
+
+### Intellij+iml Patch ###
+# Reason: https://github.com/joeblau/gitignore.io/issues/186#issuecomment-249601023
+
+*.iml
+modules.xml
+.idea/misc.xml
+*.ipr
+
+### Java ###
+# Compiled class file
+*.class
+
+# Log file
+*.log
+
+# BlueJ files
+*.ctxt
+
+# Mobile Tools for Java (J2ME)
+.mtj.tmp/
+
+# Package Files #
+*.jar
+*.war
+*.nar
+*.ear
+*.zip
+*.tar.gz
+*.rar
+
+# virtual machine crash logs, see http://www.java.com/en/download/help/error_hotspot.xml
+hs_err_pid*
+replay_pid*
+
+### macOS ###
+# General
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear in the root of a volume
+.DocumentRevisions-V100
+.fseventsd
+.Spotlight-V100
+.TemporaryItems
+.Trashes
+.VolumeIcon.icns
+.com.apple.timemachine.donotpresent
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+### macOS Patch ###
+# iCloud generated files
+*.icloud
+
+### Maven ###
+target/
+pom.xml.tag
+pom.xml.releaseBackup
+pom.xml.versionsBackup
+pom.xml.next
+release.properties
+dependency-reduced-pom.xml
+buildNumber.properties
+.mvn/timing.properties
+# https://github.com/takari/maven-wrapper#usage-without-binary-jar
+.mvn/wrapper/maven-wrapper.jar
+
+# Eclipse m2e generated files
+# Eclipse Core
+.project
+# JDT-specific (Eclipse Java Development Tools)
+.classpath
+
+### Node ###
+# Logs
+logs
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+.pnpm-debug.log*
+
+# Diagnostic reports (https://nodejs.org/api/report.html)
+report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+*.lcov
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# Snowpack dependency directory (https://snowpack.dev/)
+web_modules/
+
+# TypeScript cache
+*.tsbuildinfo
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional stylelint cache
+.stylelintcache
+
+# Microbundle cache
+.rpt2_cache/
+.rts2_cache_cjs/
+.rts2_cache_es/
+.rts2_cache_umd/
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variable files
+.env
+.env.development.local
+.env.test.local
+.env.production.local
+.env.local
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+.parcel-cache
+
+# Next.js build output
+.next
+out
+
+# Nuxt.js build / generate output
+.nuxt
+dist
+
+# Gatsby files
+.cache/
+# Comment in the public line in if your project uses Gatsby and not Next.js
+# https://nextjs.org/blog/next-9-1#public-directory-support
+# public
+
+# vuepress build output
+.vuepress/dist
+
+# vuepress v2.x temp and cache directory
+.temp
+
+# Docusaurus cache and generated files
+.docusaurus
+
+# Serverless directories
+.serverless/
+
+# FuseBox cache
+.fusebox/
+
+# DynamoDB Local files
+.dynamodb/
+
+# TernJS port file
+.tern-port
+
+# Stores VSCode versions used for testing VSCode extensions
+.vscode-test
+.vscode
+
+# yarn v2
+.yarn/cache
+.yarn/unplugged
+.yarn/build-state.yml
+.yarn/install-state.gz
+.pnp.*
+
+### Node Patch ###
+# Serverless Webpack directories
+.webpack/
+
+# Optional stylelint cache
+
+# SvelteKit build / generate output
+.svelte-kit
+
+### Vue ###
+# gitignore template for Vue.js projects
+#
+# Recommended template: Node.gitignore
+
+# TODO: where does this rule come from?
+docs/_book
+
+# TODO: where does this rule come from?
+test/
+
+### Vuejs ###
+# Recommended template: Node.gitignore
+
+dist/
+npm-debug.log
+yarn-error.log
+
+# End of https://www.toptal.com/developers/gitignore/api/node,java,maven,macos,intellij+all,intellij+iml,vue,vuejs
+
+*package-lock.json
\ No newline at end of file
diff --git a/wayang-web-dashboard/DISCLAIMER b/wayang-web-dashboard/DISCLAIMER
new file mode 100644
index 0000000..bb11a0b
--- /dev/null
+++ b/wayang-web-dashboard/DISCLAIMER
@@ -0,0 +1,10 @@
+Apache Wayang (incubating) is an effort undergoing incubation at The Apache
+Software Foundation (ASF), sponsored by the Apache Incubator PMC.
+
+Incubation is required of all newly accepted projects until a further review
+indicates that the infrastructure, communications, and decision making process
+have stabilized in a manner consistent with other successful ASF projects.
+
+While incubation status is not necessarily a reflection of the completeness
+or stability of the code, it does indicate that the project has yet to be
+fully endorsed by the ASF.
diff --git a/wayang-web-dashboard/LICENSE b/wayang-web-dashboard/LICENSE
new file mode 100644
index 0000000..e24bc6d
--- /dev/null
+++ b/wayang-web-dashboard/LICENSE
@@ -0,0 +1,225 @@
+
+ Apache License
+ Version 2.0, January 2004
+ http://www.apache.org/licenses/
+
+ TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+ 1. Definitions.
+
+ "License" shall mean the terms and conditions for use, reproduction,
+ and distribution as defined by Sections 1 through 9 of this document.
+
+ "Licensor" shall mean the copyright owner or entity authorized by
+ the copyright owner that is granting the License.
+
+ "Legal Entity" shall mean the union of the acting entity and all
+ other entities that control, are controlled by, or are under common
+ control with that entity. For the purposes of this definition,
+ "control" means (i) the power, direct or indirect, to cause the
+ direction or management of such entity, whether by contract or
+ otherwise, or (ii) ownership of fifty percent (50%) or more of the
+ outstanding shares, or (iii) beneficial ownership of such entity.
+
+ "You" (or "Your") shall mean an individual or Legal Entity
+ exercising permissions granted by this License.
+
+ "Source" form shall mean the preferred form for making modifications,
+ including but not limited to software source code, documentation
+ source, and configuration files.
+
+ "Object" form shall mean any form resulting from mechanical
+ transformation or translation of a Source form, including but
+ not limited to compiled object code, generated documentation,
+ and conversions to other media types.
+
+ "Work" shall mean the work of authorship, whether in Source or
+ Object form, made available under the License, as indicated by a
+ copyright notice that is included in or attached to the work
+ (an example is provided in the Appendix below).
+
+ "Derivative Works" shall mean any work, whether in Source or Object
+ form, that is based on (or derived from) the Work and for which the
+ editorial revisions, annotations, elaborations, or other modifications
+ represent, as a whole, an original work of authorship. For the purposes
+ of this License, Derivative Works shall not include works that remain
+ separable from, or merely link (or bind by name) to the interfaces of,
+ the Work and Derivative Works thereof.
+
+ "Contribution" shall mean any work of authorship, including
+ the original version of the Work and any modifications or additions
+ to that Work or Derivative Works thereof, that is intentionally
+ submitted to Licensor for inclusion in the Work by the copyright owner
+ or by an individual or Legal Entity authorized to submit on behalf of
+ the copyright owner. For the purposes of this definition, "submitted"
+ means any form of electronic, verbal, or written communication sent
+ to the Licensor or its representatives, including but not limited to
+ communication on electronic mailing lists, source code control systems,
+ and issue tracking systems that are managed by, or on behalf of, the
+ Licensor for the purpose of discussing and improving the Work, but
+ excluding communication that is conspicuously marked or otherwise
+ designated in writing by the copyright owner as "Not a Contribution."
+
+ "Contributor" shall mean Licensor and any individual or Legal Entity
+ on behalf of whom a Contribution has been received by Licensor and
+ subsequently incorporated within the Work.
+
+ 2. Grant of Copyright License. Subject to the terms and conditions of
+ this License, each Contributor hereby grants to You a perpetual,
+ worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+ copyright license to reproduce, prepare Derivative Works of,
+ publicly display, publicly perform, sublicense, and distribute the
+ Work and such Derivative Works in Source or Object form.
+
+ 3. Grant of Patent License. Subject to the terms and conditions of
+ this License, each Contributor hereby grants to You a perpetual,
+ worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+ (except as stated in this section) patent license to make, have made,
+ use, offer to sell, sell, import, and otherwise transfer the Work,
+ where such license applies only to those patent claims licensable
+ by such Contributor that are necessarily infringed by their
+ Contribution(s) alone or by combination of their Contribution(s)
+ with the Work to which such Contribution(s) was submitted. If You
+ institute patent litigation against any entity (including a
+ cross-claim or counterclaim in a lawsuit) alleging that the Work
+ or a Contribution incorporated within the Work constitutes direct
+ or contributory patent infringement, then any patent licenses
+ granted to You under this License for that Work shall terminate
+ as of the date such litigation is filed.
+
+ 4. Redistribution. You may reproduce and distribute copies of the
+ Work or Derivative Works thereof in any medium, with or without
+ modifications, and in Source or Object form, provided that You
+ meet the following conditions:
+
+ (a) You must give any other recipients of the Work or
+ Derivative Works a copy of this License; and
+
+ (b) You must cause any modified files to carry prominent notices
+ stating that You changed the files; and
+
+ (c) You must retain, in the Source form of any Derivative Works
+ that You distribute, all copyright, patent, trademark, and
+ attribution notices from the Source form of the Work,
+ excluding those notices that do not pertain to any part of
+ the Derivative Works; and
+
+ (d) If the Work includes a "NOTICE" text file as part of its
+ distribution, then any Derivative Works that You distribute must
+ include a readable copy of the attribution notices contained
+ within such NOTICE file, excluding those notices that do not
+ pertain to any part of the Derivative Works, in at least one
+ of the following places: within a NOTICE text file distributed
+ as part of the Derivative Works; within the Source form or
+ documentation, if provided along with the Derivative Works; or,
+ within a display generated by the Derivative Works, if and
+ wherever such third-party notices normally appear. The contents
+ of the NOTICE file are for informational purposes only and
+ do not modify the License. You may add Your own attribution
+ notices within Derivative Works that You distribute, alongside
+ or as an addendum to the NOTICE text from the Work, provided
+ that such additional attribution notices cannot be construed
+ as modifying the License.
+
+ You may add Your own copyright statement to Your modifications and
+ may provide additional or different license terms and conditions
+ for use, reproduction, or distribution of Your modifications, or
+ for any such Derivative Works as a whole, provided Your use,
+ reproduction, and distribution of the Work otherwise complies with
+ the conditions stated in this License.
+
+ 5. Submission of Contributions. Unless You explicitly state otherwise,
+ any Contribution intentionally submitted for inclusion in the Work
+ by You to the Licensor shall be under the terms and conditions of
+ this License, without any additional terms or conditions.
+ Notwithstanding the above, nothing herein shall supersede or modify
+ the terms of any separate license agreement you may have executed
+ with Licensor regarding such Contributions.
+
+ 6. Trademarks. This License does not grant permission to use the trade
+ names, trademarks, service marks, or product names of the Licensor,
+ except as required for reasonable and customary use in describing the
+ origin of the Work and reproducing the content of the NOTICE file.
+
+ 7. Disclaimer of Warranty. Unless required by applicable law or
+ agreed to in writing, Licensor provides the Work (and each
+ Contributor provides its Contributions) on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+ implied, including, without limitation, any warranties or conditions
+ of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+ PARTICULAR PURPOSE. You are solely responsible for determining the
+ appropriateness of using or redistributing the Work and assume any
+ risks associated with Your exercise of permissions under this License.
+
+ 8. Limitation of Liability. In no event and under no legal theory,
+ whether in tort (including negligence), contract, or otherwise,
+ unless required by applicable law (such as deliberate and grossly
+ negligent acts) or agreed to in writing, shall any Contributor be
+ liable to You for damages, including any direct, indirect, special,
+ incidental, or consequential damages of any character arising as a
+ result of this License or out of the use or inability to use the
+ Work (including but not limited to damages for loss of goodwill,
+ work stoppage, computer failure or malfunction, or any and all
+ other commercial damages or losses), even if such Contributor
+ has been advised of the possibility of such damages.
+
+ 9. Accepting Warranty or Additional Liability. While redistributing
+ the Work or Derivative Works thereof, You may choose to offer,
+ and charge a fee for, acceptance of support, warranty, indemnity,
+ or other liability obligations and/or rights consistent with this
+ License. However, in accepting such obligations, You may act only
+ on Your own behalf and on Your sole responsibility, not on behalf
+ of any other Contributor, and only if You agree to indemnify,
+ defend, and hold each Contributor harmless for any liability
+ incurred by, or claims asserted against, such Contributor by reason
+ of your accepting any such warranty or additional liability.
+
+ END OF TERMS AND CONDITIONS
+
+ APPENDIX: How to apply the Apache License to your work.
+
+ To apply the Apache License to your work, attach the following
+ boilerplate notice, with the fields enclosed by brackets "[]"
+ replaced with your own identifying information. (Don't include
+ the brackets!) The text should be enclosed in the appropriate
+ comment syntax for the file format. We also recommend that a
+ file or class name and description of purpose be included on the
+ same "printed page" as the copyright notice for easier
+ identification within third-party archives.
+
+ Copyright [yyyy] [name of copyright owner]
+
+ Licensed under the Apache License, Version 2.0 (the "License");
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+
+===============================================================
+
+The files:
+wayang-commons/wayang-utils-profile-db/src/main/java/org/apache/wayang/commons/util/profiledb/ProfileDB.java
+wayang-commons/wayang-utils-profile-db/src/test/java/org/apache/wayang/commons/util/profiledb/ProfileDBTest.java
+wayang-commons/wayang-utils-profile-db/src/main/java/org/apache/wayang/commons/util/profiledb/instrumentation/StopWatch.java
+wayang-commons/wayang-utils-profile-db/src/main/java/org/apache/wayang/commons/util/profiledb/json/MeasurementDeserializer.java
+wayang-commons/wayang-utils-profile-db/src/main/java/org/apache/wayang/commons/util/profiledb/json/MeasurementSerializer.java
+wayang-commons/wayang-utils-profile-db/src/test/java/org/apache/wayang/commons/util/profiledb/measurement/TestMemoryMeasurement.java
+wayang-commons/wayang-utils-profile-db/src/test/java/org/apache/wayang/commons/util/profiledb/measurement/TestTimeMeasurement.java
+wayang-commons/wayang-utils-profile-db/src/main/java/org/apache/wayang/commons/util/profiledb/model/Experiment.java
+wayang-commons/wayang-utils-profile-db/src/main/java/org/apache/wayang/commons/util/profiledb/model/Measurement.java
+wayang-commons/wayang-utils-profile-db/src/main/java/org/apache/wayang/commons/util/profiledb/model/Subject.java
+wayang-commons/wayang-utils-profile-db/src/main/java/org/apache/wayang/commons/util/profiledb/model/Type.java
+wayang-commons/wayang-utils-profile-db/src/main/java/org/apache/wayang/commons/util/profiledb/model/measurement/TimeMeasurement.java
+wayang-commons/wayang-utils-profile-db/src/main/java/org/apache/wayang/commons/util/profiledb/storage/FileStorage.java
+wayang-commons/wayang-utils-profile-db/src/main/java/org/apache/wayang/commons/util/profiledb/storage/JDBCStorage.java
+wayang-commons/wayang-utils-profile-db/src/main/java/org/apache/wayang/commons/util/profiledb/storage/Storage.java
+Are copyright 2016 Sebastian Kruse from https://github.com/sekruse/profiledb-java repository which is distributed under the Apache 2.0 license.
+commit hash c28fe7f8e2034994e1c32e29ac8fdcfe7178d92b(https://github.com/sekruse/profiledb-java/commit/c28fe7f8e2034994e1c32e29ac8fdcfe7178d92b)
+
+mvnw files from https://github.com/apache/maven-wrapper Apache 2.0
diff --git a/wayang-web-dashboard/NOTICE b/wayang-web-dashboard/NOTICE
new file mode 100644
index 0000000..280049d
--- /dev/null
+++ b/wayang-web-dashboard/NOTICE
@@ -0,0 +1,21 @@
+Apache Wayang (incubating)
+Copyright 2020 - 2022 The Apache Software Foundation.
+
+This product includes software developed at
+The Apache Software Foundation (http://www.apache.org/).
+
+--
+Copyright 2016 Sebastian Kruse
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+--
diff --git a/wayang-web-dashboard/README.md b/wayang-web-dashboard/README.md
new file mode 100644
index 0000000..b4232bf
--- /dev/null
+++ b/wayang-web-dashboard/README.md
@@ -0,0 +1,39 @@
+## Introduction
+
+**TODO: add it **
+
+
+## requirement
+**TODO: add it **
+
+## Build
+**TODO: add it **
+
+```bash
+TODO: Comand here
+```
+
+## Running Test
+
+**TODO: add it **
+
+```bash
+TODO: Comand here
+```
+
+
+## Licence
+
+Copyright 2022 DIMA/TU-Berlin
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
\ No newline at end of file
diff --git a/wayang-web-dashboard/dashboard-backend/.mvn/wrapper/maven-wrapper.properties b/wayang-web-dashboard/dashboard-backend/.mvn/wrapper/maven-wrapper.properties
new file mode 100644
index 0000000..214d51f
--- /dev/null
+++ b/wayang-web-dashboard/dashboard-backend/.mvn/wrapper/maven-wrapper.properties
@@ -0,0 +1,17 @@
+# Licensed to the Apache Software Foundation (ASF) under one or more
+# contributor license agreements. See the NOTICE file distributed with
+# this work for additional information regarding copyright ownership.
+# The ASF licenses this file to You under the Apache License, Version 2.0
+# (the "License"); you may not use this file except in compliance with
+# the License. You may obtain a copy of the License at
+#
+# http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+#
+distributionUrl=https://repo.maven.apache.org/maven2/org/apache/maven/apache-maven/3.8.4/apache-maven-3.8.4-bin.zip
+wrapperUrl=https://repo.maven.apache.org/maven2/io/takari/maven-wrapper/0.5.6/maven-wrapper-0.5.6.jar
\ No newline at end of file
diff --git a/wayang-web-dashboard/dashboard-backend/README.md b/wayang-web-dashboard/dashboard-backend/README.md
new file mode 100644
index 0000000..d4dd2d7
--- /dev/null
+++ b/wayang-web-dashboard/dashboard-backend/README.md
@@ -0,0 +1,20 @@
+# Read Me First
+The following was discovered as part of building this project:
+
+# Getting Started
+
+### Reference Documentation
+For further reference, please consider the following sections:
+
+* [Official Apache Maven documentation](https://maven.apache.org/guides/index.html)
+* [Spring Boot Maven Plugin Reference Guide](https://docs.spring.io/spring-boot/docs/3.0.0/maven-plugin/reference/html/)
+* [Create an OCI image](https://docs.spring.io/spring-boot/docs/3.0.0/maven-plugin/reference/html/#build-image)
+* [Spring Web](https://docs.spring.io/spring-boot/docs/3.0.0/reference/htmlsingle/#web)
+
+### Guides
+The following guides illustrate how to use some features concretely:
+
+* [Building a RESTful Web Service](https://spring.io/guides/gs/rest-service/)
+* [Serving Web Content with Spring MVC](https://spring.io/guides/gs/serving-web-content/)
+* [Building REST services with Spring](https://spring.io/guides/tutorials/rest/)
+
diff --git a/wayang-web-dashboard/dashboard-backend/mvnw b/wayang-web-dashboard/dashboard-backend/mvnw
new file mode 100755
index 0000000..2d3dd77
--- /dev/null
+++ b/wayang-web-dashboard/dashboard-backend/mvnw
@@ -0,0 +1,316 @@
+#!/bin/sh
+# ----------------------------------------------------------------------------
+#
+# Licensed to the Apache Software Foundation (ASF) under one or more
+# contributor license agreements. See the NOTICE file distributed with
+# this work for additional information regarding copyright ownership.
+# The ASF licenses this file to You under the Apache License, Version 2.0
+# (the "License"); you may not use this file except in compliance with
+# the License. You may obtain a copy of the License at
+#
+# http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+#
+# ----------------------------------------------------------------------------
+
+# ----------------------------------------------------------------------------
+# Maven Start Up Batch script
+#
+# Required ENV vars:
+# ------------------
+# JAVA_HOME - location of a JDK home dir
+#
+# Optional ENV vars
+# -----------------
+# M2_HOME - location of maven2's installed home dir
+# MAVEN_OPTS - parameters passed to the Java VM when running Maven
+# e.g. to debug Maven itself, use
+# set MAVEN_OPTS=-Xdebug -Xrunjdwp:transport=dt_socket,server=y,suspend=y,address=8000
+# MAVEN_SKIP_RC - flag to disable loading of mavenrc files
+# ----------------------------------------------------------------------------
+
+if [ -z "$MAVEN_SKIP_RC" ] ; then
+
+ if [ -f /usr/local/etc/mavenrc ] ; then
+ . /usr/local/etc/mavenrc
+ fi
+
+ if [ -f /etc/mavenrc ] ; then
+ . /etc/mavenrc
+ fi
+
+ if [ -f "$HOME/.mavenrc" ] ; then
+ . "$HOME/.mavenrc"
+ fi
+
+fi
+
+# OS specific support. $var _must_ be set to either true or false.
+cygwin=false;
+darwin=false;
+mingw=false
+case "`uname`" in
+ CYGWIN*) cygwin=true ;;
+ MINGW*) mingw=true;;
+ Darwin*) darwin=true
+ # Use /usr/libexec/java_home if available, otherwise fall back to /Library/Java/Home
+ # See https://developer.apple.com/library/mac/qa/qa1170/_index.html
+ if [ -z "$JAVA_HOME" ]; then
+ if [ -x "/usr/libexec/java_home" ]; then
+ export JAVA_HOME="`/usr/libexec/java_home`"
+ else
+ export JAVA_HOME="/Library/Java/Home"
+ fi
+ fi
+ ;;
+esac
+
+if [ -z "$JAVA_HOME" ] ; then
+ if [ -r /etc/gentoo-release ] ; then
+ JAVA_HOME=`java-config --jre-home`
+ fi
+fi
+
+if [ -z "$M2_HOME" ] ; then
+ ## resolve links - $0 may be a link to maven's home
+ 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
+
+ saveddir=`pwd`
+
+ M2_HOME=`dirname "$PRG"`/..
+
+ # make it fully qualified
+ M2_HOME=`cd "$M2_HOME" && pwd`
+
+ cd "$saveddir"
+ # echo Using m2 at $M2_HOME
+fi
+
+# For Cygwin, ensure paths are in UNIX format before anything is touched
+if $cygwin ; then
+ [ -n "$M2_HOME" ] &&
+ M2_HOME=`cygpath --unix "$M2_HOME"`
+ [ -n "$JAVA_HOME" ] &&
+ JAVA_HOME=`cygpath --unix "$JAVA_HOME"`
+ [ -n "$CLASSPATH" ] &&
+ CLASSPATH=`cygpath --path --unix "$CLASSPATH"`
+fi
+
+# For Mingw, ensure paths are in UNIX format before anything is touched
+if $mingw ; then
+ [ -n "$M2_HOME" ] &&
+ M2_HOME="`(cd "$M2_HOME"; pwd)`"
+ [ -n "$JAVA_HOME" ] &&
+ JAVA_HOME="`(cd "$JAVA_HOME"; pwd)`"
+fi
+
+if [ -z "$JAVA_HOME" ]; then
+ javaExecutable="`which javac`"
+ if [ -n "$javaExecutable" ] && ! [ "`expr \"$javaExecutable\" : '\([^ ]*\)'`" = "no" ]; then
+ # readlink(1) is not available as standard on Solaris 10.
+ readLink=`which readlink`
+ if [ ! `expr "$readLink" : '\([^ ]*\)'` = "no" ]; then
+ if $darwin ; then
+ javaHome="`dirname \"$javaExecutable\"`"
+ javaExecutable="`cd \"$javaHome\" && pwd -P`/javac"
+ else
+ javaExecutable="`readlink -f \"$javaExecutable\"`"
+ fi
+ javaHome="`dirname \"$javaExecutable\"`"
+ javaHome=`expr "$javaHome" : '\(.*\)/bin'`
+ JAVA_HOME="$javaHome"
+ export JAVA_HOME
+ fi
+ fi
+fi
+
+if [ -z "$JAVACMD" ] ; then
+ 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
+ else
+ JAVACMD="`\\unset -f command; \\command -v java`"
+ fi
+fi
+
+if [ ! -x "$JAVACMD" ] ; then
+ echo "Error: JAVA_HOME is not defined correctly." >&2
+ echo " We cannot execute $JAVACMD" >&2
+ exit 1
+fi
+
+if [ -z "$JAVA_HOME" ] ; then
+ echo "Warning: JAVA_HOME environment variable is not set."
+fi
+
+CLASSWORLDS_LAUNCHER=org.codehaus.plexus.classworlds.launcher.Launcher
+
+# traverses directory structure from process work directory to filesystem root
+# first directory with .mvn subdirectory is considered project base directory
+find_maven_basedir() {
+
+ if [ -z "$1" ]
+ then
+ echo "Path not specified to find_maven_basedir"
+ return 1
+ fi
+
+ basedir="$1"
+ wdir="$1"
+ while [ "$wdir" != '/' ] ; do
+ if [ -d "$wdir"/.mvn ] ; then
+ basedir=$wdir
+ break
+ fi
+ # workaround for JBEAP-8937 (on Solaris 10/Sparc)
+ if [ -d "${wdir}" ]; then
+ wdir=`cd "$wdir/.."; pwd`
+ fi
+ # end of workaround
+ done
+ echo "${basedir}"
+}
+
+# concatenates all lines of a file
+concat_lines() {
+ if [ -f "$1" ]; then
+ echo "$(tr -s '\n' ' ' < "$1")"
+ fi
+}
+
+BASE_DIR=`find_maven_basedir "$(pwd)"`
+if [ -z "$BASE_DIR" ]; then
+ exit 1;
+fi
+
+##########################################################################################
+# Extension to allow automatically downloading the maven-wrapper.jar from Maven-central
+# This allows using the maven wrapper in projects that prohibit checking in binary data.
+##########################################################################################
+if [ -r "$BASE_DIR/.mvn/wrapper/maven-wrapper.jar" ]; then
+ if [ "$MVNW_VERBOSE" = true ]; then
+ echo "Found .mvn/wrapper/maven-wrapper.jar"
+ fi
+else
+ if [ "$MVNW_VERBOSE" = true ]; then
+ echo "Couldn't find .mvn/wrapper/maven-wrapper.jar, downloading it ..."
+ fi
+ if [ -n "$MVNW_REPOURL" ]; then
+ jarUrl="$MVNW_REPOURL/org/apache/maven/wrapper/maven-wrapper/3.1.0/maven-wrapper-3.1.0.jar"
+ else
+ jarUrl="https://repo.maven.apache.org/maven2/org/apache/maven/wrapper/maven-wrapper/3.1.0/maven-wrapper-3.1.0.jar"
+ fi
+ while IFS="=" read key value; do
+ case "$key" in (wrapperUrl) jarUrl="$value"; break ;;
+ esac
+ done < "$BASE_DIR/.mvn/wrapper/maven-wrapper.properties"
+ if [ "$MVNW_VERBOSE" = true ]; then
+ echo "Downloading from: $jarUrl"
+ fi
+ wrapperJarPath="$BASE_DIR/.mvn/wrapper/maven-wrapper.jar"
+ if $cygwin; then
+ wrapperJarPath=`cygpath --path --windows "$wrapperJarPath"`
+ fi
+
+ if command -v wget > /dev/null; then
+ if [ "$MVNW_VERBOSE" = true ]; then
+ echo "Found wget ... using wget"
+ fi
+ if [ -z "$MVNW_USERNAME" ] || [ -z "$MVNW_PASSWORD" ]; then
+ wget "$jarUrl" -O "$wrapperJarPath" || rm -f "$wrapperJarPath"
+ else
+ wget --http-user=$MVNW_USERNAME --http-password=$MVNW_PASSWORD "$jarUrl" -O "$wrapperJarPath" || rm -f "$wrapperJarPath"
+ fi
+ elif command -v curl > /dev/null; then
+ if [ "$MVNW_VERBOSE" = true ]; then
+ echo "Found curl ... using curl"
+ fi
+ if [ -z "$MVNW_USERNAME" ] || [ -z "$MVNW_PASSWORD" ]; then
+ curl -o "$wrapperJarPath" "$jarUrl" -f
+ else
+ curl --user $MVNW_USERNAME:$MVNW_PASSWORD -o "$wrapperJarPath" "$jarUrl" -f
+ fi
+
+ else
+ if [ "$MVNW_VERBOSE" = true ]; then
+ echo "Falling back to using Java to download"
+ fi
+ javaClass="$BASE_DIR/.mvn/wrapper/MavenWrapperDownloader.java"
+ # For Cygwin, switch paths to Windows format before running javac
+ if $cygwin; then
+ javaClass=`cygpath --path --windows "$javaClass"`
+ fi
+ if [ -e "$javaClass" ]; then
+ if [ ! -e "$BASE_DIR/.mvn/wrapper/MavenWrapperDownloader.class" ]; then
+ if [ "$MVNW_VERBOSE" = true ]; then
+ echo " - Compiling MavenWrapperDownloader.java ..."
+ fi
+ # Compiling the Java class
+ ("$JAVA_HOME/bin/javac" "$javaClass")
+ fi
+ if [ -e "$BASE_DIR/.mvn/wrapper/MavenWrapperDownloader.class" ]; then
+ # Running the downloader
+ if [ "$MVNW_VERBOSE" = true ]; then
+ echo " - Running MavenWrapperDownloader.java ..."
+ fi
+ ("$JAVA_HOME/bin/java" -cp .mvn/wrapper MavenWrapperDownloader "$MAVEN_PROJECTBASEDIR")
+ fi
+ fi
+ fi
+fi
+##########################################################################################
+# End of extension
+##########################################################################################
+
+export MAVEN_PROJECTBASEDIR=${MAVEN_BASEDIR:-"$BASE_DIR"}
+if [ "$MVNW_VERBOSE" = true ]; then
+ echo $MAVEN_PROJECTBASEDIR
+fi
+MAVEN_OPTS="$(concat_lines "$MAVEN_PROJECTBASEDIR/.mvn/jvm.config") $MAVEN_OPTS"
+
+# For Cygwin, switch paths to Windows format before running java
+if $cygwin; then
+ [ -n "$M2_HOME" ] &&
+ M2_HOME=`cygpath --path --windows "$M2_HOME"`
+ [ -n "$JAVA_HOME" ] &&
+ JAVA_HOME=`cygpath --path --windows "$JAVA_HOME"`
+ [ -n "$CLASSPATH" ] &&
+ CLASSPATH=`cygpath --path --windows "$CLASSPATH"`
+ [ -n "$MAVEN_PROJECTBASEDIR" ] &&
+ MAVEN_PROJECTBASEDIR=`cygpath --path --windows "$MAVEN_PROJECTBASEDIR"`
+fi
+
+# Provide a "standardized" way to retrieve the CLI args that will
+# work with both Windows and non-Windows executions.
+MAVEN_CMD_LINE_ARGS="$MAVEN_CONFIG $@"
+export MAVEN_CMD_LINE_ARGS
+
+WRAPPER_LAUNCHER=org.apache.maven.wrapper.MavenWrapperMain
+
+exec "$JAVACMD" \
+ $MAVEN_OPTS \
+ $MAVEN_DEBUG_OPTS \
+ -classpath "$MAVEN_PROJECTBASEDIR/.mvn/wrapper/maven-wrapper.jar" \
+ "-Dmaven.home=${M2_HOME}" \
+ "-Dmaven.multiModuleProjectDirectory=${MAVEN_PROJECTBASEDIR}" \
+ ${WRAPPER_LAUNCHER} $MAVEN_CONFIG "$@"
diff --git a/wayang-web-dashboard/dashboard-backend/mvnw.cmd b/wayang-web-dashboard/dashboard-backend/mvnw.cmd
new file mode 100644
index 0000000..fe00228
--- /dev/null
+++ b/wayang-web-dashboard/dashboard-backend/mvnw.cmd
@@ -0,0 +1,188 @@
+@REM ----------------------------------------------------------------------------
+@REM
+@REM Licensed to the Apache Software Foundation (ASF) under one or more
+@REM contributor license agreements. See the NOTICE file distributed with
+@REM this work for additional information regarding copyright ownership.
+@REM The ASF licenses this file to You under the Apache License, Version 2.0
+@REM (the "License"); you may not use this file except in compliance with
+@REM the License. You may obtain a copy of the License at
+@REM
+@REM http://www.apache.org/licenses/LICENSE-2.0
+@REM
+@REM Unless required by applicable law or agreed to in writing, software
+@REM distributed under the License is distributed on an "AS IS" BASIS,
+@REM WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+@REM See the License for the specific language governing permissions and
+@REM limitations under the License.
+@REM
+@REM ----------------------------------------------------------------------------
+
+@REM ----------------------------------------------------------------------------
+@REM Maven Start Up Batch script
+@REM
+@REM Required ENV vars:
+@REM JAVA_HOME - location of a JDK home dir
+@REM
+@REM Optional ENV vars
+@REM M2_HOME - location of maven2's installed home dir
+@REM MAVEN_BATCH_ECHO - set to 'on' to enable the echoing of the batch commands
+@REM MAVEN_BATCH_PAUSE - set to 'on' to wait for a keystroke before ending
+@REM MAVEN_OPTS - parameters passed to the Java VM when running Maven
+@REM e.g. to debug Maven itself, use
+@REM set MAVEN_OPTS=-Xdebug -Xrunjdwp:transport=dt_socket,server=y,suspend=y,address=8000
+@REM MAVEN_SKIP_RC - flag to disable loading of mavenrc files
+@REM ----------------------------------------------------------------------------
+
+@REM Begin all REM lines with '@' in case MAVEN_BATCH_ECHO is 'on'
+@echo off
+@REM set title of command window
+title %0
+@REM enable echoing by setting MAVEN_BATCH_ECHO to 'on'
+@if "%MAVEN_BATCH_ECHO%" == "on" echo %MAVEN_BATCH_ECHO%
+
+@REM set %HOME% to equivalent of $HOME
+if "%HOME%" == "" (set "HOME=%HOMEDRIVE%%HOMEPATH%")
+
+@REM Execute a user defined script before this one
+if not "%MAVEN_SKIP_RC%" == "" goto skipRcPre
+@REM check for pre script, once with legacy .bat ending and once with .cmd ending
+if exist "%USERPROFILE%\mavenrc_pre.bat" call "%USERPROFILE%\mavenrc_pre.bat" %*
+if exist "%USERPROFILE%\mavenrc_pre.cmd" call "%USERPROFILE%\mavenrc_pre.cmd" %*
+:skipRcPre
+
+@setlocal
+
+set ERROR_CODE=0
+
+@REM To isolate internal variables from possible post scripts, we use another setlocal
+@setlocal
+
+@REM ==== START VALIDATION ====
+if not "%JAVA_HOME%" == "" goto OkJHome
+
+echo.
+echo Error: JAVA_HOME not found in your environment. >&2
+echo Please set the JAVA_HOME variable in your environment to match the >&2
+echo location of your Java installation. >&2
+echo.
+goto error
+
+:OkJHome
+if exist "%JAVA_HOME%\bin\java.exe" goto init
+
+echo.
+echo Error: JAVA_HOME is set to an invalid directory. >&2
+echo JAVA_HOME = "%JAVA_HOME%" >&2
+echo Please set the JAVA_HOME variable in your environment to match the >&2
+echo location of your Java installation. >&2
+echo.
+goto error
+
+@REM ==== END VALIDATION ====
+
+:init
+
+@REM Find the project base dir, i.e. the directory that contains the folder ".mvn".
+@REM Fallback to current working directory if not found.
+
+set MAVEN_PROJECTBASEDIR=%MAVEN_BASEDIR%
+IF NOT "%MAVEN_PROJECTBASEDIR%"=="" goto endDetectBaseDir
+
+set EXEC_DIR=%CD%
+set WDIR=%EXEC_DIR%
+:findBaseDir
+IF EXIST "%WDIR%"\.mvn goto baseDirFound
+cd ..
+IF "%WDIR%"=="%CD%" goto baseDirNotFound
+set WDIR=%CD%
+goto findBaseDir
+
+:baseDirFound
+set MAVEN_PROJECTBASEDIR=%WDIR%
+cd "%EXEC_DIR%"
+goto endDetectBaseDir
+
+:baseDirNotFound
+set MAVEN_PROJECTBASEDIR=%EXEC_DIR%
+cd "%EXEC_DIR%"
+
+:endDetectBaseDir
+
+IF NOT EXIST "%MAVEN_PROJECTBASEDIR%\.mvn\jvm.config" goto endReadAdditionalConfig
+
+@setlocal EnableExtensions EnableDelayedExpansion
+for /F "usebackq delims=" %%a in ("%MAVEN_PROJECTBASEDIR%\.mvn\jvm.config") do set JVM_CONFIG_MAVEN_PROPS=!JVM_CONFIG_MAVEN_PROPS! %%a
+@endlocal & set JVM_CONFIG_MAVEN_PROPS=%JVM_CONFIG_MAVEN_PROPS%
+
+:endReadAdditionalConfig
+
+SET MAVEN_JAVA_EXE="%JAVA_HOME%\bin\java.exe"
+set WRAPPER_JAR="%MAVEN_PROJECTBASEDIR%\.mvn\wrapper\maven-wrapper.jar"
+set WRAPPER_LAUNCHER=org.apache.maven.wrapper.MavenWrapperMain
+
+set DOWNLOAD_URL="https://repo.maven.apache.org/maven2/org/apache/maven/wrapper/maven-wrapper/3.1.0/maven-wrapper-3.1.0.jar"
+
+FOR /F "usebackq tokens=1,2 delims==" %%A IN ("%MAVEN_PROJECTBASEDIR%\.mvn\wrapper\maven-wrapper.properties") DO (
+ IF "%%A"=="wrapperUrl" SET DOWNLOAD_URL=%%B
+)
+
+@REM Extension to allow automatically downloading the maven-wrapper.jar from Maven-central
+@REM This allows using the maven wrapper in projects that prohibit checking in binary data.
+if exist %WRAPPER_JAR% (
+ if "%MVNW_VERBOSE%" == "true" (
+ echo Found %WRAPPER_JAR%
+ )
+) else (
+ if not "%MVNW_REPOURL%" == "" (
+ SET DOWNLOAD_URL="%MVNW_REPOURL%/org/apache/maven/wrapper/maven-wrapper/3.1.0/maven-wrapper-3.1.0.jar"
+ )
+ if "%MVNW_VERBOSE%" == "true" (
+ echo Couldn't find %WRAPPER_JAR%, downloading it ...
+ echo Downloading from: %DOWNLOAD_URL%
+ )
+
+ powershell -Command "&{"^
+ "$webclient = new-object System.Net.WebClient;"^
+ "if (-not ([string]::IsNullOrEmpty('%MVNW_USERNAME%') -and [string]::IsNullOrEmpty('%MVNW_PASSWORD%'))) {"^
+ "$webclient.Credentials = new-object System.Net.NetworkCredential('%MVNW_USERNAME%', '%MVNW_PASSWORD%');"^
+ "}"^
+ "[Net.ServicePointManager]::SecurityProtocol = [Net.SecurityProtocolType]::Tls12; $webclient.DownloadFile('%DOWNLOAD_URL%', '%WRAPPER_JAR%')"^
+ "}"
+ if "%MVNW_VERBOSE%" == "true" (
+ echo Finished downloading %WRAPPER_JAR%
+ )
+)
+@REM End of extension
+
+@REM Provide a "standardized" way to retrieve the CLI args that will
+@REM work with both Windows and non-Windows executions.
+set MAVEN_CMD_LINE_ARGS=%*
+
+%MAVEN_JAVA_EXE% ^
+ %JVM_CONFIG_MAVEN_PROPS% ^
+ %MAVEN_OPTS% ^
+ %MAVEN_DEBUG_OPTS% ^
+ -classpath %WRAPPER_JAR% ^
+ "-Dmaven.multiModuleProjectDirectory=%MAVEN_PROJECTBASEDIR%" ^
+ %WRAPPER_LAUNCHER% %MAVEN_CONFIG% %*
+if ERRORLEVEL 1 goto error
+goto end
+
+:error
+set ERROR_CODE=1
+
+:end
+@endlocal & set ERROR_CODE=%ERROR_CODE%
+
+if not "%MAVEN_SKIP_RC%"=="" goto skipRcPost
+@REM check for post script, once with legacy .bat ending and once with .cmd ending
+if exist "%USERPROFILE%\mavenrc_post.bat" call "%USERPROFILE%\mavenrc_post.bat"
+if exist "%USERPROFILE%\mavenrc_post.cmd" call "%USERPROFILE%\mavenrc_post.cmd"
+:skipRcPost
+
+@REM pause the script if MAVEN_BATCH_PAUSE is set to 'on'
+if "%MAVEN_BATCH_PAUSE%"=="on" pause
+
+if "%MAVEN_TERMINATE_CMD%"=="on" exit %ERROR_CODE%
+
+cmd /C exit /B %ERROR_CODE%
diff --git a/wayang-web-dashboard/dashboard-backend/pom.xml b/wayang-web-dashboard/dashboard-backend/pom.xml
new file mode 100644
index 0000000..2543d73
--- /dev/null
+++ b/wayang-web-dashboard/dashboard-backend/pom.xml
@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one
+ or more contributor license agreements. See the NOTICE file
+ distributed with this work for additional information
+ regarding copyright ownership. The ASF licenses this file
+ to you under the Apache License, Version 2.0 (the
+ "License"); you may not use this file except in compliance
+ with the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing,
+ software distributed under the License is distributed on an
+ "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ KIND, either express or implied. See the License for the
+ specific language governing permissions and limitations
+ under the License.
+ -->
+
+<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+ xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
+ <modelVersion>4.0.0</modelVersion>
+
+ <parent>
+ <groupId>org.springframework.boot</groupId>
+ <artifactId>spring-boot-starter-parent</artifactId>
+ <version>3.0.0</version>
+ <relativePath/> <!-- lookup parent from repository -->
+ </parent>
+
+ <groupId>de.tu-berlin.dima</groupId>
+ <artifactId>hackit-backend</artifactId>
+ <version>0.0.1-SNAPSHOT</version>
+ <name>hackit-backend</name>
+ <description>Hackit-backend for the web</description>
+
+ <properties>
+ <java.version>17</java.version>
+ </properties>
+
+ <dependencies>
+ <dependency>
+ <groupId>org.springframework.boot</groupId>
+ <artifactId>spring-boot-starter-web</artifactId>
+ </dependency>
+
+ <dependency>
+ <groupId>org.springframework.boot</groupId>
+ <artifactId>spring-boot-starter-test</artifactId>
+ <scope>test</scope>
+ </dependency>
+ </dependencies>
+
+ <build>
+ <plugins>
+ <plugin>
+ <groupId>org.springframework.boot</groupId>
+ <artifactId>spring-boot-maven-plugin</artifactId>
+ </plugin>
+ </plugins>
+ </build>
+
+</project>
diff --git a/wayang-web-dashboard/dashboard-backend/src/bin/build.sh b/wayang-web-dashboard/dashboard-backend/src/bin/build.sh
new file mode 100644
index 0000000..5e3ec99
--- /dev/null
+++ b/wayang-web-dashboard/dashboard-backend/src/bin/build.sh
@@ -0,0 +1,19 @@
+#!/usr/bin/env bash
+
+#
+# Licensed to the Apache Software Foundation (ASF) under one or more
+# contributor license agreements. See the NOTICE file distributed with
+# this work for additional information regarding copyright ownership.
+# The ASF licenses this file to You under the Apache License, Version 2.0
+# (the "License"); you may not use this file except in compliance with
+# the License. You may obtain a copy of the License at
+#
+# http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+#
+
diff --git a/wayang-web-dashboard/dashboard-backend/src/main/docker/Dockerfile b/wayang-web-dashboard/dashboard-backend/src/main/docker/Dockerfile
new file mode 100644
index 0000000..f920d8a
--- /dev/null
+++ b/wayang-web-dashboard/dashboard-backend/src/main/docker/Dockerfile
@@ -0,0 +1,19 @@
+# Licensed to the Apache Software Foundation (ASF) under one or more
+# contributor license agreements. See the NOTICE file distributed with
+# this work for additional information regarding copyright ownership.
+# The ASF licenses this file to You under the Apache License, Version 2.0
+# (the "License"); you may not use this file except in compliance with
+# the License. You may obtain a copy of the License at
+#
+# http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+
+FROM openjdk:17-jdk-alpine
+
+COPY target/hackit-backend-0.0.1-SNAPSHOT.jar backend-0.0.1.jar
+ENTRYPOINT ["java","-jar","/backend-0.0.1.jar"]
\ No newline at end of file
diff --git a/wayang-web-dashboard/dashboard-backend/src/main/java/hackitbackend/HackitBackendApplication.java b/wayang-web-dashboard/dashboard-backend/src/main/java/hackitbackend/HackitBackendApplication.java
new file mode 100644
index 0000000..c3b5288
--- /dev/null
+++ b/wayang-web-dashboard/dashboard-backend/src/main/java/hackitbackend/HackitBackendApplication.java
@@ -0,0 +1,31 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements. See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership. The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License. You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+package hackitbackend;
+
+import org.springframework.boot.SpringApplication;
+import org.springframework.boot.autoconfigure.SpringBootApplication;
+
+@SpringBootApplication
+public class HackitBackendApplication {
+
+ public static void main(String[] args) {
+ SpringApplication.run(HackitBackendApplication.class, args);
+ }
+
+}
diff --git a/wayang-web-dashboard/dashboard-backend/src/main/resources/application.properties b/wayang-web-dashboard/dashboard-backend/src/main/resources/application.properties
new file mode 100644
index 0000000..28a02f4
--- /dev/null
+++ b/wayang-web-dashboard/dashboard-backend/src/main/resources/application.properties
@@ -0,0 +1,17 @@
+# Licensed to the Apache Software Foundation (ASF) under one or more
+# contributor license agreements. See the NOTICE file distributed with
+# this work for additional information regarding copyright ownership.
+# The ASF licenses this file to You under the Apache License, Version 2.0
+# (the "License"); you may not use this file except in compliance with
+# the License. You may obtain a copy of the License at
+#
+# http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+#
+
+
diff --git a/wayang-web-dashboard/dashboard-webapp/README.md b/wayang-web-dashboard/dashboard-webapp/README.md
new file mode 100644
index 0000000..3764566
--- /dev/null
+++ b/wayang-web-dashboard/dashboard-webapp/README.md
@@ -0,0 +1,25 @@
+# Hackit Web
+
+This folder contains all the element to create the service "web"
+
+## Initial test dashboard
+
+The dashboard is initially developed with the Vue.js framework. A test data is provided with json-server.
+
+Staring the demo database as follows:
+
+```
+npm install -g json-server
+json-server --watch hackit-web/src/main/vue/src/assets/db.json
+```
+
+Then start the vue front-end server
+
+```
+cd hackit-web/src/main/vue
+npm run dev
+```
+
+Vite will expose the web server and will indicate the port where is available. If no conflict with other applications, the default port is 5174.
+
+With a browser access http://localhost:5175/
\ No newline at end of file
diff --git a/wayang-web-dashboard/dashboard-webapp/bin/build.sh b/wayang-web-dashboard/dashboard-webapp/bin/build.sh
new file mode 100644
index 0000000..7353ba5
--- /dev/null
+++ b/wayang-web-dashboard/dashboard-webapp/bin/build.sh
@@ -0,0 +1,17 @@
+#!/usr/bin/env bash
+
+# Licensed to the Apache Software Foundation (ASF) under one or more
+# contributor license agreements. See the NOTICE file distributed with
+# this work for additional information regarding copyright ownership.
+# The ASF licenses this file to You under the Apache License, Version 2.0
+# (the "License"); you may not use this file except in compliance with
+# the License. You may obtain a copy of the License at
+#
+# http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+
diff --git a/wayang-web-dashboard/dashboard-webapp/src/main/docker/Dockerfile b/wayang-web-dashboard/dashboard-webapp/src/main/docker/Dockerfile
new file mode 100644
index 0000000..34720ad
--- /dev/null
+++ b/wayang-web-dashboard/dashboard-webapp/src/main/docker/Dockerfile
@@ -0,0 +1,41 @@
+# Licensed to the Apache Software Foundation (ASF) under one or more
+# contributor license agreements. See the NOTICE file distributed with
+# this work for additional information regarding copyright ownership.
+# The ASF licenses this file to You under the Apache License, Version 2.0
+# (the "License"); you may not use this file except in compliance with
+# the License. You may obtain a copy of the License at
+#
+# http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+
+# This file need to be modified as required
+FROM node:lts-alpine as build-stage
+
+RUN mkdir -p /frontend
+WORKDIR /frontend
+
+# copy both 'package.json' and 'package-lock.json' (if available)
+# TODO: validate the folder
+COPY /src/package*.json ./
+
+# install project dependencies
+RUN npm install
+
+# copy project files and folders to the current working directory (i.e. 'app' folder)
+# TODO: validate the folder
+COPY /src ./
+
+# build app for production with minification
+WORKDIR /frontend
+ENV NODE_OPTIONS=--max-old-space-size=8192
+RUN npm run build
+
+FROM nginx:stable-alpine as production-stage
+COPY --from=build-stage /frontend/dist /usr/share/nginx/html
+EXPOSE 80
+CMD ["nginx", "-g", "daemon off;"]
\ No newline at end of file
diff --git a/wayang-web-dashboard/dashboard-webapp/src/main/vue/.eslintrc.cjs b/wayang-web-dashboard/dashboard-webapp/src/main/vue/.eslintrc.cjs
new file mode 100644
index 0000000..df8ed1d
--- /dev/null
+++ b/wayang-web-dashboard/dashboard-webapp/src/main/vue/.eslintrc.cjs
@@ -0,0 +1,42 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements. See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership. The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License. You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/* eslint-env node */
+require('@rushstack/eslint-patch/modern-module-resolution')
+
+module.exports = {
+ root: true,
+ 'extends': [
+ 'plugin:vue/vue3-essential',
+ 'eslint:recommended',
+ '@vue/eslint-config-prettier'
+ ],
+ overrides: [
+ {
+ files: [
+ 'cypress/e2e/**/*.{cy,spec}.{js,ts,jsx,tsx}'
+ ],
+ 'extends': [
+ 'plugin:cypress/recommended'
+ ]
+ }
+ ],
+ parserOptions: {
+ ecmaVersion: 'latest'
+ }
+}
diff --git a/wayang-web-dashboard/dashboard-webapp/src/main/vue/.gitignore b/wayang-web-dashboard/dashboard-webapp/src/main/vue/.gitignore
new file mode 100644
index 0000000..1d5fc05
--- /dev/null
+++ b/wayang-web-dashboard/dashboard-webapp/src/main/vue/.gitignore
@@ -0,0 +1,29 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+.DS_Store
+dist
+dist-ssr
+coverage
+*.local
+*lock.json
+
+/cypress/videos/
+/cypress/screenshots/
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/wayang-web-dashboard/dashboard-webapp/src/main/vue/.prettierrc.json b/wayang-web-dashboard/dashboard-webapp/src/main/vue/.prettierrc.json
new file mode 100644
index 0000000..9e26dfe
--- /dev/null
+++ b/wayang-web-dashboard/dashboard-webapp/src/main/vue/.prettierrc.json
@@ -0,0 +1 @@
+{}
\ No newline at end of file
diff --git a/wayang-web-dashboard/dashboard-webapp/src/main/vue/README.md b/wayang-web-dashboard/dashboard-webapp/src/main/vue/README.md
new file mode 100644
index 0000000..f3a9f05
--- /dev/null
+++ b/wayang-web-dashboard/dashboard-webapp/src/main/vue/README.md
@@ -0,0 +1,57 @@
+# hackit-web
+
+This template should help get you started developing with Vue 3 in Vite.
+
+## Recommended IDE Setup
+
+[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).
+
+## Customize configuration
+
+See [Vite Configuration Reference](https://vitejs.dev/config/).
+
+## Project Setup
+
+```sh
+npm install
+```
+
+### Compile and Hot-Reload for Development
+
+```sh
+npm run dev
+```
+
+### Compile and Minify for Production
+
+```sh
+npm run build
+```
+
+### Run Unit Tests with [Vitest](https://vitest.dev/)
+
+```sh
+npm run test:unit
+```
+
+### Run End-to-End Tests with [Cypress](https://www.cypress.io/)
+
+```sh
+npm run test:e2e:dev
+```
+
+This runs the end-to-end tests against the Vite development server.
+It is much faster than the production build.
+
+But it's still recommended to test the production build with `test:e2e` before deploying (e.g. in CI environments):
+
+```sh
+npm run build
+npm run test:e2e
+```
+
+### Lint with [ESLint](https://eslint.org/)
+
+```sh
+npm run lint
+```
diff --git a/wayang-web-dashboard/dashboard-webapp/src/main/vue/cypress.config.js b/wayang-web-dashboard/dashboard-webapp/src/main/vue/cypress.config.js
new file mode 100644
index 0000000..4757785
--- /dev/null
+++ b/wayang-web-dashboard/dashboard-webapp/src/main/vue/cypress.config.js
@@ -0,0 +1,26 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements. See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership. The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License. You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+const { defineConfig } = require('cypress')
+
+module.exports = defineConfig({
+ e2e: {
+ specPattern: 'cypress/e2e/**/*.{cy,spec}.{js,jsx,ts,tsx}',
+ baseUrl: 'http://localhost:4173'
+ }
+})
diff --git a/wayang-web-dashboard/dashboard-webapp/src/main/vue/cypress/e2e/example.cy.js b/wayang-web-dashboard/dashboard-webapp/src/main/vue/cypress/e2e/example.cy.js
new file mode 100644
index 0000000..3e604b3
--- /dev/null
+++ b/wayang-web-dashboard/dashboard-webapp/src/main/vue/cypress/e2e/example.cy.js
@@ -0,0 +1,26 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements. See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership. The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License. You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+// https://docs.cypress.io/api/introduction/api.html
+
+describe('My First Test', () => {
+ it('visits the app root url', () => {
+ cy.visit('/')
+ cy.contains('h1', 'You did it!')
+ })
+})
diff --git a/wayang-web-dashboard/dashboard-webapp/src/main/vue/cypress/e2e/jsconfig.json b/wayang-web-dashboard/dashboard-webapp/src/main/vue/cypress/e2e/jsconfig.json
new file mode 100644
index 0000000..c790a70
--- /dev/null
+++ b/wayang-web-dashboard/dashboard-webapp/src/main/vue/cypress/e2e/jsconfig.json
@@ -0,0 +1,8 @@
+{
+ "compilerOptions": {
+ "target": "es5",
+ "lib": ["es5", "dom"],
+ "types": ["cypress"]
+ },
+ "include": ["./**/*", "../support/**/*"]
+}
diff --git a/wayang-web-dashboard/dashboard-webapp/src/main/vue/cypress/fixtures/example.json b/wayang-web-dashboard/dashboard-webapp/src/main/vue/cypress/fixtures/example.json
new file mode 100644
index 0000000..02e4254
--- /dev/null
+++ b/wayang-web-dashboard/dashboard-webapp/src/main/vue/cypress/fixtures/example.json
@@ -0,0 +1,5 @@
+{
+ "name": "Using fixtures to represent data",
+ "email": "hello@cypress.io",
+ "body": "Fixtures are a great way to mock data for responses to routes"
+}
diff --git a/wayang-web-dashboard/dashboard-webapp/src/main/vue/cypress/support/commands.js b/wayang-web-dashboard/dashboard-webapp/src/main/vue/cypress/support/commands.js
new file mode 100644
index 0000000..8ce2fe2
--- /dev/null
+++ b/wayang-web-dashboard/dashboard-webapp/src/main/vue/cypress/support/commands.js
@@ -0,0 +1,43 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements. See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership. The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License. You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+// ***********************************************
+// This example commands.js shows you how to
+// create various custom commands and overwrite
+// existing commands.
+//
+// For more comprehensive examples of custom
+// commands please read more here:
+// https://on.cypress.io/custom-commands
+// ***********************************************
+//
+//
+// -- This is a parent command --
+// Cypress.Commands.add('login', (email, password) => { ... })
+//
+//
+// -- This is a child command --
+// Cypress.Commands.add('drag', { prevSubject: 'element'}, (subject, options) => { ... })
+//
+//
+// -- This is a dual command --
+// Cypress.Commands.add('dismiss', { prevSubject: 'optional'}, (subject, options) => { ... })
+//
+//
+// -- This will overwrite an existing command --
+// Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... })
diff --git a/wayang-web-dashboard/dashboard-webapp/src/main/vue/cypress/support/e2e.js b/wayang-web-dashboard/dashboard-webapp/src/main/vue/cypress/support/e2e.js
new file mode 100644
index 0000000..24c180a
--- /dev/null
+++ b/wayang-web-dashboard/dashboard-webapp/src/main/vue/cypress/support/e2e.js
@@ -0,0 +1,38 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements. See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership. The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License. You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+// ***********************************************************
+// This example support/index.js is processed and
+// loaded automatically before your test files.
+//
+// This is a great place to put global configuration and
+// behavior that modifies Cypress.
+//
+// You can change the location of this file or turn off
+// automatically serving support files with the
+// 'supportFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/configuration
+// ***********************************************************
+
+// Import commands.js using ES2015 syntax:
+import './commands'
+
+// Alternatively you can use CommonJS syntax:
+// require('./commands')
diff --git a/wayang-web-dashboard/dashboard-webapp/src/main/vue/index.html b/wayang-web-dashboard/dashboard-webapp/src/main/vue/index.html
new file mode 100644
index 0000000..b617877
--- /dev/null
+++ b/wayang-web-dashboard/dashboard-webapp/src/main/vue/index.html
@@ -0,0 +1,35 @@
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one
+ or more contributor license agreements. See the NOTICE file
+ distributed with this work for additional information
+ regarding copyright ownership. The ASF licenses this file
+ to you under the Apache License, Version 2.0 (the
+ "License"); you may not use this file except in compliance
+ with the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing,
+ software distributed under the License is distributed on an
+ "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ KIND, either express or implied. See the License for the
+ specific language governing permissions and limitations
+ under the License.
+ -->
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="UTF-8">
+ <link rel="icon" href="/favicon.ico">
+ <link
+ href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css"
+ rel="stylesheet"
+ />
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>Wayang Dashboard App</title>
+ </head>
+ <body>
+ <div id="app"></div>
+ <script type="module" src="/src/main.js"></script>
+ </body>
+</html>
diff --git a/wayang-web-dashboard/dashboard-webapp/src/main/vue/package.json b/wayang-web-dashboard/dashboard-webapp/src/main/vue/package.json
new file mode 100644
index 0000000..b054f6e
--- /dev/null
+++ b/wayang-web-dashboard/dashboard-webapp/src/main/vue/package.json
@@ -0,0 +1,39 @@
+{
+ "name": "hackit-web",
+ "version": "0.0.0",
+ "private": true,
+ "scripts": {
+ "dev": "vite",
+ "build": "vite build",
+ "preview": "vite preview",
+ "test:unit": "vitest --environment jsdom --root src/",
+ "test:e2e": "start-server-and-test preview :4173 'cypress run --e2e'",
+ "test:e2e:dev": "start-server-and-test 'vite dev --port 4173' :4173 'cypress open --e2e'",
+ "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs --fix --ignore-path .gitignore"
+ },
+ "dependencies": {
+ "bootstrap": "^5.2.3",
+ "cytoscape": "^3.23.0",
+ "cytoscape-cose-bilkent": "^4.1.0",
+ "jquery": "^3.6.4",
+ "json-server": "^0.17.3",
+ "pinia": "^2.0.26",
+ "vue": "^3.2.45",
+ "vue-router": "^4.1.6"
+ },
+ "devDependencies": {
+ "@rushstack/eslint-patch": "^1.1.4",
+ "@vitejs/plugin-vue": "^3.2.0",
+ "@vue/eslint-config-prettier": "^7.0.0",
+ "@vue/test-utils": "^2.2.4",
+ "cypress": "^11.2.0",
+ "eslint": "^8.22.0",
+ "eslint-plugin-cypress": "^2.12.1",
+ "eslint-plugin-vue": "^9.3.0",
+ "jsdom": "^20.0.3",
+ "prettier": "^2.7.1",
+ "start-server-and-test": "^1.14.0",
+ "vite": "^3.2.4",
+ "vitest": "^0.25.3"
+ }
+}
diff --git a/wayang-web-dashboard/dashboard-webapp/src/main/vue/public/favicon.ico b/wayang-web-dashboard/dashboard-webapp/src/main/vue/public/favicon.ico
new file mode 100644
index 0000000..4f05859
--- /dev/null
+++ b/wayang-web-dashboard/dashboard-webapp/src/main/vue/public/favicon.ico
Binary files differ
diff --git a/wayang-web-dashboard/dashboard-webapp/src/main/vue/public/logo.png b/wayang-web-dashboard/dashboard-webapp/src/main/vue/public/logo.png
new file mode 100644
index 0000000..272fbb6
--- /dev/null
+++ b/wayang-web-dashboard/dashboard-webapp/src/main/vue/public/logo.png
Binary files differ
diff --git a/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/App.vue b/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/App.vue
new file mode 100644
index 0000000..43d986a
--- /dev/null
+++ b/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/App.vue
@@ -0,0 +1,63 @@
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one
+ or more contributor license agreements. See the NOTICE file
+ distributed with this work for additional information
+ regarding copyright ownership. The ASF licenses this file
+ to you under the Apache License, Version 2.0 (the
+ "License"); you may not use this file except in compliance
+ with the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing,
+ software distributed under the License is distributed on an
+ "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ KIND, either express or implied. See the License for the
+ specific language governing permissions and limitations
+ under the License.
+ -->
+<template id="app">
+ <div class="container-fluid bg-success-subtle">
+ <div class="row ">
+ <div class="col-12">
+ <router-link to="/" class="navbar-brand">
+ <img src="/logo.png" alt="Logo" class="logo" />
+ </router-link>
+ </div>
+ </div>
+ <div class="row p-3">
+ <div class="col-2">
+ <ul class="navbar-nav ms-auto p-3">
+ <li class="nav-item btn rounded-0 border-0" :class="activeRoute === 'Overview' ? 'btn-secondary' : 'btn-outline-secondary'">
+ <router-link to="/overview" class="nav-link">Wayang Overview</router-link>
+ </li>
+ <li class="nav-item btn rounded-0 border-0" :class="activeRoute === 'JobList' ? 'btn-secondary' : 'btn-outline-secondary'">
+ <router-link to="/jobs" class="nav-link">Jobs</router-link>
+ </li>
+ <li class="nav-item btn btn-secondary rounded-0 border-0" v-if="activeRoute === 'JobDetail'">
+ <span>{{$route.params.id}}</span>
+ </li>
+ </ul>
+ </div>
+ <div class="col-9">
+ <router-view />
+ </div>
+ </div>
+ </div>
+</template>
+<script>
+export default{
+ name: 'App',
+ computed:{
+ activeRoute(){
+ return this.$route.name
+ }
+ }
+}
+</script>
+<style scoped>
+.logo {
+ max-height: 50px;
+}
+</style>
+
\ No newline at end of file
diff --git a/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/assets/base.css b/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/assets/base.css
new file mode 100644
index 0000000..7d939fd
--- /dev/null
+++ b/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/assets/base.css
@@ -0,0 +1,92 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements. See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership. The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License. You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/* color palette from <https://github.com/vuejs/theme> */
+:root {
+ --vt-c-white: #ffffff;
+ --vt-c-white-soft: #f8f8f8;
+ --vt-c-white-mute: #f2f2f2;
+
+ --vt-c-black: #181818;
+ --vt-c-black-soft: #222222;
+ --vt-c-black-mute: #282828;
+
+ --vt-c-indigo: #2c3e50;
+
+ --vt-c-divider-light-1: rgba(60, 60, 60, 0.29);
+ --vt-c-divider-light-2: rgba(60, 60, 60, 0.12);
+ --vt-c-divider-dark-1: rgba(84, 84, 84, 0.65);
+ --vt-c-divider-dark-2: rgba(84, 84, 84, 0.48);
+
+ --vt-c-text-light-1: var(--vt-c-indigo);
+ --vt-c-text-light-2: rgba(60, 60, 60, 0.66);
+ --vt-c-text-dark-1: var(--vt-c-white);
+ --vt-c-text-dark-2: rgba(235, 235, 235, 0.64);
+}
+
+/* semantic color variables for this project */
+:root {
+ --color-background: var(--vt-c-white);
+ --color-background-soft: var(--vt-c-white-soft);
+ --color-background-mute: var(--vt-c-white-mute);
+
+ --color-border: var(--vt-c-divider-light-2);
+ --color-border-hover: var(--vt-c-divider-light-1);
+
+ --color-heading: var(--vt-c-text-light-1);
+ --color-text: var(--vt-c-text-light-1);
+
+ --section-gap: 160px;
+}
+
+@media (prefers-color-scheme: dark) {
+ :root {
+ --color-background: var(--vt-c-black);
+ --color-background-soft: var(--vt-c-black-soft);
+ --color-background-mute: var(--vt-c-black-mute);
+
+ --color-border: var(--vt-c-divider-dark-2);
+ --color-border-hover: var(--vt-c-divider-dark-1);
+
+ --color-heading: var(--vt-c-text-dark-1);
+ --color-text: var(--vt-c-text-dark-2);
+ }
+}
+
+*,
+*::before,
+*::after {
+ box-sizing: border-box;
+ margin: 0;
+ position: relative;
+ font-weight: normal;
+}
+
+body {
+ min-height: 100vh;
+ color: var(--color-text);
+ background: var(--color-background);
+ transition: color 0.5s, background-color 0.5s;
+ line-height: 1.6;
+ font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu,
+ Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
+ font-size: 15px;
+ text-rendering: optimizeLegibility;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
diff --git a/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/assets/db.json b/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/assets/db.json
new file mode 100644
index 0000000..856190f
--- /dev/null
+++ b/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/assets/db.json
@@ -0,0 +1,1164 @@
+{
+ "overview": [
+ {
+ "title": "Wayang Version",
+ "body": "0.1.1"
+ },
+ {
+ "title": "Physical Nodes",
+ "body": "5"
+ },
+ {
+ "title": "Platforms",
+ "body": "Spark, Flink"
+ },
+ {
+ "title": "Plugins",
+ "body": "HackIt"
+ },
+ {
+ "title": "Up Since",
+ "body": "2/11/2023, 7:07:43 PM"
+ },
+ {
+ "title": "Status",
+ "body": "Running"
+ },
+ {
+ "title": "Wayang Dashboard Version",
+ "body": "0.1.0"
+ }
+ ],
+ "jobs_overview": [
+ {
+ "id": "3fa85f64-5717-4562-b3fc-2c963f66afa6",
+ "name": "WordCount",
+ "status": "running",
+ "submitted_on": 1676398063863,
+ "duration": 5487165,
+ "end_time": null,
+ "stages": [
+ 1,
+ 5
+ ],
+ "tasks": [
+ 2,
+ 6
+ ],
+ "plugins": [
+ "HackIt"
+ ]
+ },
+ {
+ "id": "3fa85f64-5737-4562-b3fc-2c963f66afa6",
+ "name": "NYCTaxi",
+ "status": "running",
+ "submitted_on": 1676398063863,
+ "duration": 5487165,
+ "end_time": null,
+ "stages": [
+ 2,
+ 3
+ ],
+ "tasks": [
+ 4,
+ 7
+ ],
+ "plugins": [
+ "HackIt"
+ ]
+ },
+ {
+ "id": "3fa85f64-5737-4562-b3fc-2c963a66afa6",
+ "name": "CellDataJob",
+ "status": "finished",
+ "submitted_on": 1676398063863,
+ "duration": 5487165,
+ "end_time": 1676398563863,
+ "stages": [
+ 1,
+ 5
+ ],
+ "tasks": [
+ 2,
+ 5
+ ],
+ "plugins": []
+ },
+ {
+ "id": "3fa85f84-5737-4562-b3fc-2c963a66afa6",
+ "name": "WordCountJob",
+ "status": "running",
+ "submitted_on": 1676398063863,
+ "duration": 547165,
+ "end_time": null,
+ "stages": [
+ 1,
+ 5
+ ],
+ "tasks": [
+ 2,
+ 5
+ ],
+ "plugins": [
+ "Random"
+ ]
+ },
+ {
+ "id": "3fa85f64-5717-4562-c3fc-2c963f66afa6",
+ "name": "LogsProcessingJob",
+ "status": "canceled",
+ "submitted_on": 1676398063863,
+ "duration": 24871675,
+ "end_time": 1676399063863,
+ "stages": [
+ 1,
+ 1
+ ],
+ "tasks": [
+ 1,
+ 2
+ ],
+ "plugins": [
+ "Plugin1",
+ "Plugin2"
+ ]
+ },
+ {
+ "id": "3fa85f64-5737-4562-b3fc-2c963f66afa6",
+ "name": "ClicksWeb",
+ "status": "running",
+ "submitted_on": 1676398063863,
+ "duration": 5487165,
+ "end_time": null,
+ "stages": [
+ 1,
+ 5
+ ],
+ "tasks": [
+ 2,
+ 5
+ ],
+ "plugins": []
+ },
+ {
+ "id": "3fa85a84-5737-4562-b3fc-2c963a66afa6",
+ "name": "IoTAggregationJob",
+ "status": "running",
+ "submitted_on": 1676398063863,
+ "duration": 1447165,
+ "end_time": null,
+ "stages": [
+ 1,
+ 5
+ ],
+ "tasks": [
+ 2,
+ 5
+ ],
+ "plugins": []
+ },
+ {
+ "id": "3aa85f64-5737-4562-b3fc-2c963a66afa6",
+ "name": "ShakespeareWordCount",
+ "status": "failed",
+ "submitted_on": 1676398063863,
+ "duration": 54165,
+ "end_time": 1676399563863,
+ "stages": [
+ 1,
+ 5
+ ],
+ "tasks": [
+ 2,
+ 5
+ ],
+ "plugins": []
+ }
+ ],
+ "jobs": [
+ {
+ "id": "3fa85f64-5717-4562-b3fc-2c963f66afa6",
+ "name": "WordCount",
+ "status": "running",
+ "submitted_on": 1676398063863,
+ "duration": 5487165,
+ "hackit": true,
+ "platform_metrics": {
+ "job_id": "job_20220328090000_0003",
+ "duration": 157892,
+ "num_stages": 4,
+ "stage_duration": [
+ 54821,
+ 43512,
+ 36789,
+ 22770
+ ],
+ "num_tasks": 20,
+ "task_duration": [
+ 4096,
+ 5120,
+ 6144,
+ 7168,
+ 8192,
+ 9216,
+ 10240,
+ 11264,
+ 12288,
+ 13312,
+ 14336,
+ 15360,
+ 16384,
+ 17408,
+ 18432,
+ 19456,
+ 20480,
+ 21504,
+ 22528,
+ 23552
+ ],
+ "shuffle_bytes_written": 234567890,
+ "shuffle_bytes_read": 876543210,
+ "shuffle_write_time": 23456,
+ "shuffle_read_time": 65432,
+ "num_active_executors": 7,
+ "num_idle_executors": 1,
+ "memory_used": 4096,
+ "cpu_time": 23456,
+ "input_bytes_read": 234567890,
+ "output_bytes_written": 876543210,
+ "input_records_read": 2345,
+ "output_records_written": 6789,
+ "gc_time": 2345
+ },
+ "graph": {
+ "nodes": [
+ {
+ "data": {
+ "id": "source",
+ "label": "source",
+ "task_id": "3fa85f64-5717-4562-b3fc-2c963f66afa7"
+ }
+ },
+ {
+ "data": {
+ "id": "transformation1",
+ "label": "flatMap",
+ "task_id": "3fa86f64-5717-4562-b3fc-2c963f66afa8"
+ }
+ },
+ {
+ "data": {
+ "id": "transformation2",
+ "label": "map",
+ "task_id": "3fa87f64-5717-4562-b3fc-2c963f66afa8"
+ }
+ },
+ {
+ "data": {
+ "id": "transformation3",
+ "label": "reduceByKey",
+ "task_id": "3fa85f64-5717-4562-b3fc-2c963f66afa8"
+ }
+ },
+ {
+ "data": {
+ "id": "sink",
+ "task_id": "3fa85f64-5717-4562-b3fc-2c963f66afa9",
+ "label": "sink"
+ }
+ }
+ ],
+ "edges": [
+ {
+ "data": {
+ "id": "edge1",
+ "source": "source",
+ "target": "transformation1"
+ }
+ },
+ {
+ "data": {
+ "id": "edge2",
+ "source": "transformation1",
+ "target": "transformation2"
+ }
+ },
+ {
+ "data": {
+ "id": "edge3",
+ "source": "transformation2",
+ "target": "transformation3"
+ }
+ },
+ {
+ "data": {
+ "id": "edge4",
+ "source": "transformation3",
+ "target": "sink"
+ }
+ }
+ ]
+ },
+ "stages": [
+ {
+ "stage_id": "3fa85f64-5717-4562-b3fc-2c963f66afa6",
+ "stage_name": "Stage 1",
+ "tasks": [
+ {
+ "task_id": "3fa85f64-5717-4562-b3fc-2c963f66afa7",
+ "task_name": "Source"
+ },
+ {
+ "task_id": "3fa85f64-5717-4562-b3fc-2c963f66afa8",
+ "task_name": "Transformation"
+ },
+ {
+ "task_id": "3fa85f64-5717-4562-b3fc-2c963f66afa9",
+ "task_name": "Sink"
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "id": "3fa85f64-5737-4562-b3fc-2c963f66afa6",
+ "name": "NYCTaxi",
+ "status": "running",
+ "submitted_on": 1676398063863,
+ "duration": 5487165,
+ "hackit": true,
+ "graph": {
+ "nodes": [
+ {
+ "data": {
+ "id": "source",
+ "label": "Source",
+ "task_id": "5fa85f64-5717-4562-b3fc-2c963f66afaa"
+ }
+ },
+ {
+ "data": {
+ "id": "transformation1",
+ "label": "Transformation 1",
+ "task_id": "5fa85f64-5717-4562-b3fc-2c963f66afab"
+ }
+ },
+ {
+ "data": {
+ "id": "transformation2",
+ "label": "Transformation 2",
+ "task_id": "5fa85f64-5717-4562-b3fc-2c963f66afac"
+ }
+ },
+ {
+ "data": {
+ "id": "transformation3",
+ "label": "Transformation 3",
+ "task_id": "5fa85f64-5717-4562-b3fc-2c963f66afad"
+ }
+ },
+ {
+ "data": {
+ "id": "sink",
+ "label": "Sink",
+ "task_id": "5fa85f64-5717-4562-b3fc-2c963f66afae"
+ }
+ }
+ ],
+ "edges": [
+ {
+ "data": {
+ "id": "edge1",
+ "source": "source",
+ "target": "transformation1"
+ }
+ },
+ {
+ "data": {
+ "id": "edge2",
+ "source": "transformation1",
+ "target": "transformation2"
+ }
+ },
+ {
+ "data": {
+ "id": "edge3",
+ "source": "transformation1",
+ "target": "transformation3"
+ }
+ },
+ {
+ "data": {
+ "id": "edge4",
+ "source": "transformation2",
+ "target": "sink"
+ }
+ },
+ {
+ "data": {
+ "id": "edge5",
+ "source": "transformation3",
+ "target": "sink"
+ }
+ }
+ ]
+ },
+ "platform_metrics": {
+ "job_id": "job_20220327010000_0001",
+ "duration": 123456,
+ "num_stages": 2,
+ "stage_duration": [
+ 65321,
+ 58135
+ ],
+ "num_tasks": 10,
+ "task_duration": [
+ 1024,
+ 2048,
+ 3072,
+ 4096,
+ 5120,
+ 6144,
+ 7168,
+ 8192,
+ 9216,
+ 10240
+ ],
+ "shuffle_bytes_written": 123456789,
+ "shuffle_bytes_read": 987654321,
+ "shuffle_write_time": 12345,
+ "shuffle_read_time": 54321,
+ "num_active_executors": 5,
+ "num_idle_executors": 2,
+ "memory_used": 2048,
+ "cpu_time": 12345,
+ "input_bytes_read": 123456789,
+ "output_bytes_written": 987654321,
+ "input_records_read": 1234,
+ "output_records_written": 5678,
+ "gc_time": 1234
+ }
+ },
+ {
+ "id": "3fa85f64-5737-4562-b3fc-2c963a66afa6",
+ "name": "CellDataJob",
+ "status": "finished",
+ "submitted_on": 1676398063863,
+ "duration": 5487165
+ },
+ {
+ "id": "3fa85f84-5737-4562-b3fc-2c963a66afa6",
+ "name": "WordCountJob",
+ "status": "running",
+ "submitted_on": 1676398063863,
+ "duration": 5487165
+ },
+ {
+ "id": "3fa85f64-5717-4562-c3fc-2c963f66afa6",
+ "name": "LogsProcessingJob",
+ "status": "canceled",
+ "submitted_on": 1676398063863,
+ "duration": 5487165
+ },
+ {
+ "id": "3fa85f64-5737-4562-b3fc-2c963f66afa6",
+ "name": "ClicksWeb",
+ "status": "running",
+ "submitted_on": 1676398063863,
+ "duration": 5487165
+ },
+ {
+ "id": "3aa85f64-5737-4562-b3fc-2c963a66afa6",
+ "name": "ShakespeareWordCount",
+ "status": "failed",
+ "submitted_on": 1676398063863,
+ "duration": 5487165,
+ "graph": {
+ "nodes": [
+ {
+ "data": {
+ "id": "source",
+ "label": "Source",
+ "task_id": "3fa85f64-5717-4562-b3fc-2c963f66afa7"
+ }
+ },
+ {
+ "data": {
+ "id": "tokenize",
+ "label": "Tokenize",
+ "task_id": "3fa85f64-5717-4562-b3fc-2c963f66afab"
+ }
+ },
+ {
+ "data": {
+ "id": "stopwords",
+ "label": "Stopwords",
+ "task_id": "3fa85f64-5717-4562-b3fc-2c963f66afaa"
+ }
+ },
+ {
+ "data": {
+ "id": "count",
+ "label": "Count",
+ "task_id": "3fa85f64-5717-4562-b3fc-2c963f76afa8"
+ }
+ },
+ {
+ "data": {
+ "id": "sink",
+ "label": "Sink",
+ "task_id": "3fa85f64-5717-4562-b3fc-2c963f66afad"
+ }
+ }
+ ],
+ "edges": [
+ {
+ "data": {
+ "id": "edge1",
+ "source": "source",
+ "target": "tokenize"
+ }
+ },
+ {
+ "data": {
+ "id": "edge2",
+ "source": "tokenize",
+ "target": "stopwords"
+ }
+ },
+ {
+ "data": {
+ "id": "edge3",
+ "source": "stopwords",
+ "target": "count"
+ }
+ },
+ {
+ "data": {
+ "id": "edge4",
+ "source": "count",
+ "target": "sink"
+ }
+ }
+ ]
+ },
+ "platform_metrics": {
+ "job_id": "job_20220327020000_0001",
+ "duration": 234567,
+ "num_stages": 3,
+ "stage_duration": [
+ 100000,
+ 60000,
+ 74567
+ ],
+ "num_tasks": 15,
+ "task_duration": [
+ 2048,
+ 3072,
+ 4096,
+ 5120,
+ 6144,
+ 7168,
+ 8192,
+ 9216,
+ 10240,
+ 11264,
+ 12288,
+ 13312,
+ 14336,
+ 15360,
+ 16384
+ ],
+ "shuffle_bytes_written": 234567890,
+ "shuffle_bytes_read": 876543210,
+ "shuffle_write_time": 23456,
+ "shuffle_read_time": 65432,
+ "num_active_executors": 7,
+ "num_idle_executors": 1,
+ "memory_used": 4096,
+ "cpu_time": 23456,
+ "input_bytes_read": 234567890,
+ "output_bytes_written": 876543210,
+ "input_records_read": 2345,
+ "output_records_written": 6789,
+ "gc_time": 2345
+ },
+ "stages": [
+ {
+ "stage_id": "3fa85f64-5717-4562-b3fc-2c963f66afa6",
+ "stage_name": "Stage 1",
+ "tasks": [
+ {
+ "task_id": "3fa85f64-5717-4562-b3fc-2c963f66afa7",
+ "task_name": "Task 1"
+ },
+ {
+ "task_id": "3fa85f64-5717-4562-b3fc-2c963f66afa8",
+ "task_name": "Task 2"
+ }
+ ]
+ },
+ {
+ "stage_id": "3fa85f64-5717-4562-b3fc-2c963f66afa9",
+ "stage_name": "Stage 2",
+ "tasks": [
+ {
+ "task_id": "3fa85f64-5717-4562-b3fc-2c963f66afaa",
+ "task_name": "Task 3"
+ },
+ {
+ "task_id": "3fa85f64-5717-4562-b3fc-2c963f66afab",
+ "task_name": "Task 4"
+ }
+ ]
+ },
+ {
+ "stage_id": "3fa85f64-5717-4562-b3fc-2c963f66afac",
+ "stage_name": "Stage 3",
+ "tasks": [
+ {
+ "task_id": "3fa85f64-5717-4562-b3fc-2c963f66afad",
+ "task_name": "Task 5"
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "id": "3fa85a84-5737-4562-b3fc-2c963a66afa6",
+ "name": "IoTAggregationJob",
+ "status": "running",
+ "submitted_on": 1676398063863,
+ "duration": 5487165
+ }
+ ],
+ "plugins": [
+ {
+ "id": "3fa85f64-5717-4562-b3fc-2c963f66afa6",
+ "name": "HackIt",
+ "status": "active",
+ "version": 0.1
+ },
+ {
+ "id": "3fa85f64-5717-4562-b3fc-2c963f66afa6",
+ "name": "HackIt2",
+ "status": "active",
+ "version": 0.1
+ }
+ ],
+ "tuples": [
+ {
+ "job_id": "3fa85f64-5717-4562-b3fc-2c963f66afa6",
+ "task_id": "3fa85f64-5717-4562-b3fc-2c963f66afa8",
+ "hackit_tuple": {
+ "wayang_tuple": {
+ "subject_id": 1,
+ "activity_label": "Walking",
+ "timestamp": "2016-05-30 14:13:16",
+ "acceleration_x": 0.27324998,
+ "acceleration_y": -0.031390495,
+ "acceleration_z": 0.0066611624,
+ "gyroscope_x": 0.03807301,
+ "gyroscope_y": 0.037263952,
+ "gyroscope_z": -0.0050823064
+ },
+ "metadata": {
+ "timestamp": 1680179055000,
+ "tuple_id": 1,
+ "tags": [
+ "MONITOR"
+ ]
+ }
+ }
+ },
+ {
+ "job_id": "3fa85f64-5717-4562-b3fc-2c963f66afa6",
+ "task_id": "3fa85f64-5717-4562-b3fc-2c963f66afa8",
+ "hackit_tuple": {
+ "wayang_tuple": {
+ "subject_id": 2,
+ "activity_label": "Walking",
+ "timestamp": "2016-06-02 13:14:14",
+ "acceleration_x": 0.2847828,
+ "acceleration_y": -0.019634986,
+ "acceleration_z": -0.031512145,
+ "gyroscope_x": -0.057105787,
+ "gyroscope_y": 0.0006557526,
+ "gyroscope_z": -0.028644928
+ },
+ "metadata": {
+ "timestamp": 1680179055040,
+ "tuple_id": 2,
+ "tags": [
+ "MONITOR",
+ "CUSTOM_TAG_1"
+ ]
+ }
+ }
+ },
+ {
+ "job_id": "3fa85f64-5717-4562-b3fc-2c963f66afa6",
+ "task_id": "3fa85f64-5717-4562-b3fc-2c963f66afa8",
+ "hackit_tuple": {
+ "wayang_tuple": {
+ "subject_id": 3,
+ "activity_label": "Walking",
+ "timestamp": "2016-06-01 10:53:08",
+ "acceleration_x": 0.27842945,
+ "acceleration_y": -0.014614308,
+ "acceleration_z": -0.03022871,
+ "gyroscope_x": -0.047901008,
+ "gyroscope_y": -0.00068126145,
+ "gyroscope_z": -0.0011097406
+ },
+ "metadata": {
+ "timestamp": 1680179056000,
+ "tuple_id": 3,
+ "tags": [
+ "MONITOR",
+ "CUSTOM_TAG_1"
+ ]
+ }
+ }
+ },
+ {
+ "job_id": "3fa85f64-5717-4562-b3fc-2c963f66afa6",
+ "task_id": "3fa85f64-5717-4562-b3fc-2c963f66afa8",
+ "hackit_tuple": {
+ "wayang_tuple": {
+ "subject_id": 4,
+ "activity_label": "Walking",
+ "timestamp": "2016-05-30 16:15:25",
+ "acceleration_x": 0.28061098,
+ "acceleration_y": -0.0192165,
+ "acceleration_z": -0.013119803,
+ "gyroscope_x": 0.038402643,
+ "gyroscope_y": -0.0015931913,
+ "gyroscope_z": 0.029956576
+ },
+ "metadata": {
+ "timestamp": 1680179057000,
+ "tuple_id": 4,
+ "tags": [
+ "MONITOR",
+ "DEBUG",
+ "CUSTOM_TAG_1"
+ ]
+ }
+ }
+ },
+ {
+ "job_id": "3fa85f64-5717-4562-b3fc-2c963f66afa6",
+ "task_id": "3fa85f64-5717-4562-b3fc-2c963f66afa8",
+ "hackit_tuple": {
+ "wayang_tuple": {
+ "subject_id": 5,
+ "activity_label": "Walking",
+ "timestamp": "2016-06-03 12:15:14",
+ "acceleration_x": 0.27554935,
+ "acceleration_y": -0.015275819,
+ "acceleration_z": -0.020764702,
+ "gyroscope_x": -0.03552413,
+ "gyroscope_y": -0.0063406304,
+ "gyroscope_z": 0.027040802
+ },
+ "metadata": {
+ "timestamp": 1680179059000,
+ "tuple_id": 5,
+ "tags": [
+ "MONITOR"
+ ]
+ }
+ }
+ },
+ {
+ "job_id": "3fa85f64-5737-4562-b3fc-2c963f66afa6",
+ "task_id": "5fa85f64-5717-4562-b3fc-2c963f66afab",
+ "hackit_tuple": {
+ "wayang_tuple": {
+ "VendorID": 1,
+ "tpep_pickup_datetime": "2018-01-01 00:21:05",
+ "tpep_dropoff_datetime": "2018-01-01 00:24:23",
+ "passenger_count": 1,
+ "trip_distance": 0.5,
+ "RatecodeID": 1,
+ "store_and_fwd_flag": "N",
+ "PULocationID": 41,
+ "DOLocationID": 24,
+ "payment_type": 1,
+ "fare_amount": 4.5,
+ "extra": 0.5,
+ "mta_tax": 0.5,
+ "tip_amount": 1,
+ "tolls_amount": 0,
+ "improvement_surcharge": 0.3,
+ "total_amount": 6.8
+ },
+ "metadata": {
+ "timestamp": 1680189055000,
+ "tuple_id": 1,
+ "tags": [
+ "MONITOR",
+ "DEBUG"
+ ]
+ }
+ }
+ },
+ {
+ "job_id": "3fa85f64-5737-4562-b3fc-2c963f66afa6",
+ "task_id": "5fa85f64-5717-4562-b3fc-2c963f66afab",
+ "hackit_tuple": {
+ "wayang_tuple": {
+ "VendorID": 2,
+ "tpep_pickup_datetime": "2018-01-01 00:43:09",
+ "tpep_dropoff_datetime": "2018-01-01 01:10:09",
+ "passenger_count": 2,
+ "trip_distance": 11.2,
+ "RatecodeID": 1,
+ "store_and_fwd_flag": "N",
+ "PULocationID": 239,
+ "DOLocationID": 138,
+ "payment_type": 1,
+ "fare_amount": 32,
+ "extra": 0,
+ "mta_tax": 0.5,
+ "tip_amount": 6.7,
+ "tolls_amount": 0,
+ "improvement_surcharge": 0.3,
+ "total_amount": 39.5
+ },
+ "metadata": {
+ "timestamp": 1680189055040,
+ "tuple_id": 2,
+ "tags": [
+ "MONITOR"
+ ]
+ }
+ }
+ },
+ {
+ "job_id": "3fa85f64-5737-4562-b3fc-2c963f66afa6",
+ "task_id": "5fa85f64-5717-4562-b3fc-2c963f66afab",
+ "hackit_tuple": {
+ "wayang_tuple": {
+ "VendorID": 2,
+ "tpep_pickup_datetime": "2018-01-01 00:00:11",
+ "tpep_dropoff_datetime": "2018-01-01 00:09:32",
+ "passenger_count": 2,
+ "trip_distance": 2.4,
+ "RatecodeID": 1,
+ "store_and_fwd_flag": "N",
+ "PULocationID": 236,
+ "DOLocationID": 75,
+ "payment_type": 1,
+ "fare_amount": 9,
+ "extra": 0,
+ "mta_tax": 0.5,
+ "tip_amount": 2,
+ "tolls_amount": 0,
+ "improvement_surcharge": 0.3,
+ "total_amount": 11.8
+ },
+ "metadata": {
+ "timestamp": 1680189056000,
+ "tuple_id": 3,
+ "tags": [
+ "MONITOR"
+ ]
+ }
+ }
+ },
+ {
+ "job_id": "3fa85f64-5737-4562-b3fc-2c963f66afa6",
+ "task_id": "5fa85f64-5717-4562-b3fc-2c963f66afab",
+ "hackit_tuple": {
+ "wayang_tuple": {
+ "VendorID": 1,
+ "tpep_pickup_datetime": "2018-01-01 00:03:10",
+ "tpep_dropoff_datetime": "2018-01-01 00:09:38",
+ "passenger_count": 1,
+ "trip_distance": 1.2,
+ "RatecodeID": 1,
+ "store_and_fwd_flag": "N",
+ "PULocationID": 186,
+ "DOLocationID": 234,
+ "payment_type": 1,
+ "fare_amount": 6,
+ "extra": 0.5,
+ "mta_tax": 0.5,
+ "tip_amount": 1,
+ "tolls_amount": 0,
+ "improvement_surcharge": 0.3,
+ "total_amount": 8.3
+ },
+ "metadata": {
+ "timestamp": 1680189057000,
+ "tuple_id": 4,
+ "tags": [
+ "MONITOR"
+ ]
+ }
+ }
+ },
+ {
+ "job_id": "3fa85f64-5737-4562-b3fc-2c963f66afa6",
+ "task_id": "5fa85f64-5717-4562-b3fc-2c963f66afab",
+ "hackit_tuple": {
+ "wayang_tuple": {
+ "VendorID": 1,
+ "tpep_pickup_datetime": "2018-01-01 00:13:02",
+ "tpep_dropoff_datetime": "2018-01-01 00:16:48",
+ "passenger_count": 1,
+ "trip_distance": 0.7,
+ "RatecodeID": 1,
+ "store_and_fwd_flag": "N",
+ "PULocationID": 164,
+ "DOLocationID": 161,
+ "payment_type": 2,
+ "fare_amount": 4.5,
+ "extra": 0.5,
+ "mta_tax": 0.5,
+ "tip_amount": 0,
+ "tolls_amount": 0,
+ "improvement_surcharge": 0.3,
+ "total_amount": 5.8
+ },
+ "metadata": {
+ "timestamp": 1680189059000,
+ "tuple_id": 5,
+ "tags": [
+ "MONITOR"
+ ]
+ }
+ }
+ },
+ {
+ "job_id": "3fa85f64-5717-4562-b3fc-2c963f66afa6",
+ "task_id": "3fa85f64-5717-4562-b3fc-2c963f66afa9",
+ "hackit_tuple": {
+ "wayang_tuple": {
+ "subject_id": 1,
+ "activity_label": "Walking",
+ "timestamp": "2016-05-30 14:13:16",
+ "acceleration_x": 0.27324998,
+ "acceleration_y": -0.031390495,
+ "acceleration_z": 0.0066611624,
+ "gyroscope_x": 0.03807301,
+ "gyroscope_y": 0.037263952,
+ "gyroscope_z": -0.0050823064
+ },
+ "metadata": {
+ "timestamp": 1680179055000,
+ "tuple_id": 1,
+ "tags": [
+ "MONITOR"
+ ]
+ }
+ }
+ },
+ {
+ "job_id": "3fa85f64-5717-4562-b3fc-2c963f66afa6",
+ "task_id": "3fa85f64-5717-4562-b3fc-2c963f66afa9",
+ "hackit_tuple": {
+ "wayang_tuple": {
+ "subject_id": 2,
+ "activity_label": "Walking",
+ "timestamp": "2016-06-02 13:14:14",
+ "acceleration_x": 0.2847828,
+ "acceleration_y": -0.019634986,
+ "acceleration_z": -0.031512145,
+ "gyroscope_x": -0.057105787,
+ "gyroscope_y": 0.0006557526,
+ "gyroscope_z": -0.028644928
+ },
+ "metadata": {
+ "timestamp": 1680179055040,
+ "tuple_id": 2,
+ "tags": [
+ "MONITOR",
+ "CUSTOM_TAG_1"
+ ]
+ }
+ }
+ }
+ ],
+ "job_metrics": [
+ {
+ "timestamp":1680179055040,
+ "executorCpuTime": 203125000,
+ "executorDeserializeCpuTime": 218750000,
+ "executorDeserializeTime": 202,
+ "diskBytesSpilled": 0,
+ "executorRunTime": 277,
+ "jvmGCTime": 34,
+ "peakExecutionMemory": 0,
+ "resultSize": 969,
+ "resultSerializationTime": 2,
+ "inputmetrics.readBytes": 0,
+ "inputMetrics.readRecord": 0,
+ "outputMetrics.writeBytes": 0,
+ "outputMetrics.writeRecord": 0
+ },
+ {
+ "timestamp":1680179066040,
+ "executorCpuTime": 46875000,
+ "executorDeserializeCpuTime": 31250000,
+ "executorDeserializeTime": 18,
+ "diskBytesSpilled": 0,
+ "executorRunTime": 89,
+ "jvmGCTime": 0,
+ "peakExecutionMemory": 0,
+ "resultSize": 883,
+ "resultSerializationTime": 0,
+ "inputmetrics.readBytes": 0,
+ "inputMetrics.readRecord": 0,
+ "outputMetrics.writeBytes": 0,
+ "outputMetrics.writeRecord": 0
+ },
+ {
+ "timestamp":1680179155040,
+ "executorCpuTime": 156250000,
+ "executorDeserializeCpuTime": 62500000,
+ "executorDeserializeTime": 52,
+ "diskBytesSpilled": 0,
+ "executorRunTime": 163,
+ "jvmGCTime": 0,
+ "peakExecutionMemory": 0,
+ "resultSize": 1173,
+ "resultSerializationTime": 6,
+ "inputmetrics.readBytes": 4208,
+ "inputMetrics.readRecord": 100,
+ "outputMetrics.writeBytes": 0,
+ "outputMetrics.writeRecord": 0
+ },
+ {
+ "timestamp":1680189055040,
+ "executorCpuTime": 46875000,
+ "executorDeserializeCpuTime": 31250000,
+ "executorDeserializeTime": 38,
+ "diskBytesSpilled": 0,
+ "executorRunTime": 51,
+ "jvmGCTime": 0,
+ "peakExecutionMemory": 0,
+ "resultSize": 1130,
+ "resultSerializationTime": 0,
+ "inputmetrics.readBytes": 4080,
+ "inputMetrics.readRecord": 100,
+ "outputMetrics.writeBytes": 0,
+ "outputMetrics.writeRecord": 0
+ },
+ {
+ "timestamp":1680279055040,
+ "executorCpuTime": 15625000,
+ "executorDeserializeCpuTime": 15625000,
+ "executorDeserializeTime": 16,
+ "diskBytesSpilled": 0,
+ "executorRunTime": 39,
+ "jvmGCTime": 0,
+ "peakExecutionMemory": 0,
+ "resultSize": 1130,
+ "resultSerializationTime": 0,
+ "inputmetrics.readBytes": 4208,
+ "inputMetrics.readRecord": 100,
+ "outputMetrics.writeBytes": 0,
+ "outputMetrics.writeRecord": 0
+ },
+ {
+ "timestamp":1680379055040,
+ "executorCpuTime": 46875000,
+ "executorDeserializeCpuTime": 15625000,
+ "executorDeserializeTime": 10,
+ "diskBytesSpilled": 0,
+ "executorRunTime": 49,
+ "jvmGCTime": 0,
+ "peakExecutionMemory": 0,
+ "resultSize": 1130,
+ "resultSerializationTime": 0,
+ "inputmetrics.readBytes": 4080,
+ "inputMetrics.readRecord": 100,
+ "outputMetrics.writeBytes": 0,
+ "outputMetrics.writeRecord": 0
+ },
+ {
+ "timestamp":1681179055040,
+ "executorCpuTime": 203125000,
+ "executorDeserializeCpuTime": 46875000,
+ "executorDeserializeTime": 52,
+ "diskBytesSpilled": 0,
+ "executorRunTime": 242,
+ "jvmGCTime": 0,
+ "peakExecutionMemory": 8112,
+ "resultSize": 1261,
+ "resultSerializationTime": 0,
+ "inputmetrics.readBytes": 4208,
+ "inputMetrics.readRecord": 100,
+ "outputMetrics.writeBytes": 0,
+ "outputMetrics.writeRecord": 0
+ },
+ {
+ "timestamp":1683179055040,
+ "executorCpuTime": 62500000,
+ "executorDeserializeCpuTime": 31250000,
+ "executorDeserializeTime": 18,
+ "diskBytesSpilled": 0,
+ "executorRunTime": 78,
+ "jvmGCTime": 0,
+ "peakExecutionMemory": 9056,
+ "resultSize": 1261,
+ "resultSerializationTime": 0,
+ "inputmetrics.readBytes": 4080,
+ "inputMetrics.readRecord": 100,
+ "outputMetrics.writeBytes": 0,
+ "outputMetrics.writeRecord": 0
+ },
+ {
+ "timestamp":1683279055040,
+ "executorCpuTime": 406250000,
+ "executorDeserializeCpuTime": 15625000,
+ "executorDeserializeTime": 13,
+ "diskBytesSpilled": 0,
+ "executorRunTime": 423,
+ "jvmGCTime": 0,
+ "peakExecutionMemory": 26928,
+ "resultSize": 1476,
+ "resultSerializationTime": 0,
+ "inputmetrics.readBytes": 0,
+ "inputMetrics.readRecord": 0,
+ "outputMetrics.writeBytes": 0,
+ "outputMetrics.writeRecord": 0
+ },
+ {
+ "timestamp":1683379055040,
+ "executorCpuTime": 125000000,
+ "executorDeserializeCpuTime": 15625000,
+ "executorDeserializeTime": 14,
+ "diskBytesSpilled": 0,
+ "executorRunTime": 124,
+ "jvmGCTime": 0,
+ "peakExecutionMemory": 30020,
+ "resultSize": 1476,
+ "resultSerializationTime": 0,
+ "inputmetrics.readBytes": 0,
+ "inputMetrics.readRecord": 0,
+ "outputMetrics.writeBytes": 0,
+ "outputMetrics.writeRecord": 0
+ },
+ {
+ "timestamp":1680349055040,
+ "executorCpuTime": 93750000,
+ "executorDeserializeCpuTime": 15625000,
+ "executorDeserializeTime": 14,
+ "diskBytesSpilled": 0,
+ "executorRunTime": 98,
+ "jvmGCTime": 0,
+ "peakExecutionMemory": 9690,
+ "resultSize": 1313,
+ "resultSerializationTime": 0,
+ "inputmetrics.readBytes": 0,
+ "inputMetrics.readRecord": 0,
+ "outputMetrics.writeBytes": 0,
+ "outputMetrics.writeRecord": 0
+ }
+ ]
+}
\ No newline at end of file
diff --git a/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/assets/main.css b/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/assets/main.css
new file mode 100644
index 0000000..d551913
--- /dev/null
+++ b/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/assets/main.css
@@ -0,0 +1,17 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements. See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership. The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License. You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
\ No newline at end of file
diff --git a/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/components/HackitControls.vue b/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/components/HackitControls.vue
new file mode 100644
index 0000000..538131d
--- /dev/null
+++ b/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/components/HackitControls.vue
@@ -0,0 +1,99 @@
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one
+ or more contributor license agreements. See the NOTICE file
+ distributed with this work for additional information
+ regarding copyright ownership. The ASF licenses this file
+ to you under the Apache License, Version 2.0 (the
+ "License"); you may not use this file except in compliance
+ with the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing,
+ software distributed under the License is distributed on an
+ "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ KIND, either express or implied. See the License for the
+ specific language governing permissions and limitations
+ under the License.
+ -->
+ <template>
+ <div class="hackit-controls">
+ <button class="btn rounded-0" :class="{ 'btn-primary': isRunning }" :disabled="!isRunning" @click="onPlay">
+ Play
+ </button>
+ <button class="btn rounded-0" :class="{ 'btn-primary': isPaused }" :disabled="!isPaused" @click="onPause">
+ Pause
+ </button>
+ <button class="btn rounded-0" :class="{ 'btn-primary': isVirtualPaused }" :disabled="!isVirtualPaused"
+ @click="onVirtualPause">
+ Virtual Pause
+ </button>
+ <button class="btn rounded-0" :class="{ 'btn-primary': isNextTupleActive }" :disabled="!isNextTupleActive"
+ @click="onNextTuple">
+ Next Tuple
+ </button>
+ <button class="btn rounded-0" :class="{ 'btn-primary': isNextOperatorActive }" :disabled="!isNextOperatorActive"
+ @click="onNextOperator">
+ Next Operator
+ </button>
+ </div>
+</template>
+
+<script>
+export default {
+ name: "HackitControls",
+ data() {
+ return {
+ isRunning: false,
+ isPaused: true,
+ isVirtualPaused: true,
+ isNextTupleActive: false,
+ isNextOperatorActive: false,
+ };
+ },
+ methods: {
+ onPlay() {
+ if (this.isRunning) {
+ this.$emit("play", "isRunning");
+ this.isRunning = false
+ this.isPaused = true
+ this.isVirtualPaused = true
+ this.isNextOperatorActive = false
+ this.isNextTupleActive = false
+ }
+ },
+ onPause() {
+ if (this.isPaused) {
+ this.$emit("pause", "isPaused");
+ this.isRunning = true
+ this.isPaused = false
+ this.isVirtualPaused = false
+ this.isNextOperatorActive = true
+ this.isNextTupleActive = true
+ }
+ },
+ onVirtualPause() {
+ if (this.isVirtualPaused) {
+ this.$emit("virtual-pause", "isVirtualPaused");
+ this.isRunning = true
+ this.isVirtualPaused = false
+ this.isNextOperatorActive = true
+ this.isNextTupleActive = true
+ }
+ },
+ onNextTuple() {
+ if (this.isNextTupleActive) {
+ this.$emit("next-tuple", "isNextTupleActive");
+ }
+ },
+ onNextOperator() {
+ if (this.isNextOperatorActive) {
+ this.$emit("next-operator", "isNextOperatorActive");
+ }
+ },
+ },
+};
+</script>
+
+<style scoped></style>
+
\ No newline at end of file
diff --git a/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/components/HackitDebugger.vue b/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/components/HackitDebugger.vue
new file mode 100644
index 0000000..4686781
--- /dev/null
+++ b/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/components/HackitDebugger.vue
@@ -0,0 +1,171 @@
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one
+ or more contributor license agreements. See the NOTICE file
+ distributed with this work for additional information
+ regarding copyright ownership. The ASF licenses this file
+ to you under the Apache License, Version 2.0 (the
+ "License"); you may not use this file except in compliance
+ with the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing,
+ software distributed under the License is distributed on an
+ "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ KIND, either express or implied. See the License for the
+ specific language governing permissions and limitations
+ under the License.
+ -->
+ <template>
+ <div class="hackit-debugger">
+ <div v-if="isLoading">Loading...</div>
+ <div v-else>
+ <div class="filters">
+ <label for="task-select">Filter by Task ID:</label>
+ <select id="task-select" v-model="selectedTask">
+ <option value="">All</option>
+ <option v-for="taskId in taskIds" :key="taskId" :value="taskId">{{ taskId }}</option>
+ </select>
+ <label for="tag-select">Filter by Tag:</label>
+ <select id="tag-select" v-model="selectedTag">
+ <option value="">All</option>
+ <option v-for="tag in uniqueTags" :key="tag" :value="tag">{{ tag }}</option>
+ </select>
+ </div>
+ <table class="table">
+ <thead>
+ <tr>
+ <th>Timestamp</th>
+ <th>Task ID</th>
+ <th>Tuple ID</th>
+ <th>Wayang Tuple</th>
+ <th>Hackit Tags</th>
+ <th></th>
+ </tr>
+ </thead>
+ <tbody v-if="filteredTuples.length > 0">
+ <Tuple v-for="(tuple, index) in filteredTuples" :key="index" :tuple="tuple" />
+ </tbody>
+ <div class="alert alert-warning" role="alert" v-else>
+ No tuples available in this task
+ </div>
+ </table>
+ </div>
+ </div>
+</template>
+
+
+<script>
+import Tuple from './Tuple.vue';
+
+export default {
+ name: 'HackitDebugger',
+ components: {
+ Tuple,
+ },
+
+ props: {
+ jobId: {
+ type: String,
+ required: true,
+ },
+ taskId: {
+ type: String,
+ required: true,
+ },
+ hackitAction: {
+ type: String,
+ required: false
+ }
+ },
+
+ data() {
+ return {
+ isLoading: true,
+ tuples: [],
+ selectedTask: '',
+ selectedTag: '',
+ };
+ },
+
+ created() {
+ this.fetchTuples();
+ },
+
+ watch: {
+ taskId: function () {
+ this.filterTuples();
+ },
+ hackitAction: function(){
+ this.hackitActionRun()
+ }
+ },
+
+ computed: {
+ filteredTuples() {
+ let filtered = this.tuples;
+
+ if (this.selectedTask) {
+ filtered = filtered.filter((tuple) => tuple.task_id === this.selectedTask);
+ }
+
+ if (this.selectedTag) {
+ filtered = filtered.filter((tuple) => tuple.hackit_tuple.metadata.tags.includes(this.selectedTag));
+ }
+
+ return filtered;
+ },
+
+ taskIds() {
+ const taskIds = new Set();
+ this.tuples.forEach((tuple) => {
+ taskIds.add(tuple.task_id);
+ });
+ return Array.from(taskIds);
+ },
+ uniqueTags() {
+ const tags = new Set();
+ this.tuples.forEach((tuple) => {
+ tuple.hackit_tuple.metadata.tags.forEach((tag) => tags.add(tag));
+ });
+ return Array.from(tags);
+ },
+ },
+
+ methods: {
+ async fetchTuples() {
+ try {
+ const response = await fetch(`http://localhost:3000/tuples/?job_id=${this.jobId}`);
+ this.tuples = await response.json();
+ this.filterTuples();
+ } catch (error) {
+ console.error('Error fetching tuples:', error);
+ } finally {
+ this.isLoading = false;
+ }
+ },
+ hackitActionRun(){
+ switch (this.hackitAction) {
+ case 'nextTuple':
+ this.createNewNextTuple()
+ break;
+ case '':
+ break;
+ default:
+ break;
+ }
+ },
+ createNewNextTuple(){
+ const tempTuples = this.filteredTuples
+ const tempTuple = JSON.parse(JSON.stringify( tempTuples[tempTuples.length -1]))
+ tempTuple.hackit_tuple.metadata.tuple_id = tempTuples[tempTuples.length -1].hackit_tuple.metadata.tuple_id + 1
+ this.tuples.push(tempTuple)
+ },
+ filterTuples() {
+ this.selectedTask = this.taskId;
+ },
+ },
+};
+</script>
+
+<style scoped></style>
\ No newline at end of file
diff --git a/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/components/HackitNextTuple.vue b/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/components/HackitNextTuple.vue
new file mode 100644
index 0000000..d5ead9c
--- /dev/null
+++ b/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/components/HackitNextTuple.vue
@@ -0,0 +1,72 @@
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one
+ or more contributor license agreements. See the NOTICE file
+ distributed with this work for additional information
+ regarding copyright ownership. The ASF licenses this file
+ to you under the Apache License, Version 2.0 (the
+ "License"); you may not use this file except in compliance
+ with the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing,
+ software distributed under the License is distributed on an
+ "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ KIND, either express or implied. See the License for the
+ specific language governing permissions and limitations
+ under the License.
+ -->
+ <template>
+ <div class="modal fade" id="hackit-next-tuple-modal" tabindex="-1" role="dialog" aria-hidden="true">
+ <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
+ <div class="modal-content">
+ <div class="modal-header">
+ <h5 class="modal-title">Operator ID: {{ taskId }} - Next Tuples {{ tuples.length }}</h5>
+ <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+ </div>
+ <div class="modal-body">
+ <div id="carouselExampleControls" class="carousel slide carousel-dark" data-bs-ride="false">
+ <div class="carousel-inner">
+ <div v-for="(tuple, index) in tuples" :class="['carousel-item text-center p-5', index === 0 ? 'active' : '']">
+ <h5>Tuple ID {{ tuple.hackit_tuple.metadata.tuple_id }}</h5>
+ <p class="p-2">{{ tuple.hackit_tuple.wayang_tuple }}</p>
+
+ </div>
+ </div>
+ <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls"
+ data-bs-slide="prev">
+ <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+ <span class="visually-hidden">Previous</span>
+ </button>
+ <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls"
+ data-bs-slide="next">
+ <span class="carousel-control-next-icon" aria-hidden="true"></span>
+ <span class="visually-hidden">Next</span>
+ </button>
+ </div>
+ </div>
+ <div class="modal-footer">
+ <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
+ </div>
+ </div>
+ </div>
+ </div>
+</template>
+
+<script>
+export default {
+ name: "HackitNextTuple",
+ props: {
+ tuples: {
+ type: Array,
+ required: true,
+ },
+ taskId: {
+ type: String,
+ required: true,
+ },
+ },
+};
+</script>
+
+<style scoped></style>
diff --git a/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/components/JobDetails.vue b/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/components/JobDetails.vue
new file mode 100644
index 0000000..6bab20e
--- /dev/null
+++ b/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/components/JobDetails.vue
@@ -0,0 +1,96 @@
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one
+ or more contributor license agreements. See the NOTICE file
+ distributed with this work for additional information
+ regarding copyright ownership. The ASF licenses this file
+ to you under the Apache License, Version 2.0 (the
+ "License"); you may not use this file except in compliance
+ with the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing,
+ software distributed under the License is distributed on an
+ "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ KIND, either express or implied. See the License for the
+ specific language governing permissions and limitations
+ under the License.
+ -->
+ <template>
+ <div class="job-details">
+ <table class="table table-striped">
+ <tbody>
+ <tr>
+ <th scope="row">JobID:</th>
+ <td>{{ job.id }}</td>
+ </tr>
+ <tr>
+ <th scope="row">Name:</th>
+ <td>{{ job.name }}</td>
+ </tr>
+ <tr>
+ <th scope="row">Status:</th>
+ <td>{{ job.status }}</td>
+ </tr>
+ <tr>
+ <th scope="row">Submitted On:</th>
+ <td>{{ formattedDate(job.submitted_on) }}</td>
+ </tr>
+ <tr>
+ <th scope="row">Duration:</th>
+ <td>{{ formattedDuration(job.duration) }}</td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+</template>
+<script>
+export default {
+ name: 'JobDetails',
+ props: {
+ job: {
+ type: Object,
+ required: true
+ }
+ },
+ data() {
+ return {
+ showDetails: false,
+ };
+ },
+ methods: {
+ formattedDate() {
+ const date = new Date(this.job.submitted_on);
+ return date.toLocaleString();
+ },
+ formattedDuration() {
+ let duration = this.job.duration;
+ let seconds = Math.floor(duration / 1000);
+ let minutes = Math.floor(seconds / 60);
+ seconds = seconds % 60;
+ let hours = Math.floor(minutes / 60);
+ minutes = minutes % 60;
+ let days = Math.floor(hours / 24);
+ hours = hours % 24;
+ let formattedDuration = "";
+ if (days > 0) {
+ formattedDuration += days + "d ";
+ }
+ if (hours > 0) {
+ formattedDuration += hours + "h ";
+ }
+ if (minutes > 0) {
+ formattedDuration += minutes + "m ";
+ }
+ formattedDuration += seconds + "s";
+ return formattedDuration;
+ }
+ // add more methods as needed
+ }
+};
+</script>
+
+<style>
+/* add more styles as needed */
+</style>
+
\ No newline at end of file
diff --git a/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/components/JobListItem.vue b/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/components/JobListItem.vue
new file mode 100644
index 0000000..1c7cae7
--- /dev/null
+++ b/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/components/JobListItem.vue
@@ -0,0 +1,105 @@
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one
+ or more contributor license agreements. See the NOTICE file
+ distributed with this work for additional information
+ regarding copyright ownership. The ASF licenses this file
+ to you under the Apache License, Version 2.0 (the
+ "License"); you may not use this file except in compliance
+ with the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing,
+ software distributed under the License is distributed on an
+ "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ KIND, either express or implied. See the License for the
+ specific language governing permissions and limitations
+ under the License.
+ -->
+<template>
+ <tr>
+ <td>{{ job.name }}</td>
+ <td>{{ formattedDate(job.submitted_on) }}</td>
+ <td>{{ formattedDuration }}</td>
+
+ <td>{{ job.end_time ? formattedDate(job.end_time) : "-" }}</td>
+ <td><span :class="bgClass">{{ job.stages[0] }}</span><span class="badge bg-dark rounded-0">{{ job.stages[1] }}</span></td>
+ <td><span :class="bgClass">{{ job.tasks[0] }}</span><span class="badge bg-dark rounded-0">{{ job.tasks[1] }}</span></td>
+ <td>
+ <span :class="bgClass">{{ job.status }}</span>
+ </td>
+ <td>
+ <span v-for="plugin in job.plugins" :key="plugin" class="badge bg-info rounded-0 border border-2">{{ plugin }}</span>
+ </td>
+ <td>
+ <router-link class="btn btn-outline-secondary btn-sm rounded-0" :to="'/jobs/' + job.id">Details</router-link>
+ </td>
+ </tr>
+</template>
+
+
+
+
+<script>
+export default {
+ props: {
+ job: {
+ type: Object,
+ required: true
+ }
+ },
+ methods:{
+ formattedDate(timestamp) {
+ const date = new Date(timestamp);
+ return date.toISOString().split('.')[0];
+ },
+ },
+ computed: {
+ formattedDuration() {
+ let duration = this.job.duration;
+ let seconds = Math.floor(duration / 1000);
+ let minutes = Math.floor(seconds / 60);
+ seconds = seconds % 60;
+ let hours = Math.floor(minutes / 60);
+ minutes = minutes % 60;
+ let days = Math.floor(hours / 24);
+ hours = hours % 24;
+ let formattedDuration = "";
+ if (days > 0) {
+ formattedDuration += days + "d ";
+ }
+ if (hours > 0) {
+ formattedDuration += hours + "h ";
+ }
+ if (minutes > 0) {
+ formattedDuration += minutes + "m ";
+ }
+ formattedDuration += seconds + "s";
+ return formattedDuration;
+ },
+ bgClass() {
+ const status = this.job.status.toLowerCase();
+ switch (status) {
+ case 'finished':
+ return 'badge bg-secondary rounded-0';
+ case 'running':
+ return 'badge bg-success rounded-0';
+ case 'failed':
+ return 'badge bg-danger rounded-0';
+ case 'canceled':
+ return 'badge bg-warning rounded-0';
+ default:
+ return 'badge bg-info rounded-0';
+ }
+ }
+ },
+ data() {
+ return {
+ isOpen: false,
+ };
+ },
+};
+</script>
+
+<style scoped></style>
+
\ No newline at end of file
diff --git a/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/components/JobMetricsContainer.vue b/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/components/JobMetricsContainer.vue
new file mode 100644
index 0000000..e83c6e3
--- /dev/null
+++ b/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/components/JobMetricsContainer.vue
@@ -0,0 +1,29 @@
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one
+ or more contributor license agreements. See the NOTICE file
+ distributed with this work for additional information
+ regarding copyright ownership. The ASF licenses this file
+ to you under the Apache License, Version 2.0 (the
+ "License"); you may not use this file except in compliance
+ with the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing,
+ software distributed under the License is distributed on an
+ "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ KIND, either express or implied. See the License for the
+ specific language governing permissions and limitations
+ under the License.
+ -->
+<template>
+ <div class="alert alert-warning" role="alert">
+ No metrics available
+ </div>
+</template>
+<script>
+export default {
+ name: 'JobMetrics',
+}
+</script>
+<style scoped></style>
\ No newline at end of file
diff --git a/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/components/JobPlan.vue b/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/components/JobPlan.vue
new file mode 100644
index 0000000..2699e1f
--- /dev/null
+++ b/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/components/JobPlan.vue
@@ -0,0 +1,120 @@
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one
+ or more contributor license agreements. See the NOTICE file
+ distributed with this work for additional information
+ regarding copyright ownership. The ASF licenses this file
+ to you under the Apache License, Version 2.0 (the
+ "License"); you may not use this file except in compliance
+ with the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing,
+ software distributed under the License is distributed on an
+ "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ KIND, either express or implied. See the License for the
+ specific language governing permissions and limitations
+ under the License.
+ -->
+ <template>
+ <div>
+ <h3 class="my-3">Job Plan</h3>
+ <div id="cy"></div>
+ </div>
+</template>
+
+<script>
+import cytoscape from 'cytoscape'
+
+export default {
+ name: 'JobPlan',
+ props: {
+ graph: Object,
+ task_id: String
+ },
+ mounted() {
+ const elements = {
+ nodes: this.graph.nodes.map(node => ({ ...node, style: { 'background-color': '#666' } })),
+ edges: this.graph.edges
+ }
+
+ const cy = cytoscape({
+ container: document.getElementById('cy'),
+ elements: elements,
+ style: [
+ {
+ selector: 'node',
+ style: {
+ 'background-color': '#666',
+ 'label': 'data(label)',
+ 'width': '20px',
+ 'height': '20px',
+ 'font-size': '10px',
+ 'text-valign': 'top',
+ 'text-halign': 'center',
+ 'text-margin-y': '-10px'
+ }
+ },
+ {
+ selector: 'edge',
+ style: {
+ 'width': 3,
+ 'line-color': '#ccc',
+ 'target-arrow-color': '#ccc',
+ 'target-arrow-shape': 'triangle'
+ }
+ },
+ {
+ selector: '.selected',
+ style: {
+ 'border-color': 'red',
+ 'border-width': '2px'
+ }
+ }
+ ],
+ layout: {
+ name: 'grid'
+ },
+ userZoomingEnabled: false
+ })
+
+ // Add the 'selected' class to the corresponding node
+ const selectNode = (task_id) => {
+ const node = cy.nodes(`[task_id="${task_id}"]`);
+ if (node.length > 0) {
+ node.addClass('selected');
+ }
+ }
+
+ cy.on('tap', 'node', (event) => {
+ if (event.target.hasClass('selected')) {
+ event.target.removeClass('selected');
+ this.$emit('task-selected', null);
+ } else {
+ cy.nodes().removeClass('selected')
+ event.target.addClass('selected')
+ this.$emit('task-selected', event.target.data('task_id'))
+ }
+ })
+
+ // Watch for updates to the 'task_id' prop and apply the 'selected' class to the corresponding node
+ this.$watch('task_id', (newVal, oldVal) => {
+ cy.nodes().removeClass('selected');
+ if (newVal && newVal !== '') {
+ selectNode(newVal);
+ }
+ });
+
+ cy.fit()
+ }
+}
+</script>
+
+<style scoped>
+#cy {
+ height: 200px;
+ width: 100%;
+ margin: 0 auto;
+ display: block;
+}
+</style>
diff --git a/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/components/JobSummaryCard.vue b/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/components/JobSummaryCard.vue
new file mode 100644
index 0000000..6d4410d
--- /dev/null
+++ b/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/components/JobSummaryCard.vue
@@ -0,0 +1,69 @@
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one
+ or more contributor license agreements. See the NOTICE file
+ distributed with this work for additional information
+ regarding copyright ownership. The ASF licenses this file
+ to you under the Apache License, Version 2.0 (the
+ "License"); you may not use this file except in compliance
+ with the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing,
+ software distributed under the License is distributed on an
+ "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ KIND, either express or implied. See the License for the
+ specific language governing permissions and limitations
+ under the License.
+ -->
+ <template>
+ <div class="card rounded-0 p-0 m-1" style="width: 15rem;">
+ <h5 class="card-header text-capitalize">{{ card_data.status }}</h5>
+ <div class="card-body">
+ <h6 class="card-title">Jobs: {{ card_data.jobCount }}</h6>
+ <p class="card-text">Latest Submitted Job:</p>
+ <router-link :to="'/jobs/' + card_data.latestJob" class="btn btn-outline-secondary btn-sm rounded-0">
+ <span class="d-inline-block text-truncate" style="max-width: 100px;">{{card_data.latestJobName}}</span>
+ </router-link>
+ </div>
+ </div>
+</template>
+
+<script>
+export default {
+ name: "JobSummaryCard",
+ props: {
+ card_data: {
+ type: Object,
+ required: true,
+ },
+ },
+ computed: {
+ formattedDuration() {
+ let duration = this.card_data.avgRunningTime;
+ let seconds = Math.floor(duration / 1000);
+ let minutes = Math.floor(seconds / 60);
+ seconds = seconds % 60;
+ let hours = Math.floor(minutes / 60);
+ minutes = minutes % 60;
+ let days = Math.floor(hours / 24);
+ hours = hours % 24;
+ let formattedDuration = "";
+ if (days > 0) {
+ formattedDuration += days + "d ";
+ }
+ if (hours > 0) {
+ formattedDuration += hours + "h ";
+ }
+ if (minutes > 0) {
+ formattedDuration += minutes + "m ";
+ }
+ formattedDuration += seconds + "s";
+ return formattedDuration;
+ },
+ }
+};
+</script>
+
+<style scoped></style>
+
\ No newline at end of file
diff --git a/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/components/JobSummaryContainer.vue b/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/components/JobSummaryContainer.vue
new file mode 100644
index 0000000..20fa9bb
--- /dev/null
+++ b/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/components/JobSummaryContainer.vue
@@ -0,0 +1,38 @@
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one
+ or more contributor license agreements. See the NOTICE file
+ distributed with this work for additional information
+ regarding copyright ownership. The ASF licenses this file
+ to you under the Apache License, Version 2.0 (the
+ "License"); you may not use this file except in compliance
+ with the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing,
+ software distributed under the License is distributed on an
+ "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ KIND, either express or implied. See the License for the
+ specific language governing permissions and limitations
+ under the License.
+ -->
+<template>
+ <div class="row d-flex align-items-center mb-3 p-3">
+ <JobSummaryCard v-for="card_data in jobSummary" :key="card_data.status" :card_data="card_data">
+ </JobSummaryCard>
+ </div>
+</template>
+<script>
+import JobSummaryCard from '@/components/JobSummaryCard.vue'
+
+export default {
+ name: 'JobSummaryContainer',
+ props: {
+ jobSummary: Array
+ },
+ components: {
+ JobSummaryCard
+ }
+}
+
+</script>
\ No newline at end of file
diff --git a/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/components/OverviewCard.vue b/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/components/OverviewCard.vue
new file mode 100644
index 0000000..e30bdc1
--- /dev/null
+++ b/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/components/OverviewCard.vue
@@ -0,0 +1,42 @@
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one
+ or more contributor license agreements. See the NOTICE file
+ distributed with this work for additional information
+ regarding copyright ownership. The ASF licenses this file
+ to you under the Apache License, Version 2.0 (the
+ "License"); you may not use this file except in compliance
+ with the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing,
+ software distributed under the License is distributed on an
+ "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ KIND, either express or implied. See the License for the
+ specific language governing permissions and limitations
+ under the License.
+ -->
+<template>
+ <div class="col-md-3">
+ <div class="card mb-4 rounded-0">
+ <div class="card-body">
+ <h3 class="card-title"><slot name="title"></slot></h3>
+ <hr>
+ <p class="card-text"><slot name="metric"></slot></p>
+ </div>
+ </div>
+ </div>
+</template>
+
+
+
+ <script>
+ export default {
+ name: 'OverviewCard'
+ };
+ </script>
+
+ <style scoped>
+
+ </style>
+
\ No newline at end of file
diff --git a/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/components/Tuple.vue b/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/components/Tuple.vue
new file mode 100644
index 0000000..6c345b7
--- /dev/null
+++ b/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/components/Tuple.vue
@@ -0,0 +1,78 @@
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one
+ or more contributor license agreements. See the NOTICE file
+ distributed with this work for additional information
+ regarding copyright ownership. The ASF licenses this file
+ to you under the Apache License, Version 2.0 (the
+ "License"); you may not use this file except in compliance
+ with the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing,
+ software distributed under the License is distributed on an
+ "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ KIND, either express or implied. See the License for the
+ specific language governing permissions and limitations
+ under the License.
+ -->
+ <template>
+ <tr class="tuple">
+ <td>
+ {{ formatTimestamp(tuple.hackit_tuple.metadata.timestamp) }}
+ </td>
+ <td>
+ <span class="d-inline-block text-truncate" style="max-width: 150px;">
+ {{ tuple.task_id }}
+ </span>
+ </td>
+ <td>{{ tuple.hackit_tuple.metadata.tuple_id }}</td>
+ <td>
+ <span class="d-inline-block text-truncate" style="max-width: 200px;">
+ {{ tuple.hackit_tuple.wayang_tuple }}
+ </span>
+ </td>
+ <td>
+ <i v-if="tuple.hackit_tuple.metadata.tags.includes('MONITOR')" class="fas fa-magnifying-glass"></i>
+ <i v-if="tuple.hackit_tuple.metadata.tags.includes('DEBUG')" class="fas fa-bug red-icon text-danger"></i>
+ </td>
+ <td>
+ <button class="btn btn-warning btn-sm rounded-0" data-bs-toggle="modal"
+ :data-bs-target="'#modal-' + tuple.hackit_tuple.metadata.tuple_id">
+ Inspect
+ </button>
+ </td>
+ <tuple-inspect-modal :tuple="tuple"></tuple-inspect-modal>
+ </tr>
+</template>
+
+<script>
+import TupleInspectModal from "./TupleInspectModal.vue";
+
+export default {
+ name: "Tuple",
+
+ props: {
+ tuple: Object,
+ },
+ data() {
+ return {};
+ },
+ methods: {
+ formatTimestamp(timestamp) {
+ const date = new Date(timestamp);
+ return date.toLocaleString();
+ },
+ },
+ components: {
+ TupleInspectModal,
+ },
+ computed: {
+ debug: function () {
+ return this.tuple.hackit_tuple.metadata.tags.includes("DEBUG");
+ },
+ },
+};
+</script>
+
+<style scoped></style>
diff --git a/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/components/TupleInspectModal.vue b/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/components/TupleInspectModal.vue
new file mode 100644
index 0000000..52744e7
--- /dev/null
+++ b/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/components/TupleInspectModal.vue
@@ -0,0 +1,123 @@
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one
+ or more contributor license agreements. See the NOTICE file
+ distributed with this work for additional information
+ regarding copyright ownership. The ASF licenses this file
+ to you under the Apache License, Version 2.0 (the
+ "License"); you may not use this file except in compliance
+ with the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing,
+ software distributed under the License is distributed on an
+ "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ KIND, either express or implied. See the License for the
+ specific language governing permissions and limitations
+ under the License.
+ -->
+<template>
+ <div class="modal fade" :id="'modal-' + tuple.hackit_tuple.metadata.tuple_id" aria-hidden="true"
+ aria-labelledby="modalTitle" tabindex="-1">
+ <div class="modal-dialog modal-dialog-centered">
+ <div class="modal-content">
+ <div class="modal-header">
+ <h5 class="modal-title" id="modalTitle">Tuple Details - {{ tuple.hackit_tuple.metadata.tuple_id }}</h5>
+ <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+ </div>
+ <div class="modal-body">
+ <table class="table">
+ <tbody>
+ <tr>
+ <th style="border: none;">Job ID</th>
+ <td style="border: none;">
+ <input id="job_id" :value="tuple.job_id" disabled readonly class="form-control" />
+ </td>
+ </tr>
+ <tr>
+ <th style="border: none;">Timestamp</th>
+ <td style="border: none;">
+ <input id="timestamp" :value="formatTimestamp(tuple.hackit_tuple.metadata.timestamp)" disabled readonly
+ class="form-control" />
+ </td>
+ </tr>
+ <tr>
+ <th style="border: none;">Tuple ID</th>
+ <td style="border: none;">
+ <input id="tuple_id" :value="tuple.hackit_tuple.metadata.tuple_id" disabled readonly
+ class="form-control" />
+ </td>
+ </tr>
+ <tr>
+ <th style="border: none;">Original Tuple</th>
+ <td style="border: none;">
+ <input id="tuple_id" :value="JSON.stringify(tuple.hackit_tuple.wayang_tuple)" disabled readonly
+ class="form-control" />
+ </td>
+ </tr>
+ <tr>
+ <th style="border: none;">Wayang Tuple</th>
+ <td style="border: none;">
+ <table class="table" :class="{ 'table-warning': debug }">
+ <thead>
+ <tr>
+ <th>Key</th>
+ <th>Value</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr v-for="(value, key) in tuple.hackit_tuple.wayang_tuple" :key="key">
+ <td>{{ key }}</td>
+ <td>
+ <input v-if="debug" class="form-control" :value="value" :readonly="!debug" />
+ <input v-else class="form-control" :value="value" disabled readonly />
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </td>
+ </tr>
+
+ <tr>
+ <th>TAGS</th>
+ <td>
+ <div>
+ <span v-for="tag in tuple.hackit_tuple.metadata.tags" :key="tag"
+ class="badge bg-secondary text-white me-1">{{ tag }}</span>
+ </div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+
+
+ <div class="modal-footer">
+ <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
+ <button v-if="tuple.hackit_tuple.metadata.tags.includes('DEBUG')" type="button"
+ class="btn btn-primary">Done</button>
+ </div>
+ </div>
+ </div>
+ </div>
+ </template>
+ <script>
+ export default {
+ name: 'TupleInspectModal',
+ props: {
+ tuple: Object,
+ },
+ methods: {
+ formatTimestamp(timestamp) {
+ const date = new Date(timestamp);
+ return date.toLocaleString();
+ },
+ },
+ computed: {
+ debug: function () {
+ return this.tuple.hackit_tuple.metadata.tags.includes('DEBUG');
+ }
+ }
+ };
+ </script>
+
\ No newline at end of file
diff --git a/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/components/__tests__/HelloWorld.spec.js b/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/components/__tests__/HelloWorld.spec.js
new file mode 100644
index 0000000..5494e41
--- /dev/null
+++ b/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/components/__tests__/HelloWorld.spec.js
@@ -0,0 +1,29 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements. See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership. The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License. You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { describe, it, expect } from 'vitest'
+
+import { mount } from '@vue/test-utils'
+import HelloWorld from '../HelloWorld.vue'
+
+describe('HelloWorld', () => {
+ it('renders properly', () => {
+ const wrapper = mount(HelloWorld, { props: { msg: 'Hello Vitest' } })
+ expect(wrapper.text()).toContain('Hello Vitest')
+ })
+})
diff --git a/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/main.js b/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/main.js
new file mode 100644
index 0000000..f1ae34b
--- /dev/null
+++ b/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/main.js
@@ -0,0 +1,34 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements. See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership. The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License. You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { createApp } from 'vue'
+import { createPinia } from 'pinia'
+
+import App from './App.vue'
+import router from './router'
+
+import 'bootstrap/dist/css/bootstrap.css'
+import 'jquery/dist/jquery.slim'
+import 'bootstrap/dist/js/bootstrap.bundle'
+
+const app = createApp(App)
+
+app.use(createPinia())
+app.use(router)
+
+app.mount('#app')
diff --git a/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/router/index.js b/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/router/index.js
new file mode 100644
index 0000000..235d476
--- /dev/null
+++ b/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/router/index.js
@@ -0,0 +1,59 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements. See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership. The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License. You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { createRouter, createWebHistory } from 'vue-router'
+import Overview from '../views/Overview.vue'
+import JobList from '../views/JobList.vue'
+import JobDetail from '../views/JobDetail.vue'
+
+
+const router = createRouter({
+ history: createWebHistory(import.meta.env.BASE_URL),
+ routes: [
+ {
+ path: '/',
+ name: 'Home',
+ component: JobList
+ },
+ {
+ path: '/jobs',
+ name: 'JobList',
+ component: JobList
+ },
+ {
+ path: '/overview',
+ name: 'Overview',
+ component: Overview
+ },
+ {
+ path: '/jobs/:id',
+ name: 'JobDetail',
+ component: JobDetail
+ },
+ // {
+ // path: '/about',
+ // name: 'about',
+ // // route level code-splitting
+ // // this generates a separate chunk (About.[hash].js) for this route
+ // // which is lazy-loaded when the route is visited.
+ // component: () => import('../views/AboutView.vue')
+ // }
+ ]
+})
+
+export default router
diff --git a/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/stores/counter.js b/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/stores/counter.js
new file mode 100644
index 0000000..d77f157
--- /dev/null
+++ b/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/stores/counter.js
@@ -0,0 +1,30 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements. See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership. The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License. You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { ref, computed } from 'vue'
+import { defineStore } from 'pinia'
+
+export const useCounterStore = defineStore('counter', () => {
+ const count = ref(0)
+ const doubleCount = computed(() => count.value * 2)
+ function increment() {
+ count.value++
+ }
+
+ return { count, doubleCount, increment }
+})
diff --git a/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/views/JobDetail.vue b/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/views/JobDetail.vue
new file mode 100644
index 0000000..9343b21
--- /dev/null
+++ b/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/views/JobDetail.vue
@@ -0,0 +1,129 @@
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one
+ or more contributor license agreements. See the NOTICE file
+ distributed with this work for additional information
+ regarding copyright ownership. The ASF licenses this file
+ to you under the Apache License, Version 2.0 (the
+ "License"); you may not use this file except in compliance
+ with the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing,
+ software distributed under the License is distributed on an
+ "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ KIND, either express or implied. See the License for the
+ specific language governing permissions and limitations
+ under the License.
+ -->
+<template>
+ <div class="container my-3 py-1">
+ <div class="row">
+ <div class="col-md-12">
+ <div class="card rounded-0">
+ <div class="card-header">Job Details</div>
+ <div class="card-body">
+ <JobDetails :job="job"></JobDetails>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="row py-3">
+ <div class="col-md-12">
+ <div class="col-md-12">
+ <div class="card rounded-0">
+ <div class="card-header">Job Metrics</div>
+ <div class="card-body">
+ <JobMetricsContainer></JobMetricsContainer>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="row py-1">
+ <div class="col-md-12">
+ <div class="col-md-12">
+ <div class="card rounded-0">
+ <div class="card-header">Job Plan</div>
+ <div class="card-body">
+ <JobPlan :graph="job.graph" :task_selected="task_id" v-if="job.graph" @task-selected="task_id = $event">
+ </JobPlan>
+ <div class="alert alert-warning" role="alert" v-else>
+ No job plan available
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div id="hackit-debugger" v-if="job.hackit">
+ <div class="row mt-3 py-1">
+ <div class="col-md-12">
+ <div class="card rounded-0">
+ <div class="card-header">
+ Hackit Debugger
+ </div>
+ <div class="card-body">
+ <HackitControls @next-tuple="nextTuple" />
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="row mt-3 flex-grow-1">
+ <div class="col-md-12">
+ <div class="card rounded-0">
+ <div class="card-header">Tuples</div>
+ <div class="card-body">
+ <HackitDebugger :hackitAction="hackitAction" :jobId="jobId" :taskId="task_id" />
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+</template>
+
+<script>
+import JobDetails from '@/components/JobDetails.vue'
+import HackitDebugger from '@/components/HackitDebugger.vue'
+import JobPlan from '@/components/JobPlan.vue'
+import HackitControls from '@/components/HackitControls.vue'
+import JobMetricsContainer from '@/components/JobMetricsContainer.vue'
+
+export default {
+ name: 'JobDetail',
+ components: {
+ JobDetails,
+ HackitDebugger,
+ JobPlan,
+ HackitControls,
+ JobMetricsContainer
+ },
+ data() {
+ return {
+ job: {},
+ jobId: this.$route.params.id,
+ task_id: null,
+ isHackitEnabled: false,
+ hackitAction: null,
+ metrics: {},
+ }
+ },
+ mounted() {
+ this.getJob(this.jobId)
+ .then((data) => (this.job = data))
+ },
+ methods: {
+ async getJob(id) {
+ const data = await fetch(`http://localhost:3000/jobs/${id}`).then((response) => response.json())
+ return data
+ },
+ nextTuple() {
+ console.log('Next Tuple button pressed');
+ this.hackitAction = 'nextTuple'
+ }
+ }
+}
+</script>
+
+<style scoped></style>
diff --git a/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/views/JobList.vue b/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/views/JobList.vue
new file mode 100644
index 0000000..a995e33
--- /dev/null
+++ b/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/views/JobList.vue
@@ -0,0 +1,177 @@
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one
+ or more contributor license agreements. See the NOTICE file
+ distributed with this work for additional information
+ regarding copyright ownership. The ASF licenses this file
+ to you under the Apache License, Version 2.0 (the
+ "License"); you may not use this file except in compliance
+ with the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing,
+ software distributed under the License is distributed on an
+ "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ KIND, either express or implied. See the License for the
+ specific language governing permissions and limitations
+ under the License.
+ -->
+<template>
+ <div class="container">
+ <div class="row">
+ <div class="col-12 ">
+ <JobSummaryContainer :jobSummary="jobSummary"></JobSummaryContainer>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-12">
+ <div class="job-list">
+ <div class="d-flex justify-content-between align-items-center mb-3">
+ <div class="input-group ">
+ <input v-model="searchQuery" class="form-control rounded-0" type="search"
+ placeholder="Search by name or status" aria-label="Search" />
+ <button class="btn btn-outline-secondary rounded-0" type="button"
+ @click="clearFilter">Clear</button>
+ </div>
+ <select v-model="selectedStatus" class="form-select rounded-0">
+ <option value="">Filter by status</option>
+ <option v-for="status in statusOptions" :key="status">{{ status }}</option>
+ </select>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-12">
+
+ <div class="table-responsive">
+ <table class="table table-striped table-hover">
+ <thead>
+ <tr>
+ <th>Job Name</th>
+ <th>Start Time</th>
+ <th>Duration</th>
+ <th>End Time</th>
+ <th>Stages</th>
+ <th>Tasks</th>
+ <th>Status</th>
+ <th>Plugins</th>
+ <th>Details</th>
+ </tr>
+ </thead>
+ <tbody>
+ <JobListItem v-for="job in filteredJobs" :key="job.id" :job="job" />
+ </tbody>
+ </table>
+ </div>
+ <div v-if="!filteredJobs.length" class="col-12">No jobs found.</div>
+ </div>
+ </div>
+ </div>
+</template>
+
+
+
+<script>
+import JobListItem from "@/components/JobListItem.vue";
+import JobSummaryContainer from '@/components/JobSummaryContainer.vue'
+
+export default {
+ name: "JobList",
+ components: {
+ JobListItem,
+ JobSummaryContainer
+ },
+ data() {
+ return {
+ jobs: [],
+ searchQuery: "",
+ selectedStatus: "",
+ timer: null,
+ };
+ },
+ computed: {
+ filteredJobs() {
+ return this.jobs.filter((job) => {
+ let nameMatch = job.name
+ .toLowerCase()
+ .includes(this.searchQuery.toLowerCase());
+ let statusMatch = job.status
+ .toLowerCase()
+ .includes(this.selectedStatus.toLowerCase());
+ return nameMatch && statusMatch;
+ });
+ },
+ statusOptions() {
+ let options = new Set();
+ this.jobs.forEach((job) => {
+ options.add(job.status);
+ });
+ return Array.from(options);
+ },
+ jobSummary() {
+ const summary = []
+ const statusSet = new Set(this.jobs.map(job => job.status))
+ const statusList = Array.from(statusSet)
+ for (const status of statusList) {
+ const filteredJobs = this.jobs.filter(job => job.status === status)
+ const jobCount = filteredJobs.length
+ const avgRunningTime =
+ jobCount > 0
+ ? Math.round(
+ filteredJobs.reduce(
+ (total, job) => total + job.duration,
+ 0
+ ) / jobCount
+ )
+ : 0
+ const latestJob =
+ jobCount > 0
+ ? filteredJobs.reduce((prev, curr) =>
+ prev.submitted_on > curr.submitted_on ? prev : curr
+ ).id
+ : null
+ const latestJobName = latestJob ? filteredJobs.filter(job => job.id === latestJob)[0].name : null
+ summary.push({
+ status,
+ jobCount,
+ avgRunningTime,
+ latestJob,
+ latestJobName,
+ })
+ }
+ return summary
+ },
+ },
+ methods: {
+ fetchJobs() {
+ fetch("http://localhost:3000/jobs_overview")
+ .then((response) => response.json())
+ .then((data) => {
+ this.jobs = data;
+ })
+ .catch((error) => {
+ console.error("Error fetching jobs: ", error);
+ });
+ },
+ startTimer() {
+ this.timer = setInterval(() => {
+ this.fetchJobs();
+ }, 1000);
+ },
+ stopTimer() {
+ clearInterval(this.timer);
+ },
+ },
+ mounted() {
+ this.fetchJobs();
+ this.startTimer();
+ },
+ beforeUnmount() {
+ this.stopTimer();
+ },
+};
+</script>
+
+<style></style>
+
\ No newline at end of file
diff --git a/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/views/Overview.vue b/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/views/Overview.vue
new file mode 100644
index 0000000..c3e374c
--- /dev/null
+++ b/wayang-web-dashboard/dashboard-webapp/src/main/vue/src/views/Overview.vue
@@ -0,0 +1,64 @@
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one
+ or more contributor license agreements. See the NOTICE file
+ distributed with this work for additional information
+ regarding copyright ownership. The ASF licenses this file
+ to you under the Apache License, Version 2.0 (the
+ "License"); you may not use this file except in compliance
+ with the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing,
+ software distributed under the License is distributed on an
+ "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ KIND, either express or implied. See the License for the
+ specific language governing permissions and limitations
+ under the License.
+ -->
+<template>
+ <div class="overview">
+ <div class="container">
+ <div class="row">
+ <overview-card v-for="(item, index) in data" :key="index">
+ <template #title>{{ item.title }}</template>
+ <template #metric>{{ item.body }}</template>
+ </overview-card>
+ </div>
+ </div>
+ </div>
+ </template>
+
+
+
+
+<script>
+import OverviewCard from '../components/OverviewCard.vue';
+
+export default {
+ components: {
+ OverviewCard,
+ },
+ data() {
+ return {
+ data: [],
+ };
+ },
+ methods: {
+ },
+ async created() {
+ try {
+ const response = await fetch('http://localhost:3000/overview');
+ this.data = await response.json();
+ } catch (error) {
+ console.error('Error fetching data:', error);
+ }
+ },
+};
+</script>
+
+<style scoped>
+
+/* Add any other desired styles */
+</style>
+
\ No newline at end of file
diff --git a/wayang-web-dashboard/dashboard-webapp/src/main/vue/vite.config.js b/wayang-web-dashboard/dashboard-webapp/src/main/vue/vite.config.js
new file mode 100644
index 0000000..69ad10c
--- /dev/null
+++ b/wayang-web-dashboard/dashboard-webapp/src/main/vue/vite.config.js
@@ -0,0 +1,32 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements. See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership. The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License. You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { fileURLToPath, URL } from 'node:url'
+
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+ plugins: [vue()],
+ resolve: {
+ alias: {
+ '@': fileURLToPath(new URL('./src', import.meta.url))
+ }
+ }
+})
