Initial commit

.gitignore

+site/
+.idea

.gitlab-ci.yml

+stages:
+    - build
+    - dockerize
+
+build:
+    image: python:3.9
+    stage: build
+    cache: {}
+    script:
+        - pip install mkdocs
+        - mkdocs build --clean
+    artifacts:
+        paths:
+            - site
+
+dockerize:
+    image: docker:stable
+    stage: dockerize
+    cache: {}
+    script:
+        - docker login -u $CI_REGISTRY_USER -p $CI_REGISTRY_PASSWORD $CI_REGISTRY
+        - docker pull $CI_REGISTRY/envol/envol-2021-tp-angular-2-guide/guide:latest || true
+        - docker build --cache-from $CI_REGISTRY/envol/envol-2021-tp-angular-2-guide/guide:latest -t $CI_REGISTRY/envol/envol-2021-tp-angular-2-guide/guide:latest .
+        - docker push $CI_REGISTRY/envol/envol-2021-tp-angular-2-guide/guide:latest

Dockerfile

+FROM nginx
+
+COPY site /usr/share/nginx/html

Dockerfile.dev

+FROM python:3
+
+WORKDIR /usr/src/app
+
+RUN pip install mkdocs
+
+CMD [ "mkdocs", "serve" ]

Makefile

+UID := $(id -u)
+GID := $(id -g)
+NAME_APP=mkdocs
+
+list:
+	@echo ""
+	@echo "Useful targets:"
+	@echo ""
+	@echo "  install      > build mkdocs docker image"
+	@echo "  start        > run a dev server for $(NAME_APP) application (in memory)"
+	@echo "  stop         > stop the dev server for $(NAME_APP) application"
+	@echo "  restart      > restart the dev server for $(NAME_APP) (container)"
+	@echo "  status       > display $(NAME_APP) container status"
+	@echo "  build        > generate dist application (html, css, js)"
+	@echo "  logs         > display $(NAME_APP) container logs"
+	@echo "  shell        > shell into $(NAME_APP) container"
+	@echo ""
+
+install:
+	@docker build -f ./Dockerfile.dev -t mkdocs-img . 
+
+start:
+	@docker run --init -it --rm \
+	--user $(UID):$(GID) \
+	--name $(NAME_APP) \
+	-p 8888:8888 \
+	-v $(CURDIR):/project  \
+	-w /project -d mkdocs-img mkdocs serve
+
+stop:
+	@docker stop $(NAME_APP)
+
+restart: stop start
+
+status:
+	@docker ps -f name=$(NAME_APP)
+
+build:
+	@docker run --init -it --rm \
+	--user $(UID):$(GID) \
+	-v $(CURDIR):/project  \
+	-w /project mkdocs-img mkdocs build --clean
+
+logs:
+	@docker logs -f -t $(NAME_APP)
+
+shell:
+	@docker exec -ti $(NAME_APP) bash

README.md

+# ENVOL 2021 TP Angular
+
+## Introduction
+
+Dêpôt source contenant le TP utilisé pour la formation ENVOL 2021. Le guide est écrit en utilisant l'outil mkdocs (https://www.mkdocs.org/).
+
+## Installation
+
+Vous aurez besoin d'une image docker local contenant l'outil mkdocs pour utiliser ce dépôt.
+
+ - Pour générer l'image : `make install`
+
+## Lancer le serveur de développement
+
+MkDocs fournit un serveur de développement qui vous permet de visualiser votre documentation et qui rafraichit la page à chaque changement de fichiers.
+
+ - Pour lancer le serveur : `make start`
+
+Après le lancement l'application est disponible sur : http://localhost:8888
+
+## Générer le site web
+
+Le site web est généré dans un dossier nommé `site`
+
+ - Pour lancer la génération : `make build`
+
+## Auteurs
+
+Ce guide a été realisé par : 
+
+ - François Agneray : Laboratoire d'Astrophysique de Marseille
+ - Tifenn Guillas : Laboratoire d'Astrophysique de Marseille

docs/extra.css

+img[src*='#left'] { 
+    float: left;
+}
+img[src*='#right'] { 
+    float: right;
+}
+img[src*='#center'] { 
+    display: block; 
+    margin: auto; 
+}
+
+h3 {
+    text-decoration: underline;
+}
+
+.success_response {
+    color: #28a745;
+    font-weight: bold;
+}
+
+.error_response {
+    color: #dc3545;
+    font-weight: bold;
+}
+
+table {
+    border-collapse: collapse;
+    margin: 25px 0;
+    font-size: 0.9em;
+    font-family: sans-serif;
+    min-width: 400px;
+    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
+}
+
+thead tr {
+    background-color: #2980B9;
+    color: #ffffff;
+    text-align: left;
+}
+
+th, td {
+    padding: 12px 15px;
+}
+
+tbody tr {
+    border-bottom: 1px solid #dddddd;
+}
+
+tbody tr:nth-of-type(even) {
+    background-color: #f3f3f3;
+}
+
+tbody tr:last-of-type {
+    border-bottom: 2px solid #009879;
+}

docs/index.md

+# TP Angular n°2
+
+Nous allons mettre en œuvre dans ce TP :
+
+ - L'installation de l'environnement de développement pour le TP Angular n°2
+ - Le développement d'une interface graphique pour l'application backend express developpé précédement
+
+## Déroulement du TP
+
+Le TP comprend un docker-compose qui permettra d'installer un serveur de base de données + le serveur backend express + une interface web pour visualiser la base de données missions et enfin l'application frontend sur le port 4200.
+
+## Guide
+
+À chaque étape du TP, vous serez guidés pour la mise en oeuvre de votre application avec des indications et vous pourrez visualiser le résultat attendu sous forme de screenshot.
+
+# Auteurs
+
+Ce guide a été réalisé par : 
+
+ - `François Agneray` : Laboratoire d'Astrophysique de Marseille
+ - `Tifenn Guillas` : Laboratoire d'Astrophysique de Marseille
+ 
\ No newline at end of file

mkdocs.yml

+site_name: ENVOL 2021 - TP Angular n°2
+site_url: https://cesam.lam.fr/envol-2021-tp-angular-2/
+dev_addr: 0.0.0.0:8888
+theme: readthedocs
+extra_css: [extra.css]
+nav:
+    - Accueil: index.md
\ No newline at end of file