Y3 release

.env.development

+VUE_APP_API="http://localhost:8080"
+VUE_APP_KEYCLOAK_URL="https://catalogue-keycloak-dev.k8s.medina.esilab.org/auth"
+VUE_APP_TOM_BASE_URL="https://catalogue-dev.k8s.medina.esilab.org"

.env.production

+VUE_APP_API="<<CCE_API_URL>>"
+VUE_APP_KEYCLOAK_URL="<<KEYCLOAK_URL>>"
+VUE_APP_TOM_BASE_URL="<<CCE_TOM_BASE_URL>>"

.gitignore

+.DS_Store
+node_modules
+/dist
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

.nginx/nginx.conf

+worker_processes 4;
+
+events { 
+  worker_connections 1024; 
+}
+
+http {
+  server {
+    listen 80;
+    root  /usr/share/nginx/html;
+    include /etc/nginx/mime.types;
+
+    add_header Access-Control-Allow-Origin *;
+
+    location / {
+      try_files  $uri /index.html;
+    }
+  }
+}
\ No newline at end of file

Dockerfile

+# build stage
+FROM node:lts-alpine as build-stage
+
+WORKDIR /app
+
+# Copy the package.json and install dependencies
+COPY package*.json ./
+RUN npm install
+
+# Copy rest of the files
+COPY . .
+
+# Build the project
+RUN npm run build
+
+# production stage
+FROM nginx:stable-alpine as production-stage
+
+COPY ./.nginx/nginx.conf /etc/nginx/nginx.conf
+# Remove default nginx index page
+RUN rm -rf /usr/share/nginx/html/*
+
+# Copy from build stage
+COPY --from=build-stage /app/dist /usr/share/nginx/html
+COPY --from=build-stage /app/entrypoint.sh /root
+RUN chmod u+x /root/entrypoint.sh
+
+EXPOSE 80
+CMD /root/entrypoint.sh
\ No newline at end of file

LICENSE

+                                 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 2021 MEDINA
+
+   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.

README.md

+# CCE Frontend
+
+Author: XLAB d.o.o.
+
+---
+
+## Project setup
+
+### Install dependencies
+```
+npm install
+```
+
+### Compiles and hot-reloads for development
+```
+npm run serve
+```
+
+### Compiles and minifies for production
+```
+npm run build
+```
+
+### Lints and fixes files
+```
+npm run lint
+```
+
+## Docker
+
+### Docker build
+```
+docker build -t registry-gitlab.xlab.si/medina/cce-frontend .
+```
+
+### Docker run
+```
+docker run -p 8081:80 registry-gitlab.xlab.si/medina/cce-frontend:latest
+```
+
+## Versioning
+
+Before pushing to master check if version needs to be updated  in [package.json](package.json#L3).
+This version is also used for tagging docker image at CI.
+
+## Setting API URL
+
+You can set the API URL using the `CCE_API_URL` environment variable. 
+By default (if unset) the URL used is MEDINA k8s dev deploy: https://cce-api-dev.k8s.medina.esilab.org
+
+## Local development environment
+
+To run CCE frontend locally and call CCE API in MEDINA DEV environment use following configuration:
+
+**.env.development**
+```
+VUE_APP_API="https://cce-api-dev.k8s.medina.esilab.org/"
+VUE_APP_KEYCLOAK_URL="https://catalogue-keycloak-dev.k8s.medina.esilab.org/auth"
+```
+
+**vue.config.js**
+```
+module.exports = {
+  devServer: {
+    historyApiFallback: true,
+    port: 443,
+    host: 'cce-dev.k8s.medina.esilab.org',
+    https: true
+  }
+}
+```
+
+**/etc/hosts**
+```
+127.0.0.1 cce-dev.k8s.medina.esilab.org
+```
+
+### And run in console
+```
+sudo node_modules/.bin/vue-cli-service serve
+```

babel.config.js

+/*
+ * Copyright 2020-2023 XLAB d.o.o.
+ *
+ * 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.
+ */
+
+module.exports = {
+  presets: ["@vue/cli-plugin-babel/preset"],
+};

entrypoint.sh

+URL="${CCE_API_URL:-https://cce-api-dev.k8s.medina.esilab.org}"
+TOM_BASE_URL="${CCE_TOM_BASE_URL:-https://catalogue-dev.k8s.medina.esilab.org}"
+
+sed -i "s|<<CCE_API_URL>>|${CCE_API_URL}|g" /usr/share/nginx/html/js/app.*.js
+sed -i "s|<<KEYCLOAK_URL>>|${KEYCLOAK_URL}|g" /usr/share/nginx/html/js/app.*.js
+sed -i "s|<<CCE_TOM_BASE_URL>>|${CCE_TOM_BASE_URL}|g" /usr/share/nginx/html/js/app.*.js
+
+nginx -g 'daemon off;'

package.json

+{
+  "name": "cce-frontend",
+  "version": "1.0",
+  "private": true,
+  "author": {
+    "name": "XLAB d.o.o.",
+    "url": "https://xlab.si/"
+  },
+  "scripts": {
+    "serve": "vue-cli-service serve",
+    "build": "vue-cli-service build",
+    "lint": "vue-cli-service lint"
+  },
+  "engines": {
+    "npm": ">= 9.5.0",
+    "node": ">= 18.15.0"
+  },
+  "dependencies": {
+    "@fortawesome/fontawesome-free": "^6.4.2",
+    "@fortawesome/fontawesome-svg-core": "^6.4.2",
+    "@fortawesome/free-brands-svg-icons": "^6.4.2",
+    "@fortawesome/free-regular-svg-icons": "^6.4.2",
+    "@fortawesome/free-solid-svg-icons": "^6.4.2",
+    "@ssthouse/vue3-tree-chart": "^0.2.6",
+    "axios": "^1.5.1",
+    "bootstrap": "^5.3.2",
+    "core-js": "^3.33.0",
+    "eslint-plugin-vue": "^9.17.0",
+    "jquery": "^3.7.1",
+    "keycloak-js": "^22.0.4",
+    "luxon": "^3.4.3",
+    "vue": "^3.3.4",
+    "vue-axios": "^3.5.2",
+    "vue-router": "^4.2.5",
+    "vuex": "^4.1.0"
+  },
+  "devDependencies": {
+    "@babel/eslint-parser": "^7.22.15",
+    "@vue/cli-plugin-babel": "~5.0.8",
+    "@vue/cli-plugin-eslint": "~5.0.8",
+    "@vue/cli-service": "~5.0.8",
+    "@vue/eslint-config-prettier": "^8.0.0",
+    "eslint": "^8.51.0",
+    "eslint-plugin-prettier": "^5.0.1",
+    "prettier": "^3.0.3",
+    "sass": "^1.69.3",
+    "sass-loader": "^13.3.2"
+  },
+  "eslintConfig": {
+    "root": true,
+    "env": {
+      "node": true
+    },
+    "extends": [
+      "plugin:vue/vue3-essential",
+      "eslint:recommended",
+      "@vue/prettier"
+    ],
+    "parserOptions": {
+      "parser": "@babel/eslint-parser"
+    },
+    "rules": {
+      "vue/multi-word-component-names": 0
+    }
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not dead"
+  ]
+}

public/index.html

+<!DOCTYPE html>
+<html lang="">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
+    <title><%= htmlWebpackPlugin.options.title %></title>
+  </head>
+  <body>
+    <noscript>
+      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
+    </noscript>
+    <div id="app"></div>
+    <!-- built files will be auto injected -->
+  </body>
+</html>

src/App.vue

+<template>
+  <header-component></header-component>
+  <router-view></router-view>
+  <footer-component></footer-component>
+</template>
+
+<script>
+import FooterComponent from "@/components/FooterComponent";
+import HeaderComponent from "@/components/HeaderComponent";
+
+export default {
+  name: "App",
+  components: {
+    HeaderComponent,
+    FooterComponent,
+  },
+};
+</script>
+
+<style>
+#app {
+  font-family: Avenir, Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  color: #2c3e50;
+  background: #e4e5e6;
+  min-height: 100vh;
+  height: auto;
+}
+</style>

src/assets/requirementCodeGuidelinesIdDict.json

+{
+  "OIS-02.4H": 1,
+  "ISP-03.5H": 2,
+  "HR-03.4H": 3,
+  "HR-04.3H": 4,
+  "HR-05.2H": 5,
+  "HR-06.2H": 6,
+  "HR-06.3H": 7,
+  "HR-06.5H": 8,
+  "OPS-02.2H": 9,
+  "OPS-05.3H": 10,
+  "OPS-07.2H": 11,
+  "OPS-09.2H": 12,
+  "OPS-12.1H": 13,
+  "OPS-12.2H": 14,
+  "OPS-13.1H": 15,
+  "OPS-18.6H": 16,
+  "OPS-21.1H": 17,
+  "AM-01.4H": 18,
+  "AM-03.4H": 19,
+  "AM-04.1H": 20,
+  "PS-02.8H": 21,
+  "IAM-03.1H": 22,
+  "IAM-03.2H": 23,
+  "IAM-03.5H": 24,
+  "IAM-03.6H": 25,
+  "CCM-04.1H": 26,
+  "CCM-05.1H": 27,
+  "PM-04.7H": 28,
+  "PM-04.8H": 29,
+  "IM-02.5H": 30,
+  "CO-03.5H": 31,
+  "CO-03.6H": 32,
+  "INQ-03.4H": 33,
+  "PSS-04.2H": 34
+}

src/client/client.js

+/*
+ * Copyright 2020-2023 XLAB d.o.o.
+ *
+ * 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.
+ */
+
+import axios from "axios";
+
+const client = axios.create({
+  baseURL: process.env.VUE_APP_API,
+  timeout: 8000,
+  headers: {
+    "Content-Type": "application/json",
+  },
+});
+
+export default client;

src/components/FooterComponent.vue

+<template>
+  <footer class="medina-footer">
+    <div class="fwr">
+      <div
+        class="medina-images-footer d-flex flex-column flex-md-column align-items-center flex-lg-row justify-content-lg-between"
+      >
+        <div class="img-wrap float-start">
+          <a href="https://xlab.si" target="_blank" rel="noopener noreferrer"
+            ><img src="../assets/XLAB-logo.png"
+          /></a>
+        </div>
+
+        <div>
+          <div>
+            THE WEBSITE AND ITS SERVICES ARE IN BETA VERSION AND ARE PROVIDED
+            FOR RESEARCH PURPOSES, EXPERIMENTATION, AND SCIENTIFIC PUBLICATION.
+          </div>
+          <div>
+            <p>
+              COPYRIGHT &copy; 2023
+              <a
+                href="https://xlab.si"
+                target="_blank"
+                rel="noopener noreferrer"
+                >XLAB D.O.O.</a
+              >
+              ALL RIGHTS RESERVED.
+            </p>
+          </div>
+        </div>
+        <div class="img-wrap float-end">
+          <img src="../assets/eu-flag.png" />
+        </div>
+      </div>
+    </div>
+  </footer>
+</template>
+
+<script>
+export default {
+  name: "FooterComponent",
+};
+</script>
+
+<style scoped lang="scss">
+@import "@/styles/_variables.scss";
+footer {
+  z-index: 99;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  margin-top: 12px;
+  position: sticky;
+  font-size: 14px;
+  line-height: 20px;
+  &.medina-footer .fwr {
+    display: flex;
+    background: $color-cyan;
+    color: white;
+    width: 100%;
+    flex-wrap: wrap;
+    .medina-images-footer {
+      max-width: 100%;
+      width: 100%;
+      padding: 15px;
+      margin-right: auto;
+      margin-left: auto;
+      text-align: center;
+      .img-wrap {
+        text-align: right;
+        height: 38px;
+        &.float-start {
+          margin-left: 24px;
+        }
+        &.float-end {
+          margin-right: 24px;
+          padding-left: 137.5px;
+        }
+        img {
+          margin-top: -1px;
+          max-height: 50px;
+        }
+      }
+      p {
+        margin-bottom: 10px;
+        a {
+          color: white;
+          text-decoration: none;
+        }
+      }
+    }
+  }
+  @media (max-width: 991px) {
+    position: relative;
+    .img-wrap {
+      margin-left: 0 !important;
+      margin-right: 0 !important;
+      padding-left: 0 !important;
+
+      &.float-start {
+        margin-bottom: 20px;
+      }
+    }
+  }
+}
+</style>

src/components/HeaderComponent.vue

+<template>
+  <div id="header">
+    <div class="btn-group-wrap">
+      <div class="btn-group">
+        <a
+          class="btn btn-cce-dark"
+          target="_blank"
+          rel="noopener noreferrer"
+          href="https://medina-project.eu/wp-content/uploads/MEDINA_User_Manuals/MEDINA_CCE_UserManual.pdf"
+          ><i class="fa-solid fa-circle-question"></i>Help</a
+        >
+        <router-link class="btn btn-cce-dark" :to="{ name: 'EvaluationTree' }"
+          ><i class="fa-solid fa-diagram-project"></i>Evaluation
+          tree</router-link
+        >
+        <router-link
+          class="btn btn-cce-dark"
+          :to="{ name: 'AggregatedResults' }"
+          ><i class="fa-solid fa-list"></i>Evaluation overview</router-link
+        >
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "HeaderComponent",
+};
+</script>
+
+<style scoped lang="scss">
+@import "@/styles/_variables.scss";
+
+#header {
+  background: $color-light-black;
+  .btn-group-wrap {
+    display: flow-root;
+    .btn-group {
+      padding: 6px 10px 5px;
+      display: flow-root;
+      .btn {
+        display: flex;
+        float: right;
+        padding: 7px 20px;
+        &:hover {
+          text-decoration: underline;
+        }
+        i {
+          margin-right: 10px;
+          position: relative;
+          top: 3px;
+        }
+      }
+    }
+  }
+}
+</style>