IDK/ScoDoc
1
0
Fork 0
forked from ScoDoc/ScoDoc
Code Issues Pull Requests Projects Releases Wiki Activity

WIP passage moment - vanilla js

Browse Source
This commit is contained in:
Iziram 2023-11-03 16:55:26 +01:00
parent 5824b7fb59
commit 2ff49fc1bd
4 changed files with 191 additions and 59 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

219
app/static/js/assiduites.js
View File

@ -32,6 +32,17 @@ Object.defineProperty(String.prototype, "capitalize", {
}, },
enumerable: false, enumerable: false,
}); });
const DatePrecisions = [
"year",
"month",
"day",
"hour",
"minute",
"second",
"millisecond",
];
// <<== Outils ==>> // <<== Outils ==>>
Object.defineProperty(Array.prototype, "reversed", { Object.defineProperty(Array.prototype, "reversed", {
value: function () { value: function () {
@ -40,6 +51,132 @@ Object.defineProperty(Array.prototype, "reversed", {
enumerable: false, enumerable: false,
}); });
// <= Gestion des dates =>
Object.defineProperty(Date.prototype, "isBetween", {
/**
* Vérifie si la date est comprise dans une période avec une précision et une inclusivité optionnelles
* @param {Date} deb - La date de début de la période
* @param {Date} fin - La date de fin de la période
* @param {String} precision - La précision pour la comparaison (année, mois, jour, etc.)
* @param {String} bornes - L'inclusivité/exclusivité de la comparaison ("[]", "()", "[)", "(]")
*/
value: function (deb, fin, precision, bornes = "[]") {
// Ajuste la date actuelle, la date de début et la date de fin à la précision spécifiée
const thisPrecision = this.toPrecision(precision);
const debPrecision = deb.toPrecision(precision);
const finPrecision = fin.toPrecision(precision);
// Vérifie les bornes en fonction de l'inclusivité/exclusivité spécifiée dans 'bornes'
const check_deb =
bornes[0] === "("
? thisPrecision > debPrecision
: thisPrecision >= debPrecision;
const check_fin =
bornes[1] === ")"
? finPrecision > thisPrecision
: finPrecision >= thisPrecision;
return check_deb && check_fin;
},
});
Object.defineProperty(Date.prototype, "toPrecision", {
/**
* Ajuste la date à la précision donnée.
* @param {String} precision - La précision désirée (année, mois, jour, etc.)
*/
value: function (precision) {
const newDate = new Date(this.getTime());
// Trouve l'indice de la précision spécifiée dans le tableau des précisions
const precisionsIndex =
precision != undefined
? DatePrecisions.indexOf(precision)
: DatePrecisions.length - 1;
// Réinitialise toutes les parties de la date moins significatives que la précision spécifiée
for (let i = precisionsIndex + 1; i < DatePrecisions.length; i++) {
const p = DatePrecisions[i];
switch (p) {
case "month":
// Les mois en JavaScript sont indexés à partir de 0, donc on met 0 pour janvier
newDate.setMonth(0);
break;
case "day":
// Les jours en JavaScript commencent à 1, donc on met 1 pour le premier jour du mois
newDate.setDate(1);
break;
case "hour":
newDate.setHours(0);
break;
case "minute":
newDate.setMinutes(0);
break;
case "second":
newDate.setSeconds(0);
break;
case "millisecond":
newDate.setMilliseconds(0);
break;
}
}
return newDate;
},
});
Object.defineProperty(Date.prototype, "isBefore", {
value: function (date) {
return this < date;
},
});
Object.defineProperty(Date.prototype, "isAfter", {
value: function (date) {
return this > date;
},
});
Object.defineProperty(Date.prototype, "isSame", {
/**
* Retourne vrai si les dates sont les mêmes
* @param {Date} date
* @returns boolean
*/
value: function (date) {
return this == date;
},
});
Object.defineProperty(Date.prototype, "toIsoUtcString", {
value: function () {
const date = this;
var tzo = -date.getTimezoneOffset(),
dif = tzo >= 0 ? "+" : "-",
pad = function (num) {
return (num < 10 ? "0" : "") + num;
};
return (
date.getFullYear() +
"-" +
pad(date.getMonth() + 1) +
"-" +
pad(date.getDate()) +
"T" +
pad(date.getHours()) +
":" +
pad(date.getMinutes()) +
":" +
pad(date.getSeconds()) +
dif +
pad(Math.floor(Math.abs(tzo) / 60)) +
":" +
pad(Math.abs(tzo) % 60)
);
},
});
/** /**
* Ajout des évents sur les boutons d'assiduité * Ajout des évents sur les boutons d'assiduité
* @param {Document | HTMLFieldSetElement} parent par défaut le document, un field sinon * @param {Document | HTMLFieldSetElement} parent par défaut le document, un field sinon
@ -126,7 +263,7 @@ function validateSelectors(btn) {
} }
function onlyAbs() { function onlyAbs() {
if (getDate() > moment()) { if (getDate() > Date.now()) {
document document
.querySelectorAll(".rbtn.present, .rbtn.retard") .querySelectorAll(".rbtn.present, .rbtn.retard")
.forEach((el) => el.remove()); .forEach((el) => el.remove());
@ -268,8 +405,8 @@ function executeMassActionQueue() {
*/ */
const tlTimes = getTimeLineTimes(); const tlTimes = getTimeLineTimes();
let assiduite = { let assiduite = {
date_debut: tlTimes.deb.format(), date_debut: tlTimes.deb.toIsoUtcString(),
date_fin: tlTimes.fin.format(), date_fin: tlTimes.fin.toIsoUtcString(),
}; };
assiduite = setModuleImplId(assiduite); assiduite = setModuleImplId(assiduite);
@ -613,19 +750,11 @@ function getNearestWorkDay(date) {
} }
function verifyDateInSemester() { function verifyDateInSemester() {
const date = new moment.tz( const date = getDate();
document.querySelector("#tl_date").value,
TIMEZONE
);
const periodSemester = getFormSemestreDates(); const periodSemester = getFormSemestreDates();
return date.isBetween( return date.isBetween(periodSemester.deb, periodSemester.fin, "[]");
periodSemester.deb,
periodSemester.fin,
undefined,
"[]"
);
} }
/** /**
@ -664,8 +793,8 @@ function getAssiduitesOnDateChange() {
* @param {String} separator le séparateur de la date intelligible (01/01/2000 {separtor} 10:00) * @param {String} separator le séparateur de la date intelligible (01/01/2000 {separtor} 10:00)
* @returns {String} la date intelligible * @returns {String} la date intelligible
*/ */
function formatDateModal(str, separator = "·") { function formatDateModal(str) {
return new moment.tz(str, TIMEZONE).format(`DD/MM/Y ${separator} HH:mm`); return new Date(str).toLocaleString("fr-FR");
} }
/** /**
@ -705,8 +834,8 @@ function verifyNonWorkDays(day, nonWorkdays) {
* Fonction qui vérifie si une période est dans un interval * Fonction qui vérifie si une période est dans un interval
* Objet période / interval * Objet période / interval
* { * {
* deb: moment.tz(<Date>), * deb: Date,
* fin: moment.tz(<Date>), * fin: Date,
* } * }
* @param {object} period * @param {object} period
* @param {object} interval * @param {object} interval
@ -718,7 +847,7 @@ function hasTimeConflict(period, interval) {
/** /**
* On récupère la période de la timeline * On récupère la période de la timeline
* @returns {deb : moment.tz(), fin: moment.tz()} * @returns {deb : Date, fin: Date)}
*/ */
function getTimeLineTimes() { function getTimeLineTimes() {
//getPeriodValues() -> retourne la position de la timeline [a,b] avec a et b des number //getPeriodValues() -> retourne la position de la timeline [a,b] avec a et b des number
@ -726,11 +855,11 @@ function getTimeLineTimes() {
//On récupère la date //On récupère la date
const dateiso = document.querySelector("#tl_date").value; const dateiso = document.querySelector("#tl_date").value;
//On génère des objets temps (moment.tz) //On génère des objets temps
values = values.map((el) => { values = values.map((el) => {
el = toTime(el).replace("h", ":"); el = toTime(el).replace("h", ":");
el = `${dateiso}T${el}`; el = `${dateiso}T${el}`;
return moment.tz(el, TIMEZONE); return new Date(el);
}); });
return { deb: values[0], fin: values[1] }; return { deb: values[0], fin: values[1] };
@ -744,8 +873,8 @@ function getTimeLineTimes() {
function isConflictSameAsPeriod(conflict, period = undefined) { function isConflictSameAsPeriod(conflict, period = undefined) {
const tlTimes = period == undefined ? getTimeLineTimes() : period; const tlTimes = period == undefined ? getTimeLineTimes() : period;
const clTimes = { const clTimes = {
deb: moment.tz(conflict.date_debut, TIMEZONE), deb: new Date(conflict.date_debut),
fin: moment.tz(conflict.date_fin, TIMEZONE), fin: new Date(conflict.date_fin),
}; };
return tlTimes.deb.isSame(clTimes.deb) && tlTimes.fin.isSame(clTimes.fin); return tlTimes.deb.isSame(clTimes.deb) && tlTimes.fin.isSame(clTimes.fin);
} }
@ -815,9 +944,9 @@ function toIsoString(date) {
} }
/** /**
* Transforme un temps numérique en une date moment.tz * Transforme un temps numérique en une date
* @param {number} nb * @param {number} nb
* @returns {moment.tz} Une date formée du temps donné et de la date courante * @returns {Date} Une date formée du temps donné et de la date courante
*/ */
function numberTimeToDate(nb) { function numberTimeToDate(nb) {
time = toTime(nb).replace("h", ":"); time = toTime(nb).replace("h", ":");
@ -825,7 +954,7 @@ function numberTimeToDate(nb) {
datetime = `${date}T${time}`; datetime = `${date}T${time}`;
return moment.tz(datetime, TIMEZONE); return new Date(datetime);
} }
// <<== Gestion des assiduités ==>> // <<== Gestion des assiduités ==>>
@ -885,8 +1014,8 @@ function getAssiduitesFromEtuds(clear, deb, fin) {
function createAssiduite(etat, etudid) { function createAssiduite(etat, etudid) {
const tlTimes = getTimeLineTimes(); const tlTimes = getTimeLineTimes();
let assiduite = { let assiduite = {
date_debut: tlTimes.deb.format(), date_debut: tlTimes.deb.toIsoUtcString(),
date_fin: tlTimes.fin.format(), date_fin: tlTimes.fin.toIsoUtcString(),
etat: etat, etat: etat,
}; };
@ -1067,8 +1196,8 @@ function getAssiduitesConflict(etudid, periode) {
return etudAssiduites.filter((assi) => { return etudAssiduites.filter((assi) => {
const interval = { const interval = {
deb: moment.tz(assi.date_debut, TIMEZONE), deb: new Date(assi.date_debut),
fin: moment.tz(assi.date_fin, TIMEZONE), fin: new Date(assi.date_debut),
}; };
return hasTimeConflict(periode, interval); return hasTimeConflict(periode, interval);
}); });
@ -1085,21 +1214,21 @@ function getLastAssiduiteOfPrevDate(etudid) {
return ""; return "";
} }
const period = { const period = {
deb: moment.tz(getPrevDate(), TIMEZONE), deb: getPrevDate(),
fin: moment.tz(getDate(), TIMEZONE), fin: getDate(),
}; };
const prevAssiduites = etudAssiduites const prevAssiduites = etudAssiduites
.filter((assi) => { .filter((assi) => {
const interval = { const interval = {
deb: moment.tz(assi.date_debut, TIMEZONE), deb: new Date(assi.date_debut),
fin: moment.tz(assi.date_fin, TIMEZONE), fin: new Date(assi.date_fin),
}; };
return hasTimeConflict(period, interval); return hasTimeConflict(period, interval);
}) })
.sort((a, b) => { .sort((a, b) => {
const a_fin = moment.tz(a.date_fin, TIMEZONE); const a_fin = new Date(a.date_fin);
const b_fin = moment.tz(b.date_fin, TIMEZONE); const b_fin = new Date(b.date_fin);
return b_fin < a_fin; return b_fin < a_fin;
}); });
@ -1232,8 +1361,8 @@ function assiduiteAction(element) {
assiduites[etudid], assiduites[etudid],
getTimeLineTimes(), getTimeLineTimes(),
{ {
deb: new moment.tz(getDate(), TIMEZONE), deb: getDate(),
fin: new moment.tz(getNextDate(), TIMEZONE), fin: getNextDate(),
} }
); );
const update = (assi) => { const update = (assi) => {
@ -1545,8 +1674,8 @@ function getFormSemestreDates() {
const dateFin = document.getElementById("formsemestre_date_fin").textContent; const dateFin = document.getElementById("formsemestre_date_fin").textContent;
return { return {
deb: dateDeb, deb: new Date(dateDeb),
fin: dateFin, fin: new Date(dateFin),
}; };
} }
@ -1614,7 +1743,9 @@ function getJustificatifFromPeriod(date, etudid, update) {
getUrl() + getUrl() +
`/api/justificatifs/${etudid}/query?date_debut=${date.deb `/api/justificatifs/${etudid}/query?date_debut=${date.deb
.add(1, "s") .add(1, "s")
.format()}&date_fin=${date.fin.subtract(1, "s").format()}`, .toIsoUtcString()}&date_fin=${date.fin
.subtract(1, "s")
.toIsoUtcString()}`,
success: (data) => { success: (data) => {
update(data); update(data);
}, },
@ -1646,8 +1777,8 @@ function fastJustify(assiduite) {
} }
const period = { const period = {
deb: new moment.tz(assiduite.date_debut, TIMEZONE), deb: new Date(assiduite.date_debut),
fin: new moment.tz(assiduite.date_fin, TIMEZONE), fin: new Date(assiduite.date_fin),
}; };
const action = (justifs) => { const action = (justifs) => {
//créer un nouveau justificatif //créer un nouveau justificatif
@ -1660,8 +1791,8 @@ function fastJustify(assiduite) {
//créer justificatif //créer justificatif
const justif = { const justif = {
date_debut: new moment.tz(assiduite.date_debut, TIMEZONE).format(), date_debut: new Date(assiduite.date_debut).toIsoUtcString(),
date_fin: new moment.tz(assiduite.date_fin, TIMEZONE).format(), date_fin: new Date(assiduite.date_fin).toIsoUtcString(),
raison: raison, raison: raison,
etat: etat, etat: etat,
}; };

8
app/templates/assiduites/pages/ajout_justificatif.j2
View File

@ -118,8 +118,8 @@
return false; return false;
} }
const date_debut = moment.tz(deb, TIMEZONE); const date_debut = new Date(deb);
const date_fin = moment.tz(fin, TIMEZONE); const date_fin = new Date(fin);
if (date_fin.isBefore(date_debut)) { if (date_fin.isBefore(date_debut)) {
openAlertModal("Erreur détéctée", document.createTextNode("La date de fin doit se trouver après la date de début."), "", color = "crimson"); openAlertModal("Erreur détéctée", document.createTextNode("La date de fin doit se trouver après la date de début."), "", color = "crimson");
@ -138,8 +138,8 @@
const raison = field.querySelector('#justi_raison').value; const raison = field.querySelector('#justi_raison').value;
return { return {
date_debut: moment.tz(deb, TIMEZONE).format(), date_debut: new Date(deb).toIsoUtcString(),
date_fin: moment.tz(fin, TIMEZONE).format(), date_fin: new Date(fin).toIsoUtcString(),
etat: etat, etat: etat,
raison: raison, raison: raison,
} }

6
app/templates/assiduites/pages/bilan_etud.j2
View File

@ -93,8 +93,8 @@
return; return;
} }
const date_debut = new moment.tz(dd_val + "T00:00", TIMEZONE); const date_debut = new Date(dd_val + "T00:00");
const date_fin = new moment.tz(df_val + "T23:59", TIMEZONE); const date_fin = new Date(df_val + "T23:59");
if (date_debut.valueOf() > date_fin.valueOf()) { if (date_debut.valueOf() > date_fin.valueOf()) {
openAlertModal("Dates invalides", document.createTextNode('La date de début se situe après la date de fin.')); openAlertModal("Dates invalides", document.createTextNode('La date de début se situe après la date de fin.'));
@ -102,7 +102,7 @@
} }
countAssiduites(date_debut.format(), date_fin.format()) countAssiduites(date_debut.toIsoUtcString()(), date_fin.toIsoUtcString()())
} }

17
app/templates/assiduites/pages/calendrier.j2
View File

@ -126,7 +126,7 @@
let datesByMonth = {}; let datesByMonth = {};
dates.forEach((date) => { dates.forEach((date) => {
let month = date.format("MMMM"); // Obtenir le mois let month = date.toLocaleString('fr-FR', { month: "short" }); // Obtenir le mois
if (!datesByMonth[month]) { if (!datesByMonth[month]) {
datesByMonth[month] = []; datesByMonth[month] = [];
@ -135,6 +135,7 @@
datesByMonth[month].push(date); datesByMonth[month].push(date);
}); });
console.log(Object.keys(datesByMonth))
return datesByMonth; return datesByMonth;
} }
@ -146,18 +147,18 @@
datesByMonth[month].forEach((date) => { datesByMonth[month].forEach((date) => {
let dayAssiduities = assiduities.filter((assiduity) => { let dayAssiduities = assiduities.filter((assiduity) => {
return moment.tz(date, TIMEZONE).isBetween( return new Date(date).isBetween(
moment.tz(assiduity.date_debut, TIMEZONE), new Date(assiduity.date_debut),
moment.tz(assiduity.date_fin, TIMEZONE), new Date(assiduity.date_fin),
"day", "day",
"[]" "[]"
) )
}); });
let dayJustificatifs = justificatifs.filter((justif) => { let dayJustificatifs = justificatifs.filter((justif) => {
return moment.tz(date, TIMEZONE).isBetween( return new Date(date).isBetween(
moment.tz(justif.date_debut, TIMEZONE), new Date(justif.date_debut),
moment.tz(justif.date_fin, TIMEZONE), new Date(justif.date_fin),
"day", "day",
"[]" "[]"
) )
@ -250,7 +251,7 @@
} else if (dayJustificatifs.some((j) => j.etat.toLowerCase() !== "valide")) { } else if (dayJustificatifs.some((j) => j.etat.toLowerCase() !== "valide")) {
est_just = "est_just invalide"; est_just = "est_just invalide";
} }
const momentDate = moment.tz(date, TIMEZONE); const momentDate = new Date(date);
let dayOfMonth = momentDate.format("D"); let dayOfMonth = momentDate.format("D");
let dayOfWeek = momentDate.format("ddd"); let dayOfWeek = momentDate.format("ddd");