Commit c6407e09 authored by Léonard Treille's avatar Léonard Treille
Browse files

Add angular material and m-theme packages

parent 7c8e20d7
......@@ -199,6 +199,22 @@
"resolved": "https://registry.npmjs.org/@angular/animations/-/animations-9.1.4.tgz",
"integrity": "sha512-gMo/DbCm5BDArladMAeC7/75T2DvhLr4CSUGJt/P/aimTEG2ywoAALs3pzwSSe4qxrHiR0OIksVW3l4km3iXEw=="
},
"@angular/cdk": {
"version": "9.2.2",
"resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-9.2.2.tgz",
"integrity": "sha512-VNd+KuMN6cBcy4/8OyMxqYaxdjPP6IyCqIVijB2JREkc5Sg4VWmPgx2L3rHt/DzjsVBVRgx35uqOMymDezG3jQ==",
"requires": {
"parse5": "^5.0.0"
},
"dependencies": {
"parse5": {
"version": "5.1.1",
"resolved": "https://registry.npmjs.org/parse5/-/parse5-5.1.1.tgz",
"integrity": "sha512-ugq4DFI0Ptb+WWjAdOK16+u/nHfiIrcE+sh8kZMaM0WllQKLI9rOUq6c2b7cwPkXdzfQESqvoqK6ug7U/Yyzug==",
"optional": true
}
}
},
"@angular/cli": {
"version": "9.1.4",
"resolved": "https://registry.npmjs.org/@angular/cli/-/cli-9.1.4.tgz",
......@@ -470,6 +486,11 @@
"integrity": "sha512-eyVxxiegdb4ESdFGfkuDN+YfUbOVHRQLjIl6ACFJQDNHzVXzbmuqpyr5hIJANIVady103/7+dqRxxJo1DdIdTQ==",
"dev": true
},
"@angular/material": {
"version": "9.2.2",
"resolved": "https://registry.npmjs.org/@angular/material/-/material-9.2.2.tgz",
"integrity": "sha512-gdQiMJ6PtW/5fd+0mglHFyzxULDCBGjn9RTET3sUq2rkc9+jBXr4OvnsUyBWSnqqv97XqotVDIx5JgE4/YX/Rw=="
},
"@angular/platform-browser": {
"version": "9.1.4",
"resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-9.1.4.tgz",
......@@ -1496,6 +1517,11 @@
}
}
},
"@metromobilite/m-theme": {
"version": "1.3.5",
"resolved": "https://registry.npmjs.org/@metromobilite/m-theme/-/m-theme-1.3.5.tgz",
"integrity": "sha512-2zfYceTjAULZw5/lo4c4e3z6PG3EAclAc5QjFHSSVK7BrJawE7Lh60c2D/ZlsehkhzUs7El1+zRGR2lt0+G2zQ=="
},
"@ngtools/webpack": {
"version": "9.1.4",
"resolved": "https://registry.npmjs.org/@ngtools/webpack/-/webpack-9.1.4.tgz",
......
......@@ -3,16 +3,18 @@ import { NgModule } from '@angular/core';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
AppRoutingModule
],
providers: [],
bootstrap: [AppComponent]
declarations: [
AppComponent
],
imports: [
BrowserModule,
AppRoutingModule,
BrowserAnimationsModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>MAffluence</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<meta charset="utf-8">
<title>M - Mesure de l'affluence</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no , viewport-fit=cover">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<style>
@keyframes app-loader-animation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.app-loader-wrapper {
z-index: 1;
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.no-animated-logo {
--logo-animation: app-loader-animation 0s linear infinite;
}
body.dark-theme .app-loader-wrapper {
background: #16111a;
}
body.light-theme .app-loader-wrapper {
background: #ffffff;
}
.svg-defs {
width: 0;
height: 0;
position: absolute;
top: 0;
left: -9999px;
}
</style>
</head>
<body>
<app-root></app-root>
<body class="dark-theme mat-typography">
<svg class="svg-defs">
<symbol id="m-logo" viewBox="0 0 122.2 122.2" x="0px" y="0px">
<style type="text/css">
.logo-m-bg {
fill: #020203;
}
.logo-m-polygon-wrapper {
clip-path: url(#logo-m-clipath);
}
.logo-m-c2 {
fill: #5C2082;
}
.logo-m-c3 {
fill: #FFED00;
}
.logo-m-c4 {
fill: #E8460B;
}
.logo-m-c5 {
fill: #29B9CD;
}
.logo-m-c6 {
fill: #00A1C0;
}
.logo-m-c7 {
fill: #E61C6E;
}
.logo-m-c8 {
fill: #8ABD1F;
}
.logo-m-c9 {
fill: #35A933;
}
.logo-m-c10 {
fill: #281B68;
}
.logo-m-letter {
fill: #FFFFFF;
}
</style>
<g style="transform-origin: 50% 50%; animation: var(--logo-animation, app-loader-animation 5s linear infinite);">
<circle class="logo-m-bg" cx="61.1" cy="61.1" r="54.8" />
<path class="logo-m-c2" d="M101.7,96.9l5.4,4.4c4.5-5.2,8.2-11.1,10.7-17.5l-6.4-2.6C109.2,86.8,105.9,92.2,101.7,96.9z" />
<path class="logo-m-c3" d="M111.2,40l6.2-2.6c-1.6-3.7-3.5-7.2-5.7-10.5l-5.6,3.8C108.1,33.5,109.8,36.7,111.2,40z" />
<path class="logo-m-c3" d="M86.6,13.1l3.2-5.9C81.2,2.6,71.5,0,61.1,0c-4.7,0-9.2,0.5-13.6,1.5L49,8C62.2,5,75.4,7.1,86.6,13.1z" />
<path class="logo-m-c4" d="M106.1,30.6l5.6-3.8c-5.6-8.2-13.1-15-21.9-19.7L86.6,13C94.3,17.2,101.1,23.2,106.1,30.6z" />
<path class="logo-m-c5" d="M9,76.3l-6.5,1.9C4.6,85.5,8,92.1,12.4,98l5.4-4.1C14,88.7,10.9,82.8,9,76.3z" />
<path class="logo-m-c6" d="M9.1,76.3C9,76.1,8.9,76,8.9,75.8C0.7,47,17.4,17,46.2,8.8c0.9-0.3,1.9-0.5,2.8-0.7l-1.5-6.6
C20.3,7.7,0,32,0,61.1C0,67,0.9,72.8,2.5,78.2L9.1,76.3l-6.6,1.9l0,0L9.1,76.3L9.1,76.3z" />
<path class="logo-m-c7" d="M111.1,40c0.8,2,1.5,4,2.1,6.1c3.4,12,2.5,24.2-1.8,35l6.5,2.6l0,0l-6.4-2.6l6.4,2.6c2.8-7,4.3-14.6,4.3-22.6
c0-8.4-1.7-16.5-4.8-23.8L111.1,40L111.1,40z" />
<path class="logo-m-c8" d="M17.9,93.8l-0.1,0.1L12.4,98c2.2,2.9,4.6,5.6,7.3,8l4.7-5.1C22,98.8,19.8,96.4,17.9,93.8z" />
<path class="logo-m-c9" d="M61.1,115.2c-13.8,0-26.8-5.2-36.7-14.3l0,0l-4.7,5.1c10.9,10,25.4,16.2,41.3,16.2L61.1,115.2
C61,115.2,61,115.2,61.1,115.2z" />
<path class="logo-m-c10" d="M75.9,113.1c-5,1.4-10,2.1-14.8,2.1c0,0,0,0-0.1,0v7h0.1c18.4,0,34.8-8.1,46-20.9l-5.4-4.4
C95.1,104.4,86.3,110.2,75.9,113.1z" />
</g>
<polygon class="logo-m-letter" points="87.7,87.6 75.5,87.6 75.5,56.7 61.8,79.3 60.4,79.3 46.7,56.7 46.7,87.6 34.5,87.6 34.5,34.5
46.7,34.5 61.1,58.1 75.5,34.5 87.7,34.5" />
</symbol>
</svg>
<app-root>
<div class="app-loader-wrapper">
<svg width="128" height="128">
<use xlink:href="#m-logo" />
</svg>
</div>
<noscript>Veuillez activer javascript pour utiliser cette application.</noscript>
</app-root>
</body>
</html>
/* You can add global styles to this file, and also import other style files */
@import "~@metromobilite/m-theme/style";
html,
body {
height: 100%;
}
body {
margin: 0;
font-family: Roboto, "Helvetica Neue", sans-serif;
}
......@@ -14,7 +14,20 @@
"lib": [
"es2018",
"dom"
]
],
"paths": {
"@components/*": ["src/app/components/*"],
"@directives/*": ["src/app/directives/*"],
"@guards/*": ["src/app/guards/*"],
"@helpers/*": ["src/app/helpers/*"],
"@interceptors/*": ["src/app/interceptors/*"],
"@models/*": ["src/app/models/*"],
"@pages/*": ["src/app/pages/*"],
"@pipes/*": ["src/app/pipes/*"],
"@resolvers/*": ["src/app/resolvers/*"],
"@services/*": ["src/app/services/*"],
"@validators/*": ["src/app/validators/*"]
}
},
"angularCompilerOptions": {
"fullTemplateTypeCheck": true,
......
Markdown is supported
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