From f78c84c952e617f14918ea9981396fa3f430bcde Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20P=C3=A9ters?= <fpeters@entrouvert.com>
Date: Fri, 15 Jul 2022 10:10:45 +0200
Subject: [PATCH] misc: add timeslots attributes when creating <option>
 (#67385)

---
 .../qommon/forms/widgets/select-timetable.html      | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/wcs/qommon/templates/qommon/forms/widgets/select-timetable.html b/wcs/qommon/templates/qommon/forms/widgets/select-timetable.html
index 8985f2360..9310eaeb7 100644
--- a/wcs/qommon/templates/qommon/forms/widgets/select-timetable.html
+++ b/wcs/qommon/templates/qommon/forms/widgets/select-timetable.html
@@ -34,17 +34,20 @@ $(function() {
     $select.empty();
     $('<option value=""></option>').appendTo($select);
     for (var i=0; i<items.length; i++) {
-      var $option = $('<option></option>', {value: items[i].id, text: items[i].text});
+      var date = new Date(items[i].datetime.slice(0, 10));
+      var $option = $('<option></option>', {
+              value: items[i].id,
+              text: items[i].text,
+              'data-weekday': WEEKDAYS[date.getDay()],
+              'data-date': items[i].datetime.slice(0, 10),
+              'data-time': items[i].datetime.slice(11, 16)
+      });
       if (items[i].disabled) {
           $option.prop('disabled', true);
       }
       if (items[i].selected) {
           $option.attr('selected', true);
       }
-      var date = new Date(items[i].datetime);
-      $option.attr('data-weekday', WEEKDAYS[date.getDay()]);
-      $option.attr('data-date', items[i].datetime.slice(0, 10));
-      $option.attr('data-time', items[i].datetime.slice(11, 16));
       $option.appendTo($select);
     }
   }