correctif issue_14 des couleurs de la progress-bar (rouge jaune vert)

resources/js/components/Dashboard/AdminView/Components/MaturityCyberByTerritory.vue

@@ -14,7 +14,7 @@
         <div class="card-body">
             <PolarArea  :chart-data="chartData" :chart-options="options" />
             <div class="row">
-                <div v-for="t in territories" :key="t.id" :class="`col-mt-4 mt-4 ${territories.length > 1 ? 'border-right' : ''}`">
+                <div v-for="t in territories" :key="t.id" :class="`col-md-4 col-sm-12 mt-4 ${territories.length > 1 ? 'border-right' : ''}`">
                     <b>{{ t.name }}</b> <br/>
                     <small>Indice de maturité cyber</small> <br/>
                     <span v-if="t.organizations.length"> {{ Math.round(t.current_maturity_cyber * 10)/10 }}</span> <span v-else>-</span>

resources/js/components/Dashboard/AdminView/Components/MeasurePlanned.vue

@@ -19,9 +19,9 @@
                     <div class="progress progress-xs my-1">
                         <div
                             class="progress-bar"
-                            :class="measure.max_levels[0] === 1 ? 'bg-danger' : measure.max_levels[0] === 2 ? 'bg-info' : measure.max_levels[0] === 3 ? 'bg-success' : 'black'"
                             role="progressbar"
-                            :style="{width: measure.max_levels[0] === 1 ? '33%' :  measure.max_levels[0] === 2 ? '66%' : measure.max_levels[0] === 3 ? '100%' : '0%'}"
+                            :style="{width: measure.max_levels[0] === 1 ? '33%' :  measure.max_levels[0] === 2 ? '66%' : measure.max_levels[0] === 3 ? '100%' : '0%',
+                                background: measure.max_levels[0] === 1 ? '#D63F49' : measure.max_levels[0] === 2 ? '#FFC107' : measure.max_levels[0] === 3 ? '#468355' : 'black'}"
                             aria-valuemin="0" aria-valuemax="100"></div>
                     </div>
                     <div v-if="organizationsNumber" class="card-text">