ode-csslib-panda-paris 3.3.11-develop-mozo.202409182238 → 3.3.11-develop-wl.202409241247

package/dist/template/timeline/notifications.html

@@ -68,54 +68,100 @@
 </article> -->
 
 <div data-ng-controller="FlashMessages" class="twelve cell">
-  <flash-msg ng-repeat="message in messages.all track by message.id" mark-message="markMessage(message)" message="message"
-    current-language="currentLanguage">
-  </flash-msg>
+  <div
+    class="flashmsg"
+    ng-repeat="message in messages.all"
+    ng-class="message.color"
+    ng-style="{ 'background-color': message.customColor }"
+  >
+    <i
+      class="close-2x right-magnet"
+      tooltip="timeline.mark.flashmsg"
+      ng-click="markMessage(message)"
+    ></i>
+    <div bind-html="message.contents[currentLanguage]"></div>
+    <div
+      ng-if="message.signature"
+      style="font-style: italic"
+      ng-style="{'color': message.signatureColor}"
+    >
+      <p></p>
+      [[ message.signature ]]
+    </div>
+  </div>
 </div>
 
 <app-title>
   <h1 data-reload class="application-title">
     <i class="exclamation-mark"></i>
     <i18n
-      pulsar="{ index: 0, i18n: 'timeline.pulsar.notifications', position: 'center right', className: 'pulse-notifications'}">
-      timeline.title</i18n>
+      pulsar="{ index: 0, i18n: 'timeline.pulsar.notifications', position: 'center right', className: 'pulse-notifications'}"
+      >timeline.title</i18n
+    >
   </h1>
 </app-title>
 
 <div data-ng-controller="Timeline" class="twelve cell">
-  <div ng-if="!isEmpty()" class="row drop-down-block" ng-class="{slided: display.slide}">
-    <div class="drop-down-label" ng-if="filtered.notificationTypes.length > 0" ng-click="display.slide = !display.slide"
-      pulsar-highlight="1">
+  <div
+    ng-if="!isEmpty()"
+    class="row drop-down-block"
+    ng-class="{slided: display.slide}"
+  >
+    <div
+      class="drop-down-label"
+      ng-if="filtered.notificationTypes.length > 0"
+      ng-click="display.slide = !display.slide"
+      pulsar-highlight="1"
+    >
       <i class="arrow"></i>
       <label
-        pulsar="{ index: 1, i18n: 'timeline.pulsar.filters', position: 'bottom center', className: 'pulse-filters'}">
+        pulsar="{ index: 1, i18n: 'timeline.pulsar.filters', position: 'bottom center', className: 'pulse-filters'}"
+      >
         <i18n>filters.title</i18n>
       </label>
     </div>
 
-    <div class="drop-down-info" ng-model="notificationTypes" ng-if="filtered.notificationTypes.length > 0">
-      <span>
-        <i18n>filters.unactives</i18n>
-      </span><span> [[unactivesFilters()]]</span>
+    <div
+      class="drop-down-info"
+      ng-model="notificationTypes"
+      ng-if="filtered.notificationTypes.length > 0"
+    >
+      <span><i18n>filters.unactives</i18n></span
+      ><span> [[unactivesFilters()]]</span>
     </div>
 
     <div class="drop-down-content" slide="display.slide">
       <div class="chips">
-        <label class="chip multiselect" ng-if="filtered.notificationTypes.length > 0">
-          <span>
-            <i18n>filters.all.none</i18n>
-          </span>
-          <input type="checkbox" ng-model="notificationTypes" ng-change="allFilters()" />
+        <label
+          class="chip multiselect"
+          ng-if="filtered.notificationTypes.length > 0"
+        >
+          <span><i18n>filters.all.none</i18n></span>
+          <input
+            type="checkbox"
+            ng-model="notificationTypes"
+            ng-change="allFilters()"
+          />
         </label>
-        <label class="chip [[type.data.toLowerCase()]]" ng-class="{ selected: type.selected }"
-          ng-repeat="type in (filtered.notificationTypes = notificationTypes.all)">
+        <label
+          class="chip [[type.data.toLowerCase()]]"
+          ng-class="{ selected: type.selected }"
+          ng-repeat="type in (filtered.notificationTypes = notificationTypes.all)"
+        >
           <i class="[[type.data.toLowerCase()]] type"></i>
           <span>[[suffixTitle(type.data.toLowerCase())]]</span>
-          <input type="checkbox" ng-model="type.selected" ng-change="switchFilter(type)" />
+          <input
+            type="checkbox"
+            ng-model="type.selected"
+            ng-change="switchFilter(type)"
+          />
         </label>
       </div>
-      <div class="drop-up-label" ng-click="display.slide = !display.slide"
-        ng-if="filtered.notificationTypes.length > 0">
+      <div
+        class="drop-up-label"
+        ng-click="display.slide = !display.slide"
+        ng-if="filtered.notificationTypes.length > 0"
+      >
         <label>
           <i18n>filters.close</i18n>
         </label>
@@ -125,38 +171,47 @@
   </div>
 
   <!--EMPTY BUT NOT ALL FILTERS SELECTED-->
-  <div ng-if="notifications.all.length === 0 && notificationTypes.length() !== notificationTypes.selection().length">
+  <div
+    ng-if="notifications.all.length === 0 && notificationTypes.length() !== notificationTypes.selection().length"
+  >
     <div class="emptyscreen" ng-if="isCache() && !showSeeMoreOnEmpty()">
       <h2 class="emptyscreen-header">
         <i18n>empty.timeline.notifications.noresults.title</i18n>
       </h2>
-      <img class="emptyscreen-image__mini" src="/assets/themes/entcore-css-lib/images/empty-filters.svg" />
+      <img
+        class="emptyscreen-image__mini"
+        src="/assets/themes/entcore-css-lib/images/empty-filters.svg"
+      />
       <p class="emptyscreen-footer">
         <i18n>empty.timeline.notifications.noresults</i18n>
       </p>
     </div>
     <div class="info tuto" ng-if="isCache() && showSeeMoreOnEmpty()">
-      <b><span><i></i>
-          <i18n>timeline.empty.cache</i18n>
-        </span></b>
+      <b
+        ><span><i></i><i18n>timeline.empty.cache</i18n></span></b
+      >
     </div>
   </div>
   <!--EMPTY BUT ALL FILTERS SELECTED-->
   <div
-    ng-if="notifications.all.length === 0 && notificationTypes.length() === notificationTypes.selection().length && notifications.lastPage">
+    ng-if="notifications.all.length === 0 && notificationTypes.length() === notificationTypes.selection().length && notifications.lastPage"
+  >
     <div class="emptyscreen" ng-if="isCache() && !showSeeMoreOnEmpty()">
       <h2 class="emptyscreen-header">
         <i18n>empty.timeline.notifications.title</i18n>
       </h2>
-      <img class="emptyscreen-image__mini" src="/timeline/public/img/empty-timeline.svg" />
+      <img
+        class="emptyscreen-image__mini"
+        src="/timeline/public/img/empty-timeline.svg"
+      />
       <p class="emptyscreen-footer">
         <i18n>empty.timeline.notifications</i18n>
       </p>
     </div>
     <div class="info tuto" ng-if="isCache() && showSeeMoreOnEmpty()">
-      <b><span><i></i>
-          <i18n>timeline.empty.cache</i18n>
-        </span></b>
+      <b
+        ><span><i></i><i18n>timeline.empty.cache</i18n></span></b
+      >
     </div>
   </div>
 
@@ -165,42 +220,63 @@
     <h2 class="emptyscreen-header">
       <i18n>empty.timeline.notifications.title</i18n>
     </h2>
-    <img class="emptyscreen-image__mini" src="/timeline/public/img/empty-timeline.svg" />
+    <img
+      class="emptyscreen-image__mini"
+      src="/timeline/public/img/empty-timeline.svg"
+    />
     <p class="emptyscreen-footer">
       <i18n>empty.timeline.notifications</i18n>
     </p>
   </div>
 
   <!-- Emptyscreen: no results with filters -->
-  <div class="emptyscreen" ng-if="noResultsWithFilters() && !switchingFilters && !isCache()">
+  <div
+    class="emptyscreen"
+    ng-if="noResultsWithFilters() && !switchingFilters && !isCache()"
+  >
     <h2 class="emptyscreen-header">
       <i18n>empty.timeline.notifications.noresults.title</i18n>
     </h2>
-    <img class="emptyscreen-image__mini" src="/assets/themes/entcore-css-lib/images/empty-filters.svg" />
+    <img
+      class="emptyscreen-image__mini"
+      src="/assets/themes/entcore-css-lib/images/empty-filters.svg"
+    />
     <p class="emptyscreen-footer">
       <i18n>empty.timeline.notifications.noresults</i18n>
     </p>
   </div>
 
   <!-- Emptyscreen: no filters selected -->
-  <div class="emptyscreen" ng-if="noFiltersSelected() && !switchingFilters && !isCache()">
+  <div
+    class="emptyscreen"
+    ng-if="noFiltersSelected() && !switchingFilters && !isCache()"
+  >
     <h2 class="emptyscreen-header">
       <i18n>empty.timeline.notifications.nofilters.title</i18n>
     </h2>
-    <img class="emptyscreen-image__mini" src="/assets/themes/entcore-css-lib/images/empty-filters.svg" />
+    <img
+      class="emptyscreen-image__mini"
+      src="/assets/themes/entcore-css-lib/images/empty-filters.svg"
+    />
     <p class="emptyscreen-footer">
       <i18n>empty.timeline.notifications.nofilters</i18n>
     </p>
   </div>
 
-  <div data-notificationid="[[notification._id]]"
+  <div
+    data-notificationid="[[notification._id]]"
     data-ng-repeat="notification in notifications.all track by notification._id"
-    class="row notification [[notification.type.toLowerCase()]]" bottom-scroll="loadPage()">
+    class="row notification [[notification.type.toLowerCase()]]"
+    bottom-scroll="loadPage()"
+  >
     <article ng-class="{ 'unread': isUnRead(notification) }">
       <div class="row">
         <div class="avatar">
           <i class="system-avatar" ng-if="!notification.sender"></i>
-          <img ng-src="/userbook/avatar/[[notification.sender]]?thumbnail=100x100" ng-if="notification.sender" />
+          <img
+            ng-src="/userbook/avatar/[[notification.sender]]?thumbnail=100x100"
+            ng-if="notification.sender"
+          />
           <i class="sticker app type [[notification.type.toLowerCase()]]"></i>
         </div>
         <div class="content horizontal-spacing">
@@ -208,18 +284,30 @@
         </div>
       </div>
       <div class="notification-date">
-        <em class="low-importance right-magnet">[[formatDate(notification.date.$date)]]</em>
+        <em class="low-importance right-magnet"
+          >[[formatDate(notification.date.$date)]]</em
+        >
       </div>
     </article>
-    <div class="notification-actions" ng-class="{'opened': notification.opened}" ng-if="showActions(notification)">
+    <div
+      class="notification-actions"
+      ng-class="{'opened': notification.opened}"
+      ng-if="showActions(notification)"
+    >
       <div class="opener" ng-click="toggleNotification(notification,$event)">
         <i class="left-open"></i>
       </div>
       <div class="actions">
-        <div ng-repeat="(name, action) in actions" ng-show="!action.condition || action.condition(notification)"
-          class="action [[ name ]]">
+        <div
+          ng-repeat="(name, action) in actions"
+          ng-show="!action.condition || action.condition(notification)"
+          class="action [[ name ]]"
+        >
           <i class="[[name]]"></i>
-          <a ng-click="action.action(notification)" ng-disabled="notification[action.doneProperty]">
+          <a
+            ng-click="action.action(notification)"
+            ng-disabled="notification[action.doneProperty]"
+          >
             [[ notification[action.doneProperty] ?
             lang.translate(action.doneLabel) : lang.translate(action.label) ]]
           </a>
@@ -229,35 +317,40 @@
   </div>
   <!--SHOW MORE -->
   <div ng-if="showSeeMore()" style="text-align: center">
-    <a ng-click="loadPage()">
-      <i18n>timeline.seeold</i18n>
-    </a>
+    <a ng-click="loadPage()"><i18n>timeline.seeold</i18n></a>
   </div>
-  <div ng-if="showSeeMoreOnEmpty()" style="justify-content: center; display: flex">
-    <button ng-click="forceLoadPage()">
-      <i18n>timeline.historyold</i18n>
-    </button>
+  <div
+    ng-if="showSeeMoreOnEmpty()"
+    style="justify-content: center; display: flex"
+  >
+    <button ng-click="forceLoadPage()"><i18n>timeline.historyold</i18n></button>
   </div>
-  <lightbox show="display.confirmReport" on-close="display.confirmReport = false">
-    <h2>
-      <i18n>timeline.confirm.report</i18n>
-    </h2>
+  <lightbox
+    show="display.confirmReport"
+    on-close="display.confirmReport = false"
+  >
+    <h2><i18n>timeline.confirm.report</i18n></h2>
     <p>
       <i18n>timeline.confirm.report.text</i18n>
     </p>
     <div class="row">
-      <button ng-click="doReport(notification); display.confirmReport = false" class="right-magnet">
+      <button
+        ng-click="doReport(notification); display.confirmReport = false"
+        class="right-magnet"
+      >
         <i18n>timeline.action.report</i18n>
       </button>
-      <button type="button" ng-click="display.confirmReport = false" class="right-magnet cancel">
+      <button
+        type="button"
+        ng-click="display.confirmReport = false"
+        class="right-magnet cancel"
+      >
         <i18n>cancel</i18n>
       </button>
     </div>
   </lightbox>
 
   <div class="row notification" ng-show="notifications.loading">
-    <h1 class="reduce-block-eight nomargin">
-      <i18n>loading</i18n>
-    </h1>
+    <h1 class="reduce-block-eight nomargin"><i18n>loading</i18n></h1>
   </div>
-</div>
+</div>

package/dist/version.txt

@@ -1,2 +1,2 @@
-entcore-css-lib 18/09/2024 22:37:06
-ode-csslib-panda-paris 18/09/2024 22:40:44
+entcore-css-lib 29/08/2024 11:08:35
+ode-csslib-panda-paris 24/09/2024 12:48:22

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ode-csslib-panda-paris",
-  "version": "3.3.11-develop-mozo.202409182238",
+  "version": "3.3.11-develop-wl.202409241247",
   "description": "Panda theme by Edifice",
   "repository": {
     "type": "git",
@@ -14,7 +14,7 @@
   "author": "Edifice",
   "license": "NONE",
   "dependencies": {
-    "entcore-css-lib": "npm:ode-csslib@develop-mozo"
+    "entcore-css-lib": "npm:ode-csslib@develop-wl"
   },
   "devDependencies": {
     "concurrently": "5.3.0",
@@ -47,6 +47,6 @@
     "release:dependencies": "cpr node_modules/entcore-css-lib/assets/ ${DIST_DIR}/ -o",
     "release:prepare": "npm run release:clean && npm run release:dependencies && cpr template/ ${DIST_DIR}/template/ -o && cpr portal.html ${DIST_DIR}/ -o && cpr assets/ ${DIST_DIR}/ -o",
     "release:build": "npm run release:prepare && SKIN=default npm run sass:build:release",
-    "watch": "sass --watch --style compressed --load-path=node_modules/ --no-source-map scss/index.scss ../recette/assets/themes/cg771d/skins/default/theme.css"
+    "watch": "sass --watch --style compressed --load-path=node_modules/ --no-source-map scss/index.scss ../ode-dev-server/assets/themes/cg771d/skins/default/theme.css"
   }
 }