📄 Add license for new script

With an entrypoint script, fill the configuration template from an
environment variable containing the KI API URL.

.eslintrc.js

@@ -8,7 +8,7 @@ module.exports = {
     'eslint:recommended'
   ],
   parserOptions: {
-    parser: '@babel/eslint-parser'
+    parser: 'babel-eslint'
   },
   rules: {
     'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',

Dockerfile

@@ -2,7 +2,7 @@
 #
 # SPDX-License-Identifier: AGPL-3.0-or-later
 
-FROM node:20-alpine as builder
+FROM node:14-alpine as builder
 
 COPY . ./
 
@@ -18,3 +18,11 @@ LABEL org.opencontainers.image.source=https://git.wtf-eg.de/kompetenzinventar/ki
 LABEL org.opencontainers.image.url=https://git.wtf-eg.de/kompetenzinventar/ki-frontend
 LABEL org.opencontainers.image.documentation=https://git.wtf-eg.de/kompetenzinventar/ki-frontend#docker
 LABEL org.opencontainers.image.vendor="WTF Kooperative eG"
+
+ENV KI_API_URL http://ki-backend:5000
+
+WORKDIR /usr/share/nginx/html
+
+COPY etc/nginx/conf.d/default.conf /etc/nginx/conf.d/default.conf
+COPY configure.sh /docker-entrypoint.d/
+COPY --from=builder /dist .

configure.sh

@@ -0,0 +1,13 @@
+#!/bin/bash
+# SPDX-FileCopyrightText: WTF Kooperative eG <https://wtf-eg.de/>
+#
+# SPDX-License-Identifier: AGPL-3.0-or-later
+
+set -o errexit
+set +x
+
+: ${KI_API_URL:=http://ki-backend:5000}
+
+sed -e "s%\$KI_API_URL%$KI_API_URL%g" /usr/share/nginx/html/config.js.in > /usr/share/nginx/html/config.js
+
+exec "$@"

package.json

@@ -7,22 +7,22 @@
     "lint": "vue-cli-service lint"
   },
   "devDependencies": {
-    "@vue/cli-plugin-babel": "~5.0.8",
+    "@vue/cli-plugin-babel": "^4.5.0",
-    "@vue/cli-plugin-eslint": "~5.0.8",
+    "@vue/cli-plugin-eslint": "^4.5.0",
-    "@vue/cli-plugin-router": "~5.0.8",
+    "@vue/cli-plugin-router": "^4.5.0",
-    "@vue/cli-service": "~5.0.8",
+    "@vue/cli-service": "^4.5.0",
     "@vue/compiler-sfc": "^3.0.0",
-    "@babel/eslint-parser": "7.23.10",
+    "babel-eslint": "^10.1.0",
-    "bootstrap": "^5.3.2",
+    "bootstrap": "^5.0.1",
-    "bootstrap-icons": "^1.11.3",
+    "bootstrap-icons": "^1.5.0",
     "core-js": "^3.6.5",
-    "eslint": "^7.32.0",
+    "eslint": "^6.7.2",
     "eslint-plugin-vue": "^7.0.0",
     "sass": "^1.37.5",
     "sass-loader": "^10.2.0",
-    "v-tooltip": "^4.0.0-beta.17",
+    "v-tooltip": "^4.0.0-alpha.1",
-    "vue": "^3.4.0",
+    "vue": "^3.0.0",
-    "vue-router": "^4.2.5",
+    "vue-router": "^4.0.0-0",
-    "vuex": "^4.1.0"
+    "vuex": "^4.0.2"
   }
 }

public/config.js.in

@@ -0,0 +1,7 @@
+// SPDX-FileCopyrightText: WTF Kooperative eG <https://wtf-eg.de/>
+//
+// SPDX-License-Identifier: AGPL-3.0-or-later
+
+window.ki = {
+  apiUrl: "$KI_API_URL"
+}

src/assets/global.scss

@@ -21,11 +21,3 @@
 .search-card{
   height: 100%;
 }
-
-.card-body {
-  background-color: #fff;
-}
-
-.list-group-flush > .list-group-item {
-  background-color: #fff;
-}