ode-csslib-panda-cg77 3.3.11 → 3.3.13

package/dist/template/timeline/notifications.html

@@ -68,100 +68,54 @@
 </article> -->
 
 <div data-ng-controller="FlashMessages" class="twelve cell">
-  <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>
+  <flash-msg ng-repeat="message in messages.all track by message.id" mark-message="markMessage(message)" message="message"
+    current-language="currentLanguage">
+  </flash-msg>
 </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>
@@ -171,47 +125,38 @@
   </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>
 
@@ -220,63 +165,42 @@
     <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">
@@ -284,30 +208,18 @@
         </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>
@@ -317,40 +229,35 @@
   </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 23/08/2024 10:06:18
-ode-csslib-panda-cg77 19/09/2024 16:14:08
+entcore-css-lib 18/10/2024 15:17:06
+ode-csslib-panda-cg77 18/10/2024 15:47:30

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ode-csslib-panda-cg77",
-  "version": "3.3.11",
+  "version": "3.3.13",
   "description": "Panda theme by Edifice",
   "repository": {
     "type": "git",
@@ -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 ../ode-dev-server/assets/themes/cg771d/skins/default/theme.css"
+    "watch": "sass --watch --style compressed --load-path=node_modules/ --no-source-map scss/index.scss ../recette/assets/themes/cg771d/skins/default/theme.css"
   }
 }