ode-ngjs-front 1.4.16-develop-integration.202510101756 → 1.4.16-develop-integration.202510212224

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

@@ -33,9 +33,6 @@ export declare class Controller {
     fixedWeeklyTotalAverage: number;
     fixedWeeklyAvgSchoolUsePercentage: number;
     fixedWeeklyAvgOutOfSchoolPercentage: number;
-    customWeekMode: boolean;
-    customStartDate: string;
-    customEndDate: string;
     isParent: boolean;
     hasError: boolean;
     errorMessage: string;
@@ -48,15 +45,15 @@ export declare class Controller {
         name: string;
         userId: string;
     }[];
-    selectedChild: null;
     selectedChildHistogram: string;
     toggleDatePicker(show: boolean): void;
     setDateFromPicker(date: string): void;
     toggleLightbox(show: boolean): void;
     changeDay(offset: number): void;
     changeWeek(offset: number): void;
-    get selectedDailyDateObj(): Date;
     get weekLabel(): string;
+    get dailyLabel(): string;
+    get yesterdayTotal(): number;
 }
 export declare const odeModuleName = "odeCantineWidgetModule";
 //# sourceMappingURL=screen-time-widget.widget.d.ts.map

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,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;IACf,wBAAwB,EAAE,MAAM,CAAK;IACrC,0BAA0B,EAAE,MAAM,CAAK;IAEvC,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;IACpB,6BAA6B,EAAE,MAAM,CAAK;IAC1C,+BAA+B,EAAE,MAAM,CAAK;IAE5C,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;IAM9B,cAAc,CAAC,IAAI,EAAE,OAAO;IAwB5B,SAAS,CAAC,MAAM,EAAE,MAAM;IAKxB,UAAU,CAAC,MAAM,EAAE,MAAM;IAMhC,IAAW,oBAAoB,IAAI,IAAI,CAEtC;IAED,IAAW,SAAS,IAAI,MAAM,CAI7B;CACJ;AA2WD,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;AAO1B,qBAAa,UAAU;IACZ,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;IACf,wBAAwB,EAAE,MAAM,CAAK;IACrC,0BAA0B,EAAE,MAAM,CAAK;IAEvC,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;IACpB,6BAA6B,EAAE,MAAM,CAAK;IAC1C,+BAA+B,EAAE,MAAM,CAAK;IAE5C,sBAAsB,SAAK;IAC3B,uBAAuB,SAAK;IAC5B,uBAAuB,SAAK;IAC5B,iCAAiC,EAAE,MAAM,CAAK;IAC9C,mCAAmC,EAAE,MAAM,CAAK;IAMhD,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,sBAAsB,SAAM;IAE5B,gBAAgB,CAAC,IAAI,EAAE,OAAO;IAI9B,iBAAiB,CAAC,IAAI,EAAE,MAAM;IAM9B,cAAc,CAAC,IAAI,EAAE,OAAO;IAwB5B,SAAS,CAAC,MAAM,EAAE,MAAM;IAKxB,UAAU,CAAC,MAAM,EAAE,MAAM;IAOhC,IAAW,SAAS,IAAI,MAAM,CAI7B;IAED,IAAW,UAAU,IAAI,MAAM,CAE9B;IAED,IAAW,cAAc,IAAI,MAAM,CAiBlC;CACJ;AA4UD,eAAO,MAAM,aAAa,2BAA2B,CAAC"}

package/dist/version.txt

@@ -1 +1 @@
-ode-ngjs-front 10/10/2025 17:57:15
+ode-ngjs-front 21/10/2025 22:24:38

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,o)=>{o.d(t,{Z:()=>a});const a='<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}.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}.au-college{background-color:#2a9cc8}.hors-college{background-color:#ecbe30}.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}.legend-au-college{background-color:#2a9cc8}.legend-hors-college{background-color:#ecbe30}.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}.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}.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}</style> <div class="screen-time-widget-container"> <div class="screen-time-summary"> <div class="title"> <div class="label">TEMPS D\'ÉCRAN</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">Aujourd\'hui</div> <div class="value">{{ ctrl.todayTotal | duration }}</div> <div class="percentage-bar-container"> <div class="percentage-bar au-college" ng-style="{ width: ctrl.todaySchoolUsePercentage + \'%\' }" title="{{ ctrl.todaySchoolUsePercentage | duration }} au collège"> </div> <div class="percentage-bar hors-college" ng-style="{ width: ctrl.todayOutOfSchoolPercentage + \'%\' }" title="{{ ctrl.todayOutOfSchoolPercentage | duration }} hors collège"></div> </div> </div> </div> <div class="summary-row"> <div class="summary-block"> <div class="label">Moyenne de la semaine</div> <div class="value">{{ ctrl.weeklyTotalAverage | duration }}</div> <div class="percentage-bar-container"> <div class="percentage-bar au-college" ng-style="{ width: ctrl.weeklyAvgSchoolUsePercentage + \'%\' }" title="{{ ctrl.weeklyAvgSchoolUsePercentage | duration }} au Collège"> </div> <div class="percentage-bar hors-college" ng-style="{ width: ctrl.weeklyAvgOutOfSchoolPercentage + \'%\' }" title="{{ ctrl.weeklyAvgOutOfSchoolPercentage | duration}} hors collège"></div> </div> </div> </div> <div class="legend"> <div class="legend-item"> <div class="legend-square legend-au-college"></div> <span>Au collège</span> </div> <div class="legend-item"> <div class="legend-square legend-hors-college"></div> <span>Hors collège</span> </div> <div class="see-more"> <button ng-click="ctrl.toggleLightbox(true)">Voir le détail</button> </div> </div> </div> </div> <ode-modal visible="ctrl.showLightbox" on-close="ctrl.toggleLightbox(false)" size="lg" dnd-nodrag> <ode-modal-title> <h2>Temps d\'écran</h2> </ode-modal-title> <ode-modal-body> <div class="centered-controls"> <label style="font-size:14px" for="userSelect">Utilisateur :</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> <label for="viewMode">Affichage :</label> <select id="viewMode" class="custom-select" ng-model="ctrl.viewMode" ng-change="ctrl.updateChart()"> <option value="weekly">Hebdomadaire</option> <option value="daily">Quotidien</option> </select> </div> <canvas id="myChart" style="width:100%;height:200px"></canvas> <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)">←</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)">→</button> </div> <div class="date-navigation" ng-if="ctrl.viewMode === \'weekly\'"> <button ng-click="ctrl.changeWeek(-1)">←</button> <div class="selected-date">{{ ctrl.weekLabel }}</div> <button ng-click="ctrl.changeWeek(1)">→</button> </div> </div> <div class="close-button-container"> <button class="close-button" ng-click="ctrl.toggleLightbox(false)">Fermer</button> </div> </ode-modal-body> </ode-modal> </div>'},58:function(e,t,o){var a=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 r=a(o(4202)),i=o(9419),s=o(5668),l=a(o(381));o(4470),s.Chart.register.apply(s.Chart,s.registerables),l.default.locale("fr");var n=function(){function e(){this.selectedUser="",this.viewMode="weekly",this.userData={},this.selectedDailyDate=(0,l.default)().format("YYYY-MM-DD"),this.weekStart=(0,l.default)().startOf("isoWeek"),this.weekEnd=(0,l.default)().endOf("isoWeek"),this.updateChart=function(){},this.todayOnCampus=0,this.todayOffCampus=0,this.todayTotal=0,this.todaySchoolUsePercentage=0,this.todayOutOfSchoolPercentage=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.fixedTodaySchoolUsePercentage=0,this.fixedTodayOutOfSchoolPercentage=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){this.selectedDailyDate=(0,l.default)(e).format("YYYY-MM-DD"),this.showDatePicker=!1,this.fetchLightboxData()},e.prototype.toggleLightbox=function(e){this.showLightbox=e,e&&(this.fixedTodayOnCampus=this.todayOnCampus,this.fixedTodayOffCampus=this.todayOffCampus,this.fixedTodayTotal=this.todayTotal,this.fixedTodaySchoolUsePercentage=this.todaySchoolUsePercentage,this.fixedTodayOutOfSchoolPercentage=this.todayOutOfSchoolPercentage,this.fixedWeeklyAvgOnCampus=this.weeklyAvgOnCampus,this.fixedWeeklyAvgOffCampus=this.weeklyAvgOffCampus,this.fixedWeeklyTotalAverage=this.weeklyTotalAverage,this.fixedWeeklyAvgSchoolUsePercentage=this.weeklyAvgSchoolUsePercentage,this.fixedWeeklyAvgOutOfSchoolPercentage=this.weeklyAvgOutOfSchoolPercentage,this.selectedDailyDate=(0,l.default)().format("YYYY-MM-DD"),this.weekStart=(0,l.default)().startOf("isoWeek"),this.weekEnd=(0,l.default)().endOf("isoWeek"),this.selectedChildHistogram=this.selectedUser)},e.prototype.changeDay=function(e){this.selectedDailyDate=(0,l.default)(this.selectedDailyDate).add(e,"days").format("YYYY-MM-DD"),this.fetchLightboxData()},e.prototype.changeWeek=function(e){this.weekStart=this.weekStart.clone().add(e,"weeks"),this.weekEnd=this.weekStart.clone().endOf("isoWeek"),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");return"du ".concat(e," au ").concat(t)},enumerable:!1,configurable:!0}),e}();function c(e,t,o,a,r,i){t.children=d(t);var s="/appregistry/screen-time/".concat(o,"/weekly?startDate=").concat(r,"&endDate=").concat(i,"&mock=false"),l="/appregistry/screen-time/".concat(o,"/daily?date=").concat(a,"&mock=false");return Promise.all([e.get(s),e.get(l)]).then(function(e){var o=e[0],a=e[1];return console.log("weekly: ",o.data),console.log("daily: ",a.data),t.hasError=!1,t.errorMessage="",{weekly:o.data.dailySummaries.reduce(function(e,t){return e[t.date]={duration:t.durationMinutes,schoolUsePercentage:t.schoolUsePercentage/100},e},{}),daily:a.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="Erreur lors de l’identification de l’utilisateur. Contactez l’administrateur de votre établissement.":t.errorMessage="Un problème technique est survenu. Si le problème persiste contactez l’administrateur de votre établissement.",console.error("Error fetching data for current user and dates:",e),Promise.reject(e)})}function d(e){var t=(0,i.session)().user.children;e.isParent=!1;if(t&&Object.keys(t).length>0){e.isParent=!0;var o=100;return Object.entries(t).map(function(e){var t=e[0],a=e[1],r=(o++).toString();return{id:t,name:"".concat(a.firstName," ").concat(a.lastName),userId:r}})}return[]}t.Controller=n;var u=function(){function e(){this.restrict="E",this.template=o(5688).Z,this.scope={},this.bindToController=!0,this.controller=[n],this.controllerAs="ctrl",this.require=["odeScreenTimeWidget"]}return e.prototype.link=function(e,t,o,a){var n=a?a[0]:null;if(n){var u=r.default.injector(["ng"]).get("$http"),h=(0,i.session)().user.userId;n.fetchDataForCurrentUser();var g=null,f=function(e,t,o,a){return"".concat(e,"_daily_").concat(t,"_weekly_").concat(o,"_").concat(a)};n.fetchDataForCurrentUser=function(){n.errorMessage="",n.hasError=!1;var t=f(n.selectedUser,(0,l.default)().format("YYYY-MM-DD"),(0,l.default)().startOf("isoWeek").format("YYYY-MM-DD"),(0,l.default)().endOf("isoWeek").format("YYYY-MM-DD"));c(u,n,n.selectedUser,(0,l.default)().format("YYYY-MM-DD"),(0,l.default)().startOf("isoWeek").format("YYYY-MM-DD"),(0,l.default)().endOf("isoWeek").format("YYYY-MM-DD")).then(function(o){var a,r,i,s,c,d,u,h,g,f;n.userData[t]={weekly:o.weekly,daily:o.daily},a=o.weekly,r=0,i=0,s=0,c=(0,l.default)().format("YYYY-MM-DD"),d=0,u=0,h=0,g=0,f=0,Object.keys(a).forEach(function(e){var t=a[e],o=t.duration||0,p=t.schoolUsePercentage||0,y=o*p,m=o*(1-p);r+=y,i+=m,s++,h+=y,g+=m,f+=o,(0,l.default)(e).format("YYYY-MM-DD")===c&&(d=y,u=m,n.todaySchoolUsePercentage=100*t.schoolUsePercentage,n.todayOutOfSchoolPercentage=100-100*t.schoolUsePercentage)}),n.todayOnCampus=d,n.todayOffCampus=u,n.todayTotal=d+u,n.weeklyAvgOnCampus=s>0?r/s:0,n.weeklyAvgOffCampus=s>0?i/s:0,n.weeklyTotalAverage=n.weeklyAvgOnCampus+n.weeklyAvgOffCampus,f>0?(n.weeklyAvgSchoolUsePercentage=h/f*100,n.weeklyAvgOutOfSchoolPercentage=g/f*100):(n.weeklyAvgSchoolUsePercentage=0,n.weeklyAvgOutOfSchoolPercentage=0),e.$applyAsync()}).catch(function(t){e.$applyAsync(),console.error("Error fetching initial data for current user:",t)})},n.fetchLightboxData=function(){var t=n.selectedChildHistogram||n.selectedUser;if(t){var o=f(t,n.selectedDailyDate,n.weekStart.format("YYYY-MM-DD"),n.weekEnd.format("YYYY-MM-DD"));c(u,n,t,n.selectedDailyDate,n.weekStart.format("YYYY-MM-DD"),n.weekEnd.format("YYYY-MM-DD")).then(function(t){n.userData[o]={weekly:t.weekly,daily:t.daily},n.showLightbox&&setTimeout(function(){return n.updateChart()},50),e.$applyAsync()}).catch(function(e){console.error("Error fetching data for lightbox:",e)})}},n.updateChart=function(){var e=t[0].querySelector("#myChart");if(e){var o=e.getContext("2d");if(o){g&&g.destroy();var a=[],r=[],i=[],c=n.selectedChildHistogram||n.selectedUser,d=f(c,n.selectedDailyDate,n.weekStart.format("YYYY-MM-DD"),n.weekEnd.format("YYYY-MM-DD")),u=n.userData[d];if(u){var h="weekly"===n.viewMode?u.weekly:u.daily;if(h){if("weekly"===n.viewMode)Object.keys(h).sort().forEach(function(e){var t=h[e];a.push((0,l.default)(e).format("ddd D")),r.push(t.duration*t.schoolUsePercentage),i.push(t.duration*(1-t.schoolUsePercentage))});else h.forEach(function(e){a.push("".concat(e.hour,"h")),r.push(e.duration*e.schoolUsePercentage),i.push(e.duration*(1-e.schoolUsePercentage))});g=new s.Chart(o,{type:"bar",data:{labels:a,datasets:[{label:"Usage scolaire",data:r,backgroundColor:"#2A9CC8"},{label:"Usage hors scolaire",data:i,backgroundColor:"#ECBE30"}]},options:{plugins:{tooltip:{callbacks:{label:function(e){var t=e.raw;return"".concat(e.dataset.label,": ").concat(t," minutes")}}}},responsive:!0,scales:{x:{stacked:!0},y:{stacked:!0,beginAtZero:!0,title:{display:!0,text:"Minutes"}}}}})}}}}},n.children=d(n),n.isParent&&n.children.length>0?(n.selectedUser||(n.selectedUser=n.children[0].userId),n.fetchDataForCurrentUser()):!n.isParent&&h?(n.selectedUser=h,n.fetchDataForCurrentUser()):(n.hasError=!0,n.errorMessage="Aucun utilisateur disponible pour afficher les données de temps d'écran.",e.$applyAsync()),e.$watch(function(){return n.viewMode},function(e,t){e!==t&&n.showLightbox&&setTimeout(function(){return n.updateChart()},50)}),e.$watch(function(){return n.selectedChildHistogram},function(e,t){e!==t&&n.showLightbox&&n.fetchLightboxData()}),e.$watch(function(){return n.showLightbox},function(e){e?(n.selectedChildHistogram=n.selectedUser,setTimeout(function(){n.updateChart()},100)):g&&(g.destroy(),g=null)})}},e}();t.odeModuleName="odeCantineWidgetModule",r.default.module(t.odeModuleName,[]).filter("duration",function(){return function(e){if(isNaN(e)||null===e||e<0)return"0m";var t=Math.floor(e),o=Math.floor(t/60),a=t%60,r="";return o>0&&(r+="".concat(o,"h")),(a>0||0===o&&0===t)&&(r+="".concat(a,"m")),r.trim()||"0m"}}).directive("odeScreenTimeWidget",function(){return new u}),(0,i.notif)().onLangReady().promise.then(function(e){(0,i.conf)().Platform.idiom.addKeys(o(1245))})},1245:e=>{e.exports={}}}]);
+"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}.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}.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;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:15px}.control-group{display:flex;flex-direction:row;align-items:center;gap:10px}.control-group label{min-width:80px;text-align:left}.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-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}.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}</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.yesterday</i18n></div> <div class="value">{{ ctrl.yesterdayTotal | 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> <h2><i18n>screenTime.title.normal</i18n></h2> </ode-modal-title> <ode-modal-body> <div class="centered-controls"> <div class="control-group"> <div ng-if="ctrl.isParent"> <label style="font-size:14px" for="userSelect"><i18n>screenTime.user</i18n> :</label> <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">{{ \'screenTime.viewMode.weekly\' | i18n }}</option> <option value="daily">{{ \'screenTime.viewMode.daily\' | i18n }}</option> </select> </div> </div> <canvas id="myChart" style="width:100%;height:200px"></canvas> <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)">←</button> <div ng-if="!ctrl.showDatePicker" class="selected-date" ng-click="ctrl.toggleDatePicker(true)"> {{ ctrl.dailyLabel }} </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)">→</button> </div> <div class="date-navigation" ng-if="ctrl.viewMode === \'weekly\'"> <button ng-click="ctrl.changeWeek(-1)">←</button> <div class="selected-date">{{ ctrl.weekLabel }}</div> <button ng-click="ctrl.changeWeek(1)">→</button> </div> </div> <div class="close-button-container"> <button class="close-button" ng-click="ctrl.toggleLightbox(false)"><i18n>screenTime.modal.close</i18n></button> </div> </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 i=o(r(4202)),a=r(9419),s=r(5668),n=o(r(381));r(4470);var l=r(7211);s.Chart.register.apply(s.Chart,s.registerables),n.default.locale("fr");var c=function(){function e(){this.selectedUser="",this.viewMode="weekly",this.userData={},this.selectedDailyDate=(0,n.default)().format("YYYY-MM-DD"),this.weekStart=(0,n.default)().startOf("isoWeek"),this.weekEnd=(0,n.default)().endOf("isoWeek"),this.updateChart=function(){},this.todayOnCampus=0,this.todayOffCampus=0,this.todayTotal=0,this.todaySchoolUsePercentage=0,this.todayOutOfSchoolPercentage=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.fixedTodaySchoolUsePercentage=0,this.fixedTodayOutOfSchoolPercentage=0,this.fixedWeeklyAvgOnCampus=0,this.fixedWeeklyAvgOffCampus=0,this.fixedWeeklyTotalAverage=0,this.fixedWeeklyAvgSchoolUsePercentage=0,this.fixedWeeklyAvgOutOfSchoolPercentage=0,this.isParent=!1,this.hasError=!1,this.errorMessage="",this.fetchDataForCurrentUser=function(){},this.fetchLightboxData=function(){},this.showLightbox=!1,this.showDatePicker=!1,this.children=[],this.selectedChildHistogram=""}return e.prototype.toggleDatePicker=function(e){this.showDatePicker=e},e.prototype.setDateFromPicker=function(e){this.selectedDailyDate=(0,n.default)(e).format("YYYY-MM-DD"),this.showDatePicker=!1,this.fetchLightboxData()},e.prototype.toggleLightbox=function(e){this.showLightbox=e,e&&(this.fixedTodayOnCampus=this.todayOnCampus,this.fixedTodayOffCampus=this.todayOffCampus,this.fixedTodayTotal=this.todayTotal,this.fixedTodaySchoolUsePercentage=this.todaySchoolUsePercentage,this.fixedTodayOutOfSchoolPercentage=this.todayOutOfSchoolPercentage,this.fixedWeeklyAvgOnCampus=this.weeklyAvgOnCampus,this.fixedWeeklyAvgOffCampus=this.weeklyAvgOffCampus,this.fixedWeeklyTotalAverage=this.weeklyTotalAverage,this.fixedWeeklyAvgSchoolUsePercentage=this.weeklyAvgSchoolUsePercentage,this.fixedWeeklyAvgOutOfSchoolPercentage=this.weeklyAvgOutOfSchoolPercentage,this.selectedDailyDate=(0,n.default)().format("YYYY-MM-DD"),this.weekStart=(0,n.default)().startOf("isoWeek"),this.weekEnd=(0,n.default)().endOf("isoWeek"),this.selectedChildHistogram=this.selectedUser)},e.prototype.changeDay=function(e){this.selectedDailyDate=(0,n.default)(this.selectedDailyDate).add(e,"days").format("YYYY-MM-DD"),this.fetchLightboxData()},e.prototype.changeWeek=function(e){this.weekStart=this.weekStart.clone().add(e,"weeks"),this.weekEnd=this.weekStart.clone().endOf("isoWeek"),this.fetchLightboxData()},Object.defineProperty(e.prototype,"weekLabel",{get:function(){var e=this.weekStart.format("dddd D MMMM"),t=this.weekEnd.format("dddd D MMMM");return"du ".concat(e," au ").concat(t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"dailyLabel",{get:function(){return(0,n.default)(this.selectedDailyDate).format("dddd D MMMM")},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"yesterdayTotal",{get:function(){var e=(0,n.default)().subtract(1,"day").format("YYYY-MM-DD"),t="".concat(this.selectedUser,"_daily_").concat((0,n.default)().format("YYYY-MM-DD"),"_weekly_").concat((0,n.default)().startOf("isoWeek").format("YYYY-MM-DD"),"_").concat((0,n.default)().endOf("isoWeek").format("YYYY-MM-DD")),r=this.userData[t];if(!r||!r.weekly)return 0;var o=r.weekly[e];return o&&o.duration||0},enumerable:!1,configurable:!0}),e}();function d(e,t,r,o,i,a){t.children=u(t);var s="/appregistry/screen-time/".concat(r,"/weekly?startDate=").concat(i,"&endDate=").concat(a),n="/appregistry/screen-time/".concat(r,"/daily?date=").concat(o);return Promise.all([e.get(s),e.get(n)]).then(function(e){var r=e[0],o=e[1];return console.log("weekly: ",r.data),console.log("daily: ",o.data),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="Erreur lors de l’identification de l’utilisateur. Contactez l’administrateur de votre établissement.":t.errorMessage="Un problème technique est survenu. Si le problème persiste contactez l’administrateur de votre établissement.",console.error("Error fetching data for current user and dates:",e),Promise.reject(e)})}function u(e){var t=(0,a.session)().user.children;e.isParent=!1;if(t&&Object.keys(t).length>0){e.isParent=!0;var r=100;return Object.entries(t).map(function(e){var t=e[0],o=e[1];(r++).toString();return{id:t,name:"".concat(o.firstName," ").concat(o.lastName),userId:t}})}return[]}t.Controller=c;var f=function(){function e(){this.restrict="E",this.template=r(5688).Z,this.scope={},this.bindToController=!0,this.controller=[c],this.controllerAs="ctrl",this.require=["odeScreenTimeWidget"]}return e.prototype.link=function(e,t,r,o){var l=o?o[0]:null;if(l){var c=i.default.injector(["ng"]).get("$http"),f=(0,a.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,n.default)().format("YYYY-MM-DD"),(0,n.default)().startOf("isoWeek").format("YYYY-MM-DD"),(0,n.default)().endOf("isoWeek").format("YYYY-MM-DD"));d(c,l,l.selectedUser,(0,n.default)().format("YYYY-MM-DD"),(0,n.default)().startOf("isoWeek").format("YYYY-MM-DD"),(0,n.default)().endOf("isoWeek").format("YYYY-MM-DD")).then(function(r){var o,i,a,s;l.userData[t]={weekly:r.weekly,daily:r.daily},o=r.weekly,i=(0,n.default)().format("YYYY-MM-DD"),a=0,s=0,Object.keys(o).forEach(function(e){var t=o[e],r=t.duration||0,c=t.schoolUsePercentage||0,d=r*c,u=r*(1-c);(0,n.default)(e).format("YYYY-MM-DD")===i&&(a=d,s=u,l.todaySchoolUsePercentage=100*t.schoolUsePercentage,l.todayOutOfSchoolPercentage=100-100*t.schoolUsePercentage)}),l.todayOnCampus=a,l.todayOffCampus=s,l.todayTotal=a+s,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"));d(c,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){h&&h.destroy();var o=[],i=[],a=l.selectedChildHistogram||l.selectedUser,c=m(a,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,n.default)(e).format("ddd D")),i.push(t.duration)});else u.forEach(function(e){o.push("".concat(e.hour,"h")),i.push(e.duration)});h=new s.Chart(r,{type:"bar",data:{labels:o,datasets:[{label:"",data:i,backgroundColor:"#2A9CC8"}]},options:{plugins:{legend:{display:!1},tooltip:{callbacks:{label:function(e){var t=e.raw;return"".concat(t," minutes")}}}},responsive:!0,scales:{x:{},y:{beginAtZero:!0,title:{display:!0,text:"Minutes"}}}}})}}}}},l.children=u(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="Aucun utilisateur disponible pour afficher les données de temps d'écran.",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",i.default.module(t.odeModuleName,[(0,l.odeI18nModule)().name]).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,i="";return r>0&&(i+="".concat(r,"h")),(o>0||0===r&&0===t)&&(i+="".concat(o,"m")),i.trim()||"0m"}}).directive("odeScreenTimeWidget",function(){return new f}),(0,a.notif)().onLangReady().promise.then(function(e){if("en"===e)(0,a.conf)().Platform.idiom.addKeys(r(5840));else(0,a.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.yesterday":"Yesterday","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.yesterday":"Hier","screenTime.weekAverage":"Moyenne hebdomadaire","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 fourni par le Département pendant les heures de cours et en dehors des heures de cours.","screenTime.information.third":"\'Temps d\'écran\' observe uniquement l\'ouverture et la fermeture de session de l\'élève sur son ordinateur.","screenTime.information.fourth":"La fonctionnalité n\'enregistre aucune donnée d\'usage personnel ou de navigation sur 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}.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}.au-college{background-color:#2a9cc8}.hors-college{background-color:#ecbe30}.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}.legend-au-college{background-color:#2a9cc8}.legend-hors-college{background-color:#ecbe30}.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}.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}.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}</style> <div class=\\\"screen-time-widget-container\\\"> <div class=\\\"screen-time-summary\\\"> <div class=\\\"title\\\"> <div class=\\\"label\\\">TEMPS D'ÉCRAN</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\\\">Aujourd'hui</div> <div class=\\\"value\\\">{{ ctrl.todayTotal | duration }}</div> <div class=\\\"percentage-bar-container\\\"> <div class=\\\"percentage-bar au-college\\\" ng-style=\\\"{ width: ctrl.todaySchoolUsePercentage + '%' }\\\" title=\\\"{{ ctrl.todaySchoolUsePercentage | duration }} au collège\\\"> </div> <div class=\\\"percentage-bar hors-college\\\" ng-style=\\\"{ width: ctrl.todayOutOfSchoolPercentage + '%' }\\\" title=\\\"{{ ctrl.todayOutOfSchoolPercentage | duration }} hors collège\\\"></div> </div> </div> </div> <div class=\\\"summary-row\\\"> <div class=\\\"summary-block\\\"> <div class=\\\"label\\\">Moyenne de la semaine</div> <div class=\\\"value\\\">{{ ctrl.weeklyTotalAverage | duration }}</div> <div class=\\\"percentage-bar-container\\\"> <div class=\\\"percentage-bar au-college\\\" ng-style=\\\"{ width: ctrl.weeklyAvgSchoolUsePercentage + '%' }\\\" title=\\\"{{ ctrl.weeklyAvgSchoolUsePercentage | duration }} au Collège\\\"> </div> <div class=\\\"percentage-bar hors-college\\\" ng-style=\\\"{ width: ctrl.weeklyAvgOutOfSchoolPercentage + '%' }\\\" title=\\\"{{ ctrl.weeklyAvgOutOfSchoolPercentage | duration}} hors collège\\\"></div> </div> </div> </div> <div class=\\\"legend\\\"> <div class=\\\"legend-item\\\"> <div class=\\\"legend-square legend-au-college\\\"></div> <span>Au collège</span> </div> <div class=\\\"legend-item\\\"> <div class=\\\"legend-square legend-hors-college\\\"></div> <span>Hors collège</span> </div> <div class=\\\"see-more\\\"> <button ng-click=\\\"ctrl.toggleLightbox(true)\\\">Voir le détail</button> </div> </div> </div> </div> <ode-modal visible=\\\"ctrl.showLightbox\\\" on-close=\\\"ctrl.toggleLightbox(false)\\\" size=\\\"lg\\\" dnd-nodrag> <ode-modal-title> <h2>Temps d'écran</h2> </ode-modal-title> <ode-modal-body> <div class=\\\"centered-controls\\\"> <label style=\\\"font-size:14px\\\" for=\\\"userSelect\\\">Utilisateur :</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> <label for=\\\"viewMode\\\">Affichage :</label> <select id=\\\"viewMode\\\" class=\\\"custom-select\\\" ng-model=\\\"ctrl.viewMode\\\" ng-change=\\\"ctrl.updateChart()\\\"> <option value=\\\"weekly\\\">Hebdomadaire</option> <option value=\\\"daily\\\">Quotidien</option> </select> </div> <canvas id=\\\"myChart\\\" style=\\\"width:100%;height:200px\\\"></canvas> <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)\\\">←</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)\\\">→</button> </div> <div class=\\\"date-navigation\\\" ng-if=\\\"ctrl.viewMode === 'weekly'\\\"> <button ng-click=\\\"ctrl.changeWeek(-1)\\\">←</button> <div class=\\\"selected-date\\\">{{ ctrl.weekLabel }}</div> <button ng-click=\\\"ctrl.changeWeek(1)\\\">→</button> </div> </div> <div class=\\\"close-button-container\\\"> <button class=\\\"close-button\\\" ng-click=\\\"ctrl.toggleLightbox(false)\\\">Fermer</button> </div> </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 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    public todaySchoolUsePercentage: number = 0;\n    public todayOutOfSchoolPercentage: number = 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    public fixedTodaySchoolUsePercentage: number = 0;\n    public fixedTodayOutOfSchoolPercentage: number = 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        this.selectedDailyDate = moment(date).format('YYYY-MM-DD');\n        this.showDatePicker = false;\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.fixedTodaySchoolUsePercentage = this.todaySchoolUsePercentage;\n            this.fixedTodayOutOfSchoolPercentage = this.todayOutOfSchoolPercentage;\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    public changeDay(offset: number) {\n        this.selectedDailyDate = moment(this.selectedDailyDate).add(offset, 'days').format('YYYY-MM-DD');\n        this.fetchLightboxData();\n    }\n\n    public changeWeek(offset: number) {\n        this.weekStart = this.weekStart.clone().add(offset, 'weeks');\n        this.weekEnd = this.weekStart.clone().endOf('isoWeek');\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        return `du ${start} au ${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}&mock=false`;\n    const dailyEndpoint = `/appregistry/screen-time/${userId}/daily?date=${dailyDate}&mock=false`;\n\n    return Promise.all([\n        $http.get(weeklyEndpoint),\n        $http.get(dailyEndpoint)\n    ]).then(([weeklyResponse, dailyResponse]: [any, any]) => {\n        console.log(\"weekly: \", weeklyResponse.data);\n        console.log(\"daily: \", dailyResponse.data);\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 = \"Erreur lors de l’identification de l’utilisateur. Contactez l’administrateur de votre établissement.\";\n        } else {\n            ctrl.errorMessage = \"Un problème technique est survenu. Si le problème persiste contactez l’administrateur de votre établissement.\";\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    const USE_MOCK_IDS = true;\n\n    if (childrenObj && Object.keys(childrenObj).length > 0) {\n        ctrl.isParent = true;\n\n        // Replace userIds with mocked values: 100, 101, 102, ...\n        let mockIdCounter = 100;\n\n        return Object.entries(childrenObj).map(([userId, childData]) => {\n            const child = childData as { firstName: string; lastName: string };\n            const mockedId = (mockIdCounter++).toString(); // To remove and use real Id\n            return {\n                id: userId,\n                name: `${child.firstName} ${child.lastName}`,\n                userId: USE_MOCK_IDS ? mockedId : 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                    ctrl.todaySchoolUsePercentage = entry.schoolUsePercentage * 100;\n                    ctrl.todayOutOfSchoolPercentage = 100 - (entry.schoolUsePercentage * 100);\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            if (chartInstance) chartInstance.destroy();\n\n            let labels: string[] = [];\n            let appTimes: number[] = [];\n            let otherTimes: 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(dateStr => {\n                    const entry = dataToUse[dateStr];\n                    labels.push(moment(dateStr).format(\"ddd D\"));\n                    appTimes.push(entry.duration * entry.schoolUsePercentage);\n                    otherTimes.push(entry.duration * (1 - entry.schoolUsePercentage));\n                });\n            } else {\n                dataToUse.forEach((hourData: any) => {\n                    labels.push(`${hourData.hour}h`);\n                    appTimes.push(hourData.duration * hourData.schoolUsePercentage);\n                    otherTimes.push(hourData.duration * (1 - hourData.schoolUsePercentage));\n                });\n            }\n\n            chartInstance = new Chart(ctx, {\n                type: \"bar\",\n                data: {\n                    labels,\n                    datasets: [\n                        {\n                            label: \"Usage scolaire\",\n                            data: appTimes,\n                            backgroundColor: \"#2A9CC8\"\n                        },\n                        {\n                            label: \"Usage hors scolaire\",\n                            data: otherTimes,\n                            backgroundColor: \"#ECBE30\"\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} minutes`;\n                                }\n                            }\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: \"Minutes\"\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 = \"Aucun utilisateur disponible pour afficher les données de temps d'écran.\";\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\n// Internationalization setup\nnotif()\n    .onLangReady()\n    .promise.then((lang) => {\n        switch (lang) {\n            default:\n                conf().Platform.idiom.addKeys(require(\"./i18n/fr.json\"));\n                break;\n        }\n    });\n"],"names":["Chart","register","registerables","locale","selectedUser","viewMode","userData","selectedDailyDate","format","weekStart","startOf","weekEnd","endOf","updateChart","todayOnCampus","todayOffCampus","todayTotal","todaySchoolUsePercentage","todayOutOfSchoolPercentage","weeklyAvgOnCampus","weeklyAvgOffCampus","weeklyTotalAverage","weeklyAvgSchoolUsePercentage","weeklyAvgOutOfSchoolPercentage","fixedTodayOnCampus","fixedTodayOffCampus","fixedTodayTotal","fixedTodaySchoolUsePercentage","fixedTodayOutOfSchoolPercentage","fixedWeeklyAvgOnCampus","fixedWeeklyAvgOffCampus","fixedWeeklyTotalAverage","fixedWeeklyAvgSchoolUsePercentage","fixedWeeklyAvgOutOfSchoolPercentage","customWeekMode","customStartDate","customEndDate","isParent","hasError","errorMessage","fetchDataForCurrentUser","fetchLightboxData","showLightbox","showDatePicker","children","selectedChild","selectedChildHistogram","toggleDatePicker","show","this","setDateFromPicker","date","toggleLightbox","changeDay","offset","add","changeWeek","clone","Date","start","end","fetchAllScreenTimeDataForUserAndDates","$http","ctrl","userId","dailyDate","startDate","endDate","fetchChildren","weeklyEndpoint","dailyEndpoint","Promise","all","get","then","weeklyResponse","dailyResponse","console","log","data","weekly","dailySummaries","reduce","acc","day","duration","durationMinutes","schoolUsePercentage","daily","durations","map","hour","catch","error","status","reject","childrenObj","session","user","Object","keys","length","entries","child","mockedId","toString","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","today","todayOnCampusTemp","todayOffCampusTemp","weeklyTotalSchoolUseDuration","weeklyTotalOutOfSchoolDuration","weeklyTotalOverallDuration","forEach","dateStr","entry","schoolUsePct","onCampus","offCampus","$applyAsync","userIdForLightbox","setTimeout","canvas","querySelector","ctx","getContext","destroy","labels","appTimes","otherTimes","userIdForChart","currentDataKey","currentUserAndDateData","dataToUse","sort","push","hourData","type","datasets","label","backgroundColor","options","plugins","tooltip","callbacks","context","value","raw","dataset","responsive","scales","x","stacked","y","beginAtZero","title","display","text","$watch","newVal","oldVal","isVisible","odeModuleName","module","filter","input","isNaN","totalMinutes","Math","floor","hours","minutes","result","trim","directive","Directive","notif","onLangReady","promise","lang","conf","Platform","idiom","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}.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}.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;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:15px}.control-group{display:flex;flex-direction:row;align-items:center;gap:10px}.control-group label{min-width:80px;text-align:left}.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-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}.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}</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.yesterday</i18n></div> <div class=\\\"value\\\">{{ ctrl.yesterdayTotal | 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> <h2><i18n>screenTime.title.normal</i18n></h2> </ode-modal-title> <ode-modal-body> <div class=\\\"centered-controls\\\"> <div class=\\\"control-group\\\"> <div ng-if=\\\"ctrl.isParent\\\"> <label style=\\\"font-size:14px\\\" for=\\\"userSelect\\\"><i18n>screenTime.user</i18n> :</label> <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\\\">{{ 'screenTime.viewMode.weekly' | i18n }}</option> <option value=\\\"daily\\\">{{ 'screenTime.viewMode.daily' | i18n }}</option> </select> </div> </div> <canvas id=\\\"myChart\\\" style=\\\"width:100%;height:200px\\\"></canvas> <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)\\\">←</button> <div ng-if=\\\"!ctrl.showDatePicker\\\" class=\\\"selected-date\\\" ng-click=\\\"ctrl.toggleDatePicker(true)\\\"> {{ ctrl.dailyLabel }} </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)\\\">→</button> </div> <div class=\\\"date-navigation\\\" ng-if=\\\"ctrl.viewMode === 'weekly'\\\"> <button ng-click=\\\"ctrl.changeWeek(-1)\\\">←</button> <div class=\\\"selected-date\\\">{{ ctrl.weekLabel }}</div> <button ng-click=\\\"ctrl.changeWeek(1)\\\">→</button> </div> </div> <div class=\\\"close-button-container\\\"> <button class=\\\"close-button\\\" ng-click=\\\"ctrl.toggleLightbox(false)\\\"><i18n>screenTime.modal.close</i18n></button> </div> </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';\nimport { odeI18nModule } from \"../../modules/i18n.module\";\n\nChart.register(...registerables);\nmoment.locale('fr');\n\n// Controller\nexport class Controller {\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    public todaySchoolUsePercentage: number = 0;\n    public todayOutOfSchoolPercentage: number = 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    public fixedTodaySchoolUsePercentage: number = 0;\n    public fixedTodayOutOfSchoolPercentage: number = 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\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 selectedChildHistogram = \"\";\n\n    public toggleDatePicker(show: boolean) {\n        this.showDatePicker = show;\n    }\n\n    public setDateFromPicker(date: string) {\n        this.selectedDailyDate = moment(date).format('YYYY-MM-DD');\n        this.showDatePicker = false;\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.fixedTodaySchoolUsePercentage = this.todaySchoolUsePercentage;\n            this.fixedTodayOutOfSchoolPercentage = this.todayOutOfSchoolPercentage;\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    public changeDay(offset: number) {\n        this.selectedDailyDate = moment(this.selectedDailyDate).add(offset, 'days').format('YYYY-MM-DD');\n        this.fetchLightboxData();\n    }\n\n    public changeWeek(offset: number) {\n        this.weekStart = this.weekStart.clone().add(offset, 'weeks');\n        this.weekEnd = this.weekStart.clone().endOf('isoWeek');\n        this.fetchLightboxData();\n    }\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        return `du ${start} au ${end}`;\n    }\n\n    public get dailyLabel(): string {\n        return moment(this.selectedDailyDate).format('dddd D MMMM');\n    }\n\n    public get yesterdayTotal(): number {\n        const yesterday = moment().subtract(1, 'day').format(\"YYYY-MM-DD\");\n        \n        // Find the current user's data key\n        const currentKey = `${this.selectedUser}_daily_${moment().format('YYYY-MM-DD')}_weekly_${moment().startOf('isoWeek').format('YYYY-MM-DD')}_${moment().endOf('isoWeek').format('YYYY-MM-DD')}`;\n        const userData = this.userData[currentKey];\n        \n        if (!userData || !userData.weekly) {\n            return 0;\n        }\n        \n        const yesterdayData = userData.weekly[yesterday];\n        if (!yesterdayData) {\n            return 0;\n        }\n        \n        return yesterdayData.duration || 0;\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        console.log(\"weekly: \", weeklyResponse.data);\n        console.log(\"daily: \", dailyResponse.data);\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 = \"Erreur lors de l’identification de l’utilisateur. Contactez l’administrateur de votre établissement.\";\n        } else {\n            ctrl.errorMessage = \"Un problème technique est survenu. Si le problème persiste contactez l’administrateur de votre établissement.\";\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    const USE_MOCK_IDS = false;\n\n    if (childrenObj && Object.keys(childrenObj).length > 0) {\n        ctrl.isParent = true;\n\n        // Replace userIds with mocked values: 100, 101, 102, ...\n        let mockIdCounter = 100;\n\n        return Object.entries(childrenObj).map(([userId, childData]) => {\n            const child = childData as { firstName: string; lastName: string };\n            const mockedId = (mockIdCounter++).toString(); // To remove and use real Id\n            return {\n                id: userId,\n                name: `${child.firstName} ${child.lastName}`,\n                userId: USE_MOCK_IDS ? mockedId : 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            const today = moment().format(\"YYYY-MM-DD\");\n            let todayOnCampusTemp = 0;\n            let todayOffCampusTemp = 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                if (moment(dateStr).format(\"YYYY-MM-DD\") === today) {\n                    todayOnCampusTemp = onCampus;\n                    todayOffCampusTemp = offCampus;\n                    ctrl.todaySchoolUsePercentage = entry.schoolUsePercentage * 100;\n                    ctrl.todayOutOfSchoolPercentage = 100 - (entry.schoolUsePercentage * 100);\n                }\n            });\n\n            ctrl.todayOnCampus = todayOnCampusTemp;\n            ctrl.todayOffCampus = todayOffCampusTemp;\n            ctrl.todayTotal = todayOnCampusTemp + todayOffCampusTemp;\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            if (chartInstance) chartInstance.destroy();\n\n            let labels: string[] = [];\n            let appTimes: 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(dateStr => {\n                    const entry = dataToUse[dateStr];\n                    labels.push(moment(dateStr).format(\"ddd D\"));\n                    appTimes.push(entry.duration); // Total duration instead of separated\n                });\n            } else {\n                dataToUse.forEach((hourData: any) => {\n                    labels.push(`${hourData.hour}h`);\n                    appTimes.push(hourData.duration); // Total duration instead of separated\n                });\n            }\n\n            chartInstance = new Chart(ctx, {\n                type: \"bar\",\n                data: {\n                    labels,\n                    datasets: [\n                        {\n                            label: \"\", // Empty label to hide from legend\n                            data: appTimes,\n                            backgroundColor: \"#2A9CC8\"\n                        }\n                    ]\n                },\n                options: {\n                    plugins: {\n                        legend: {\n                            display: false // Hide legend completely\n                        },\n                        tooltip: {\n                            callbacks: {\n                                label: function (context) {\n                                    const value = context.raw;\n                                    return `${value} minutes`;\n                                }\n                            }\n                        }\n                    },\n                    responsive: true,\n                    scales: {\n                        x: {\n                            // Removed stacked: true since we only have one dataset\n                        },\n                        y: {\n                            // Removed stacked: true since we only have one dataset\n                            beginAtZero: true,\n                            title: {\n                                display: true,\n                                text: \"Minutes\"\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 = \"Aucun utilisateur disponible pour afficher les données de temps d'écran.\";\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, [odeI18nModule().name])\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\n// Internationalization setup\nnotif()\n    .onLangReady()\n    .promise.then((lang: any): void => {\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","selectedUser","viewMode","userData","selectedDailyDate","format","weekStart","startOf","weekEnd","endOf","updateChart","todayOnCampus","todayOffCampus","todayTotal","todaySchoolUsePercentage","todayOutOfSchoolPercentage","weeklyAvgOnCampus","weeklyAvgOffCampus","weeklyTotalAverage","weeklyAvgSchoolUsePercentage","weeklyAvgOutOfSchoolPercentage","fixedTodayOnCampus","fixedTodayOffCampus","fixedTodayTotal","fixedTodaySchoolUsePercentage","fixedTodayOutOfSchoolPercentage","fixedWeeklyAvgOnCampus","fixedWeeklyAvgOffCampus","fixedWeeklyTotalAverage","fixedWeeklyAvgSchoolUsePercentage","fixedWeeklyAvgOutOfSchoolPercentage","isParent","hasError","errorMessage","fetchDataForCurrentUser","fetchLightboxData","showLightbox","showDatePicker","children","selectedChildHistogram","toggleDatePicker","show","this","setDateFromPicker","date","toggleLightbox","changeDay","offset","add","changeWeek","clone","start","end","yesterday","subtract","currentKey","weekly","yesterdayData","duration","fetchAllScreenTimeDataForUserAndDates","$http","ctrl","userId","dailyDate","startDate","endDate","fetchChildren","weeklyEndpoint","dailyEndpoint","Promise","all","get","then","weeklyResponse","dailyResponse","console","log","data","dailySummaries","reduce","acc","day","durationMinutes","schoolUsePercentage","daily","durations","map","hour","catch","error","status","reject","childrenObj","session","user","Object","keys","length","entries","child","toString","id","name","firstName","lastName","Controller","restrict","template","scope","bindToController","controller","controllerAs","require","link","elem","attrs","controllers","injector","currentUserId","chartInstance","generateDataKey","weeklyData","today","todayOnCampusTemp","todayOffCampusTemp","forEach","dateStr","entry","schoolUsePct","onCampus","offCampus","$applyAsync","userIdForLightbox","setTimeout","canvas","querySelector","ctx","getContext","destroy","labels","appTimes","userIdForChart","currentDataKey","currentUserAndDateData","dataToUse","sort","push","hourData","type","datasets","label","backgroundColor","options","plugins","legend","display","tooltip","callbacks","context","value","raw","responsive","scales","x","y","beginAtZero","title","text","$watch","newVal","oldVal","isVisible","odeModuleName","module","odeI18nModule","filter","input","isNaN","totalMinutes","Math","floor","hours","minutes","result","trim","directive","Directive","notif","onLangReady","promise","lang","conf","Platform","idiom","addKeys"],"sourceRoot":""}

package/package.json

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