Commit 38b0fe12 authored by François Agneray's avatar François Agneray
Browse files

Initial commit

parents
Pipeline #6797 passed with stages
site/
.idea
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
FROM nginx
COPY site /usr/share/nginx/html
FROM python:3
WORKDIR /usr/src/app
RUN pip install mkdocs
CMD [ "mkdocs", "serve" ]
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
# 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
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;
}
# 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
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
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment