Add first version of a vuetify view #426

Author: mam10eks

.dockerignore

@@ -4,3 +4,5 @@ venv
 application/src/tira/frontend/node_modules
 src/tira/frontend/node_modules
 .git
+**/venv/
+**/node_modules/

application/.dockerignore

@@ -0,0 +1,2 @@
+venv/
+**/node_modules/

application/Dockerfile.application

@@ -1,3 +1,12 @@
+#Build Vuitify in first stage: Only change in case of new / updated dependencies
+FROM webis/tira-application:build-vuetify-0.0.60
+
+COPY application/src/tira/frontend-vuetify /src/tira/frontend-vuetify
+
+RUN mv /vuetify-dependencies-node-modules node_modules \
+	&& yarn build
+
+
 # Only change in case of new / updated dependencies
 FROM webis/tira-application:basis-0.0.47
 
@@ -19,9 +28,12 @@ RUN cd /tira/application/src/tira/frontend/ && \
 	chmod +x /tira/application/src/tira/endpoints/aha && \
 	cp /tira/application/src/tira/management/commands/irds_cli.sh /irds_cli.sh && \
 	rm -f ./config/settings.yml ./config/config.yml ./config/tira-application-config.dev.yml && \
+	rm -R tira/static/tira/frontend-vuetify/ && \
 	apk add sudo && \
 	echo '%podman ALL=(ALL) ALL' > /etc/sudoers.d/podman
 
+COPY --from=0 /src/tira/static/tira/frontend-vuetify/ /tira/application/src/tira/static/tira/frontend-vuetify/
+
 RUN cd /tira/application/ && \
         ./test/run_all_tests.sh
 

application/Dockerfile.basis

@@ -1,10 +1,10 @@
-FROM nginx:1.24-alpine
+FROM nginx:1.18-alpine
 # 1. setup user and system software
 
 RUN apk update &&\
     apk add --no-cache gcc linux-headers make musl-dev python3-dev build-base libxml2 libxslt libxml2-dev libxslt-dev pcre-dev &&\
     apk add --no-cache g++ &&\
-    apk add --update --no-cache python3 py-pip zip py3-virtualenv mariadb-dev npm git openssh-client libc6-compat
+    apk add --update --no-cache python3 py-pip zip py3-virtualenv mariadb-dev npm git openssh-client libc6-compat pandas
 
 
 # NOTE: We'll install it here, so rebuilding the image when testing application code is faster.

application/Dockerfile.vuetify

@@ -0,0 +1,11 @@
+FROM node:lts
+
+COPY src/tira/frontend-vuetify /src/tira/frontend-vuetify
+
+WORKDIR /src/tira/frontend-vuetify
+
+RUN yarn install \
+	&& yarn build \
+	&& mv node_modules /vuetify-dependencies-node-modules \
+	&& rm -Rf *
+

application/Makefile

@@ -94,6 +94,7 @@ docker-publish:
 	docker push webis/tira-application-grpc:${VERSION_GRPC}
 
 build-docker-basis:
+        docker build --tag webis/tira-application:build-vuetify-${VERSION_APPLICATION} -f Dockerfile.vuetify .
 	docker build --tag webis/tira-application:basis-${VERSION_APPLICATION} -f Dockerfile.basis ..
 
 clean:

application/src/tira/templates/tira/landing_page.html application/src/tira/templates/tira/veutify_page.html

@@ -18,7 +18,7 @@
     path('task/<str:task_id>/user/<str:vm_id>', views.software_detail, name='software-detail'),
     path('task/<str:task_id>/user/<str:vm_id>/dataset/<str:dataset_id>/run/<str:run_id>', views.review, name='review'),
 
-    path('t-v2/lp', views.landing_page, name='landing_page'),
+    path('frontend-vuetify', views.veutify_page, name='veutify_page'),
 
     path('request_vm', views.request_vm, name='request_vm'),
     path('login', views.login, name='login'),
@@ -101,7 +101,6 @@
 
     path('diffir/<str:task_id>/<str:run_id_1>/<str:run_id_2>', diffir_api.diffir, name='diffir'),
     path('serp/<str:task_id>/user/<str:vm_id>/dataset/<str:dataset_id>/<str:run_id>', serp_api.serp, name='serp'),
-
 ]
 
 app_name = 'tira'

application/src/tira/urls.py

@@ -63,8 +63,8 @@ def background_jobs(request, context, task_id, job_id):
 
 
 @add_context
-def landing_page(request, context):
-    return render(request, 'tira/landing_page.html', context)
+def veutify_page(request, context):
+    return render(request, 'tira/veutify_page.html', context)
 
 
 @check_permissions

application/src/tira/views.py

@@ -34,6 +34,17 @@
             ORGANIZER_WRONG_TASK: 200,
         },
     ),
+    route_to_test(
+        url_pattern='frontend-vuetify',
+        params=None,
+        group_to_expected_status_code={
+            ADMIN: 200,
+            GUEST: 200,
+            PARTICIPANT: 200,
+            ORGANIZER: 200,
+            ORGANIZER_WRONG_TASK: 200,
+        },
+    ),
     route_to_test(
         url_pattern='tasks',
         params=None,