ode-ngjs-front 1.1.8 → 1.2.0

package/dist/2ebddef9552e6e74febdcc049e7b6cea.html

@@ -0,0 +1,411 @@
+<style>
+@keyframes bounce-pop-out{
+  0%{transform:scale(0)}
+  50%{transform:scale(1.1)}
+  90%{transform:scale(0.9)}
+  100%{transform:scale(1)}
+}
+
+assistant {
+  z-index: 100001 !important;
+  position: relative;
+}
+
+assistant i[class$="-large"] {
+  font-family: "generic-icons";
+  font-style: normal;
+  font-weight: normal;
+}
+/* Icones.
+   HTML fragment from springboard may contain these classes. */
+assistant i[class$="-large"]::before        { color: #e13a3a; }
+assistant i.absences-large::before          {  content: "\e80b"; }
+assistant i.actualites-large::before        {  content: "\e85b";  color: #4bafd5}
+assistant i.admin-large::before             {  content: '\e81a';  color: #ecbe30}
+assistant i.agenda-large::before            {  content: "\e83c";  color: #ecbe30}
+assistant i.archive-large::before           {  content: "\e81d";  color: #ecbe30}
+assistant i.blog-large::before              {  content: '\e809';  color:#1a22a2;}
+assistant i.bookmark-empty-large::before    {  content: '\e888' }
+assistant i.cahier-textes-large::before,
+assistant i.cahier-de-texte-large::before   {  content: "\e86f";  color: #46bfaf}
+assistant i.calendar-large::before          {  content: '\e834';  color: #ecbe30}
+assistant i.conversation-large::before      {  content: "\e804";  color: #ecbe30}
+assistant i.chat-large::before              {  content: "\e817";}
+assistant i.cns-large::before               {  content: '\e88a';  color: #46bfaf}
+assistant i.collaborativeeditor-large::before {  content: "\e829";  color: #4bafd5}
+assistant i.collaborative-wall-large::before {  content: "\e800";  color: #46bfaf}
+assistant i.community-large::before         {  content: '\e814';  color: #763294}
+assistant i.competences-large::before       {  content: "\e927";}
+assistant i.conversation-large::before      {  content:'\e804';  color:#ecbe30;}
+assistant i.userbook-large::before,
+assistant i.directory-large::before         {  content: '\e811';  color: #46bfaf}
+assistant i.edumedia-large::before          {  content: "\e887";  color: #4bafd5}
+assistant i.esidoc-large::before            {  content: "\e826";  color: #763294}
+assistant i.exercizer-large::before         {  content:'\e833';    color:#763294;}
+assistant i.forum-large::before             {  content: '\e81e';  color: #4bafd5}
+assistant i.lesitetv-large::before          {  content: "\e87a";  color: #ecbe30}
+assistant i.library-large::before           {  color: #ecbe30}
+assistant i.maxicours-large::before         {  content: '\e818';  color: #b930a2}
+assistant i.mindmap-large::before           {  content: "\e859";  color: #4bafd5}
+assistant i.my-network-large::before        {  content: '\e82e';  color: #1a22a2}
+assistant i.note-large::before              {  content: '\e806';  color: #ecbe30}
+assistant i.notes-large::before             {  content: '\e806';}
+assistant i.pad-large::before               {  content: "\e829";  color: #4bafd5}
+assistant i.pages-large::before             {  content: "\e876";}
+assistant i.parametrage-large::before       {  content: "\e92f";}
+assistant i.paths-large::before             {  content: "\e94d";  color: #FF8500}
+assistant i.pearltrees-large::before        {  content: "\e933";  color: #4bafd5}
+assistant i.poll-large::before              {  content: '\e832';  color: #4bafd5}
+assistant i.rack-large::before              {  content: "\e80d";}
+assistant i.rbs-large::before               {  content: '\e80e';  color: #b930a2}
+assistant i.scolarite-large::before         {  content: "\e802";  color: #4bafd5}
+assistant i.scrap-book-large::before,
+assistant i.scrapbook-large::before         {  content: "\e8d4";  color: #46bfaf}
+assistant i.schoolbook-large::before        {  content: "\e91e";  color: #46bfaf}
+assistant i.settings-class-large::before    {  content: "\e942";  color: #ecbe30}
+assistant i.sharebigfiles-large::before     {  content: "\e8cb";  color: #763294}
+assistant i.statistics-large::before,
+assistant i.stats-large::before             {  content: '\e810';  color: #763294}
+assistant i.suitcase-large::before          {  content: '\e88b';}
+assistant i.support-large::before           {  content: "\e835";  color: #46bfaf}
+assistant i.timelinegenerator-large::before {  content: '\e819';  color: #ecbe30}
+assistant i.timeline-large::before          {  content: '\e82b'}
+assistant i.visioconf-large::before         {  content: "\e957";  color: #763294}
+assistant i.wiki-large::before              {  content: '\e813';  color: #763294}
+assistant i.workspace-large::before         {  content: "\e81b";}
+
+assistant .ignore {
+  position: absolute;
+  top: 20px;
+  right: 20px;
+  font-size: 13px;
+  cursor: pointer;
+}
+
+assistant .top-spacing-four {
+  margin-top: 20px !important;
+}
+
+assistant ode-modal .modal-content {
+  border: 20px solid #4bafd5 !important;
+}
+
+assistant ode-modal .centered-text {
+  text-align: center !important;
+  justify-content: center;
+}
+
+assistant ode-modal .flex-row {
+  display: flex;
+  position: relative;
+}
+
+assistant nav.dots ul {
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  margin: 20px 0 10px;
+  padding: 0;
+}
+assistant nav.dots li.dot {
+  list-style-type: none;
+  margin: 0 10px;
+}
+assistant nav.dots li.dot:not([disabled]) {
+  cursor: pointer;
+}
+assistant nav.dots li.dot::before {
+  content: " ";
+  display: block;
+  width: 17px;
+  height: 17px;
+  background: transparent;
+  border: 2px solid #c9ced5;
+  border-radius: 50%;
+  box-sizing: border-box;
+  transition: all 250ms ease;
+}
+assistant nav.dots li.dot.active::before {
+  background: #FF8500
+}
+assistant nav.dots li.dot:hover::before {
+  border-color: #4bafd5
+}
+assistant nav.dots li.dot.active:hover::before {
+  border-color: #FF8500;
+  background: transparent
+}
+
+@media screen and (max-width: 800px) {
+  body assistant div.modal>div.modal-content {
+    top:30px;
+    width: calc(100% - 40px);
+    height: auto;
+    min-height: auto;
+    overflow: hidden;
+    padding: 50px 0 10px !important
+  }
+
+  body assistant div.modal>div.modal-content button.cancel.zero {
+    display: block
+  }
+}
+@media (min-width: 1200px) {
+    assistant .modal-xl {
+        max-width: 800px !important;
+    }
+}
+assistant ode-modal .container img {
+  max-width: 100%;
+}
+assistant ode-modal-footer {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  align-content: center;
+}
+
+assistant ode-modal .modal-content {
+  padding: 50px !important;
+  padding-bottom: 30px !important;
+  box-sizing: border-box;
+  border: 10px solid #4bafd5 !important;
+}
+
+assistant ode-modal h1 {
+  color: #4bafd5 !important;
+}
+
+assistant ode-modal .modal-content .logo-quickstart {
+  background-image: url(../../img/logo.png);
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-position: center
+}
+
+assistant ode-modal .modal-content iframe {
+  width: calc(100% - 20px)
+}
+
+assistant ode-modal .modal-content h1+p {
+  margin-top: 45px
+}
+
+assistant ode-modal .modal-content h4 {
+  margin: 50px 0 20px;
+  text-align: center
+}
+
+assistant ode-modal .modal-content p {
+  line-height: 25px
+}
+
+assistant ode-modal .modal-content .apps .container:nth-child(2) {
+  animation-delay: .25s
+}
+
+assistant ode-modal .modal-content .apps .container:nth-child(3) {
+  animation-delay: .375s
+}
+
+assistant ode-modal .modal-content .apps .container:nth-child(4) {
+  animation-delay: .5s
+}
+
+assistant ode-modal .modal-content .apps .container:nth-child(5) {
+  animation-delay: .625s
+}
+
+assistant ode-modal .modal-content .apps .container:nth-child(6) {
+  animation-delay: .75s
+}
+
+assistant ode-modal .modal-content .apps .container:nth-child(7) {
+  animation-delay: .875s
+}
+
+assistant ode-modal .modal-content .apps .container:nth-child(8) {
+  animation-delay: 1s
+}
+
+assistant ode-modal .modal-content .apps .container:nth-child(9) {
+  animation-delay: 1.125s
+}
+
+assistant ode-modal .modal-content .apps .container {
+  width: 150px;
+  margin: 0 10px;
+  transform: scale(0);
+  animation-duration: 0.4s;
+  animation-name: bounce-pop-out;
+  animation-fill-mode: forwards
+}
+
+assistant ode-modal .modal-content .apps i {
+  font-size: 65px
+}
+
+assistant ode-modal .modal-content .apps i.small {
+  font-size: 40px;
+  padding: 5px
+}
+
+assistant ode-modal .modal-content .apps legend {
+  color: #000;
+  margin: 20px auto 0;
+  font-size: 13px
+}
+
+assistant ode-modal .modal-content iframe {
+  position: absolute;
+  height: 100%
+}
+
+assistant ode-modal .modal-content .ratio-block {
+  width: 100%;
+  padding-bottom: 56%;
+  background: transparent
+}
+
+assistant ode-modal .modal-content .multi-apps {
+  position: relative;
+  height: 100px;
+  width: 125px
+}
+
+assistant ode-modal .modal-content .multi-apps i {
+  position: absolute;
+  font-size: 30px;
+  width: 50px;
+  height: 50px;
+  border-radius: 3px;
+  line-height: 50px;
+  box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.26)
+}
+
+assistant ode-modal .modal-content .multi-apps i:before {
+  color: #fff
+}
+
+assistant ode-modal .modal-content .multi-apps i.collaborative-wall-large {
+  background: #46bfaf;
+  bottom: 0;
+  right: 0;
+  transform: scale(0.8)
+}
+
+assistant ode-modal .modal-content .multi-apps i.rack-large {
+  background: #e13a3a;
+  top: -10px;
+  left: 3px;
+  transform: scale(0.5)
+}
+
+assistant ode-modal .modal-content .multi-apps i.timelinegenerator-large {
+  background: #ecbe30;
+  top: -14px;
+  right: 3px;
+  transform: scale(0.6)
+}
+
+assistant ode-modal .modal-content .multi-apps i.rbs-large {
+  background: #b930a2;
+  left: -15px;
+  bottom: 13px;
+  transform: scale(0.4)
+}
+
+assistant ode-modal .modal-content .multi-apps i.exercizer-large {
+  background: #763294;
+  left: 8px;
+  bottom: -6px;
+  transform: scale(0.7)
+}
+
+assistant ode-modal .modal-content .multi-apps i.dotsx3-h {
+  background: #4bafd5;
+  left: 37px;
+  bottom: 33px
+}
+
+@media screen and (max-width: 800px) {
+  body assistant div.modal>div.modal-content .logo-quickstart {
+    height:45px;
+    width: 110px;
+    margin-top: -45px;
+    margin-left: 10px
+  }
+
+  body assistant div.modal>div.modal-content h1 {
+    font-weight: bold;
+    margin-top: 8px
+  }
+
+  body assistant div.modal>div.modal-content h4 {
+    font-weight: normal;
+    margin: 20px 0 30px;
+    font-size: 15px;
+    padding: 0 15px;
+    line-height: 18px
+  }
+
+  body assistant div.modal>div.modal-content h4+hr {
+    display: none
+  }
+}
+
+@media screen and (max-width: 550px) {
+  body assistant div.modal>div.modal-content .multi-apps {
+    transform:scale(0.8);
+    transform-origin: top left
+  }
+}
+
+@media screen and (max-width: 420px) {
+  body assistant div.modal>div.modal-content .apps .container {
+    width:80px
+  }
+
+  body assistant div.modal>div.modal-content .apps i {
+    font-size: 45px
+  }
+
+  body assistant div.modal>div.modal-content .apps legend {
+    font-size: 12px
+  }
+}
+</style>
+
+<ode-modal visible="ctrl.show.assistant" size="xl">
+    <ode-modal-title>
+        <div class="logo-quickstart"></div>
+        <a class="ignore" ng-click="ctrl.closeAssistant()"><i18n>ignore</i18n></a>
+    </ode-modal-title>
+
+    <ode-modal-body>
+        <div class="">
+            <div ng-include="ctrl.currentStep.path" class=""></div>
+
+            <div class="">
+                <nav class="dots">
+                    <ul>
+                        <li ng-repeat="step in ctrl.steps" class="dot" ng-click="ctrl.goTo(step)" ng-class="{ active: step.index === ctrl.currentStep.index }"></li>
+                    </ul>
+                </nav>
+            </div>
+        </div>
+    </ode-modal-body>
+
+    <ode-modal-footer>
+        <button ng-click="ctrl.seeLater()" class="btn btn-light text-primary"><i18n>quickstart.see.later</i18n></button>
+        <div class="">
+            <button class="btn btn-outline-primary" ng-click="ctrl.previous()" ng-if="ctrl.currentStep.index !== 0"><i18n>previous</i18n></button>
+            <button class="btn btn-primary" ng-click="ctrl.next()">
+              <i18n ng-if="ctrl.currentStep.index===0">quickstart.discover</i18n>
+              <i18n ng-if="ctrl.currentStep.index>0 && ctrl.currentStep.index<ctrl.steps.length-1">next</i18n>
+              <i18n ng-if="ctrl.currentStep.index===ctrl.steps.length-1">quickstart.done</i18n>
+            </button>
+        </div>
+    </ode-modal-footer>
+
+</ode-modal>

package/dist/31451cacc32b12533b35bc2756a66c68.html

@@ -0,0 +1,52 @@
+<!--
+ ~	Copyright © WebServices pour l'Éducation, 2014
+ ~
+ ~ This file is part of ENT Core. ENT Core is a versatile ENT engine based on the JVM.
+ ~
+ ~ This program is free software; you can redistribute it and/or modify
+ ~ it under the terms of the GNU Affero General Public License as
+ ~ published by the Free Software Foundation (version 3 of the License).
+ ~
+ ~ For the sake of explanation, any module that communicate over native
+ ~ Web protocols, such as HTTP, with ENT Core is outside the scope of this
+ ~ license and could be license under its own terms. This is merely considered
+ ~ normal use of ENT Core, and does not fall under the heading of "covered work".
+ ~
+ ~ This program is distributed in the hope that it will be useful,
+ ~ but WITHOUT ANY WARRANTY; without even the implied warranty of
+ ~ MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
+ ~
+-->
+<ode-navbar title="{{name}}"></ode-navbar>
+
+<main role="main">
+    <div ng-transclude></div>
+</main>
+
+<div id="infotips-container" class="toast-container">
+    <ode-infotip 
+            header=""
+            userprefs-key="rgpdCookies" 
+            userprefs-field="showInfoTip"
+            save-on-change="false"
+            show="showRgpd">
+        
+        <i18n>rgpd.cookies.banner.text1</i18n>
+
+        <div class="mt-4 pt-4 d-flex justify-content-end">
+            <button type="button" class="btn btn-light btn-md me-4"
+                    ng-click="goToMyAccount()">
+                <i18n>rgpd.cookies.banner.button.consult</i18n>
+            </button>
+            <button type="button" class="btn btn-primary btn-md" data-bs-dismiss="toast"
+                    ng-click="closeBanner()">
+                <i18n>rgpd.cookies.banner.button.close</i18n>
+            </button>
+        </div>
+    </ode-infotip>
+    <div ng-transclude="infotips"></div>
+</div>
+
+<xiti></xiti>
+
+<connector-lightbox></connector-lightbox>

package/dist/5a177ed9e4e64baa8287a6f6e5625ab4.html

@@ -0,0 +1,127 @@
+<div class="share temp">
+	<div class="line">
+		<form name="sharePanelForm">
+			<div>
+				<button class="panel-button right-magnet" ng-click="ctrl.share()" ng-disabled="ctrl.isSubmitDisabled()">
+					<i18n>share</i18n>
+				</button>
+				<div class="block" ng-if="ctrl.varyingRights">
+					<div class="warning">
+						<span class="no-style" translate content="[[ctrl.varyingRightsI18nKey]]"></span>
+					</div>
+				</div>
+			</div>
+
+			<div class="groups-list">
+				<div>
+					<ng-include src="ctrl.shareTable"></ng-include>
+				</div>
+
+				<div class="flex-row justify-between align-center">
+					<div class="saveSharebookmark">
+						<div class="flex-row align-center" 
+							ng-if="ctrl.display.showSaveSharebookmarkInput === false && ctrl.display.sharebookmarkSaved === false && ctrl.sharingModel.edited.length > 0"
+							workflow="directory.allowSharebookmarks">
+							<a class="hover-icon" ng-click="ctrl.display.showSaveSharebookmarkInput = true">
+								<i class="add-favorite cell"></i> <i18n>share.save.sharebookmark</i18n>
+							</a>
+						</div>
+						<div  class="flex-row"  ng-if="ctrl.display.showSaveSharebookmarkInput === true && ctrl.display.sharebookmarkSaved === false"
+							workflow="directory.allowSharebookmarks">
+							<input class="cell" 
+								type="text"
+								ng-model="ctrl.newSharebookmarkName" 
+								i18n-placeholder="share.mysharebookmark"
+								required 
+								ng-minlength="1">
+							<a class="button is-light uppercase"
+								ng-click="ctrl.createSharebookmark(newSharebookmarkName)"
+								ng-disabled="!ctrl.newSharebookmarkName || ctrl.sharingModel.edited.length < 1">
+								<i18n>ok</i18n>
+							</a>
+						</div>
+						<div ng-if="ctrl.display.sharebookmarkSaved === true" workflow="directory.allowSharebookmarks">
+							<span class="italic-text saved-in"><i18n>share.save.sharebookmark.in</i18n></span>
+							<a href="/userbook/annuaire#/search" target="_blank" rel="noopener"><i18n>share.mysharebookmarks</i18n></a>
+						</div>
+					</div>
+
+					<a ng-click="ctrl.displayMore()" 
+						ng-if="ctrl.canShowMore()" 
+						class="display-more">
+						<i18n>share.more</i18n>
+					</a>
+				</div>
+			</div>
+		</form>
+	</div>
+
+	<div class="bottom-spacing-twice">
+		<div class="flex-row align-center">
+			<h2 class= "size-auto">
+				<span ng-if="!ctrl.display.workflowAllowSharebookmarks || ctrl.display.workflowAllowSharebookmarks == false">[[ctrl.translate('share.search.title')]]</span>
+				<span workflow="directory.allowSharebookmarks">[[ctrl.translate('share.search.sharebookmark.title')]]</span>
+			</h2>
+			<span class="tipbox up" workflow="directory.allowSharebookmarks">
+				<div>
+					<i class="help sticker square-medium"></i>
+				</div>
+				<div class="tipbox-content top">
+					<span class="small-text">
+						<i18n>share.tip.addFavorite</i18n>
+					</span>
+				</div>
+			</span>
+		</div>
+		
+		<search-user class="twelve cell" 
+			ng-model="ctrl.search"
+			clear-list="ctrl.clearSearch()"
+			on-send="ctrl.findUserOrGroup()"
+			search-track="ctrl.display.search">
+		</search-user>
+		<div class="found-users-list">
+			<div ng-repeat="item in ctrl.found | orderBy:[typeSort, 'name', 'username'] | limitTo:ctrl.maxResults" class="autocomplete temp">
+				<div ng-click="ctrl.addEdit(item)" class="">
+					<a class="cell right-spacing" ng-class="{sharebookmark: item.type === 'sharebookmark'}">
+						<i class="add-favorite cell" ng-if="item.type === 'sharebookmark'"></i>
+						<!-- group or sharebookmark name -->
+						<span ng-if="item.name">[[item.name]]</span>
+						<!-- user displayName -->
+						<span ng-if="item.username">[[item.username]]</span>
+					</a>
+					<!-- structureName for groups -->
+					<em ng-if="item.structureName" class="low-importance">[[item.structureName]]</em>
+					<!-- profile for users -->
+					<em ng-if="item.profile" class="low-importance">[[ctrl.translate(item.profile)]]</em>
+				</div>
+			</div>
+			<div class="" ng-if="ctrl.found.length === 0 && !ctrl.display.search.processing">
+				<div class="spacer-small"></div>
+				<label class="low-importance medium-importance italic-text" ng-if="ctrl.search.length >= 3" user-role="ADMIN_LOCAL">
+					<i18n>portal.no.result</i18n>
+				</label>
+				<label class="low-importance medium-importance italic-text" ng-if="ctrl.search.length" user-missing-role="ADMIN_LOCAL">
+					<i18n>portal.no.result</i18n>
+				</label>
+			</div>
+			<div class="">
+				<a ng-click="ctrl.addResults()" ng-if="ctrl.found.length > ctrl.maxResults" class="right-magnet reduce-block-four">
+					<i18n>seemore</i18n>
+				</a>
+			</div>
+		</div>
+	</div>
+</div>
+
+<div ng-show="ctrl.display.showCloseConfirmation === true">
+	<h1><i18n>sharepanel.close.title</i18n></h1>
+	<div>
+		<p><i18n>sharepanel.close.explanation</i18n></p>
+		<p><i18n>sharepanel.close.confirmation</i18n></p>
+	</div>
+	<div class="">
+		<button ng-click="closePanel()" class="right-magnet"><i18n>sharepanel.close.confirm</i18n></button>
+		<button ng-click="revertClose()" class="right-magnet cancel"><i18n>cancel</i18n></button>
+	</div>
+</div>

package/dist/7f0136c03fe438995347a346ee478b3a.html

@@ -0,0 +1,91 @@
+<div ng-if="showBanner"  class="smartbanner">
+    <style>
+        .smartbanner {
+            /* position: sticky;
+            position: -webkit-sticky; */
+            position: fixed;
+            bottom:0;
+            left:0;
+            width:100%;
+            height:78px;
+            background:#fff;
+            z-index: 999;
+            overflow: hidden;
+            border: 1px solid #ccc;
+            margin-bottom: 5px;
+        }
+        .smartbanner-close {
+            position:absolute;
+            left:7px;top:7px;
+            display:block;
+            font-family:'ArialRoundedMTBold',Arial;
+            font-size:15px;
+            text-align:center;
+            text-decoration:none;
+            border-radius:14px;
+            border:0;
+            width:17px;
+            height:17px;
+            line-height:17px;
+            color:#b1b1b3;
+            background:#efefef;
+        }
+        .smartbanner-close:active,.smartbanner-close:hover {
+            color:#333;
+        }
+        .smartbanner-icon{
+            position:absolute;
+            left:30px;
+            top:10px;
+            display:block;
+            width:60px;
+            height:60px;
+            background-color: #fff;
+            background-size:cover;
+        }
+        .smartbanner-info{
+            position:absolute;
+            left:98px;
+            top:15px;
+            width:44%;
+            font-size:12px;
+            line-height:1.2em;
+            font-weight:bold;
+            color:#999;
+        }
+        .smartbanner-title {
+            font-size:15px;
+            line-height:17px;
+            color:#000;
+            font-weight:bold;
+        }
+        .smartbanner-button{
+            position:absolute;
+            right:20px;
+            top:24px;
+            padding:0 10px;
+            min-width:12%;
+            height:24px;
+            font-size:14px;
+            line-height:24px;
+            text-align:center;
+            font-weight:bold;
+            color:#fff;
+            background-color:#b3c833;
+            text-decoration:none;
+            border-radius:5px;
+        }
+
+    </style>
+    <div class="smartbanner-container">
+        <a ng-click="closeBanner()" class="smartbanner-close">&times;</a>
+        <img class="smartbanner-icon" ng-src="[[icon]]">
+        <div class="smartbanner-info">
+            <div class="smartbanner-title"><i18n>smartbanner.name</i18n></div>
+            <div><i18n>smartbanner.description</i18n></div>
+        </div>
+        <a href="[[appRef]]" target="_blank" rel="noopener" class="smartbanner-button">
+            <span class="smartbanner-button-text"><i18n>smartbanner.action</i18n></span>
+        </a>
+    </div>
+</div>