ode-ngjs-front 1.4.14-develop-integration.202508071513 → 1.4.14-develop-integration.202508201656

package/dist/ts/widgets/screen-time-widget/screen-time-widget.widget.d.ts

@@ -29,6 +29,7 @@ export declare class Controller {
         };
     };
     selectedDailyDate: string;
+    tempDailyDate: string;
     weekStart: Moment;
     weekEnd: Moment;
     updateChart: () => void;
@@ -67,6 +68,7 @@ export declare class Controller {
     selectedChildHistogram: string;
     toggleDatePicker(show: boolean): void;
     setDateFromPicker(date: string): void;
+    commitTempDate(): void;
     toggleLightbox(show: boolean): void;
     private getCurrentSchoolYear;
     private setSelectedDate;
@@ -78,6 +80,7 @@ export declare class Controller {
     changeDay(offset: number): void;
     changeWeek(offset: number): void;
     get selectedDailyDateObj(): Date;
+    get selectedDailyDateLabel(): string;
     get weekLabel(): string;
 }
 export declare const odeModuleName = "odeCantineWidgetModule";

package/dist/ts/widgets/screen-time-widget/screen-time-widget.widget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"screen-time-widget.widget.d.ts","sourceRoot":"","sources":["../../../../src/ts/widgets/screen-time-widget/screen-time-widget.widget.ts"],"names":[],"mappings":"AAGA,OAAe,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,kBAAkB,CAAC;AAM1B,qBAAa,UAAU;IACZ,QAAQ;;;;;;;;;;;;;;;;;MAAmB;IAC3B,IAAI,iCAAuB;IAC3B,YAAY,EAAE,MAAM,CAAM;IAC1B,QAAQ,EAAE,QAAQ,GAAG,OAAO,CAAY;IAExC,QAAQ,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG;YAAE,MAAM,EAAE,GAAG,CAAC;YAAC,KAAK,EAAE,GAAG,CAAA;SAAE,CAAA;KAAE,CAAM;IAC9D,iBAAiB,EAAE,MAAM,CAAiC;IAC1D,SAAS,EAAE,MAAM,CAA+B;IAChD,OAAO,EAAE,MAAM,CAA6B;IAE5C,WAAW,EAAE,MAAM,IAAI,CAAa;IAEpC,aAAa,SAAK;IAClB,cAAc,SAAK;IACnB,UAAU,SAAK;IAEf,iBAAiB,SAAK;IACtB,kBAAkB,SAAK;IACvB,kBAAkB,SAAK;IACvB,4BAA4B,EAAE,MAAM,CAAK;IACzC,8BAA8B,EAAE,MAAM,CAAK;IAG3C,kBAAkB,SAAK;IACvB,mBAAmB,SAAK;IACxB,eAAe,SAAK;IAEpB,sBAAsB,SAAK;IAC3B,uBAAuB,SAAK;IAC5B,uBAAuB,SAAK;IAC5B,iCAAiC,EAAE,MAAM,CAAK;IAC9C,mCAAmC,EAAE,MAAM,CAAK;IAKhD,cAAc,EAAE,OAAO,CAAS;IAChC,eAAe,EAAE,MAAM,CAAM;IAC7B,aAAa,EAAE,MAAM,CAAM;IAE3B,QAAQ,EAAE,OAAO,CAAS;IAE1B,QAAQ,EAAE,OAAO,CAAS;IAC1B,YAAY,EAAE,MAAM,CAAM;IAE1B,uBAAuB,EAAE,MAAM,IAAI,CAAa;IAChD,iBAAiB,EAAE,MAAM,IAAI,CAAa;IAE1C,YAAY,EAAE,OAAO,CAAS;IAC9B,cAAc,EAAE,OAAO,CAAS;IAEhC,QAAQ,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,EAAE,CAAM;IAC9D,aAAa,OAAQ;IACrB,sBAAsB,SAAM;IAE5B,gBAAgB,CAAC,IAAI,EAAE,OAAO;IAI9B,iBAAiB,CAAC,IAAI,EAAE,MAAM;IAO9B,cAAc,CAAC,IAAI,EAAE,OAAO;IAsBnC,OAAO,CAAC,oBAAoB;IAqB5B,OAAO,CAAC,eAAe;IASvB,OAAO,CAAC,eAAe;IAOjB,mBAAmB,IAAI,OAAO;IAO9B,eAAe,IAAI,OAAO;IAO1B,kBAAkB,IAAI,OAAO;IAO5B,cAAc,IAAI,OAAO;IAOzB,SAAS,CAAC,MAAM,EAAE,MAAM;IAMxB,UAAU,CAAC,MAAM,EAAE,MAAM;IAMhC,IAAW,oBAAoB,IAAI,IAAI,CAEtC;IAED,IAAW,SAAS,IAAI,MAAM,CAQ7B;CACJ;AAmXD,eAAO,MAAM,aAAa,2BAA2B,CAAC"}
+{"version":3,"file":"screen-time-widget.widget.d.ts","sourceRoot":"","sources":["../../../../src/ts/widgets/screen-time-widget/screen-time-widget.widget.ts"],"names":[],"mappings":"AAGA,OAAe,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,kBAAkB,CAAC;AAM1B,qBAAa,UAAU;IACZ,QAAQ;;;;;;;;;;;;;;;;;MAAmB;IAC3B,IAAI,iCAAuB;IAC3B,YAAY,EAAE,MAAM,CAAM;IAC1B,QAAQ,EAAE,QAAQ,GAAG,OAAO,CAAY;IAExC,QAAQ,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG;YAAE,MAAM,EAAE,GAAG,CAAC;YAAC,KAAK,EAAE,GAAG,CAAA;SAAE,CAAA;KAAE,CAAM;IAC9D,iBAAiB,EAAE,MAAM,CAAiC;IAC1D,aAAa,EAAE,MAAM,CAAiC;IACtD,SAAS,EAAE,MAAM,CAA+B;IAChD,OAAO,EAAE,MAAM,CAA6B;IAE5C,WAAW,EAAE,MAAM,IAAI,CAAa;IAEpC,aAAa,SAAK;IAClB,cAAc,SAAK;IACnB,UAAU,SAAK;IAEf,iBAAiB,SAAK;IACtB,kBAAkB,SAAK;IACvB,kBAAkB,SAAK;IACvB,4BAA4B,EAAE,MAAM,CAAK;IACzC,8BAA8B,EAAE,MAAM,CAAK;IAG3C,kBAAkB,SAAK;IACvB,mBAAmB,SAAK;IACxB,eAAe,SAAK;IAEpB,sBAAsB,SAAK;IAC3B,uBAAuB,SAAK;IAC5B,uBAAuB,SAAK;IAC5B,iCAAiC,EAAE,MAAM,CAAK;IAC9C,mCAAmC,EAAE,MAAM,CAAK;IAKhD,cAAc,EAAE,OAAO,CAAS;IAChC,eAAe,EAAE,MAAM,CAAM;IAC7B,aAAa,EAAE,MAAM,CAAM;IAE3B,QAAQ,EAAE,OAAO,CAAS;IAE1B,QAAQ,EAAE,OAAO,CAAS;IAC1B,YAAY,EAAE,MAAM,CAAM;IAE1B,uBAAuB,EAAE,MAAM,IAAI,CAAa;IAChD,iBAAiB,EAAE,MAAM,IAAI,CAAa;IAE1C,YAAY,EAAE,OAAO,CAAS;IAC9B,cAAc,EAAE,OAAO,CAAS;IAEhC,QAAQ,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,EAAE,CAAM;IAC9D,aAAa,OAAQ;IACrB,sBAAsB,SAAM;IAE5B,gBAAgB,CAAC,IAAI,EAAE,OAAO;IAiB9B,iBAAiB,CAAC,IAAI,EAAE,MAAM;IAO9B,cAAc;IAcd,cAAc,CAAC,IAAI,EAAE,OAAO;IA0BnC,OAAO,CAAC,oBAAoB;IAqB5B,OAAO,CAAC,eAAe;IASvB,OAAO,CAAC,eAAe;IAOjB,mBAAmB,IAAI,OAAO;IAO9B,eAAe,IAAI,OAAO;IAO1B,kBAAkB,IAAI,OAAO;IAO5B,cAAc,IAAI,OAAO;IAOzB,SAAS,CAAC,MAAM,EAAE,MAAM;IAmBxB,UAAU,CAAC,MAAM,EAAE,MAAM;IAMhC,IAAW,oBAAoB,IAAI,IAAI,CAEtC;IAED,IAAW,sBAAsB,IAAI,MAAM,CAE1C;IAED,IAAW,SAAS,IAAI,MAAM,CAQ7B;CACJ;AAmZD,eAAO,MAAM,aAAa,2BAA2B,CAAC"}

package/dist/version.txt

@@ -1 +1 @@
-ode-ngjs-front 07/08/2025 15:14:08
+ode-ngjs-front 20/08/2025 16:57:27

package/dist/widgets/screen-time-widget/screen-time-widget.widget.js

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunkode_ngjs_front=self.webpackChunkode_ngjs_front||[]).push([[202],{5688:(e,t,r)=>{r.d(t,{Z:()=>o});const o='<style>.screen-time-summary{padding:16px;font-family:Roboto,sans-serif;display:flex;flex-direction:column;gap:12px}.title{padding-bottom:6px;font-size:16px;color:#4a4a4a;font-weight:700;border-bottom:1px solid #e0e0e0}.modal-title{display:block;width:100%}.modal-body{margin:1rem 0!important}.summary-row{display:flex;gap:12px}.summary-row:nth-of-type(2){margin-top:10px}.summary-block{flex:1;background:#e5f5ff;border-radius:12px;padding:12px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.summary-block .label{font-size:16px;color:#4a4a4a;font-weight:700;margin-bottom:4px}.summary-block .value{font-size:32px;color:#333}.percentage-bar-container{width:100%;height:10px;background-color:#e0e0e0;border-radius:5px;margin-top:5px;display:flex;overflow:hidden}.percentage-bar{height:100%;transition:width .5s ease-in-out;border-radius:5px}.legend{display:flex;gap:16px;align-items:center;margin-top:10px;font-size:10px;color:#333}.legend-item{display:flex;align-items:center;gap:6px}.legend-square{width:16px;height:16px;border-radius:4px}.custom-select{appearance:none;border:none;padding:8px 32px 8px 12px;border-radius:6px;font-size:16px;color:#333;font-family:Roboto,sans-serif;background:#fff url("data:image/svg+xml,%3Csvg fill=\'none\' stroke=\'%23666\' stroke-width=\'2\' viewBox=\'0 0 24 24\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath stroke-linecap=\'round\' stroke-linejoin=\'round\' d=\'M19 9l-7 7-7-7\'%3E%3C/path%3E%3C/svg%3E") no-repeat right 10px center;background-size:16px;cursor:pointer;min-width:150px}.custom-select:focus{outline:0;box-shadow:0 0 0 2px rgba(42,156,200,.3)}.see-more{display:flex;justify-content:flex-end;margin-top:8px;padding-left:4px}.see-more button{background-color:transparent;border:none;font-family:Roboto,sans-serif;font-weight:600;font-size:16px;line-height:24px;padding:6px 12px;cursor:pointer;color:#2a9cc8;border-radius:4px;transition:background-color .2s ease}.see-more button:hover{background-color:#f0f8fc}.centered-controls{margin:0 auto 20px auto;width:fit-content;text-align:center}.view-controls{display:flex;width:100%;flex-direction:row;justify-content:space-between;margin-bottom:16px}.control-group{display:flex;align-items:center}.close-button-container{display:flex;justify-content:flex-end;margin-top:20px}.close-button{width:84px;height:40px;padding:8px 16px;background:#ff8d2e;color:#fff;font-size:16px;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:background .3s ease}.close-button:hover{background:#e67c24}.date-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.nav-button{background:0 0;border:none;font-size:24px;cursor:pointer}.date-navigation{display:flex;align-items:center;justify-content:center;gap:1rem}.date-navigation button{background:0 0;border:none;font-size:1.5rem;cursor:pointer}.date-navigation button:disabled{color:#d3d3d3;cursor:not-allowed}.selected-date{cursor:pointer;font-weight:700}.error-message{background-color:#ffe5e5;color:#c00;border:1px solid #c00;padding:12px;border-radius:6px;font-size:14px;font-weight:500}.info-popover{position:absolute;z-index:10;display:block;width:90%;background-color:#fff;border:1px solid #e0e0e0;box-shadow:0 4px 6px 0 rgba(0,0,0,.08);font-size:1.5rem;line-height:1.8;padding:1rem;border-radius:6px}</style> <div class="screen-time-widget-container"> <div class="screen-time-summary"> <div class="title"> <div class="label"> <i18n>screenTime.title.uppercase</i18n> </div> </div> <div ng-if="ctrl.isParent"> <select id="userSelect" class="custom-select" ng-model="ctrl.selectedUser" ng-options="child.userId as child.name for child in ctrl.children" ng-change="ctrl.fetchDataForCurrentUser()"> </select> </div> <div class="error-message" ng-if="ctrl.errorMessage"> {{ ctrl.errorMessage }} </div> <div ng-if="!ctrl.errorMessage"> <div class="summary-row"> <div class="summary-block"> <div class="label"> <i18n>screenTime.today</i18n> </div> <div class="value">{{ ctrl.todayTotal | duration }}</div> </div> </div> <div class="summary-row"> <div class="summary-block"> <div class="label"> <i18n>screenTime.weekAverage</i18n> </div> <div class="value">{{ ctrl.weeklyTotalAverage | duration }}</div> </div> </div> <div class="legend"> <div class="see-more"> <button ng-click="ctrl.toggleLightbox(true)"> <i18n>screenTime.displayDetails</i18n> </button> </div> </div> </div> </div> <ode-modal visible="ctrl.showLightbox" on-close="ctrl.toggleLightbox(false)" size="lg" dnd-nodrag> <ode-modal-title class="modal-title"> <h2> <i18n>screenTime.title.normal</i18n> <popover> <popover-opener><i class="fa-solid fa-circle-info"></i></popover-opener> <popover-content class="info-popover"> <ul> <li> <i18n>screenTime.information.first</i18n> </li> <li> <i18n>screenTime.information.second</i18n> </li> <li> <i18n>screenTime.information.third</i18n> </li> <li> <i18n>screenTime.information.fourth</i18n> </li> </ul> </popover-content> </popover> </h2> <div class="view-controls"> <div class="control-group"> <label style="font-size:14px" for="userSelect"> <i18n>screenTime.user</i18n> :</label> <div ng-if="ctrl.isParent"> <select id="userSelect" class="custom-select" ng-model="ctrl.selectedChildHistogram" ng-options="child.userId as child.name for child in ctrl.children"> </select> </div> </div> <div class="control-group"> <label for="viewMode"> <i18n>screenTime.viewMode</i18n> :</label> <select id="viewMode" class="custom-select" ng-model="ctrl.viewMode" ng-change="ctrl.updateChart()"> <option value="weekly"> [[ctrl.lang.translate("screenTime.viewMode.weekly")]] </option> <option value="daily"> [[ctrl.lang.translate("screenTime.viewMode.daily")]] </option> </select> </div> </div> </ode-modal-title> <ode-modal-body class="modal-body"> <div class="date-selectors centered-controls" ng-if="ctrl.showLightbox"> <div class="date-navigation" ng-if="ctrl.viewMode === \'daily\'"> <button ng-click="ctrl.changeDay(-1)" ng-disabled="!ctrl.canGoToPreviousDay()">←</button> <div ng-if="!ctrl.showDatePicker" class="selected-date" ng-click="ctrl.toggleDatePicker(true)"> {{ ctrl.selectedDailyDateObj | date:\'fullDate\' }} </div> <input type="date" ng-if="ctrl.showDatePicker" ng-model="ctrl.selectedDailyDate" ng-change="ctrl.setDateFromPicker(ctrl.selectedDailyDate)" ng-blur="ctrl.toggleDatePicker(false)" max="{{ ctrl.selectedDailyDate }}"/> <button ng-click="ctrl.changeDay(1)" ng-disabled="!ctrl.canGoToNextDay()">→</button> </div> <div class="date-navigation" ng-if="ctrl.viewMode === \'weekly\'"> <button ng-click="ctrl.changeWeek(-1)" ng-disabled="!ctrl.canGoToPreviousWeek()">←</button> <div class="selected-date">{{ ctrl.weekLabel }}</div> <button ng-click="ctrl.changeWeek(1)" ng-disabled="!ctrl.canGoToNextWeek()">→</button> </div> </div> <canvas id="myChart" style="width:100%;height:500px;max-height:500px"></canvas> </ode-modal-body> </ode-modal> </div>'},58:function(e,t,r){var o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.odeModuleName=t.Controller=void 0;var a=o(r(4202)),i=r(9419),n=r(5668),s=o(r(381));r(4470),n.Chart.register.apply(n.Chart,n.registerables),s.default.locale("fr");var l=function(){function e(){this.platform=(0,i.conf)().Platform,this.lang=this.platform.idiom,this.selectedUser="",this.viewMode="weekly",this.userData={},this.selectedDailyDate=(0,s.default)().format("YYYY-MM-DD"),this.weekStart=(0,s.default)().startOf("isoWeek"),this.weekEnd=(0,s.default)().endOf("isoWeek"),this.updateChart=function(){},this.todayOnCampus=0,this.todayOffCampus=0,this.todayTotal=0,this.weeklyAvgOnCampus=0,this.weeklyAvgOffCampus=0,this.weeklyTotalAverage=0,this.weeklyAvgSchoolUsePercentage=0,this.weeklyAvgOutOfSchoolPercentage=0,this.fixedTodayOnCampus=0,this.fixedTodayOffCampus=0,this.fixedTodayTotal=0,this.fixedWeeklyAvgOnCampus=0,this.fixedWeeklyAvgOffCampus=0,this.fixedWeeklyTotalAverage=0,this.fixedWeeklyAvgSchoolUsePercentage=0,this.fixedWeeklyAvgOutOfSchoolPercentage=0,this.customWeekMode=!1,this.customStartDate="",this.customEndDate="",this.isParent=!1,this.hasError=!1,this.errorMessage="",this.fetchDataForCurrentUser=function(){},this.fetchLightboxData=function(){},this.showLightbox=!1,this.showDatePicker=!1,this.children=[],this.selectedChild=null,this.selectedChildHistogram=""}return e.prototype.toggleDatePicker=function(e){this.showDatePicker=e},e.prototype.setDateFromPicker=function(e){var t=(0,s.default)(e).format("YYYY-MM-DD");this.showDatePicker=!1,this.setSelectedDate(t),this.fetchLightboxData()},e.prototype.toggleLightbox=function(e){this.showLightbox=e,e&&(this.fixedTodayOnCampus=this.todayOnCampus,this.fixedTodayOffCampus=this.todayOffCampus,this.fixedTodayTotal=this.todayTotal,this.fixedWeeklyAvgOnCampus=this.weeklyAvgOnCampus,this.fixedWeeklyAvgOffCampus=this.weeklyAvgOffCampus,this.fixedWeeklyTotalAverage=this.weeklyTotalAverage,this.fixedWeeklyAvgSchoolUsePercentage=this.weeklyAvgSchoolUsePercentage,this.fixedWeeklyAvgOutOfSchoolPercentage=this.weeklyAvgOutOfSchoolPercentage,this.selectedDailyDate=(0,s.default)().format("YYYY-MM-DD"),this.weekStart=(0,s.default)().startOf("isoWeek"),this.weekEnd=(0,s.default)().endOf("isoWeek"),this.selectedChildHistogram=this.selectedUser)},e.prototype.getCurrentSchoolYear=function(){var e=(0,s.default)(),t=e.year(),r=e.month()<8?(0,s.default)({year:t-1,month:8,day:1}):(0,s.default)({year:t,month:8,day:1}),o=r.clone().add(1,"year").subtract(1,"day");return{schoolYearStart:r.startOf("day"),schoolYearEnd:o.endOf("day")}},e.prototype.setSelectedDate=function(e){var t=(0,s.default)(e);this.selectedDailyDate=t.format("YYYY-MM-DD"),this.weekStart=t.clone().startOf("isoWeek"),this.weekEnd=t.clone().endOf("isoWeek")},e.prototype.setSelectedWeek=function(e){this.weekStart=e.clone().startOf("isoWeek"),this.weekEnd=this.weekStart.clone().endOf("isoWeek"),this.selectedDailyDate=this.weekStart.format("YYYY-MM-DD")},e.prototype.canGoToPreviousWeek=function(){var e=this.weekStart.clone().subtract(1,"week"),t=this.getCurrentSchoolYear(),r=t.schoolYearStart,o=t.schoolYearEnd;return e.isBetween(r,o)},e.prototype.canGoToNextWeek=function(){var e=this.weekStart.clone().add(1,"week"),t=this.getCurrentSchoolYear(),r=t.schoolYearStart,o=t.schoolYearEnd;return e.isBetween(r,o)},e.prototype.canGoToPreviousDay=function(){var e=(0,s.default)(this.selectedDailyDate).subtract(1,"day"),t=this.getCurrentSchoolYear(),r=t.schoolYearStart,o=t.schoolYearEnd;return e.isBetween(r,o)},e.prototype.canGoToNextDay=function(){var e=(0,s.default)(this.selectedDailyDate).add(1,"day"),t=this.getCurrentSchoolYear(),r=t.schoolYearStart,o=t.schoolYearEnd;return e.isBetween(r,o)},e.prototype.changeDay=function(e){var t=(0,s.default)(this.selectedDailyDate).add(e,"days");this.setSelectedDate(t),this.fetchLightboxData()},e.prototype.changeWeek=function(e){var t=this.weekStart.clone().add(e,"weeks");this.setSelectedWeek(t),this.fetchLightboxData()},Object.defineProperty(e.prototype,"selectedDailyDateObj",{get:function(){return new Date(this.selectedDailyDate)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"weekLabel",{get:function(){var e=this.weekStart.format("dddd D MMMM"),t=this.weekEnd.format("dddd D MMMM"),r=this.lang.translate("screenTime.from"),o=this.lang.translate("screenTime.to");return"".concat(r," ").concat(e," ").concat(o," ").concat(t)},enumerable:!1,configurable:!0}),e}();function c(e,t,r,o,a,i){t.children=d(t);var n="/appregistry/screen-time/".concat(r,"/weekly?startDate=").concat(a,"&endDate=").concat(i),s="/appregistry/screen-time/".concat(r,"/daily?date=").concat(o);return Promise.all([e.get(n),e.get(s)]).then(function(e){var r=e[0],o=e[1];return t.hasError=!1,t.errorMessage="",{weekly:r.data.dailySummaries.reduce(function(e,t){return e[t.date]={duration:t.durationMinutes,schoolUsePercentage:t.schoolUsePercentage/100},e},{}),daily:o.data.durations.map(function(e){return{hour:e.hour,duration:e.durationMinutes,schoolUsePercentage:e.schoolUsePercentage/100}})}}).catch(function(e){return t.hasError=!0,404===(null==e?void 0:e.status)?t.errorMessage=t.lang.translate("screenTime.error.404"):t.errorMessage=t.lang.translate("screenTime.error.generic"),console.error("Error fetching data for current user and dates:",e),Promise.reject(e)})}function d(e){var t=(0,i.session)().user.children;return e.isParent=!1,t&&Object.keys(t).length>0?(e.isParent=!0,Object.entries(t).map(function(e){var t=e[0],r=e[1];return{id:t,name:"".concat(r.firstName," ").concat(r.lastName),userId:t}})):[]}t.Controller=l;var u=function(){function e(){this.restrict="E",this.template=r(5688).Z,this.scope={},this.bindToController=!0,this.controller=[l],this.controllerAs="ctrl",this.require=["odeScreenTimeWidget"]}return e.prototype.link=function(e,t,r,o){var l=o?o[0]:null;if(l){var u=a.default.injector(["ng"]).get("$http"),f=(0,i.session)().user.userId;l.fetchDataForCurrentUser();var h=null,m=function(e,t,r,o){return"".concat(e,"_daily_").concat(t,"_weekly_").concat(r,"_").concat(o)};l.fetchDataForCurrentUser=function(){l.errorMessage="",l.hasError=!1;var t=m(l.selectedUser,(0,s.default)().format("YYYY-MM-DD"),(0,s.default)().startOf("isoWeek").format("YYYY-MM-DD"),(0,s.default)().endOf("isoWeek").format("YYYY-MM-DD"));c(u,l,l.selectedUser,(0,s.default)().format("YYYY-MM-DD"),(0,s.default)().startOf("isoWeek").format("YYYY-MM-DD"),(0,s.default)().endOf("isoWeek").format("YYYY-MM-DD")).then(function(r){var o,a,i,n,c,d,u,f,h,m;l.userData[t]={weekly:r.weekly,daily:r.daily},o=r.weekly,a=0,i=0,n=0,c=(0,s.default)().format("YYYY-MM-DD"),d=0,u=0,f=0,h=0,m=0,Object.keys(o).forEach(function(e){var t=o[e],r=t.duration||0,l=t.schoolUsePercentage||0,p=r*l,g=r*(1-l);a+=p,i+=g,n++,f+=p,h+=g,m+=r,(0,s.default)(e).format("YYYY-MM-DD")===c&&(d=p,u=g)}),l.todayOnCampus=d,l.todayOffCampus=u,l.todayTotal=d+u,l.weeklyAvgOnCampus=n>0?a/n:0,l.weeklyAvgOffCampus=n>0?i/n:0,l.weeklyTotalAverage=l.weeklyAvgOnCampus+l.weeklyAvgOffCampus,m>0?(l.weeklyAvgSchoolUsePercentage=f/m*100,l.weeklyAvgOutOfSchoolPercentage=h/m*100):(l.weeklyAvgSchoolUsePercentage=0,l.weeklyAvgOutOfSchoolPercentage=0),e.$applyAsync()}).catch(function(t){e.$applyAsync(),console.error("Error fetching initial data for current user:",t)})},l.fetchLightboxData=function(){var t=l.selectedChildHistogram||l.selectedUser;if(t){var r=m(t,l.selectedDailyDate,l.weekStart.format("YYYY-MM-DD"),l.weekEnd.format("YYYY-MM-DD"));c(u,l,t,l.selectedDailyDate,l.weekStart.format("YYYY-MM-DD"),l.weekEnd.format("YYYY-MM-DD")).then(function(t){l.userData[r]={weekly:t.weekly,daily:t.daily},l.showLightbox&&setTimeout(function(){return l.updateChart()},50),e.$applyAsync()}).catch(function(e){console.error("Error fetching data for lightbox:",e)})}},l.updateChart=function(){var e=t[0].querySelector("#myChart");if(e){var r=e.getContext("2d");if(r){var o=[],a=[],i=l.selectedChildHistogram||l.selectedUser,c=m(i,l.selectedDailyDate,l.weekStart.format("YYYY-MM-DD"),l.weekEnd.format("YYYY-MM-DD")),d=l.userData[c];if(d){var u="weekly"===l.viewMode?d.weekly:d.daily;if(u){if("weekly"===l.viewMode)Object.keys(u).sort().forEach(function(e){var t=u[e];o.push((0,s.default)(e).format("ddd D")),a.push(t.duration/60)});else u.forEach(function(e){o.push("".concat(e.hour,"h")),a.push(e.duration)});h?(h.data.labels=o,h.data.datasets[0].data=a,h.options={scales:{x:{stacked:!0},y:{stacked:!0,beginAtZero:!0,title:{display:!0,text:"weekly"===l.viewMode?l.lang.translate("screenTime.hours"):l.lang.translate("screenTime.minutes")}}}},h.update()):h=new n.Chart(r,{type:"bar",data:{labels:o,datasets:[{label:l.lang.translate("screenTime.totalUsage"),data:a,backgroundColor:"#2A9CC8"}]},options:{plugins:{tooltip:{callbacks:{label:function(e){var t=e.raw;return"".concat(e.dataset.label,": ").concat(t," ").concat("weekly"===l.viewMode?l.lang.translate("screenTime.hours"):l.lang.translate("screenTime.minutes"))}}},legend:{display:!1,position:"bottom"}},responsive:!0,scales:{x:{stacked:!0},y:{stacked:!0,beginAtZero:!0,title:{display:!0,text:"weekly"===l.viewMode?l.lang.translate("screenTime.hours"):l.lang.translate("screenTime.minutes")}}}}})}}}}},l.children=d(l),l.isParent&&l.children.length>0?(l.selectedUser||(l.selectedUser=l.children[0].userId),l.fetchDataForCurrentUser()):!l.isParent&&f?(l.selectedUser=f,l.fetchDataForCurrentUser()):(l.hasError=!0,l.errorMessage=l.lang.translate("screenTime.error.noUser"),e.$applyAsync()),e.$watch(function(){return l.viewMode},function(e,t){e!==t&&l.showLightbox&&setTimeout(function(){return l.updateChart()},50)}),e.$watch(function(){return l.selectedChildHistogram},function(e,t){e!==t&&l.showLightbox&&l.fetchLightboxData()}),e.$watch(function(){return l.showLightbox},function(e){e?(l.selectedChildHistogram=l.selectedUser,setTimeout(function(){l.updateChart()},100)):h&&(h.destroy(),h=null)})}},e}();t.odeModuleName="odeCantineWidgetModule",a.default.module(t.odeModuleName,[]).filter("duration",function(){return function(e){if(isNaN(e)||null===e||e<0)return"0m";var t=Math.floor(e),r=Math.floor(t/60),o=t%60,a="";return r>0&&(a+="".concat(r,"h")),(o>0||0===r&&0===t)&&(a+="".concat(o,"m")),a.trim()||"0m"}}).directive("odeScreenTimeWidget",function(){return new u}),(0,i.notif)().onLangReady().promise.then(function(e){if(function(e){try{"en"===e?(r(2243),s.default.locale("en-gb")):(r(4470),s.default.locale("fr"))}catch(e){console.warn("Failed to load moment locale:",e),s.default.locale("fr")}}(e),"en"===e)(0,i.conf)().Platform.idiom.addKeys(r(5840));else(0,i.conf)().Platform.idiom.addKeys(r(1245))})},5840:e=>{e.exports=JSON.parse('{"screenTime.title.normal":"Screen Time","screenTime.title.uppercase":"SCREEN TIME","screenTime.today":"Today","screenTime.weekAverage":"Week Average","screenTime.displayDetails":"View Details","screenTime.user":"User","screenTime.viewMode":"Display","screenTime.viewMode.weekly":"Weekly","screenTime.viewMode.daily":"Daily","screenTime.modal.close":"Close","screenTime.information.first":"\'Screen Time\' is a feature implemented by the Bouches-du-Rhône Department.","screenTime.information.second":"It allows measuring the student\'s activity time on the laptop provided by the Department during school hours and outside school hours.","screenTime.information.third":"\'Screen Time\' only observes the opening and closing of the student\'s session on their computer.","screenTime.information.fourth":"The feature does not record any personal usage or internet browsing data.","screenTime.error.generic":"A technical problem has occurred. If the problem persists, contact your school administrator.","screenTime.error.404":"Error identifying the user. Contact your school administrator.","screenTime.error.noUser":"No user available to display screen time data.","screenTime.totalUsage":"Total usage","screenTime.hours":"Hours","screenTime.minutes":"Minutes","screenTime.from":"from","screenTime.to":"to"}')},1245:e=>{e.exports=JSON.parse('{"screenTime.title.normal":"Temps d\'écran","screenTime.title.uppercase":"TEMPS D\'ÉCRAN","screenTime.today":"Aujourd\'hui","screenTime.weekAverage":"Moyenne de la semaine","screenTime.displayDetails":"Voir le détail","screenTime.user":"Utilisateur","screenTime.viewMode":"Affichage","screenTime.viewMode.weekly":"Hebdomadaire","screenTime.viewMode.daily":"Quotidien","screenTime.modal.close":"Fermer","screenTime.information.first":"\'Temps d\'écran\' est une fonctionnalité mise en place par le Département des Bouches-du-Rhône.","screenTime.information.second":"Elle permet de mesurer le temps d\'activité de l\'élève sur l\'ordinateur portable mis à disposition par le Département pendant le temps scolaire et en dehors du temps scolaire.","screenTime.information.third":"\'Temps d\'écran\' observe uniquement l\'ouverture et la fermeture de la session par l\'élève sur son ordinateur.","screenTime.information.fourth":"La fonctionnalité n\'enregistre aucune donnée personnelle d\'utilisation ou de navigation internet.","screenTime.error.generic":"Un problème technique est survenu. Si le problème persiste contactez l’administrateur de votre établissement.","screenTime.error.404":"Erreur lors de l’identification de l’utilisateur. Contactez l’administrateur de votre établissement.","screenTime.error.noUser":"Aucun utilisateur disponible pour afficher les données de temps d\'écran.","screenTime.totalUsage":"Usage total","screenTime.hours":"Heures","screenTime.minutes":"Minutes","screenTime.from":"du","screenTime.to":"au"}')}}]);
+"use strict";(self.webpackChunkode_ngjs_front=self.webpackChunkode_ngjs_front||[]).push([[202],{5688:(e,t,a)=>{a.d(t,{Z:()=>r});const r='<style>.screen-time-summary{padding:16px;font-family:Roboto,sans-serif;display:flex;flex-direction:column;gap:12px}.title{padding-bottom:6px;font-size:16px;color:#4a4a4a;font-weight:700;border-bottom:1px solid #e0e0e0}.modal-title{display:block;width:100%}.modal-body{margin:1rem 0!important}.summary-row{display:flex;gap:12px}.summary-row:nth-of-type(2){margin-top:10px}.summary-block{flex:1;background:#e5f5ff;border-radius:12px;padding:12px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.summary-block .label{font-size:16px;color:#4a4a4a;font-weight:700;margin-bottom:4px}.summary-block .value{font-size:32px;color:#333}.percentage-bar-container{width:100%;height:10px;background-color:#e0e0e0;border-radius:5px;margin-top:5px;display:flex;overflow:hidden}.percentage-bar{height:100%;transition:width .5s ease-in-out;border-radius:5px}.legend{display:flex;gap:16px;align-items:center;margin-top:10px;font-size:10px;color:#333}.legend-item{display:flex;align-items:center;gap:6px}.legend-square{width:16px;height:16px;border-radius:4px}.custom-select{appearance:none;border:none;padding:8px 32px 8px 12px;border-radius:6px;font-size:16px;color:#333;font-family:Roboto,sans-serif;background:#fff url("data:image/svg+xml,%3Csvg fill=\'none\' stroke=\'%23666\' stroke-width=\'2\' viewBox=\'0 0 24 24\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath stroke-linecap=\'round\' stroke-linejoin=\'round\' d=\'M19 9l-7 7-7-7\'%3E%3C/path%3E%3C/svg%3E") no-repeat right 10px center;background-size:16px;cursor:pointer;min-width:150px}.custom-select:focus{outline:0;box-shadow:0 0 0 2px rgba(42,156,200,.3)}.see-more{display:flex;justify-content:flex-end;margin-top:8px;padding-left:4px}.see-more button{background-color:transparent;border:none;font-family:Roboto,sans-serif;font-weight:600;font-size:16px;line-height:24px;padding:6px 12px;cursor:pointer;color:#2a9cc8;border-radius:4px;transition:background-color .2s ease}.see-more button:hover{background-color:#f0f8fc}.centered-controls{margin:0 auto 20px auto;width:fit-content;text-align:center}.view-controls{display:flex;width:100%;flex-direction:row;justify-content:space-between;margin-bottom:16px}.control-group{display:flex;align-items:center}.close-button-container{display:flex;justify-content:flex-end;margin-top:20px}.close-button{width:84px;height:40px;padding:8px 16px;background:#ff8d2e;color:#fff;font-size:16px;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:background .3s ease}.close-button:hover{background:#e67c24}.date-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.nav-button{background:0 0;border:none;font-size:24px;cursor:pointer}.date-navigation{display:flex;align-items:center;justify-content:center;gap:1rem}.date-navigation button{background:0 0;border:none;font-size:1.5rem;cursor:pointer}.date-navigation button:disabled{color:#d3d3d3;cursor:not-allowed}.selected-date{cursor:pointer;font-weight:700}.error-message{background-color:#ffe5e5;color:#c00;border:1px solid #c00;padding:12px;border-radius:6px;font-size:14px;font-weight:500}.info-popover{position:absolute;z-index:10;display:block;width:90%;background-color:#fff;border:1px solid #e0e0e0;box-shadow:0 4px 6px 0 rgba(0,0,0,.08);font-size:1.5rem;line-height:1.8;padding:1rem;border-radius:6px}</style> <div class="screen-time-widget-container"> <div class="screen-time-summary"> <div class="title"> <div class="label"> <i18n>screenTime.title.uppercase</i18n> </div> </div> <div ng-if="ctrl.isParent"> <select id="userSelect" class="custom-select" ng-model="ctrl.selectedUser" ng-options="child.userId as child.name for child in ctrl.children" ng-change="ctrl.fetchDataForCurrentUser()"> </select> </div> <div class="error-message" ng-if="ctrl.errorMessage"> {{ ctrl.errorMessage }} </div> <div ng-if="!ctrl.errorMessage"> <div class="summary-row"> <div class="summary-block"> <div class="label"> <i18n>screenTime.today</i18n> </div> <div class="value">{{ ctrl.todayTotal | duration }}</div> </div> </div> <div class="summary-row"> <div class="summary-block"> <div class="label"> <i18n>screenTime.weekAverage</i18n> </div> <div class="value">{{ ctrl.weeklyTotalAverage | duration }}</div> </div> </div> <div class="legend"> <div class="see-more"> <button ng-click="ctrl.toggleLightbox(true)"> <i18n>screenTime.displayDetails</i18n> </button> </div> </div> </div> </div> <ode-modal visible="ctrl.showLightbox" on-close="ctrl.toggleLightbox(false)" size="lg" dnd-nodrag> <ode-modal-title class="modal-title"> <h2> <i18n>screenTime.title.normal</i18n> <popover> <popover-opener><i class="fa-solid fa-circle-info"></i></popover-opener> <popover-content class="info-popover"> <ul> <li> <i18n>screenTime.information.first</i18n> </li> <li> <i18n>screenTime.information.second</i18n> </li> <li> <i18n>screenTime.information.third</i18n> </li> <li> <i18n>screenTime.information.fourth</i18n> </li> </ul> </popover-content> </popover> </h2> <div class="view-controls"> <div class="control-group"> <label style="font-size:14px" for="userSelect"> <i18n>screenTime.user</i18n> :</label> <div ng-if="ctrl.isParent"> <select id="userSelect" class="custom-select" ng-model="ctrl.selectedChildHistogram" ng-options="child.userId as child.name for child in ctrl.children"> </select> </div> </div> <div class="control-group"> <label for="viewMode"> <i18n>screenTime.viewMode</i18n> :</label> <select id="viewMode" class="custom-select" ng-model="ctrl.viewMode" ng-change="ctrl.updateChart()"> <option value="weekly"> [[ctrl.lang.translate("screenTime.viewMode.weekly")]] </option> <option value="daily"> [[ctrl.lang.translate("screenTime.viewMode.daily")]] </option> </select> </div> </div> </ode-modal-title> <ode-modal-body class="modal-body"> <div class="date-selectors centered-controls" ng-if="ctrl.showLightbox"> <div class="date-navigation" ng-if="ctrl.viewMode === \'daily\'"> <button ng-click="ctrl.changeDay(-1)" ng-disabled="!ctrl.canGoToPreviousDay()">←</button> <div ng-if="!ctrl.showDatePicker" class="selected-date" ng-click="ctrl.toggleDatePicker(true)"> {{ ctrl.selectedDailyDateLabel }} </div> <input type="date" ng-if="ctrl.showDatePicker" ng-model="ctrl.tempDailyDate" ng-change="ctrl.commitTempDate()"/> <button ng-click="ctrl.changeDay(1)" ng-disabled="!ctrl.canGoToNextDay()">→</button> </div> <div class="date-navigation" ng-if="ctrl.viewMode === \'weekly\'"> <button ng-click="ctrl.changeWeek(-1)" ng-disabled="!ctrl.canGoToPreviousWeek()">←</button> <div class="selected-date">{{ ctrl.weekLabel }}</div> <button ng-click="ctrl.changeWeek(1)" ng-disabled="!ctrl.canGoToNextWeek()">→</button> </div> </div> <canvas id="myChart" style="width:100%;height:500px;max-height:500px"></canvas> </ode-modal-body> </ode-modal> </div>'},58:function(e,t,a){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.odeModuleName=t.Controller=void 0;var o=r(a(4202)),i=a(9419),n=a(5668),s=r(a(381));a(4470),n.Chart.register.apply(n.Chart,n.registerables),s.default.locale("fr");var l=function(){function e(){this.platform=(0,i.conf)().Platform,this.lang=this.platform.idiom,this.selectedUser="",this.viewMode="weekly",this.userData={},this.selectedDailyDate=(0,s.default)().format("YYYY-MM-DD"),this.tempDailyDate=(0,s.default)().format("YYYY-MM-DD"),this.weekStart=(0,s.default)().startOf("isoWeek"),this.weekEnd=(0,s.default)().endOf("isoWeek"),this.updateChart=function(){},this.todayOnCampus=0,this.todayOffCampus=0,this.todayTotal=0,this.weeklyAvgOnCampus=0,this.weeklyAvgOffCampus=0,this.weeklyTotalAverage=0,this.weeklyAvgSchoolUsePercentage=0,this.weeklyAvgOutOfSchoolPercentage=0,this.fixedTodayOnCampus=0,this.fixedTodayOffCampus=0,this.fixedTodayTotal=0,this.fixedWeeklyAvgOnCampus=0,this.fixedWeeklyAvgOffCampus=0,this.fixedWeeklyTotalAverage=0,this.fixedWeeklyAvgSchoolUsePercentage=0,this.fixedWeeklyAvgOutOfSchoolPercentage=0,this.customWeekMode=!1,this.customStartDate="",this.customEndDate="",this.isParent=!1,this.hasError=!1,this.errorMessage="",this.fetchDataForCurrentUser=function(){},this.fetchLightboxData=function(){},this.showLightbox=!1,this.showDatePicker=!1,this.children=[],this.selectedChild=null,this.selectedChildHistogram=""}return e.prototype.toggleDatePicker=function(e){var t=this;this.showDatePicker=e,e&&(this.tempDailyDate=this.selectedDailyDate,setTimeout(function(){if(t.tempDailyDate){var e=document.querySelector('input[type="date"]');e&&(e.value=t.tempDailyDate)}},0))},e.prototype.setDateFromPicker=function(e){var t=(0,s.default)(e).format("YYYY-MM-DD");this.showDatePicker=!1,this.setSelectedDate(t),this.fetchLightboxData()},e.prototype.commitTempDate=function(){var e=(0,s.default)(this.tempDailyDate).format("YYYY-MM-DD");(0,s.default)(e).isValid()?(this.setSelectedDate(e),this.showDatePicker=!1,this.fetchLightboxData()):(this.tempDailyDate=this.selectedDailyDate,this.showDatePicker=!1)},e.prototype.toggleLightbox=function(e){this.showLightbox=e,e&&(this.fixedTodayOnCampus=this.todayOnCampus,this.fixedTodayOffCampus=this.todayOffCampus,this.fixedTodayTotal=this.todayTotal,this.fixedWeeklyAvgOnCampus=this.weeklyAvgOnCampus,this.fixedWeeklyAvgOffCampus=this.weeklyAvgOffCampus,this.fixedWeeklyTotalAverage=this.weeklyTotalAverage,this.fixedWeeklyAvgSchoolUsePercentage=this.weeklyAvgSchoolUsePercentage,this.fixedWeeklyAvgOutOfSchoolPercentage=this.weeklyAvgOutOfSchoolPercentage,this.selectedDailyDate||(this.selectedDailyDate=(0,s.default)().format("YYYY-MM-DD")),this.weekStart&&this.weekEnd||(this.weekStart=(0,s.default)().startOf("isoWeek"),this.weekEnd=(0,s.default)().endOf("isoWeek")),this.selectedChildHistogram=this.selectedUser)},e.prototype.getCurrentSchoolYear=function(){var e=(0,s.default)(),t=e.year(),a=e.month()<8?(0,s.default)({year:t-1,month:8,day:1}):(0,s.default)({year:t,month:8,day:1}),r=a.clone().add(1,"year").subtract(1,"day");return{schoolYearStart:a.startOf("day"),schoolYearEnd:r.endOf("day")}},e.prototype.setSelectedDate=function(e){var t=(0,s.default)(e);this.selectedDailyDate=t.format("YYYY-MM-DD"),this.weekStart=t.clone().startOf("isoWeek"),this.weekEnd=t.clone().endOf("isoWeek")},e.prototype.setSelectedWeek=function(e){this.weekStart=e.clone().startOf("isoWeek"),this.weekEnd=this.weekStart.clone().endOf("isoWeek"),this.selectedDailyDate=this.weekStart.format("YYYY-MM-DD")},e.prototype.canGoToPreviousWeek=function(){var e=this.weekStart.clone().subtract(1,"week"),t=this.getCurrentSchoolYear(),a=t.schoolYearStart,r=t.schoolYearEnd;return e.isBetween(a,r)},e.prototype.canGoToNextWeek=function(){var e=this.weekStart.clone().add(1,"week"),t=this.getCurrentSchoolYear(),a=t.schoolYearStart,r=t.schoolYearEnd;return e.isBetween(a,r)},e.prototype.canGoToPreviousDay=function(){var e=(0,s.default)(this.selectedDailyDate).subtract(1,"day"),t=this.getCurrentSchoolYear(),a=t.schoolYearStart,r=t.schoolYearEnd;return e.isBetween(a,r)},e.prototype.canGoToNextDay=function(){var e=(0,s.default)(this.selectedDailyDate).add(1,"day"),t=this.getCurrentSchoolYear(),a=t.schoolYearStart,r=t.schoolYearEnd;return e.isBetween(a,r)},e.prototype.changeDay=function(e){var t=this,a=(0,s.default)(this.selectedDailyDate).add(e,"days");this.setSelectedDate(a),this.tempDailyDate=this.selectedDailyDate,this.fetchLightboxData(),this.showDatePicker&&setTimeout(function(){var e=document.querySelector('input[type="date"]');e&&(e.value=t.tempDailyDate)},0)},e.prototype.changeWeek=function(e){var t=this.weekStart.clone().add(e,"weeks");this.setSelectedWeek(t),this.fetchLightboxData()},Object.defineProperty(e.prototype,"selectedDailyDateObj",{get:function(){return new Date(this.selectedDailyDate)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"selectedDailyDateLabel",{get:function(){return(0,s.default)(this.selectedDailyDate).format("dddd D MMMM YYYY")},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"weekLabel",{get:function(){var e=this.weekStart.format("dddd D MMMM"),t=this.weekEnd.format("dddd D MMMM"),a=this.lang.translate("screenTime.from"),r=this.lang.translate("screenTime.to");return"".concat(a," ").concat(e," ").concat(r," ").concat(t)},enumerable:!1,configurable:!0}),e}();function c(e,t,a,r,o,i){t.children=d(t);var n="/appregistry/screen-time/".concat(a,"/weekly?startDate=").concat(o,"&endDate=").concat(i),s="/appregistry/screen-time/".concat(a,"/daily?date=").concat(r);return Promise.all([e.get(n),e.get(s)]).then(function(e){var a=e[0],r=e[1];return t.hasError=!1,t.errorMessage="",{weekly:a.data.dailySummaries.reduce(function(e,t){return e[t.date]={duration:t.durationMinutes,schoolUsePercentage:t.schoolUsePercentage/100},e},{}),daily:r.data.durations.map(function(e){return{hour:e.hour,duration:e.durationMinutes,schoolUsePercentage:e.schoolUsePercentage/100}})}}).catch(function(e){return t.hasError=!0,404===(null==e?void 0:e.status)?t.errorMessage=t.lang.translate("screenTime.error.404"):t.errorMessage=t.lang.translate("screenTime.error.generic"),console.error("Error fetching data for current user and dates:",e),Promise.reject(e)})}function d(e){var t=(0,i.session)().user.children;return e.isParent=!1,t&&Object.keys(t).length>0?(e.isParent=!0,Object.entries(t).map(function(e){var t=e[0],a=e[1];return{id:t,name:"".concat(a.firstName," ").concat(a.lastName),userId:t}})):[]}t.Controller=l;var u=function(){function e(){this.restrict="E",this.template=a(5688).Z,this.scope={},this.bindToController=!0,this.controller=[l],this.controllerAs="ctrl",this.require=["odeScreenTimeWidget"]}return e.prototype.link=function(e,t,a,r){var l=r?r[0]:null;if(l){var u=o.default.injector(["ng"]).get("$http"),h=(0,i.session)().user.userId;l.fetchDataForCurrentUser();var f=null,m=function(e,t,a,r){return"".concat(e,"_daily_").concat(t,"_weekly_").concat(a,"_").concat(r)};l.fetchDataForCurrentUser=function(){l.errorMessage="",l.hasError=!1;var t=m(l.selectedUser,(0,s.default)().format("YYYY-MM-DD"),(0,s.default)().startOf("isoWeek").format("YYYY-MM-DD"),(0,s.default)().endOf("isoWeek").format("YYYY-MM-DD"));c(u,l,l.selectedUser,(0,s.default)().format("YYYY-MM-DD"),(0,s.default)().startOf("isoWeek").format("YYYY-MM-DD"),(0,s.default)().endOf("isoWeek").format("YYYY-MM-DD")).then(function(a){var r,o,i,n,c,d,u,h,f,m;l.userData[t]={weekly:a.weekly,daily:a.daily},r=a.weekly,o=0,i=0,n=0,c=(0,s.default)().format("YYYY-MM-DD"),d=0,u=0,h=0,f=0,m=0,Object.keys(r).forEach(function(e){var t=r[e],a=t.duration||0,l=t.schoolUsePercentage||0,p=a*l,g=a*(1-l);o+=p,i+=g,n++,h+=p,f+=g,m+=a,(0,s.default)(e).format("YYYY-MM-DD")===c&&(d=p,u=g)}),l.todayOnCampus=d,l.todayOffCampus=u,l.todayTotal=d+u,l.weeklyAvgOnCampus=n>0?o/n:0,l.weeklyAvgOffCampus=n>0?i/n:0,l.weeklyTotalAverage=l.weeklyAvgOnCampus+l.weeklyAvgOffCampus,m>0?(l.weeklyAvgSchoolUsePercentage=h/m*100,l.weeklyAvgOutOfSchoolPercentage=f/m*100):(l.weeklyAvgSchoolUsePercentage=0,l.weeklyAvgOutOfSchoolPercentage=0),e.$applyAsync()}).catch(function(t){e.$applyAsync(),console.error("Error fetching initial data for current user:",t)})},l.fetchLightboxData=function(){var t=l.selectedChildHistogram||l.selectedUser;if(t){var a=m(t,l.selectedDailyDate,l.weekStart.format("YYYY-MM-DD"),l.weekEnd.format("YYYY-MM-DD"));c(u,l,t,l.selectedDailyDate,l.weekStart.format("YYYY-MM-DD"),l.weekEnd.format("YYYY-MM-DD")).then(function(t){l.userData[a]={weekly:t.weekly,daily:t.daily},l.showLightbox&&setTimeout(function(){return l.updateChart()},50),e.$applyAsync()}).catch(function(e){console.error("Error fetching data for lightbox:",e)})}},l.updateChart=function(){var e=t[0].querySelector("#myChart");if(e){var a=e.getContext("2d");if(a){var r=[],o=[],i=l.selectedChildHistogram||l.selectedUser,c=m(i,l.selectedDailyDate,l.weekStart.format("YYYY-MM-DD"),l.weekEnd.format("YYYY-MM-DD")),d=l.userData[c];if(d){var u="weekly"===l.viewMode?d.weekly:d.daily;if(u){if("weekly"===l.viewMode)Object.keys(u).sort().forEach(function(e){var t=u[e];r.push((0,s.default)(e).format("ddd D")),o.push(t.duration/60)});else u.forEach(function(e){r.push("".concat(e.hour,"h")),o.push(e.duration)});f?(f.data.labels=r,f.data.datasets[0].data=o,f.options={plugins:{tooltip:{callbacks:{label:function(e){var t=e.raw;if("weekly"===l.viewMode){var a=Math.floor(t),r=Math.round(60*(t-a));return 0===r?"".concat(e.dataset.label,": ").concat(a,"h"):"".concat(e.dataset.label,": ").concat(a,"h ").concat(r,"m")}return"".concat(e.dataset.label,": ").concat(t," ").concat(l.lang.translate("screenTime.minutes"))}}}},scales:{x:{stacked:!0},y:{stacked:!0,beginAtZero:!0,title:{display:!0,text:"weekly"===l.viewMode?l.lang.translate("screenTime.hours"):l.lang.translate("screenTime.minutes")}}}},f.update()):f=new n.Chart(a,{type:"bar",data:{labels:r,datasets:[{label:l.lang.translate("screenTime.totalUsage"),data:o,backgroundColor:"#2A9CC8"}]},options:{plugins:{tooltip:{callbacks:{label:function(e){var t=e.raw;if("weekly"===l.viewMode){var a=Math.floor(t),r=Math.round(60*(t-a));return 0===r?"".concat(e.dataset.label,": ").concat(a,"h"):"".concat(e.dataset.label,": ").concat(a,"h ").concat(r,"m")}return"".concat(e.dataset.label,": ").concat(t," ").concat(l.lang.translate("screenTime.minutes"))}}},legend:{display:!1,position:"bottom"}},responsive:!0,scales:{x:{stacked:!0},y:{stacked:!0,beginAtZero:!0,title:{display:!0,text:"weekly"===l.viewMode?l.lang.translate("screenTime.hours"):l.lang.translate("screenTime.minutes")}}}}})}}}}},l.children=d(l),l.isParent&&l.children.length>0?(l.selectedUser||(l.selectedUser=l.children[0].userId),l.fetchDataForCurrentUser()):!l.isParent&&h?(l.selectedUser=h,l.fetchDataForCurrentUser()):(l.hasError=!0,l.errorMessage=l.lang.translate("screenTime.error.noUser"),e.$applyAsync()),e.$watch(function(){return l.viewMode},function(e,t){e!==t&&l.showLightbox&&setTimeout(function(){return l.updateChart()},50)}),e.$watch(function(){return l.selectedChildHistogram},function(e,t){e!==t&&l.showLightbox&&l.fetchLightboxData()}),e.$watch(function(){return l.showLightbox},function(e){e?(l.selectedChildHistogram=l.selectedUser,setTimeout(function(){l.updateChart()},100)):f&&(f.destroy(),f=null)})}},e}();t.odeModuleName="odeCantineWidgetModule",o.default.module(t.odeModuleName,[]).filter("duration",function(){return function(e){if(isNaN(e)||null===e||e<0)return"0m";var t=Math.floor(e),a=Math.floor(t/60),r=t%60,o="";return a>0&&(o+="".concat(a,"h")),(r>0||0===a&&0===t)&&(o+="".concat(r,"m")),o.trim()||"0m"}}).directive("odeScreenTimeWidget",function(){return new u}),(0,i.notif)().onLangReady().promise.then(function(e){if(function(e){try{"en"===e?(a(2243),s.default.locale("en-gb")):(a(4470),s.default.locale("fr"))}catch(e){console.warn("Failed to load moment locale:",e),s.default.locale("fr")}}(e),"en"===e)(0,i.conf)().Platform.idiom.addKeys(a(5840));else(0,i.conf)().Platform.idiom.addKeys(a(1245))})},5840:e=>{e.exports=JSON.parse('{"screenTime.title.normal":"Screen Time","screenTime.title.uppercase":"SCREEN TIME","screenTime.today":"Today","screenTime.weekAverage":"Week Average","screenTime.displayDetails":"View Details","screenTime.user":"User","screenTime.viewMode":"Display","screenTime.viewMode.weekly":"Weekly","screenTime.viewMode.daily":"Daily","screenTime.modal.close":"Close","screenTime.information.first":"\'Screen Time\' is a feature implemented by the Bouches-du-Rhône Department.","screenTime.information.second":"It allows measuring the student\'s activity time on the laptop provided by the Department during school hours and outside school hours.","screenTime.information.third":"\'Screen Time\' only observes the opening and closing of the student\'s session on their computer.","screenTime.information.fourth":"The feature does not record any personal usage or internet browsing data.","screenTime.error.generic":"A technical problem has occurred. If the problem persists, contact your school administrator.","screenTime.error.404":"Error identifying the user. Contact your school administrator.","screenTime.error.noUser":"No user available to display screen time data.","screenTime.totalUsage":"Total usage","screenTime.hours":"Hours","screenTime.minutes":"Minutes","screenTime.from":"from","screenTime.to":"to"}')},1245:e=>{e.exports=JSON.parse('{"screenTime.title.normal":"Temps d\'écran","screenTime.title.uppercase":"TEMPS D\'ÉCRAN","screenTime.today":"Aujourd\'hui","screenTime.weekAverage":"Moyenne de la semaine","screenTime.displayDetails":"Voir le détail","screenTime.user":"Utilisateur","screenTime.viewMode":"Affichage","screenTime.viewMode.weekly":"Hebdomadaire","screenTime.viewMode.daily":"Quotidien","screenTime.modal.close":"Fermer","screenTime.information.first":"\'Temps d\'écran\' est une fonctionnalité mise en place par le Département des Bouches-du-Rhône.","screenTime.information.second":"Elle permet de mesurer le temps d\'activité de l\'élève sur l\'ordinateur portable mis à disposition par le Département pendant le temps scolaire et en dehors du temps scolaire.","screenTime.information.third":"\'Temps d\'écran\' observe uniquement l\'ouverture et la fermeture de la session par l\'élève sur son ordinateur.","screenTime.information.fourth":"La fonctionnalité n\'enregistre aucune donnée personnelle d\'utilisation ou de navigation internet.","screenTime.error.generic":"Un problème technique est survenu. Si le problème persiste contactez l’administrateur de votre établissement.","screenTime.error.404":"Erreur lors de l’identification de l’utilisateur. Contactez l’administrateur de votre établissement.","screenTime.error.noUser":"Aucun utilisateur disponible pour afficher les données de temps d\'écran.","screenTime.totalUsage":"Usage total","screenTime.hours":"Heures","screenTime.minutes":"Minutes","screenTime.from":"du","screenTime.to":"au"}')}}]);
 //# sourceMappingURL=screen-time-widget.widget.js.map

package/dist/widgets/screen-time-widget/screen-time-widget.widget.js.map

@@ -1 +1 @@
-{"version":3,"file":"widgets/screen-time-widget/screen-time-widget.widget.js","mappings":"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","sources":["webpack://ode-ngjs-front/./src/ts/widgets/screen-time-widget/screen-time-widget.widget.html","webpack://ode-ngjs-front/./src/ts/widgets/screen-time-widget/screen-time-widget.widget.ts"],"sourcesContent":["// Module\nvar code = \"<style>.screen-time-summary{padding:16px;font-family:Roboto,sans-serif;display:flex;flex-direction:column;gap:12px}.title{padding-bottom:6px;font-size:16px;color:#4a4a4a;font-weight:700;border-bottom:1px solid #e0e0e0}.modal-title{display:block;width:100%}.modal-body{margin:1rem 0!important}.summary-row{display:flex;gap:12px}.summary-row:nth-of-type(2){margin-top:10px}.summary-block{flex:1;background:#e5f5ff;border-radius:12px;padding:12px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.summary-block .label{font-size:16px;color:#4a4a4a;font-weight:700;margin-bottom:4px}.summary-block .value{font-size:32px;color:#333}.percentage-bar-container{width:100%;height:10px;background-color:#e0e0e0;border-radius:5px;margin-top:5px;display:flex;overflow:hidden}.percentage-bar{height:100%;transition:width .5s ease-in-out;border-radius:5px}.legend{display:flex;gap:16px;align-items:center;margin-top:10px;font-size:10px;color:#333}.legend-item{display:flex;align-items:center;gap:6px}.legend-square{width:16px;height:16px;border-radius:4px}.custom-select{appearance:none;border:none;padding:8px 32px 8px 12px;border-radius:6px;font-size:16px;color:#333;font-family:Roboto,sans-serif;background:#fff url(\\\"data:image/svg+xml,%3Csvg fill='none' stroke='%23666' stroke-width='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E\\\") no-repeat right 10px center;background-size:16px;cursor:pointer;min-width:150px}.custom-select:focus{outline:0;box-shadow:0 0 0 2px rgba(42,156,200,.3)}.see-more{display:flex;justify-content:flex-end;margin-top:8px;padding-left:4px}.see-more button{background-color:transparent;border:none;font-family:Roboto,sans-serif;font-weight:600;font-size:16px;line-height:24px;padding:6px 12px;cursor:pointer;color:#2a9cc8;border-radius:4px;transition:background-color .2s ease}.see-more button:hover{background-color:#f0f8fc}.centered-controls{margin:0 auto 20px auto;width:fit-content;text-align:center}.view-controls{display:flex;width:100%;flex-direction:row;justify-content:space-between;margin-bottom:16px}.control-group{display:flex;align-items:center}.close-button-container{display:flex;justify-content:flex-end;margin-top:20px}.close-button{width:84px;height:40px;padding:8px 16px;background:#ff8d2e;color:#fff;font-size:16px;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:background .3s ease}.close-button:hover{background:#e67c24}.date-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.nav-button{background:0 0;border:none;font-size:24px;cursor:pointer}.date-navigation{display:flex;align-items:center;justify-content:center;gap:1rem}.date-navigation button{background:0 0;border:none;font-size:1.5rem;cursor:pointer}.date-navigation button:disabled{color:#d3d3d3;cursor:not-allowed}.selected-date{cursor:pointer;font-weight:700}.error-message{background-color:#ffe5e5;color:#c00;border:1px solid #c00;padding:12px;border-radius:6px;font-size:14px;font-weight:500}.info-popover{position:absolute;z-index:10;display:block;width:90%;background-color:#fff;border:1px solid #e0e0e0;box-shadow:0 4px 6px 0 rgba(0,0,0,.08);font-size:1.5rem;line-height:1.8;padding:1rem;border-radius:6px}</style> <div class=\\\"screen-time-widget-container\\\"> <div class=\\\"screen-time-summary\\\"> <div class=\\\"title\\\"> <div class=\\\"label\\\"> <i18n>screenTime.title.uppercase</i18n> </div> </div> <div ng-if=\\\"ctrl.isParent\\\"> <select id=\\\"userSelect\\\" class=\\\"custom-select\\\" ng-model=\\\"ctrl.selectedUser\\\" ng-options=\\\"child.userId as child.name for child in ctrl.children\\\" ng-change=\\\"ctrl.fetchDataForCurrentUser()\\\"> </select> </div> <div class=\\\"error-message\\\" ng-if=\\\"ctrl.errorMessage\\\"> {{ ctrl.errorMessage }} </div> <div ng-if=\\\"!ctrl.errorMessage\\\"> <div class=\\\"summary-row\\\"> <div class=\\\"summary-block\\\"> <div class=\\\"label\\\"> <i18n>screenTime.today</i18n> </div> <div class=\\\"value\\\">{{ ctrl.todayTotal | duration }}</div> </div> </div> <div class=\\\"summary-row\\\"> <div class=\\\"summary-block\\\"> <div class=\\\"label\\\"> <i18n>screenTime.weekAverage</i18n> </div> <div class=\\\"value\\\">{{ ctrl.weeklyTotalAverage | duration }}</div> </div> </div> <div class=\\\"legend\\\"> <div class=\\\"see-more\\\"> <button ng-click=\\\"ctrl.toggleLightbox(true)\\\"> <i18n>screenTime.displayDetails</i18n> </button> </div> </div> </div> </div> <ode-modal visible=\\\"ctrl.showLightbox\\\" on-close=\\\"ctrl.toggleLightbox(false)\\\" size=\\\"lg\\\" dnd-nodrag> <ode-modal-title class=\\\"modal-title\\\"> <h2> <i18n>screenTime.title.normal</i18n> <popover> <popover-opener><i class=\\\"fa-solid fa-circle-info\\\"></i></popover-opener> <popover-content class=\\\"info-popover\\\"> <ul> <li> <i18n>screenTime.information.first</i18n> </li> <li> <i18n>screenTime.information.second</i18n> </li> <li> <i18n>screenTime.information.third</i18n> </li> <li> <i18n>screenTime.information.fourth</i18n> </li> </ul> </popover-content> </popover> </h2> <div class=\\\"view-controls\\\"> <div class=\\\"control-group\\\"> <label style=\\\"font-size:14px\\\" for=\\\"userSelect\\\"> <i18n>screenTime.user</i18n> :</label> <div ng-if=\\\"ctrl.isParent\\\"> <select id=\\\"userSelect\\\" class=\\\"custom-select\\\" ng-model=\\\"ctrl.selectedChildHistogram\\\" ng-options=\\\"child.userId as child.name for child in ctrl.children\\\"> </select> </div> </div> <div class=\\\"control-group\\\"> <label for=\\\"viewMode\\\"> <i18n>screenTime.viewMode</i18n> :</label> <select id=\\\"viewMode\\\" class=\\\"custom-select\\\" ng-model=\\\"ctrl.viewMode\\\" ng-change=\\\"ctrl.updateChart()\\\"> <option value=\\\"weekly\\\"> [[ctrl.lang.translate(\\\"screenTime.viewMode.weekly\\\")]] </option> <option value=\\\"daily\\\"> [[ctrl.lang.translate(\\\"screenTime.viewMode.daily\\\")]] </option> </select> </div> </div> </ode-modal-title> <ode-modal-body class=\\\"modal-body\\\"> <div class=\\\"date-selectors centered-controls\\\" ng-if=\\\"ctrl.showLightbox\\\"> <div class=\\\"date-navigation\\\" ng-if=\\\"ctrl.viewMode === 'daily'\\\"> <button ng-click=\\\"ctrl.changeDay(-1)\\\" ng-disabled=\\\"!ctrl.canGoToPreviousDay()\\\">←</button> <div ng-if=\\\"!ctrl.showDatePicker\\\" class=\\\"selected-date\\\" ng-click=\\\"ctrl.toggleDatePicker(true)\\\"> {{ ctrl.selectedDailyDateObj | date:'fullDate' }} </div> <input type=\\\"date\\\" ng-if=\\\"ctrl.showDatePicker\\\" ng-model=\\\"ctrl.selectedDailyDate\\\" ng-change=\\\"ctrl.setDateFromPicker(ctrl.selectedDailyDate)\\\" ng-blur=\\\"ctrl.toggleDatePicker(false)\\\" max=\\\"{{ ctrl.selectedDailyDate }}\\\"/> <button ng-click=\\\"ctrl.changeDay(1)\\\" ng-disabled=\\\"!ctrl.canGoToNextDay()\\\">→</button> </div> <div class=\\\"date-navigation\\\" ng-if=\\\"ctrl.viewMode === 'weekly'\\\"> <button ng-click=\\\"ctrl.changeWeek(-1)\\\" ng-disabled=\\\"!ctrl.canGoToPreviousWeek()\\\">←</button> <div class=\\\"selected-date\\\">{{ ctrl.weekLabel }}</div> <button ng-click=\\\"ctrl.changeWeek(1)\\\" ng-disabled=\\\"!ctrl.canGoToNextWeek()\\\">→</button> </div> </div> <canvas id=\\\"myChart\\\" style=\\\"width:100%;height:500px;max-height:500px\\\"></canvas> </ode-modal-body> </ode-modal> </div>\";\n// Exports\nexport default code;","import angular, { IAttributes, IController, IDirective, IScope, IHttpService } from \"angular\";\nimport { conf, notif, session } from \"../../utils\";\nimport { Chart, registerables } from \"chart.js\";\nimport moment, { Moment } from \"moment\";\nimport 'moment/locale/fr';\n\nChart.register(...registerables);\nmoment.locale('fr');\n\n// Controller\nexport class Controller {\n    public platform = conf().Platform;\n    public lang = this.platform.idiom;\n    public selectedUser: string = \"\";\n    public viewMode: \"weekly\" | \"daily\" = \"weekly\";\n\n    public userData: { [key: string]: { weekly: any, daily: any } } = {};\n    public selectedDailyDate: string = moment().format('YYYY-MM-DD');\n    public weekStart: Moment = moment().startOf('isoWeek'); // Monday\n    public weekEnd: Moment = moment().endOf('isoWeek');     // Sunday\n\n    public updateChart: () => void = () => { };\n\n    public todayOnCampus = 0;\n    public todayOffCampus = 0;\n    public todayTotal = 0;\n\n    public weeklyAvgOnCampus = 0;\n    public weeklyAvgOffCampus = 0;\n    public weeklyTotalAverage = 0;\n    public weeklyAvgSchoolUsePercentage: number = 0;\n    public weeklyAvgOutOfSchoolPercentage: number = 0;\n\n    // new props\n    public fixedTodayOnCampus = 0;\n    public fixedTodayOffCampus = 0;\n    public fixedTodayTotal = 0;\n\n    public fixedWeeklyAvgOnCampus = 0;\n    public fixedWeeklyAvgOffCampus = 0;\n    public fixedWeeklyTotalAverage = 0;\n    public fixedWeeklyAvgSchoolUsePercentage: number = 0;\n    public fixedWeeklyAvgOutOfSchoolPercentage: number = 0;\n\n\n    // end of new \n\n    public customWeekMode: boolean = false;\n    public customStartDate: string = \"\";\n    public customEndDate: string = \"\";\n\n    public isParent: boolean = false;\n\n    public hasError: boolean = false;\n    public errorMessage: string = \"\";\n\n    public fetchDataForCurrentUser: () => void = () => { };\n    public fetchLightboxData: () => void = () => { };\n\n    public showLightbox: boolean = false;\n    public showDatePicker: boolean = false;\n\n    public children: { id: string; name: string; userId: string }[] = [];\n    public selectedChild = null;\n    public selectedChildHistogram = \"\";\n\n    public toggleDatePicker(show: boolean) {\n        this.showDatePicker = show;\n    }\n\n    public setDateFromPicker(date: string) {\n        const newDate = moment(date).format('YYYY-MM-DD');\n        this.showDatePicker = false;\n        this.setSelectedDate(newDate);\n        this.fetchLightboxData();\n    }\n\n    public toggleLightbox(show: boolean) {\n        this.showLightbox = show;\n        if (show) {\n            // Store the current summary values when lightbox opens\n            this.fixedTodayOnCampus = this.todayOnCampus;\n            this.fixedTodayOffCampus = this.todayOffCampus;\n            this.fixedTodayTotal = this.todayTotal;\n            this.fixedWeeklyAvgOnCampus = this.weeklyAvgOnCampus;\n            this.fixedWeeklyAvgOffCampus = this.weeklyAvgOffCampus;\n            this.fixedWeeklyTotalAverage = this.weeklyTotalAverage;\n            this.fixedWeeklyAvgSchoolUsePercentage = this.weeklyAvgSchoolUsePercentage;\n            this.fixedWeeklyAvgOutOfSchoolPercentage = this.weeklyAvgOutOfSchoolPercentage;\n\n            // Initialize lightbox dates to current date/week\n            this.selectedDailyDate = moment().format('YYYY-MM-DD');\n            this.weekStart = moment().startOf('isoWeek');\n            this.weekEnd = moment().endOf('isoWeek');\n            this.selectedChildHistogram = this.selectedUser;\n\n        }\n    }\n\n    private getCurrentSchoolYear(): { schoolYearStart: moment.Moment, schoolYearEnd: moment.Moment } {\n        const today = moment();\n        const currentYear = today.year();\n        const currentMonth = today.month();\n\n        // If current month is less than september, school year is the previous one\n        const schoolYearStart = currentMonth < 8\n            ? moment({ year: currentYear - 1, month: 8, day: 1 }) // 1st september of previous school year\n            : moment({ year: currentYear, month: 8, day: 1 });    // 1st september of current school year\n\n        const schoolYearEnd = schoolYearStart\n            .clone()\n            .add(1, 'year')\n            .subtract(1, 'day'); // 31 august of next school year\n\n        return {\n            schoolYearStart: schoolYearStart.startOf('day'),\n            schoolYearEnd: schoolYearEnd.endOf('day'),\n        };\n    }\n\n    private setSelectedDate(date: string | moment.Moment) {\n        const momentDate = moment(date);\n\n        this.selectedDailyDate = momentDate.format('YYYY-MM-DD');\n\n        this.weekStart = momentDate.clone().startOf('isoWeek');\n        this.weekEnd = momentDate.clone().endOf('isoWeek');\n    }\n\n    private setSelectedWeek(weekStart: moment.Moment) {\n        this.weekStart = weekStart.clone().startOf('isoWeek');\n        this.weekEnd = this.weekStart.clone().endOf('isoWeek');\n\n        this.selectedDailyDate = this.weekStart.format('YYYY-MM-DD');\n    }\n\n   public canGoToPreviousWeek(): boolean {\n        const offsetWeekStart = this.weekStart.clone().subtract(1, 'week');\n        const { schoolYearStart, schoolYearEnd } = this.getCurrentSchoolYear();\n\n        return offsetWeekStart.isBetween(schoolYearStart, schoolYearEnd);\n   }\n\n   public canGoToNextWeek(): boolean {\n       const offsetWeekStart = this.weekStart.clone().add(1, 'week');\n       const { schoolYearStart, schoolYearEnd } = this.getCurrentSchoolYear();\n\n       return offsetWeekStart.isBetween(schoolYearStart, schoolYearEnd);\n   }\n\n   public canGoToPreviousDay(): boolean {\n        const offsetDayStart = moment(this.selectedDailyDate).subtract(1, 'day');\n        const { schoolYearStart, schoolYearEnd } = this.getCurrentSchoolYear();\n\n        return offsetDayStart.isBetween(schoolYearStart, schoolYearEnd);\n   }\n\n    public canGoToNextDay(): boolean {\n        const offsetDayStart = moment(this.selectedDailyDate).add(1, 'day');\n        const { schoolYearStart, schoolYearEnd } = this.getCurrentSchoolYear();\n\n        return offsetDayStart.isBetween(schoolYearStart, schoolYearEnd);\n    }\n\n    public changeDay(offset: number) {\n        const newDate = moment(this.selectedDailyDate).add(offset, 'days');\n        this.setSelectedDate(newDate);\n        this.fetchLightboxData();\n    }\n\n    public changeWeek(offset: number) {\n        const newWeekStart = this.weekStart.clone().add(offset, 'weeks');\n        this.setSelectedWeek(newWeekStart);\n        this.fetchLightboxData();\n    }\n\n    public get selectedDailyDateObj(): Date {\n        return new Date(this.selectedDailyDate);\n    }\n\n    public get weekLabel(): string {\n        const start = this.weekStart.format('dddd D MMMM');\n        const end = this.weekEnd.format('dddd D MMMM');\n\n        const fromText = this.lang.translate(\"screenTime.from\");\n        const toText = this.lang.translate(\"screenTime.to\");\n\n        return `${fromText} ${start} ${toText} ${end}`;\n    }\n}\n\nfunction fetchAllScreenTimeDataForUserAndDates($http: IHttpService, ctrl: Controller, userId: string, dailyDate: string, startDate: string, endDate: string): Promise<{ weekly: any, daily: any }> {\n    ctrl.children = fetchChildren(ctrl);\n\n    const weeklyEndpoint = `/appregistry/screen-time/${userId}/weekly?startDate=${startDate}&endDate=${endDate}`;\n    const dailyEndpoint = `/appregistry/screen-time/${userId}/daily?date=${dailyDate}`;\n\n    return Promise.all([\n        $http.get(weeklyEndpoint),\n        $http.get(dailyEndpoint)\n    ]).then(([weeklyResponse, dailyResponse]: [any, any]) => {\n        ctrl.hasError = false;\n        ctrl.errorMessage = \"\";\n        return {\n            weekly: weeklyResponse.data.dailySummaries.reduce((acc: any, day: any) => {\n                acc[day.date] = {\n                    duration: day.durationMinutes,\n                    schoolUsePercentage: day.schoolUsePercentage / 100 // convert to ratio\n                };\n                return acc;\n            }, {}),\n            daily: dailyResponse.data.durations.map((hour: any) => ({\n                hour: hour.hour,\n                duration: hour.durationMinutes,\n                schoolUsePercentage: hour.schoolUsePercentage / 100 // convert to ratio\n            }))\n        };\n    }).catch(error => {\n        ctrl.hasError = true;\n\n        if (error?.status === 404) {\n            ctrl.errorMessage = ctrl.lang.translate(\"screenTime.error.404\");\n        } else {\n            ctrl.errorMessage = ctrl.lang.translate(\"screenTime.error.generic\");\n        }\n\n        console.error(\"Error fetching data for current user and dates:\", error);\n        return Promise.reject(error);\n    });\n}\n\nfunction fetchChildren(ctrl: Controller) {\n    const childrenObj = session().user.children;\n    ctrl.isParent = false;\n\n    if (childrenObj && Object.keys(childrenObj).length > 0) {\n        ctrl.isParent = true;\n\n        return Object.entries(childrenObj).map(([userId, childData]) => {\n            const child = childData as { firstName: string; lastName: string };\n            return {\n                id: userId,\n                name: `${child.firstName} ${child.lastName}`,\n                userId:   userId\n            };\n        });\n    } else {\n        return [];\n    }\n}\n\nclass Directive implements IDirective<IScope, JQLite, IAttributes, IController[]> {\n    restrict = \"E\";\n    template = require(\"./screen-time-widget.widget.html\").default;\n    scope = {};\n    bindToController = true;\n    controller = [Controller];\n    controllerAs = \"ctrl\";\n    require = [\"odeScreenTimeWidget\"];\n\n    link(scope: IScope, elem: angular.IAugmentedJQuery, attrs: IAttributes, controllers?: IController[]) {\n        const ctrl: Controller | null = controllers ? (controllers[0] as Controller) : null;\n        if (!ctrl) return;\n\n        const $http = angular.injector([\"ng\"]).get<IHttpService>(\"$http\");\n        const currentUserId = session().user.userId;\n\n        ctrl.fetchDataForCurrentUser();\n\n        let chartInstance: Chart | null = null;\n\n        // Function to update the summary values from the pre-fetched weekly data\n        const updateSummary = (weeklyData: any) => {\n            let totalOnCampus = 0;\n            let totalOffCampus = 0;\n            let daysCount = 0;\n            const today = moment().format(\"YYYY-MM-DD\");\n            let todayOnCampusTemp = 0;\n            let todayOffCampusTemp = 0;\n\n            let weeklyTotalSchoolUseDuration = 0;\n            let weeklyTotalOutOfSchoolDuration = 0;\n            let weeklyTotalOverallDuration = 0;\n\n            Object.keys(weeklyData).forEach(dateStr => {\n                const entry = weeklyData[dateStr];\n                const duration = entry.duration || 0;\n                const schoolUsePct = entry.schoolUsePercentage || 0;\n\n                const onCampus = duration * schoolUsePct;\n                const offCampus = duration * (1 - schoolUsePct);\n\n                totalOnCampus += onCampus;\n                totalOffCampus += offCampus;\n                daysCount++;\n\n                weeklyTotalSchoolUseDuration += onCampus;\n                weeklyTotalOutOfSchoolDuration += offCampus;\n                weeklyTotalOverallDuration += duration;\n\n                if (moment(dateStr).format(\"YYYY-MM-DD\") === today) {\n                    todayOnCampusTemp = onCampus;\n                    todayOffCampusTemp = offCampus;\n                }\n            });\n\n            ctrl.todayOnCampus = todayOnCampusTemp;\n            ctrl.todayOffCampus = todayOffCampusTemp;\n            ctrl.todayTotal = todayOnCampusTemp + todayOffCampusTemp;\n            ctrl.weeklyAvgOnCampus = daysCount > 0 ? totalOnCampus / daysCount : 0;\n            ctrl.weeklyAvgOffCampus = daysCount > 0 ? totalOffCampus / daysCount : 0;\n            ctrl.weeklyTotalAverage = ctrl.weeklyAvgOnCampus + ctrl.weeklyAvgOffCampus;\n\n            if (weeklyTotalOverallDuration > 0) {\n                ctrl.weeklyAvgSchoolUsePercentage = (weeklyTotalSchoolUseDuration / weeklyTotalOverallDuration) * 100;\n                ctrl.weeklyAvgOutOfSchoolPercentage = (weeklyTotalOutOfSchoolDuration / weeklyTotalOverallDuration) * 100;\n            } else {\n                ctrl.weeklyAvgSchoolUsePercentage = 0;\n                ctrl.weeklyAvgOutOfSchoolPercentage = 0;\n            }\n        };\n\n        // Helper to generate a unique key for caching data based on user and date range\n        const generateDataKey = (userId: string, dailyDate: string, startDate: string, endDate: string) => {\n            return `${userId}_daily_${dailyDate}_weekly_${startDate}_${endDate}`;\n        };\n\n        // New function assigned to ctrl.fetchDataForCurrentUser to be called from HTML\n        ctrl.fetchDataForCurrentUser = () => {\n            ctrl.errorMessage = \"\";\n            ctrl.hasError = false;\n            const currentKey = generateDataKey(\n                ctrl.selectedUser,\n                moment().format('YYYY-MM-DD'), // Always use today's date for initial load\n                moment().startOf('isoWeek').format('YYYY-MM-DD'),\n                moment().endOf('isoWeek').format('YYYY-MM-DD')\n            );\n\n            // Fetch initial summary data (today and current week)\n            fetchAllScreenTimeDataForUserAndDates(\n                $http,\n                ctrl,\n                ctrl.selectedUser,\n                moment().format('YYYY-MM-DD'),\n                moment().startOf('isoWeek').format('YYYY-MM-DD'),\n                moment().endOf('isoWeek').format('YYYY-MM-DD')\n            ).then((data) => {\n                ctrl.userData[currentKey] = { weekly: data.weekly, daily: data.daily };\n                updateSummary(data.weekly); // Update the main summary values\n                scope.$applyAsync();\n            }).catch(error => {\n                scope.$applyAsync();\n                console.error(\"Error fetching initial data for current user:\", error);\n            });\n        };\n\n        ctrl.fetchLightboxData = () => {\n\n            const userIdForLightbox = ctrl.selectedChildHistogram || ctrl.selectedUser;\n\n            if (!userIdForLightbox) return;\n\n            const currentKey = generateDataKey(\n                userIdForLightbox,\n                ctrl.selectedDailyDate,\n                ctrl.weekStart.format('YYYY-MM-DD'),\n                ctrl.weekEnd.format('YYYY-MM-DD')\n            );\n\n            fetchAllScreenTimeDataForUserAndDates(\n                $http,\n                ctrl,\n                userIdForLightbox,\n                ctrl.selectedDailyDate,\n                ctrl.weekStart.format('YYYY-MM-DD'),\n                ctrl.weekEnd.format('YYYY-MM-DD')\n            ).then((data) => {\n                ctrl.userData[currentKey] = { weekly: data.weekly, daily: data.daily };\n                if (ctrl.showLightbox) {\n                    setTimeout(() => ctrl.updateChart(), 50);\n                }\n                scope.$applyAsync();\n            }).catch(error => {\n                console.error(\"Error fetching data for lightbox:\", error);\n            });\n        };\n\n        ctrl.updateChart = () => {\n            const canvas = elem[0].querySelector<HTMLCanvasElement>(\"#myChart\");\n            if (!canvas) return;\n\n            const ctx = canvas.getContext(\"2d\");\n            if (!ctx) return;\n\n            let labels: string[] = [];\n            let totalTimes: number[] = [];\n\n            const userIdForChart = ctrl.selectedChildHistogram || ctrl.selectedUser;\n\n            // Use the dates from the lightbox controls for the chart data key\n            const currentDataKey = generateDataKey(\n                userIdForChart,\n                ctrl.selectedDailyDate,\n                ctrl.weekStart.format('YYYY-MM-DD'),\n                ctrl.weekEnd.format('YYYY-MM-DD')\n            );\n            const currentUserAndDateData = ctrl.userData[currentDataKey];\n\n            if (!currentUserAndDateData) return;\n\n            const dataToUse: any = ctrl.viewMode === \"weekly\" ? currentUserAndDateData.weekly : currentUserAndDateData.daily;\n            if (!dataToUse) return;\n\n            if (ctrl.viewMode === \"weekly\") {\n                const sortedDates = Object.keys(dataToUse).sort();\n\n                sortedDates.forEach(dataStr => {\n                    const entry = dataToUse[dataStr];\n                    labels.push(moment(dataStr).format('ddd D'));\n                    totalTimes.push(entry.duration / 60);\n                })\n            } else {\n                dataToUse.forEach((hourData: any) => {\n                    labels.push(`${hourData.hour}h`);\n                    totalTimes.push(hourData.duration);\n                });\n            }\n\n            // If the chart already exists, we simply update it\n            if (chartInstance) {\n                chartInstance.data.labels = labels;\n                chartInstance.data.datasets[0].data = totalTimes;\n\n                chartInstance.options = {\n                    scales: {\n                        x: {\n                            stacked: true\n                        },\n                        y: {\n                            stacked: true,\n                            beginAtZero: true,\n                            title: {\n                                display: true,\n                                text: ctrl.viewMode === \"weekly\" ? ctrl.lang.translate(\"screenTime.hours\") : ctrl.lang.translate(\"screenTime.minutes\"),\n                            }\n                        }\n                    }\n                }\n\n                chartInstance.update();\n            } else {\n                chartInstance = new Chart(ctx, {\n                    type: \"bar\",\n                    data: {\n                        labels,\n                        datasets: [\n                            {\n                                label: ctrl.lang.translate(\"screenTime.totalUsage\"),\n                                data: totalTimes,\n                                backgroundColor: \"#2A9CC8\"\n                            }\n                        ]\n                    },\n                    options: {\n                        plugins: {\n                            tooltip: {\n                                callbacks: {\n                                    label: function (context) {\n                                        const value = context.raw;\n                                        return `${context.dataset.label}: ${value} ${ctrl.viewMode === \"weekly\" ? ctrl.lang.translate(\"screenTime.hours\") : ctrl.lang.translate(\"screenTime.minutes\")}`;\n                                    }\n                                }\n                            },\n                            legend: {\n                                display: false,\n                                position: \"bottom\"\n                            }\n                        },\n                        responsive: true,\n                        scales: {\n                            x: {\n                                stacked: true\n                            },\n                            y: {\n                                stacked: true,\n                                beginAtZero: true,\n                                title: {\n                                    display: true,\n                                    text: ctrl.viewMode === \"weekly\" ? ctrl.lang.translate(\"screenTime.hours\") : ctrl.lang.translate(\"screenTime.minutes\"),\n                                }\n                            }\n                        }\n                    }\n                });\n            }\n        };\n\n        ctrl.children = fetchChildren(ctrl);\n\n        // Determine the user whose data should be fetched on load\n        if (ctrl.isParent && ctrl.children.length > 0) {\n            // If a parent, and has children, default to the first child if no child is selected yet\n            if (!ctrl.selectedUser) {\n                ctrl.selectedUser = ctrl.children[0].userId;\n            }\n            ctrl.fetchDataForCurrentUser();\n        } else if (!ctrl.isParent && currentUserId) {\n            // If not a parent, and current user ID is available, fetch data for themselves\n            ctrl.selectedUser = currentUserId; // Set selectedUser to the current logged-in user's ID\n            ctrl.fetchDataForCurrentUser();\n        } else {\n            // No children AND no current user ID (or other error condition)\n            ctrl.hasError = true;\n            ctrl.errorMessage = ctrl.lang.translate(\"screenTime.error.noUser\");\n            scope.$applyAsync(); // Ensure the error message is displayed\n        }\n\n        // Watch for changes in view mode (within lightbox): only updates the chart\n        scope.$watch(() => ctrl.viewMode, (newVal, oldVal) => {\n            if (newVal !== oldVal && ctrl.showLightbox) {\n                setTimeout(() => ctrl.updateChart(), 50);\n            }\n        });\n        // Watch for selectedUser changes within the lightbox to update chart data\n        scope.$watch(() => ctrl.selectedChildHistogram, (newVal, oldVal) => { // Changed from ctrl.selectedUser\n            if (newVal !== oldVal && ctrl.showLightbox) {\n                ctrl.fetchLightboxData();\n            }\n        });\n\n        // Watch for lightbox visibility changes\n        scope.$watch(() => ctrl.showLightbox, (isVisible: boolean) => {\n            if (isVisible) {\n                // When lightbox opens:\n                // 1. Set selectedChildHistogram. This will trigger the selectedChildHistogram watch,\n                //    which will then call fetchLightboxData() (the single desired API call).\n                ctrl.selectedChildHistogram = ctrl.selectedUser;\n\n                // 2. Schedule chart update after a short delay, allowing fetchLightboxData() to begin.\n                setTimeout(() => {\n                    ctrl.updateChart();\n                }, 100);\n            } else {\n                // When lightbox closes\n                if (chartInstance) {\n                    chartInstance.destroy();\n                    chartInstance = null;\n                }\n            }\n        });\n\n    }\n}\n\n// Factory function for the directive\nfunction DirectiveFactory() {\n    return new Directive();\n}\n\n// Define the module name\nexport const odeModuleName = \"odeCantineWidgetModule\";\n\n// Angular module definition\nangular\n    .module(odeModuleName, [])\n    // Define the custom 'duration' filter\n    .filter('duration', function () {\n        return function (input: number) {\n            if (isNaN(input) || input === null || input < 0) {\n                return '0m';\n            }\n\n            const totalMinutes = Math.floor(input);\n            const hours = Math.floor(totalMinutes / 60);\n            const minutes = totalMinutes % 60;\n\n            let result = '';\n\n            if (hours > 0) {\n                result += `${hours}h`;\n            }\n            if (minutes > 0 || (hours === 0 && totalMinutes === 0)) {\n                result += `${minutes}m`;\n            }\n\n            return result.trim() || '0m';\n        };\n    })\n\n    // Register the directive\n    .directive(\"odeScreenTimeWidget\", DirectiveFactory);\n\nfunction setupMomentLocale(lang: string) {\n    try {\n        if (lang === \"en\") {\n            require('moment/locale/en-gb');\n            moment.locale('en-gb');\n        } else {\n            require('moment/locale/fr');\n            moment.locale('fr');\n        }\n    } catch (error) {\n        console.warn('Failed to load moment locale:', error);\n        moment.locale('fr');\n    }\n}\n\n// Internationalization setup\nnotif()\n    .onLangReady()\n    .promise.then((lang) => {\n        setupMomentLocale(lang);\n\n        switch (lang) {\n            case \"en\":\n                conf().Platform.idiom.addKeys(require(\"./i18n/en.json\"));\n                break;\n            default:\n                conf().Platform.idiom.addKeys(require(\"./i18n/fr.json\"));\n                break;\n        }\n    });\n"],"names":["Chart","register","registerables","locale","platform","conf","Platform","lang","this","idiom","selectedUser","viewMode","userData","selectedDailyDate","format","weekStart","startOf","weekEnd","endOf","updateChart","todayOnCampus","todayOffCampus","todayTotal","weeklyAvgOnCampus","weeklyAvgOffCampus","weeklyTotalAverage","weeklyAvgSchoolUsePercentage","weeklyAvgOutOfSchoolPercentage","fixedTodayOnCampus","fixedTodayOffCampus","fixedTodayTotal","fixedWeeklyAvgOnCampus","fixedWeeklyAvgOffCampus","fixedWeeklyTotalAverage","fixedWeeklyAvgSchoolUsePercentage","fixedWeeklyAvgOutOfSchoolPercentage","customWeekMode","customStartDate","customEndDate","isParent","hasError","errorMessage","fetchDataForCurrentUser","fetchLightboxData","showLightbox","showDatePicker","children","selectedChild","selectedChildHistogram","toggleDatePicker","show","setDateFromPicker","date","newDate","setSelectedDate","toggleLightbox","getCurrentSchoolYear","today","currentYear","year","schoolYearStart","month","day","schoolYearEnd","clone","add","subtract","momentDate","setSelectedWeek","canGoToPreviousWeek","offsetWeekStart","isBetween","canGoToNextWeek","canGoToPreviousDay","offsetDayStart","canGoToNextDay","changeDay","offset","changeWeek","newWeekStart","Date","start","end","fromText","translate","toText","fetchAllScreenTimeDataForUserAndDates","$http","ctrl","userId","dailyDate","startDate","endDate","fetchChildren","weeklyEndpoint","dailyEndpoint","Promise","all","get","then","weeklyResponse","dailyResponse","weekly","data","dailySummaries","reduce","acc","duration","durationMinutes","schoolUsePercentage","daily","durations","map","hour","catch","error","status","console","reject","childrenObj","session","user","Object","keys","length","entries","child","id","name","firstName","lastName","Controller","restrict","template","scope","bindToController","controller","controllerAs","require","link","elem","attrs","controllers","injector","currentUserId","chartInstance","generateDataKey","currentKey","weeklyData","totalOnCampus","totalOffCampus","daysCount","todayOnCampusTemp","todayOffCampusTemp","weeklyTotalSchoolUseDuration","weeklyTotalOutOfSchoolDuration","weeklyTotalOverallDuration","forEach","dateStr","entry","schoolUsePct","onCampus","offCampus","$applyAsync","userIdForLightbox","setTimeout","canvas","querySelector","ctx","getContext","labels","totalTimes","userIdForChart","currentDataKey","currentUserAndDateData","dataToUse","sort","dataStr","push","hourData","datasets","options","scales","x","stacked","y","beginAtZero","title","display","text","update","type","label","backgroundColor","plugins","tooltip","callbacks","context","value","raw","dataset","legend","position","responsive","$watch","newVal","oldVal","isVisible","destroy","odeModuleName","module","filter","input","isNaN","totalMinutes","Math","floor","hours","minutes","result","trim","directive","Directive","notif","onLangReady","promise","warn","setupMomentLocale","addKeys"],"sourceRoot":""}
+{"version":3,"file":"widgets/screen-time-widget/screen-time-widget.widget.js","mappings":"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","sources":["webpack://ode-ngjs-front/./src/ts/widgets/screen-time-widget/screen-time-widget.widget.html","webpack://ode-ngjs-front/./src/ts/widgets/screen-time-widget/screen-time-widget.widget.ts"],"sourcesContent":["// Module\nvar code = \"<style>.screen-time-summary{padding:16px;font-family:Roboto,sans-serif;display:flex;flex-direction:column;gap:12px}.title{padding-bottom:6px;font-size:16px;color:#4a4a4a;font-weight:700;border-bottom:1px solid #e0e0e0}.modal-title{display:block;width:100%}.modal-body{margin:1rem 0!important}.summary-row{display:flex;gap:12px}.summary-row:nth-of-type(2){margin-top:10px}.summary-block{flex:1;background:#e5f5ff;border-radius:12px;padding:12px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.summary-block .label{font-size:16px;color:#4a4a4a;font-weight:700;margin-bottom:4px}.summary-block .value{font-size:32px;color:#333}.percentage-bar-container{width:100%;height:10px;background-color:#e0e0e0;border-radius:5px;margin-top:5px;display:flex;overflow:hidden}.percentage-bar{height:100%;transition:width .5s ease-in-out;border-radius:5px}.legend{display:flex;gap:16px;align-items:center;margin-top:10px;font-size:10px;color:#333}.legend-item{display:flex;align-items:center;gap:6px}.legend-square{width:16px;height:16px;border-radius:4px}.custom-select{appearance:none;border:none;padding:8px 32px 8px 12px;border-radius:6px;font-size:16px;color:#333;font-family:Roboto,sans-serif;background:#fff url(\\\"data:image/svg+xml,%3Csvg fill='none' stroke='%23666' stroke-width='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E\\\") no-repeat right 10px center;background-size:16px;cursor:pointer;min-width:150px}.custom-select:focus{outline:0;box-shadow:0 0 0 2px rgba(42,156,200,.3)}.see-more{display:flex;justify-content:flex-end;margin-top:8px;padding-left:4px}.see-more button{background-color:transparent;border:none;font-family:Roboto,sans-serif;font-weight:600;font-size:16px;line-height:24px;padding:6px 12px;cursor:pointer;color:#2a9cc8;border-radius:4px;transition:background-color .2s ease}.see-more button:hover{background-color:#f0f8fc}.centered-controls{margin:0 auto 20px auto;width:fit-content;text-align:center}.view-controls{display:flex;width:100%;flex-direction:row;justify-content:space-between;margin-bottom:16px}.control-group{display:flex;align-items:center}.close-button-container{display:flex;justify-content:flex-end;margin-top:20px}.close-button{width:84px;height:40px;padding:8px 16px;background:#ff8d2e;color:#fff;font-size:16px;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:background .3s ease}.close-button:hover{background:#e67c24}.date-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.nav-button{background:0 0;border:none;font-size:24px;cursor:pointer}.date-navigation{display:flex;align-items:center;justify-content:center;gap:1rem}.date-navigation button{background:0 0;border:none;font-size:1.5rem;cursor:pointer}.date-navigation button:disabled{color:#d3d3d3;cursor:not-allowed}.selected-date{cursor:pointer;font-weight:700}.error-message{background-color:#ffe5e5;color:#c00;border:1px solid #c00;padding:12px;border-radius:6px;font-size:14px;font-weight:500}.info-popover{position:absolute;z-index:10;display:block;width:90%;background-color:#fff;border:1px solid #e0e0e0;box-shadow:0 4px 6px 0 rgba(0,0,0,.08);font-size:1.5rem;line-height:1.8;padding:1rem;border-radius:6px}</style> <div class=\\\"screen-time-widget-container\\\"> <div class=\\\"screen-time-summary\\\"> <div class=\\\"title\\\"> <div class=\\\"label\\\"> <i18n>screenTime.title.uppercase</i18n> </div> </div> <div ng-if=\\\"ctrl.isParent\\\"> <select id=\\\"userSelect\\\" class=\\\"custom-select\\\" ng-model=\\\"ctrl.selectedUser\\\" ng-options=\\\"child.userId as child.name for child in ctrl.children\\\" ng-change=\\\"ctrl.fetchDataForCurrentUser()\\\"> </select> </div> <div class=\\\"error-message\\\" ng-if=\\\"ctrl.errorMessage\\\"> {{ ctrl.errorMessage }} </div> <div ng-if=\\\"!ctrl.errorMessage\\\"> <div class=\\\"summary-row\\\"> <div class=\\\"summary-block\\\"> <div class=\\\"label\\\"> <i18n>screenTime.today</i18n> </div> <div class=\\\"value\\\">{{ ctrl.todayTotal | duration }}</div> </div> </div> <div class=\\\"summary-row\\\"> <div class=\\\"summary-block\\\"> <div class=\\\"label\\\"> <i18n>screenTime.weekAverage</i18n> </div> <div class=\\\"value\\\">{{ ctrl.weeklyTotalAverage | duration }}</div> </div> </div> <div class=\\\"legend\\\"> <div class=\\\"see-more\\\"> <button ng-click=\\\"ctrl.toggleLightbox(true)\\\"> <i18n>screenTime.displayDetails</i18n> </button> </div> </div> </div> </div> <ode-modal visible=\\\"ctrl.showLightbox\\\" on-close=\\\"ctrl.toggleLightbox(false)\\\" size=\\\"lg\\\" dnd-nodrag> <ode-modal-title class=\\\"modal-title\\\"> <h2> <i18n>screenTime.title.normal</i18n> <popover> <popover-opener><i class=\\\"fa-solid fa-circle-info\\\"></i></popover-opener> <popover-content class=\\\"info-popover\\\"> <ul> <li> <i18n>screenTime.information.first</i18n> </li> <li> <i18n>screenTime.information.second</i18n> </li> <li> <i18n>screenTime.information.third</i18n> </li> <li> <i18n>screenTime.information.fourth</i18n> </li> </ul> </popover-content> </popover> </h2> <div class=\\\"view-controls\\\"> <div class=\\\"control-group\\\"> <label style=\\\"font-size:14px\\\" for=\\\"userSelect\\\"> <i18n>screenTime.user</i18n> :</label> <div ng-if=\\\"ctrl.isParent\\\"> <select id=\\\"userSelect\\\" class=\\\"custom-select\\\" ng-model=\\\"ctrl.selectedChildHistogram\\\" ng-options=\\\"child.userId as child.name for child in ctrl.children\\\"> </select> </div> </div> <div class=\\\"control-group\\\"> <label for=\\\"viewMode\\\"> <i18n>screenTime.viewMode</i18n> :</label> <select id=\\\"viewMode\\\" class=\\\"custom-select\\\" ng-model=\\\"ctrl.viewMode\\\" ng-change=\\\"ctrl.updateChart()\\\"> <option value=\\\"weekly\\\"> [[ctrl.lang.translate(\\\"screenTime.viewMode.weekly\\\")]] </option> <option value=\\\"daily\\\"> [[ctrl.lang.translate(\\\"screenTime.viewMode.daily\\\")]] </option> </select> </div> </div> </ode-modal-title> <ode-modal-body class=\\\"modal-body\\\"> <div class=\\\"date-selectors centered-controls\\\" ng-if=\\\"ctrl.showLightbox\\\"> <div class=\\\"date-navigation\\\" ng-if=\\\"ctrl.viewMode === 'daily'\\\"> <button ng-click=\\\"ctrl.changeDay(-1)\\\" ng-disabled=\\\"!ctrl.canGoToPreviousDay()\\\">←</button> <div ng-if=\\\"!ctrl.showDatePicker\\\" class=\\\"selected-date\\\" ng-click=\\\"ctrl.toggleDatePicker(true)\\\"> {{ ctrl.selectedDailyDateLabel }} </div> <input type=\\\"date\\\" ng-if=\\\"ctrl.showDatePicker\\\" ng-model=\\\"ctrl.tempDailyDate\\\" ng-change=\\\"ctrl.commitTempDate()\\\"/> <button ng-click=\\\"ctrl.changeDay(1)\\\" ng-disabled=\\\"!ctrl.canGoToNextDay()\\\">→</button> </div> <div class=\\\"date-navigation\\\" ng-if=\\\"ctrl.viewMode === 'weekly'\\\"> <button ng-click=\\\"ctrl.changeWeek(-1)\\\" ng-disabled=\\\"!ctrl.canGoToPreviousWeek()\\\">←</button> <div class=\\\"selected-date\\\">{{ ctrl.weekLabel }}</div> <button ng-click=\\\"ctrl.changeWeek(1)\\\" ng-disabled=\\\"!ctrl.canGoToNextWeek()\\\">→</button> </div> </div> <canvas id=\\\"myChart\\\" style=\\\"width:100%;height:500px;max-height:500px\\\"></canvas> </ode-modal-body> </ode-modal> </div>\";\n// Exports\nexport default code;","import angular, { IAttributes, IController, IDirective, IScope, IHttpService } from \"angular\";\nimport { conf, notif, session } from \"../../utils\";\nimport { Chart, registerables } from \"chart.js\";\nimport moment, { Moment } from \"moment\";\nimport 'moment/locale/fr';\n\nChart.register(...registerables);\nmoment.locale('fr');\n\n// Controller\nexport class Controller {\n    public platform = conf().Platform;\n    public lang = this.platform.idiom;\n    public selectedUser: string = \"\";\n    public viewMode: \"weekly\" | \"daily\" = \"weekly\";\n\n    public userData: { [key: string]: { weekly: any, daily: any } } = {};\n    public selectedDailyDate: string = moment().format('YYYY-MM-DD');\n    public tempDailyDate: string = moment().format('YYYY-MM-DD');\n    public weekStart: Moment = moment().startOf('isoWeek'); // Monday\n    public weekEnd: Moment = moment().endOf('isoWeek');     // Sunday\n\n    public updateChart: () => void = () => { };\n\n    public todayOnCampus = 0;\n    public todayOffCampus = 0;\n    public todayTotal = 0;\n\n    public weeklyAvgOnCampus = 0;\n    public weeklyAvgOffCampus = 0;\n    public weeklyTotalAverage = 0;\n    public weeklyAvgSchoolUsePercentage: number = 0;\n    public weeklyAvgOutOfSchoolPercentage: number = 0;\n\n    // new props\n    public fixedTodayOnCampus = 0;\n    public fixedTodayOffCampus = 0;\n    public fixedTodayTotal = 0;\n\n    public fixedWeeklyAvgOnCampus = 0;\n    public fixedWeeklyAvgOffCampus = 0;\n    public fixedWeeklyTotalAverage = 0;\n    public fixedWeeklyAvgSchoolUsePercentage: number = 0;\n    public fixedWeeklyAvgOutOfSchoolPercentage: number = 0;\n\n\n    // end of new \n\n    public customWeekMode: boolean = false;\n    public customStartDate: string = \"\";\n    public customEndDate: string = \"\";\n\n    public isParent: boolean = false;\n\n    public hasError: boolean = false;\n    public errorMessage: string = \"\";\n\n    public fetchDataForCurrentUser: () => void = () => { };\n    public fetchLightboxData: () => void = () => { };\n\n    public showLightbox: boolean = false;\n    public showDatePicker: boolean = false;\n\n    public children: { id: string; name: string; userId: string }[] = [];\n    public selectedChild = null;\n    public selectedChildHistogram = \"\";\n\n    public toggleDatePicker(show: boolean) {\n        this.showDatePicker = show;\n        if (show) {\n            this.tempDailyDate = this.selectedDailyDate;\n            // Use $timeout to ensure the input shows the correct value after DOM update\n            setTimeout(() => {\n                if (this.tempDailyDate) {\n                    // Force Angular to update the input value\n                    const dateInput = document.querySelector('input[type=\"date\"]') as HTMLInputElement;\n                    if (dateInput) {\n                        dateInput.value = this.tempDailyDate;\n                    }\n                }\n            }, 0);\n        }\n    }\n\n    public setDateFromPicker(date: string) {\n        const newDate = moment(date).format('YYYY-MM-DD');\n        this.showDatePicker = false;\n        this.setSelectedDate(newDate);\n        this.fetchLightboxData();\n    }\n\n    public commitTempDate() {\n        const newDate = moment(this.tempDailyDate).format('YYYY-MM-DD');\n        // Validate that the date is valid before committing\n        if (moment(newDate).isValid()) {\n            this.setSelectedDate(newDate);\n            this.showDatePicker = false;\n            this.fetchLightboxData();\n        } else {\n            // If invalid date, reset to current selected date and close picker\n            this.tempDailyDate = this.selectedDailyDate;\n            this.showDatePicker = false;\n        }\n    }\n\n    public toggleLightbox(show: boolean) {\n        this.showLightbox = show;\n        if (show) {\n            // Store the current summary values when lightbox opens\n            this.fixedTodayOnCampus = this.todayOnCampus;\n            this.fixedTodayOffCampus = this.todayOffCampus;\n            this.fixedTodayTotal = this.todayTotal;\n            this.fixedWeeklyAvgOnCampus = this.weeklyAvgOnCampus;\n            this.fixedWeeklyAvgOffCampus = this.weeklyAvgOffCampus;\n            this.fixedWeeklyTotalAverage = this.weeklyTotalAverage;\n            this.fixedWeeklyAvgSchoolUsePercentage = this.weeklyAvgSchoolUsePercentage;\n            this.fixedWeeklyAvgOutOfSchoolPercentage = this.weeklyAvgOutOfSchoolPercentage;\n\n            // Initialize lightbox dates to current date/week only if not already set\n            if (!this.selectedDailyDate) {\n                this.selectedDailyDate = moment().format('YYYY-MM-DD');\n            }\n            if (!this.weekStart || !this.weekEnd) {\n                this.weekStart = moment().startOf('isoWeek');\n                this.weekEnd = moment().endOf('isoWeek');\n            }\n            this.selectedChildHistogram = this.selectedUser;\n\n        }\n    }\n\n    private getCurrentSchoolYear(): { schoolYearStart: moment.Moment, schoolYearEnd: moment.Moment } {\n        const today = moment();\n        const currentYear = today.year();\n        const currentMonth = today.month();\n\n        // If current month is less than september, school year is the previous one\n        const schoolYearStart = currentMonth < 8\n            ? moment({ year: currentYear - 1, month: 8, day: 1 }) // 1st september of previous school year\n            : moment({ year: currentYear, month: 8, day: 1 });    // 1st september of current school year\n\n        const schoolYearEnd = schoolYearStart\n            .clone()\n            .add(1, 'year')\n            .subtract(1, 'day'); // 31 august of next school year\n\n        return {\n            schoolYearStart: schoolYearStart.startOf('day'),\n            schoolYearEnd: schoolYearEnd.endOf('day'),\n        };\n    }\n\n    private setSelectedDate(date: string | moment.Moment) {\n        const momentDate = moment(date);\n\n        this.selectedDailyDate = momentDate.format('YYYY-MM-DD');\n\n        this.weekStart = momentDate.clone().startOf('isoWeek');\n        this.weekEnd = momentDate.clone().endOf('isoWeek');\n    }\n\n    private setSelectedWeek(weekStart: moment.Moment) {\n        this.weekStart = weekStart.clone().startOf('isoWeek');\n        this.weekEnd = this.weekStart.clone().endOf('isoWeek');\n\n        this.selectedDailyDate = this.weekStart.format('YYYY-MM-DD');\n    }\n\n   public canGoToPreviousWeek(): boolean {\n        const offsetWeekStart = this.weekStart.clone().subtract(1, 'week');\n        const { schoolYearStart, schoolYearEnd } = this.getCurrentSchoolYear();\n\n        return offsetWeekStart.isBetween(schoolYearStart, schoolYearEnd);\n   }\n\n   public canGoToNextWeek(): boolean {\n       const offsetWeekStart = this.weekStart.clone().add(1, 'week');\n       const { schoolYearStart, schoolYearEnd } = this.getCurrentSchoolYear();\n\n       return offsetWeekStart.isBetween(schoolYearStart, schoolYearEnd);\n   }\n\n   public canGoToPreviousDay(): boolean {\n        const offsetDayStart = moment(this.selectedDailyDate).subtract(1, 'day');\n        const { schoolYearStart, schoolYearEnd } = this.getCurrentSchoolYear();\n\n        return offsetDayStart.isBetween(schoolYearStart, schoolYearEnd);\n   }\n\n    public canGoToNextDay(): boolean {\n        const offsetDayStart = moment(this.selectedDailyDate).add(1, 'day');\n        const { schoolYearStart, schoolYearEnd } = this.getCurrentSchoolYear();\n\n        return offsetDayStart.isBetween(schoolYearStart, schoolYearEnd);\n    }\n\n    public changeDay(offset: number) {\n        const newDate = moment(this.selectedDailyDate).add(offset, 'days');\n        this.setSelectedDate(newDate);\n        // Always keep tempDailyDate in sync with selectedDailyDate\n        this.tempDailyDate = this.selectedDailyDate;\n        this.fetchLightboxData();\n        // Force Angular to update the binding if date picker is open\n        if (this.showDatePicker) {\n            // Use setTimeout to ensure Angular processes the change\n            setTimeout(() => {\n                // Force the date input to update its value\n                const dateInput = document.querySelector('input[type=\"date\"]') as HTMLInputElement;\n                if (dateInput) {\n                    dateInput.value = this.tempDailyDate;\n                }\n            }, 0);\n        }\n    }\n\n    public changeWeek(offset: number) {\n        const newWeekStart = this.weekStart.clone().add(offset, 'weeks');\n        this.setSelectedWeek(newWeekStart);\n        this.fetchLightboxData();\n    }\n\n    public get selectedDailyDateObj(): Date {\n        return new Date(this.selectedDailyDate);\n    }\n\n    public get selectedDailyDateLabel(): string {\n        return moment(this.selectedDailyDate).format('dddd D MMMM YYYY');\n    }\n\n    public get weekLabel(): string {\n        const start = this.weekStart.format('dddd D MMMM');\n        const end = this.weekEnd.format('dddd D MMMM');\n\n        const fromText = this.lang.translate(\"screenTime.from\");\n        const toText = this.lang.translate(\"screenTime.to\");\n\n        return `${fromText} ${start} ${toText} ${end}`;\n    }\n}\n\nfunction fetchAllScreenTimeDataForUserAndDates($http: IHttpService, ctrl: Controller, userId: string, dailyDate: string, startDate: string, endDate: string): Promise<{ weekly: any, daily: any }> {\n    ctrl.children = fetchChildren(ctrl);\n\n    const weeklyEndpoint = `/appregistry/screen-time/${userId}/weekly?startDate=${startDate}&endDate=${endDate}`;\n    const dailyEndpoint = `/appregistry/screen-time/${userId}/daily?date=${dailyDate}`;\n\n    return Promise.all([\n        $http.get(weeklyEndpoint),\n        $http.get(dailyEndpoint)\n    ]).then(([weeklyResponse, dailyResponse]: [any, any]) => {\n        ctrl.hasError = false;\n        ctrl.errorMessage = \"\";\n        return {\n            weekly: weeklyResponse.data.dailySummaries.reduce((acc: any, day: any) => {\n                acc[day.date] = {\n                    duration: day.durationMinutes,\n                    schoolUsePercentage: day.schoolUsePercentage / 100 // convert to ratio\n                };\n                return acc;\n            }, {}),\n            daily: dailyResponse.data.durations.map((hour: any) => ({\n                hour: hour.hour,\n                duration: hour.durationMinutes,\n                schoolUsePercentage: hour.schoolUsePercentage / 100 // convert to ratio\n            }))\n        };\n    }).catch(error => {\n        ctrl.hasError = true;\n\n        if (error?.status === 404) {\n            ctrl.errorMessage = ctrl.lang.translate(\"screenTime.error.404\");\n        } else {\n            ctrl.errorMessage = ctrl.lang.translate(\"screenTime.error.generic\");\n        }\n\n        console.error(\"Error fetching data for current user and dates:\", error);\n        return Promise.reject(error);\n    });\n}\n\nfunction fetchChildren(ctrl: Controller) {\n    const childrenObj = session().user.children;\n    ctrl.isParent = false;\n\n    if (childrenObj && Object.keys(childrenObj).length > 0) {\n        ctrl.isParent = true;\n\n        return Object.entries(childrenObj).map(([userId, childData]) => {\n            const child = childData as { firstName: string; lastName: string };\n            return {\n                id: userId,\n                name: `${child.firstName} ${child.lastName}`,\n                userId:   userId\n            };\n        });\n    } else {\n        return [];\n    }\n}\n\nclass Directive implements IDirective<IScope, JQLite, IAttributes, IController[]> {\n    restrict = \"E\";\n    template = require(\"./screen-time-widget.widget.html\").default;\n    scope = {};\n    bindToController = true;\n    controller = [Controller];\n    controllerAs = \"ctrl\";\n    require = [\"odeScreenTimeWidget\"];\n\n    link(scope: IScope, elem: angular.IAugmentedJQuery, attrs: IAttributes, controllers?: IController[]) {\n        const ctrl: Controller | null = controllers ? (controllers[0] as Controller) : null;\n        if (!ctrl) return;\n\n        const $http = angular.injector([\"ng\"]).get<IHttpService>(\"$http\");\n        const currentUserId = session().user.userId;\n\n        ctrl.fetchDataForCurrentUser();\n\n        let chartInstance: Chart | null = null;\n\n        // Function to update the summary values from the pre-fetched weekly data\n        const updateSummary = (weeklyData: any) => {\n            let totalOnCampus = 0;\n            let totalOffCampus = 0;\n            let daysCount = 0;\n            const today = moment().format(\"YYYY-MM-DD\");\n            let todayOnCampusTemp = 0;\n            let todayOffCampusTemp = 0;\n\n            let weeklyTotalSchoolUseDuration = 0;\n            let weeklyTotalOutOfSchoolDuration = 0;\n            let weeklyTotalOverallDuration = 0;\n\n            Object.keys(weeklyData).forEach(dateStr => {\n                const entry = weeklyData[dateStr];\n                const duration = entry.duration || 0;\n                const schoolUsePct = entry.schoolUsePercentage || 0;\n\n                const onCampus = duration * schoolUsePct;\n                const offCampus = duration * (1 - schoolUsePct);\n\n                totalOnCampus += onCampus;\n                totalOffCampus += offCampus;\n                daysCount++;\n\n                weeklyTotalSchoolUseDuration += onCampus;\n                weeklyTotalOutOfSchoolDuration += offCampus;\n                weeklyTotalOverallDuration += duration;\n\n                if (moment(dateStr).format(\"YYYY-MM-DD\") === today) {\n                    todayOnCampusTemp = onCampus;\n                    todayOffCampusTemp = offCampus;\n                }\n            });\n\n            ctrl.todayOnCampus = todayOnCampusTemp;\n            ctrl.todayOffCampus = todayOffCampusTemp;\n            ctrl.todayTotal = todayOnCampusTemp + todayOffCampusTemp;\n            ctrl.weeklyAvgOnCampus = daysCount > 0 ? totalOnCampus / daysCount : 0;\n            ctrl.weeklyAvgOffCampus = daysCount > 0 ? totalOffCampus / daysCount : 0;\n            ctrl.weeklyTotalAverage = ctrl.weeklyAvgOnCampus + ctrl.weeklyAvgOffCampus;\n\n            if (weeklyTotalOverallDuration > 0) {\n                ctrl.weeklyAvgSchoolUsePercentage = (weeklyTotalSchoolUseDuration / weeklyTotalOverallDuration) * 100;\n                ctrl.weeklyAvgOutOfSchoolPercentage = (weeklyTotalOutOfSchoolDuration / weeklyTotalOverallDuration) * 100;\n            } else {\n                ctrl.weeklyAvgSchoolUsePercentage = 0;\n                ctrl.weeklyAvgOutOfSchoolPercentage = 0;\n            }\n        };\n\n        // Helper to generate a unique key for caching data based on user and date range\n        const generateDataKey = (userId: string, dailyDate: string, startDate: string, endDate: string) => {\n            return `${userId}_daily_${dailyDate}_weekly_${startDate}_${endDate}`;\n        };\n\n        // New function assigned to ctrl.fetchDataForCurrentUser to be called from HTML\n        ctrl.fetchDataForCurrentUser = () => {\n            ctrl.errorMessage = \"\";\n            ctrl.hasError = false;\n            const currentKey = generateDataKey(\n                ctrl.selectedUser,\n                moment().format('YYYY-MM-DD'), // Always use today's date for initial load\n                moment().startOf('isoWeek').format('YYYY-MM-DD'),\n                moment().endOf('isoWeek').format('YYYY-MM-DD')\n            );\n\n            // Fetch initial summary data (today and current week)\n            fetchAllScreenTimeDataForUserAndDates(\n                $http,\n                ctrl,\n                ctrl.selectedUser,\n                moment().format('YYYY-MM-DD'),\n                moment().startOf('isoWeek').format('YYYY-MM-DD'),\n                moment().endOf('isoWeek').format('YYYY-MM-DD')\n            ).then((data) => {\n                ctrl.userData[currentKey] = { weekly: data.weekly, daily: data.daily };\n                updateSummary(data.weekly); // Update the main summary values\n                scope.$applyAsync();\n            }).catch(error => {\n                scope.$applyAsync();\n                console.error(\"Error fetching initial data for current user:\", error);\n            });\n        };\n\n        ctrl.fetchLightboxData = () => {\n\n            const userIdForLightbox = ctrl.selectedChildHistogram || ctrl.selectedUser;\n\n            if (!userIdForLightbox) return;\n\n            const currentKey = generateDataKey(\n                userIdForLightbox,\n                ctrl.selectedDailyDate,\n                ctrl.weekStart.format('YYYY-MM-DD'),\n                ctrl.weekEnd.format('YYYY-MM-DD')\n            );\n\n            fetchAllScreenTimeDataForUserAndDates(\n                $http,\n                ctrl,\n                userIdForLightbox,\n                ctrl.selectedDailyDate,\n                ctrl.weekStart.format('YYYY-MM-DD'),\n                ctrl.weekEnd.format('YYYY-MM-DD')\n            ).then((data) => {\n                ctrl.userData[currentKey] = { weekly: data.weekly, daily: data.daily };\n                if (ctrl.showLightbox) {\n                    setTimeout(() => ctrl.updateChart(), 50);\n                }\n                scope.$applyAsync();\n            }).catch(error => {\n                console.error(\"Error fetching data for lightbox:\", error);\n            });\n        };\n\n        ctrl.updateChart = () => {\n            const canvas = elem[0].querySelector<HTMLCanvasElement>(\"#myChart\");\n            if (!canvas) return;\n\n            const ctx = canvas.getContext(\"2d\");\n            if (!ctx) return;\n\n            let labels: string[] = [];\n            let totalTimes: number[] = [];\n\n            const userIdForChart = ctrl.selectedChildHistogram || ctrl.selectedUser;\n\n            // Use the dates from the lightbox controls for the chart data key\n            const currentDataKey = generateDataKey(\n                userIdForChart,\n                ctrl.selectedDailyDate,\n                ctrl.weekStart.format('YYYY-MM-DD'),\n                ctrl.weekEnd.format('YYYY-MM-DD')\n            );\n            const currentUserAndDateData = ctrl.userData[currentDataKey];\n\n            if (!currentUserAndDateData) return;\n\n            const dataToUse: any = ctrl.viewMode === \"weekly\" ? currentUserAndDateData.weekly : currentUserAndDateData.daily;\n            if (!dataToUse) return;\n\n            if (ctrl.viewMode === \"weekly\") {\n                const sortedDates = Object.keys(dataToUse).sort();\n\n                sortedDates.forEach(dataStr => {\n                    const entry = dataToUse[dataStr];\n                    labels.push(moment(dataStr).format('ddd D'));\n                    totalTimes.push(entry.duration / 60);\n                })\n            } else {\n                dataToUse.forEach((hourData: any) => {\n                    labels.push(`${hourData.hour}h`);\n                    totalTimes.push(hourData.duration);\n                });\n            }\n\n            // If the chart already exists, we simply update it\n            if (chartInstance) {\n                chartInstance.data.labels = labels;\n                chartInstance.data.datasets[0].data = totalTimes;\n\n                chartInstance.options = {\n                    plugins: {\n                        tooltip: {\n                            callbacks: {\n                                label: function (context) {\n                                    const value = context.raw as number;\n                                    if (ctrl.viewMode === \"weekly\") {\n                                        // Convert decimal hours to hours and minutes\n                                        const hours = Math.floor(value);\n                                        const minutes = Math.round((value - hours) * 60);\n                                        if (minutes === 0) {\n                                            return `${context.dataset.label}: ${hours}h`;\n                                        } else {\n                                            return `${context.dataset.label}: ${hours}h ${minutes}m`;\n                                        }\n                                    } else {\n                                        return `${context.dataset.label}: ${value} ${ctrl.lang.translate(\"screenTime.minutes\")}`;\n                                    }\n                                }\n                            }\n                        }\n                    },\n                    scales: {\n                        x: {\n                            stacked: true\n                        },\n                        y: {\n                            stacked: true,\n                            beginAtZero: true,\n                            title: {\n                                display: true,\n                                text: ctrl.viewMode === \"weekly\" ? ctrl.lang.translate(\"screenTime.hours\") : ctrl.lang.translate(\"screenTime.minutes\"),\n                            }\n                        }\n                    }\n                }\n\n                chartInstance.update();\n            } else {\n                chartInstance = new Chart(ctx, {\n                    type: \"bar\",\n                    data: {\n                        labels,\n                        datasets: [\n                            {\n                                label: ctrl.lang.translate(\"screenTime.totalUsage\"),\n                                data: totalTimes,\n                                backgroundColor: \"#2A9CC8\"\n                            }\n                        ]\n                    },\n                    options: {\n                        plugins: {\n                            tooltip: {\n                                callbacks: {\n                                    label: function (context) {\n                                        const value = context.raw as number;\n                                        if (ctrl.viewMode === \"weekly\") {\n                                            // Convert decimal hours to hours and minutes\n                                            const hours = Math.floor(value);\n                                            const minutes = Math.round((value - hours) * 60);\n                                            if (minutes === 0) {\n                                                return `${context.dataset.label}: ${hours}h`;\n                                            } else {\n                                                return `${context.dataset.label}: ${hours}h ${minutes}m`;\n                                            }\n                                        } else {\n                                            return `${context.dataset.label}: ${value} ${ctrl.lang.translate(\"screenTime.minutes\")}`;\n                                        }\n                                    }\n                                }\n                            },\n                            legend: {\n                                display: false,\n                                position: \"bottom\"\n                            }\n                        },\n                        responsive: true,\n                        scales: {\n                            x: {\n                                stacked: true\n                            },\n                            y: {\n                                stacked: true,\n                                beginAtZero: true,\n                                title: {\n                                    display: true,\n                                    text: ctrl.viewMode === \"weekly\" ? ctrl.lang.translate(\"screenTime.hours\") : ctrl.lang.translate(\"screenTime.minutes\"),\n                                }\n                            }\n                        }\n                    }\n                });\n            }\n        };\n\n        ctrl.children = fetchChildren(ctrl);\n\n        // Determine the user whose data should be fetched on load\n        if (ctrl.isParent && ctrl.children.length > 0) {\n            // If a parent, and has children, default to the first child if no child is selected yet\n            if (!ctrl.selectedUser) {\n                ctrl.selectedUser = ctrl.children[0].userId;\n            }\n            ctrl.fetchDataForCurrentUser();\n        } else if (!ctrl.isParent && currentUserId) {\n            // If not a parent, and current user ID is available, fetch data for themselves\n            ctrl.selectedUser = currentUserId; // Set selectedUser to the current logged-in user's ID\n            ctrl.fetchDataForCurrentUser();\n        } else {\n            // No children AND no current user ID (or other error condition)\n            ctrl.hasError = true;\n            ctrl.errorMessage = ctrl.lang.translate(\"screenTime.error.noUser\");\n            scope.$applyAsync(); // Ensure the error message is displayed\n        }\n\n        // Watch for changes in view mode (within lightbox): only updates the chart\n        scope.$watch(() => ctrl.viewMode, (newVal, oldVal) => {\n            if (newVal !== oldVal && ctrl.showLightbox) {\n                setTimeout(() => ctrl.updateChart(), 50);\n            }\n        });\n        // Watch for selectedUser changes within the lightbox to update chart data\n        scope.$watch(() => ctrl.selectedChildHistogram, (newVal, oldVal) => { // Changed from ctrl.selectedUser\n            if (newVal !== oldVal && ctrl.showLightbox) {\n                ctrl.fetchLightboxData();\n            }\n        });\n\n        // Watch for lightbox visibility changes\n        scope.$watch(() => ctrl.showLightbox, (isVisible: boolean) => {\n            if (isVisible) {\n                // When lightbox opens:\n                // 1. Set selectedChildHistogram. This will trigger the selectedChildHistogram watch,\n                //    which will then call fetchLightboxData() (the single desired API call).\n                ctrl.selectedChildHistogram = ctrl.selectedUser;\n\n                // 2. Schedule chart update after a short delay, allowing fetchLightboxData() to begin.\n                setTimeout(() => {\n                    ctrl.updateChart();\n                }, 100);\n            } else {\n                // When lightbox closes\n                if (chartInstance) {\n                    chartInstance.destroy();\n                    chartInstance = null;\n                }\n            }\n        });\n\n    }\n}\n\n// Factory function for the directive\nfunction DirectiveFactory() {\n    return new Directive();\n}\n\n// Define the module name\nexport const odeModuleName = \"odeCantineWidgetModule\";\n\n// Angular module definition\nangular\n    .module(odeModuleName, [])\n    // Define the custom 'duration' filter\n    .filter('duration', function () {\n        return function (input: number) {\n            if (isNaN(input) || input === null || input < 0) {\n                return '0m';\n            }\n\n            const totalMinutes = Math.floor(input);\n            const hours = Math.floor(totalMinutes / 60);\n            const minutes = totalMinutes % 60;\n\n            let result = '';\n\n            if (hours > 0) {\n                result += `${hours}h`;\n            }\n            if (minutes > 0 || (hours === 0 && totalMinutes === 0)) {\n                result += `${minutes}m`;\n            }\n\n            return result.trim() || '0m';\n        };\n    })\n\n    // Register the directive\n    .directive(\"odeScreenTimeWidget\", DirectiveFactory);\n\nfunction setupMomentLocale(lang: string) {\n    try {\n        if (lang === \"en\") {\n            require('moment/locale/en-gb');\n            moment.locale('en-gb');\n        } else {\n            require('moment/locale/fr');\n            moment.locale('fr');\n        }\n    } catch (error) {\n        console.warn('Failed to load moment locale:', error);\n        moment.locale('fr');\n    }\n}\n\n// Internationalization setup\nnotif()\n    .onLangReady()\n    .promise.then((lang) => {\n        setupMomentLocale(lang);\n\n        switch (lang) {\n            case \"en\":\n                conf().Platform.idiom.addKeys(require(\"./i18n/en.json\"));\n                break;\n            default:\n                conf().Platform.idiom.addKeys(require(\"./i18n/fr.json\"));\n                break;\n        }\n    });\n"],"names":["Chart","register","registerables","locale","platform","conf","Platform","lang","this","idiom","selectedUser","viewMode","userData","selectedDailyDate","format","tempDailyDate","weekStart","startOf","weekEnd","endOf","updateChart","todayOnCampus","todayOffCampus","todayTotal","weeklyAvgOnCampus","weeklyAvgOffCampus","weeklyTotalAverage","weeklyAvgSchoolUsePercentage","weeklyAvgOutOfSchoolPercentage","fixedTodayOnCampus","fixedTodayOffCampus","fixedTodayTotal","fixedWeeklyAvgOnCampus","fixedWeeklyAvgOffCampus","fixedWeeklyTotalAverage","fixedWeeklyAvgSchoolUsePercentage","fixedWeeklyAvgOutOfSchoolPercentage","customWeekMode","customStartDate","customEndDate","isParent","hasError","errorMessage","fetchDataForCurrentUser","fetchLightboxData","showLightbox","showDatePicker","children","selectedChild","selectedChildHistogram","toggleDatePicker","show","setTimeout","dateInput","document","querySelector","value","setDateFromPicker","date","newDate","setSelectedDate","commitTempDate","isValid","toggleLightbox","getCurrentSchoolYear","today","currentYear","year","schoolYearStart","month","day","schoolYearEnd","clone","add","subtract","momentDate","setSelectedWeek","canGoToPreviousWeek","offsetWeekStart","isBetween","canGoToNextWeek","canGoToPreviousDay","offsetDayStart","canGoToNextDay","changeDay","offset","changeWeek","newWeekStart","Date","start","end","fromText","translate","toText","fetchAllScreenTimeDataForUserAndDates","$http","ctrl","userId","dailyDate","startDate","endDate","fetchChildren","weeklyEndpoint","dailyEndpoint","Promise","all","get","then","weeklyResponse","dailyResponse","weekly","data","dailySummaries","reduce","acc","duration","durationMinutes","schoolUsePercentage","daily","durations","map","hour","catch","error","status","console","reject","childrenObj","session","user","Object","keys","length","entries","child","id","name","firstName","lastName","Controller","restrict","template","scope","bindToController","controller","controllerAs","require","link","elem","attrs","controllers","injector","currentUserId","chartInstance","generateDataKey","currentKey","weeklyData","totalOnCampus","totalOffCampus","daysCount","todayOnCampusTemp","todayOffCampusTemp","weeklyTotalSchoolUseDuration","weeklyTotalOutOfSchoolDuration","weeklyTotalOverallDuration","forEach","dateStr","entry","schoolUsePct","onCampus","offCampus","$applyAsync","userIdForLightbox","canvas","ctx","getContext","labels","totalTimes","userIdForChart","currentDataKey","currentUserAndDateData","dataToUse","sort","dataStr","push","hourData","datasets","options","plugins","tooltip","callbacks","label","context","raw","hours","Math","floor","minutes","round","dataset","scales","x","stacked","y","beginAtZero","title","display","text","update","type","backgroundColor","legend","position","responsive","$watch","newVal","oldVal","isVisible","destroy","odeModuleName","module","filter","input","isNaN","totalMinutes","result","trim","directive","Directive","notif","onLangReady","promise","warn","setupMomentLocale","addKeys"],"sourceRoot":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ode-ngjs-front",
-  "version": "1.4.14-develop-integration.202508071513",
+  "version": "1.4.14-develop-integration.202508201656",
   "description": "Open Digital Education Frontend Framework",
   "homepage": "https://github.com/opendigitaleducation/ode-ngjs-front#readme",
   "bugs": {