Flask

.github/workflows/python-app.yml

@@ -0,0 +1,31 @@
+# This workflow will install Python dependencies, run tests and lint with a single version of Python
+# For more information see: https://docs.github.com/en/actions/automating-builds-and-tests/building-and-testing-python
+
+name: Deploy
+
+on:
+  push:
+    branches: [ "flask" ]
+  pull_request:
+    branches: [ "flask" ]
+
+permissions:
+  contents: read
+
+jobs:
+  deploy:
+
+    runs-on: self-hosted
+
+    steps:
+    - uses: actions/checkout@v4
+    - name: LS command
+      run: ls
+    - name: PWD command
+      run: pwd
+    - name: cp command
+      run: cp -r * /home/alex/VDI-APP-INSA
+    - name: api-service restart
+      run: sudo systemctl restart app-vdi
+    - name: api-service status
+      run: sudo systemctl status app-vdi

.gitignore

@@ -1 +1,3 @@
-*.sec
+*.sec
+*.key
+*.pyc

Dockerfile

@@ -0,0 +1,18 @@
+FROM python:3.11.2-bullseye
+
+RUN apt update
+
+RUN pip install Flask==3.0.0 gunicorn==20.1.0
+
+RUN mkdir /app
+WORKDIR /app
+
+COPY . /app
+
+# Partie variable d'environnement URLs
+ENV URL_API=https://api.insa-cvl.com
+
+
+EXPOSE 5000
+
+CMD ["/bin/bash", "entrypoint.sh"]

README.md

@@ -1 +1,59 @@
-# VDI
+# APP VDI
+
+## Description
+This the fronted of the APP VDI. You can find the API [here](https://github.com/AlexTheGeek/api-vdi).
+
+## Installation
+### Requirements
+1. Linux : Ubuntu 20.04, Debian 11,12
+2. Python 3.11.2
+3. Pip or Pipx : you can even create a virtual environment to run those scripts
+4. Create a user vdi with the home directory `/home/vdi`
+5. Create a folder `/home/vdi/VDI-APP` for the API and and clone this repository in it  
+    5.1. `mkdir -p /home/vdi/VDI-APP`  
+    5.2. `cd /home/vdi/VDI-APP`  
+    5.3. `git clone https://github.com/loimax/vdi.git`  
+6. Install the requirements : `pip install -r requirements.txt`
+7. Create a folder /var/log/VDI/API for the logs of the API : `mkdir -p /var/log/VDI/APP`  
+    7.1. Set the rights of the user who runs the API (here vdi) on this folder : `chown -R vdi:vdi /var/log/VDI/APP`  
+
+### Docker
+1. build the image : `docker build -t vdi-app .` or `docker-compose build` with the docker-compose.yml file
+2. run the container : `docker run -it -d -p 5000:5000 --name vdi-app vdi-app` or `docker-compose up -d` with the docker-compose.yml file
+```yaml
+version: "3.9"
+services:
+  vdi-app:
+    #build: .
+    image: vdi-app
+    container_name: vdi-app
+    ports:
+        - "5000:5000"
+    environment:
+        - URL_API=https://api.insa-cvl.com
+    restart: always
+```	
+3. check the logs : `docker logs vdi-app` or `docker-compose logs -f`
+
+
+### Systemd 
+1. Create a file `/etc/systemd/system/vdi-app.service` with the following content :  
+    ```
+    [Unit]
+    Description=Gunicorn instance to serve APP VDI
+    After=network.target
+
+    [Service]
+    User=vdi
+    Group=vdi
+    WorkingDirectory=/home/vdi/VDI-APP
+    Environment="PATH=/home/vdi/.local/bin"
+    ExecStart=/home/vdi/.local/bin/gunicorn --access-logfile /var/log/VDI/APP/access.log --error-logfile /var/log/VDI/APP/error.log --workers 3 --bind 0.0.0.0:5000 app:app
+
+    [Install]
+    WantedBy=multi-user.target
+    ``` 
+2. Reload the systemd daemon : `systemctl daemon-reload`
+3. Enable the service : `systemctl enable vdi-app.service`
+4. Start the service : `systemctl start vdi-app.service`
+5. Check the status of the service : `systemctl status vdi-app.service`

app-vdi.service

@@ -0,0 +1,13 @@
+[Unit]
+Description=Gunicorn instance to serve APP VDI
+After=network.target
+
+[Service]
+User=alex
+Group=alex
+WorkingDirectory=/home/alex/VDI-APP-INSA
+Environment="PATH=/home/alex/.local/bin"
+ExecStart=/home/alex/.local/bin/gunicorn --access-logfile /var/log/VDI/APP/access.log --error-logfile /var/log/VDI/APP/error.log --workers 3 --bind 0.0.0.0:5000 app:app
+
+[Install]
+WantedBy=multi-user.target

app.py

@@ -0,0 +1,36 @@
+from flask import Flask, render_template, redirect, url_for, send_from_directory, request
+
+app = Flask(__name__, static_folder='static')
+
+app.config['URL_API']="https://api.insa-cvl.com"
+
+@app.route('/robots.txt')
+def static_from_root():
+    return send_from_directory(app.static_folder, request.path[1:])
+
+@app.route('/')
+def home():
+    return redirect(url_for('login'))
+
+@app.route('/login', methods=['GET', 'POST'])
+def login():
+    return render_template('login.html', URL_API=app.config['URL_API'])
+
+@app.route('/admin', methods=['GET', 'POST'])
+def admin():
+    return render_template('admin.html', URL_API=app.config['URL_API'])
+
+@app.route('/professor', methods=['GET', 'POST'])
+def professor():
+    return render_template('professor.html', URL_API=app.config['URL_API'])
+
+@app.route('/dashboard', methods=['GET', 'POST'])
+def dashboard():
+    return render_template('dashboard.html', URL_API=app.config['URL_API'])
+
+@app.route('/viewer', methods=['GET'])
+def viewer():
+    return render_template('viewer.html', URL_API=app.config['URL_API'])
+
+if __name__ == '__main__':
+    app.run(debug=True, host="0.0.0.0", port=5001)

docker-compose.yml

@@ -0,0 +1,11 @@
+version: "3.9"
+services:
+  vdi-app:
+    #build: .
+    image: vdi-app
+    container_name: vdi-app
+    ports:
+        - "5000:5000"
+    environment:
+        - URL_API=https://api.insa-cvl.com
+    restart: always

docker.py

@@ -0,0 +1,37 @@
+from flask import Flask, render_template, redirect, url_for, send_from_directory, request
+import os
+
+app = Flask(__name__, static_folder='static')
+
+app.config['URL_API']=os.getenv('URL_API')
+
+@app.route('/robots.txt')
+def static_from_root():
+    return send_from_directory(app.static_folder, request.path[1:])
+
+@app.route('/')
+def home():
+    return redirect(url_for('login'))
+
+@app.route('/login', methods=['GET', 'POST'])
+def login():
+    return render_template('login.html', URL_API=app.config['URL_API'])
+
+@app.route('/admin', methods=['GET', 'POST'])
+def admin():
+    return render_template('admin.html', URL_API=app.config['URL_API'])
+
+@app.route('/professor', methods=['GET', 'POST'])
+def professor():
+    return render_template('professor.html', URL_API=app.config['URL_API'])
+
+@app.route('/dashboard', methods=['GET', 'POST'])
+def dashboard():
+    return render_template('dashboard.html', URL_API=app.config['URL_API'])
+
+@app.route('/viewer', methods=['GET'])
+def viewer():
+    return render_template('viewer.html', URL_API=app.config['URL_API'])
+
+if __name__ == '__main__':
+    app.run(debug=True, host="0.0.0.0", port=5001)

entrypoint.sh

@@ -0,0 +1,11 @@
+#!/bin/bash
+
+if [[ ! -d "/var/log/VDI/APP" ]]; then
+    mkdir -p /var/log/VDI/APP
+    touch /var/log/VDI/APP/access.log
+    touch /var/log/VDI/APP/error.log
+    touch /var/log/VDI/APP/app-flask.log
+fi
+
+
+gunicorn --access-logfile /var/log/VDI/APP/access.log --error-logfile /var/log/VDI/APP/error.log --workers 3 --bind 0.0.0.0:5000 docker:app

logo.colors

@@ -0,0 +1,6 @@
+#B61900 rouge foncé
+#E52100 rouge moyen foncé
+#E22700 rouge
+#FFFFFF blanc
+#001014 noir
+#869CA2 gris

static/css/base.css

@@ -0,0 +1,87 @@
+footer {
+    font-size: 10px;
+    line-height: 0px;
+}
+
+.border-bottom-nav {
+    border-bottom: 2px solid #FFF;
+}
+
+.dropdown-menu-right {
+    right: 0;
+    left: auto;
+}
+
+.lds-default-container {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.cards {
+    display: flex;
+    flex-wrap: wrap;
+    list-style: none;
+    padding: 0;
+    margin: 20px;
+}
+
+.card {
+    margin-left: 20px;
+    margin-right: 20px;
+}
+
+body {
+    background-color: #343A40;
+    color: white;
+    margin-bottom: 20px;
+    overflow-y: scroll;
+}
+
+.blockquote-footer {
+    color: white;
+}
+
+h1 {
+    margin: 20px;
+    font-size: 24px;
+    text-align: center;
+}
+
+h2 {
+    font-size: 20px;
+    text-align: center;
+}
+
+#addUserCard, #addVMOutCard, #addTemplateCard, a:hover {
+    cursor: pointer;
+}
+
+.navbar {
+    background-color: #343A40;
+}
+
+.navbar-dark .navbar-nav .nav-link {
+    color: white;
+}
+
+.nav-tabs .nav-item {
+    transition: transform 0.3s ease-in-out;
+    margin-bottom: 1px;
+}
+
+.nav-tabs .nav-item:hover {
+    transform: scale(1.1);
+}
+
+.nav-tabs {
+    border-bottom: none;
+}
+
+.nav-item {
+    padding: 0 20px;
+}
+
+a, a:hover {
+    color: inherit;
+}