Remplacement de l'utilisation d'un <link> pour utiliser Bootstrap

This commit is contained in:
LePainDemi 2023-02-22 15:47:50 +01:00
parent a02139ab58
commit cb16fba6ee
6 changed files with 1629 additions and 26 deletions

View File

@ -7,7 +7,9 @@
"projectType": "application", "projectType": "application",
"schematics": { "schematics": {
"@schematics/angular:component": { "@schematics/angular:component": {
"style": "sass" "style": "sass",
} }
}, },
"root": "", "root": "",
@ -30,9 +32,13 @@
"src/assets" "src/assets"
], ],
"styles": [ "styles": [
"./node_modules/bootstrap/dist/css/bootstrap.css",
"src/styles.sass" "src/styles.sass"
], ],
"scripts": [] "scripts": [
"./node_modules/jquery/dist/jquery.js",
"./node_modules/bootstrap/dist/js/bootstrap.js"
]
}, },
"configurations": { "configurations": {
"production": { "production": {
@ -100,5 +106,8 @@
} }
} }
} }
},
"cli": {
"analytics": false
} }
} }

1631
app/package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@ -18,6 +18,9 @@
"@angular/platform-browser": "^15.1.0", "@angular/platform-browser": "^15.1.0",
"@angular/platform-browser-dynamic": "^15.1.0", "@angular/platform-browser-dynamic": "^15.1.0",
"@angular/router": "^15.1.0", "@angular/router": "^15.1.0",
"@ng-bootstrap/schematics": "^2.0.0-alpha.1",
"bootstrap": "^5.2.3",
"jquery": "^3.6.3",
"rxjs": "~7.8.0", "rxjs": "~7.8.0",
"tslib": "^2.3.0", "tslib": "^2.3.0",
"zone.js": "~0.12.0" "zone.js": "~0.12.0"

View File

@ -1,7 +1,9 @@
import { NgModule } from '@angular/core'; import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router'; import { RouterModule, Routes } from '@angular/router';
const routes: Routes = []; const routes: Routes = [
];
@NgModule({ @NgModule({
imports: [RouterModule.forRoot(routes)], imports: [RouterModule.forRoot(routes)],

View File

@ -31,3 +31,5 @@
</div> </div>
</nav> </nav>
<router-outlet></router-outlet>

View File

@ -6,7 +6,7 @@
<base href="/"> <base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico"> <link rel="icon" type="image/x-icon" href="favicon.ico">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
</head> </head>
<body> <body>
<app-root></app-root> <app-root></app-root>