Migration css vers scss

angular.json

@@ -25,7 +25,7 @@
             ],
             "styles": [
               "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
-              "src/styles.css"
+              "src/styles.scss"
             ],
             "scripts": []
           },
@@ -89,7 +89,7 @@
             ],
             "styles": [
               "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
-              "src/styles.css"
+              "src/styles.scss"
             ],
             "scripts": []
           }
@@ -122,5 +122,10 @@
       }
     }
   },
+  "schematics": {
+    "@schematics/angular:component": {
+      "styleext": "scss"
+    }
+  },
   "defaultProject": "EPAClient"
 }

src/app/app.component.ts

@@ -8,7 +8,7 @@ import { cles } from "@shared/utils/cles"
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
-  styleUrls: ['./app.component.css']
+  styleUrls: ['./app.component.scss']
 })
 
 export class AppComponent implements OnInit {

src/app/demandes-formation/new-demande-formation/new-demande-formation.component.ts

@@ -13,7 +13,7 @@ import { DemandesFormationService } from "@shared/api-swagger/api/api";
 @Component({
   selector: 'app-new-demande-formation',
   templateUrl: './new-demande-formation.component.html',
-  styleUrls: ['./new-demande-formation.component.css']
+  styleUrls: ['./new-demande-formation.component.scss']
 })
 export class NewDemandeFormationComponent implements OnInit {
 

src/app/ep/details-ep/details-ep.component.ts

@@ -12,7 +12,7 @@ import { Subscription } from "rxjs";
 @Component({
     selector : "details-ep",
     templateUrl: "./details-ep.component.html",
-    styleUrls: ["./details-ep.component.css"]
+    styleUrls: ["./details-ep.component.scss"]
 })
 export class DetailsEPComponent implements OnInit {
 

src/app/ep/details-ep/ep-choix-date/ep-choix-date.component.ts

@@ -7,7 +7,7 @@ import { RDVEntretienDTO } from '@shared/api-swagger';
 @Component({
   selector: 'ep-choix-date',
   templateUrl: './ep-choix-date.component.html',
-  styleUrls: ["ep-choix-date.component.css"]
+  styleUrls: ["ep-choix-date.component.scss"]
 })
 export class EpChoixDateComponent  {
   @Input() rdvsEntretien : Array<RDVEntretienDTO>;

src/app/ep/details-ep/ep-objectifs/ep-objectifs.component.ts

@@ -5,7 +5,7 @@ import { afficherStatutObjectif, EpDTO, StatutObjectif } from "@shared/api-swagg
 @Component({
     selector : "ep-objectifs",
     templateUrl: "ep-objectifs.component.html",
-    styleUrls: ["ep-objectifs.component.css"]
+    styleUrls: ["ep-objectifs.component.scss"]
 })
 export class EpObjectifsComponent {
     

src/app/formations/edit-formation/edit-formation.component.ts

@@ -19,7 +19,7 @@ import { FormationsService } from '@shared/api-swagger/api/api';
 @Component({
   selector: 'app-edit-formation',
   templateUrl: './edit-formation.component.html',
-  styleUrls: ["edit-formation.component.css"]
+  styleUrls: ["edit-formation.component.scss"]
 })
 export class EditFormationComponent implements OnInit {
   /**

src/app/formations/new-formation/new-formation.component.ts

@@ -13,7 +13,7 @@ import { FormationsService } from "@shared/api-swagger/api/api";
 @Component({
   selector: 'app-new-formation',
   templateUrl: './new-formation.component.html',
-  styleUrls: ['./new-formation.component.css']
+  styleUrls: ['./new-formation.component.scss']
 })
 export class NewFormationComponent implements OnInit {
   /**

src/app/home/home-assistante/home-assistante.component.ts

@@ -14,7 +14,7 @@ import { epTypeRecherche } from '@shared/utils/cles';
 @Component({
   selector : 'home-assistante',
   templateUrl : 'home-assistante.component.html',
-  styleUrls : [ "./home-assistante.component.css"]
+  styleUrls : [ "./home-assistante.component.scss"]
 })
 export class HomeAssistanteComponent {
   displayedColumns: string[] = ["agence", "collaborateur", "referent", "datearrivee", "statutep", "typeep", "dateentretien", "datedisponibilite", "consultation"];

src/app/shared/filter/checkbox-filter/checkbox-filter.ts

@@ -8,7 +8,7 @@ import { SelectedElement } from "@shared/filter/selected-element";
 @Component({
     selector: "checkbox-filter",
     templateUrl: "./checkbox-filter.html",
-    styleUrls: ["./checkbox-filter.css"]
+    styleUrls: ["./checkbox-filter.scss"]
 })
 export class CheckboxFilterComponent<T> implements OnInit, OnChanges  {
    

src/app/shared/filter/select-filter/select-filter.ts

@@ -4,7 +4,7 @@ import { SelectedElement } from "@shared/filter/selected-element";
 @Component({
     selector: "select-filter",
     templateUrl: "./select-filter.html",
-    styleUrls: ["./select-filter.css"]
+    styleUrls: ["./select-filter.scss"]
 })
 export class SelectFilterComponent<T> implements OnInit, OnChanges   {
    

src/app/shared/mat-tables/collaborateurs-table/collaborateurs.table.ts

@@ -12,7 +12,7 @@ import { cles, collaborateurTypeRecherche } from "@shared/utils/cles";
 @Component({
     selector: "collaborateurs-table",
     templateUrl: "./collaborateurs.table.html",
-    styleUrls: ["./collaborateurs.table.css"]
+    styleUrls: ["./collaborateurs.table.scss"]
 })
 export class CollaborateursTableComponent implements OnInit {
 

src/app/shared/mat-tables/formations-table/formations.table.ts

@@ -12,7 +12,7 @@ import { cles } from "@shared/utils/cles";
 @Component({
     selector: "formations-table",
     templateUrl: "./formations.table.html",
-    styleUrls: ["./formations.table.css"]
+    styleUrls: ["./formations.table.scss"]
 })
 export class FormationsTableComponent implements OnInit {
 

src/app/shared/mat-tables/participations-formation-table/participations-formation.table.ts

@@ -11,7 +11,7 @@ import { DatePipe } from "@angular/common";
 @Component({
     selector: "participations-formation-table",
     templateUrl: "./participations-formation.table.html",
-    styleUrls: ["./participations-formation.table.css"]
+    styleUrls: ["./participations-formation.table.scss"]
 })
 export class ParticipationsFormationTableComponent implements OnInit, OnChanges, AfterViewInit  {