front/core/components/calendar/index.js

@@ -207,14 +207,23 @@ export default class Calendar extends FormInput {
     }
 
     repeatLast() {
-        if (!this.formatDay) return;
+        if (this.formatDay) {
+            const days = this.element.querySelectorAll('.days > .day');
+            for (let i = 0; i < days.length; i++) {
+                this.formatDay({
+                    $day: this.days[i],
+                    $element: days[i]
+                });
+            }
+        }
 
-        let days = this.element.querySelectorAll('.days > .day');
-        for (let i = 0; i < days.length; i++) {
-            this.formatDay({
-                $day: this.days[i],
-                $element: days[i]
-            });
+        if (this.formatWeek) {
+            const weeks = this.element.querySelectorAll('.weeks > .day');
+            for (const week of weeks) {
+                this.formatWeek({
+                    $element: week
+                });
+            }
         }
     }
 }
@@ -228,6 +237,7 @@ ngModule.vnComponent('vnCalendar', {
         hasEvents: '&?',
         getClass: '&?',
         formatDay: '&?',
+        formatWeek: '&?',
         displayControls: '<?',
         hideYear: '<?',
         hideContiguous: '<?',

modules/worker/front/time-control/index.html

@@ -106,6 +106,7 @@
             vn-id="calendar"
             class="vn-pt-md"
             ng-model="$ctrl.date"
+            format-week="$ctrl.formatWeek($element)"
             has-events="$ctrl.hasEvents($day)">
         </vn-calendar>
     </div>

modules/worker/front/time-control/index.js

@@ -345,6 +345,39 @@ class Controller extends Section {
             this.vnApp.showError(this.$t(e.message));
         }
     }
+
+    formatWeek($element) {
+        let weekNumber = $element.firstElementChild;
+        let weekNumberValue = $element.firstElementChild.innerHTML;
+        console.log(weekNumberValue);
+        const filter = {
+            where: {
+                workerFk: 9,
+                // year: this.date.getFullYear(),
+                // week: weekNumberValue - 1
+            }
+        };
+        // const filter = {
+        //     where: {
+        //         and: [
+        //             {workerFk: parseInt(this.$params.id)},
+        //             {year: this.date.getFullYear()},
+        //             {week: weekNumberValue - 1}
+        //         ]
+        //     }
+        // };
+        console.log(filter);
+        this.$http.get('WorkerTimeControlMails', {filter})
+            .then(res => {
+                console.log(res.data.state);
+                const state = res.data.state;
+                if (state == 'CONFIRMED') weekNumber.style.color = '#97B92F';
+                else if (state == 'REVISE') weekNumber.style.color = '#FF4444';
+                else weekNumber.style.color = '#5151c0';
+                // weekNumber.title = event.name;
+                // weekNumber.style.backgroundColor = event.color;
+            });
+    }
 }
 
 Controller.$inject = ['$element', '$scope', 'vnWeekDays'];