Commit fd76ce29 authored by Stephane Bouvry's avatar Stephane Bouvry
Browse files

Fix : Lorsque l'on selectionne une couleur, la couleur est immédiatement... 

Fix : Lorsque l'on selectionne une couleur, la couleur est immédiatement appliquée dans les exemples d'accronyme our voir le résultat obtenu
parent 630c833f

doc/document-generate.md

deleted100644 → 0
+0 −1
Original line number Diff line number Diff line 
# Documents générés

public/js/oscar/src/ImportIcalUI.vue

+1 −1
Original line number Diff line number Diff line
@@ -226,7 +226,7 @@ 
    </section>

</template>

<script>

    // poi watch --format umd --moduleName  ImportIcalUI --filename.css ImportIcalUI.css --filename.js ImportIcalUI.js --dist public/js/oscar/dist public/js/oscar/src/ImportIcalUI.vue

    // nodejs ./node_modules/.bin/poi watch --format umd --moduleName  ImportIcalUI --filename.css ImportIcalUI.css --filename.js ImportIcalUI.js --dist public/js/oscar/dist public/js/oscar/src/ImportIcalUI.vue





    export default {

public/js/oscar/src/TimesheetMonth.vue

+23 −8
Original line number Diff line number Diff line
@@ -130,18 +130,23 @@ 
        <transition name="fade">

            <div class="overlay" v-if="configureColor">

                <div class="overlay-content">



                    <h2>

                        <i class="icon-tags"></i> Couleurs des activités

                    </h2>



                    <p>Les options ajustables ici pemettent uniquement</p>



                    <article v-for="a in ts.activities">

                        <strong :style="{ 'background-color': _colorsProjects[a.acronym] }">{{ a.acronym }}</strong>

                        <em>{{ a.label }}</em>

                        <input type="color" @change="handlerChangeColor(a.acronym, $event)" :value="_colorsProjects[a.acronym]">

                        <strong class="cartouche " :style="{ 'background-color': getAcronymColor(a.acronym) }">{{ a.acronym }}

                            <em class="addon">{{ a.label }}</em>

                        </strong>

                        <input type="color" @change="handlerChangeColor(a.acronym, $event)" v-model="_colorsProjects[a.acronym]">

                    </article>

                    <hr>

                    <nav class="buttons">

                        <button class="btn btn-primary" @click="configureColor = false">Terminé</button>

                        <button class="btn btn-primary" @click="configureColor = false">

                            <i class="icon-cancel-alt"></i>

                            Terminé</button>

                    </nav>

                </div>

            </div>
@@ -955,7 +960,7 @@ 
</style>



<script>

    // poi watch --format umd --moduleName  TimesheetMonth --filename.css timesheetmonth.css --filename.js TimesheetMonth.js --dist public/js/oscar/dist public/js/oscar/src/TimesheetMonth.vue

    // nodejs ./node_modules/.bin/poi watch --format umd --moduleName  TimesheetMonth --filename.css timesheetmonth.css --filename.js TimesheetMonth.js --dist public/js/oscar/dist public/js/oscar/src/TimesheetMonth.vue

    import AjaxResolve from "./AjaxResolve";
@@ -1305,6 +1310,16 @@ 
        },



        methods: {

            getAcronymColor(acronym){

                if( this._colorsProjects.hasOwnProperty(acronym) ){

                    return this._colorsProjects[acronym];

                }

                return "#333333";

            },



            /**

             * Applique la configuration de la couleur pour l'acronyme donné.

             */

            handlerChangeColor(acronym, event){

                 let old = JSON.parse(JSON.stringify(this._colorsProjects));

                old[acronym] = event.target.value;
@@ -1312,7 +1327,7 @@ 
                if( window.localStorage ){

                    window.localStorage.setItem('colorsprojects', JSON.stringify(this._colorsProjects));

                }

                //this.$vm.$forceUpdate();

                this.$forceUpdate();

            },



            handlerFillMonth(withWP){