ode-csslib-panda-cg77 3.0.8-feat-explorer.202302211133 → 3.0.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/portal.html CHANGED
@@ -1,123 +1,88 @@
1
- <header class="header no-2d" ng-controller="Account">
2
- <div class="container-fluid">
3
- <nav class="navbar">
4
- <div class="d-none d-md-inline-flex gap-12 align-items-center">
5
- <div class="avatar avatar-sm rounded-circle">
6
- <img ng-src="[[avatar]]" alt="avatar" />
7
- </div>
8
- <span class="navbar-text" translate key="welcome"></span>
1
+ <div class="centered container row">
2
+ <header class="main" ng-controller="Account">
3
+ <section class="navbar row" role="banner">
4
+ <div class="mobile-nav-opener"></div>
5
+ <div class="cell">
6
+ <img ng-src="[[avatar]]" id="my-photo" />
7
+ <span class="welcome-message" translate key="welcome"></span>
9
8
  </div>
10
- <ul class="navbar-nav" aria-hidden="false" aria-label="navbar.main.navigation" role="menubar">
11
- <li class="nav-item" ng-if="me.hasWorkflow('org.entcore.conversation.controllers.ConversationController|view')">
12
- <a href="/conversation/conversation" class="nav-link" tooltip="navbar.messages"
13
- aria-label="[[lang.translate('navbar.messages')]]"><svg width="24" height="24" viewBox="0 0 24 24"
14
- fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon notification">
15
- <path fill-rule="evenodd" clip-rule="evenodd"
16
- d="M5.051 12.366a455.802 455.802 0 0 1-2.746-1.822A6.543 6.543 0 0 1 .74 9.067C.248 8.44.002 7.859.002 7.322a2.7 2.7 0 0 1 .141-.905c.098-.286.242-.542.424-.752C.935 5.222 1.462 5 2.15 5h19.7c.541-.016 1.071.195 1.507.6.424.4.636.882.636 1.446 0 .673-.218 1.317-.657 1.93a6.217 6.217 0 0 1-1.632 1.567c-3.358 2.226-5.447 3.61-6.267 4.156l-.242.167-.323.222a15.448 15.448 0 0 1-1.42.902 4.052 4.052 0 0 1-.77.345 2.215 2.215 0 0 1-.67.115h-.026a2.222 2.222 0 0 1-.67-.116 4.052 4.052 0 0 1-.77-.344c-.272-.154-.506-.29-.697-.415a30.199 30.199 0 0 1-.723-.487c-.288-.2-.477-.33-.565-.389-.81-.545-1.98-1.323-3.51-2.334Zm10.943 3.962c1.517-1.052 3.74-2.524 6.667-4.416.478-.306.927-.68 1.339-1.113v10.16c0 .564-.209 1.044-.63 1.446-.437.405-.97.614-1.512.594H2.149c-.545.02-1.08-.192-1.52-.601C.21 21.995 0 21.52 0 20.95V10.8c.416.437.871.81 1.356 1.113 3.232 2.099 5.45 3.571 6.656 4.416.512.358.926.637 1.243.837a7.7 7.7 0 0 0 1.265.614c.475.198.97.303 1.47.313h.026c.5-.01.995-.115 1.47-.313a7.647 7.647 0 0 0 1.265-.614c.32-.2.735-.479 1.243-.837Z"
17
- fill="currentColor"></path>
18
- </svg><span class="position-absolute badge rounded-pill bg-danger"
19
- ng-if="nbNewMessages">[[nbNewMessages]]<span class="visually-hidden">
20
- <i18n>navbar.messages</i18n>
21
- </span></span></a>
22
- </li>
23
- <li class="nav-item">
24
- <a href="/userbook/mon-compte" class="nav-link" tooltip="navbar.myaccount"
25
- aria-label="[[lang.translate('navbar.myaccount')]]" pulsar="{ index: 5, i18n: 'portal.pulsar.account', position: 'bottom center'}"><svg xmlns="http://www.w3.org/2000/svg" fill="none"
26
- viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" class="icon user">
27
- <g clip-path="url(#one-profile_svg__a)">
28
- <path fill="currentColor"
29
- d="M12 0a12 12 0 1 0 0 24 12 12 0 0 0 0-24Zm0 4.65a4.26 4.26 0 1 1 0 8.51 4.26 4.26 0 0 1 0-8.51Zm0 16.64a9.27 9.27 0 0 1-7.09-3.3 5.4 5.4 0 0 1 4.77-2.9c.11 0 .23.03.34.06.63.2 1.29.33 1.98.33.7 0 1.35-.13 1.98-.33.11-.03.23-.05.34-.05a5.4 5.4 0 0 1 4.77 2.89 9.27 9.27 0 0 1-7.09 3.3Z">
30
- </path>
31
- </g>
32
- <defs>
33
- <clipPath id="one-profile_svg__a">
34
- <path fill="#fff" d="M0 0h24v24H0z"></path>
35
- </clipPath>
36
- </defs>
37
- </svg><span class="visually-hidden">
38
- <i18n>navbar.account</i18n>
39
- </span></a>
40
- </li>
41
- <li ng-if="currentLanguage == 'fr'" class="nav-item" tooltip="navbar.help"
42
- aria-label="[[lang.translate('navbar.help')]]"
43
- pulsar="{ index: 6, i18n: 'portal.pulsar.help', position: 'bottom center'}">
44
- <a href="" class="nav-link" title="[[lang.translate('navbar.help')]]"
45
- aria-label="[[lang.translate('navbar.help')]]"
46
- pulsar="{ index: 6, i18n: 'portal.pulsar.help', position: 'bottom center'}">
47
- <i18n>help.icon</i18n>
9
+ <div class="cell right-magnet">
10
+ <nav class="account">
11
+ <a
12
+ href="/conversation/conversation"
13
+ tooltip="navbar.messages"
14
+ aria-label="[[lang.translate('navbar.messages')]]"
15
+ >
16
+ <i
17
+ class="navbar-new-mail"
18
+ ng-if="nbNewMessages > 0 && me.hasWorkflow('org.entcore.conversation.controllers.ConversationController|view')"
19
+ >
20
+ <span
21
+ ng-class="{ 'mail-count-1': nbNewMessages < 10, 'mail-count-10': nbNewMessages >= 10 && nbNewMessages < 100, 'mail-count-100': nbNewMessages >= 100 && nbNewMessages < 1000 }"
22
+ >[[nbNewMessages]]</span
23
+ >
24
+ </i>
25
+ <i
26
+ class="navbar-mail"
27
+ ng-if="nbNewMessages == 0 && me.hasWorkflow('org.entcore.conversation.controllers.ConversationController|view')"
28
+ ></i>
48
29
  </a>
49
- </li>
50
- <li class="nav-item">
51
- <a href="/" class="nav-link" logout tooltip="navbar.disconnect"
52
- aria-label="[[lang.translate('navbar.disconnect')]]"><svg width="24"
53
- height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"
54
- class="icon logout">
55
- <path
56
- d="M22.995 13.153c0 1.393-.29 2.722-.872 3.987a10.627 10.627 0 0 1-2.336 3.292c-.975.929-2.147 1.665-3.516 2.21-1.369.544-2.79.817-4.26.817-1.472 0-2.9-.273-4.287-.817-1.386-.545-2.55-1.281-3.49-2.21a12.338 12.338 0 0 1-2.362-3.291A8.11 8.11 0 0 1 1 13.152c0-1.634.385-3.164 1.155-4.589.77-1.425 1.848-2.634 3.234-3.627.411-.289.873-.4 1.386-.337.514.064.907.289 1.181.673.308.368.428.793.36 1.273-.07.48-.309.857-.72 1.13a6.993 6.993 0 0 0-2.155 2.426 6.383 6.383 0 0 0-.18 5.717 6.98 6.98 0 0 0 1.566 2.186c.65.609 1.428 1.097 2.335 1.466a7.498 7.498 0 0 0 2.85.552 7.31 7.31 0 0 0 2.823-.552 8.296 8.296 0 0 0 2.36-1.466 6.04 6.04 0 0 0 1.567-2.186c.359-.849.547-1.738.564-2.666 0-1.09-.256-2.107-.77-3.051-.513-.945-1.232-1.754-2.156-2.427a1.752 1.752 0 0 1-.719-1.129c-.085-.464.035-.889.36-1.273.29-.384.693-.609 1.206-.673.514-.064.967.048 1.36.337 1.386.977 2.464 2.186 3.234 3.627a9.599 9.599 0 0 1 1.155 4.589ZM13.833 2.846v8.6c0 .465-.18.866-.54 1.202-.359.336-.786.505-1.283.505-.496 0-.932-.169-1.309-.505-.376-.336-.556-.737-.539-1.201v-8.6c0-.465.18-.865.54-1.202.359-.336.795-.504 1.308-.504.514 0 .941.168 1.284.504.342.337.521.737.539 1.201Z"
57
- fill="currentColor"></path>
58
- </svg><span class="visually-hidden">
59
- <i18n>navbar.disconnect</i18n>
60
- </span></a>
61
- </li>
62
- <li class="nav-item d-md-none">
63
- <button class="nav-link btn btn-naked" type="button" aria-controls="navbarCollapsed" aria-expanded="false"
64
- aria-label="navbar.secondary.navigation" ng-click="dropdownToggle = !dropdownToggle">
65
- <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"
66
- aria-hidden="true" class="icon rafter-down">
67
- <path fill-rule="evenodd" clip-rule="evenodd"
68
- d="M4.012 7.871a1.5 1.5 0 0 1 2.117.141L12 14.722l5.871-6.71a1.5 1.5 0 1 1 2.258 1.976l-7 8a1.5 1.5 0 0 1-2.258 0l-7-8a1.5 1.5 0 0 1 .141-2.117Z"
69
- fill="currentColor"></path>
70
- </svg>
71
- </button>
72
- </li>
73
- </ul>
74
- </nav>
75
- </div>
76
- <nav class="navbar no-2d navbar-secondary navbar-expand-md" aria-label="navbar.secondary.navigation">
77
- <div class="container-fluid">
78
- <div class="collapse navbar-collapse" id="navbarCollapsed" ng-class="{'show' : dropdownToggle}">
79
- <a class="navbar-brand d-none d-md-block" href="/timeline/timeline" aria-label="Accueil"><img class="logo"
80
- src="/assets/themes/[[skin.skin]]/img/illustrations/logo.png" alt="Logo de l'ENT"></a>
81
- <ul class="navbar-nav gap-8">
82
- <li class="nav-item">
83
- <a href="/timeline/timeline?token=[[rand]]" class="button"><svg xmlns="http://www.w3.org/2000/svg"
84
- viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" color="#fff" class="d-md-none">
85
- <path fill="currentColor"
86
- d="M13.07 13.07V6.54h-2.14v6.53h2.14zm0 4.4v-2.2h-2.14v2.2h2.14zM24 12l-2.65 3.01.35 4.04-3.93.86-2.04 3.48L12 21.8l-3.73 1.6-2.04-3.42-3.93-.92.35-4.04L0 12l2.65-3.06-.35-3.99 3.93-.86L8.27.6 12 2.2 15.73.6l2.04 3.48 3.93.86L21.34 9z">
87
- </path>
88
- </svg><span class="d-inline-block">
89
- <i18n>portal.header.navigation.whatsnew</i18n>
90
- </span></a>
91
- </li>
92
- <li class="nav-item">
93
- <a href="/userbook/annuaire?myClass&token=[[rand]]" class="button" pulsar-highlight="3"
94
- pulsar="{ index: 3, i18n: 'portal.pulsar.myclass', position: 'bottom center'}"><svg xmlns="http://www.w3.org/2000/svg"
95
- viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" color="#fff" class="d-md-none">
96
- <path
97
- d="M0 24.58V.53h24.05v4.28h-2.62V7.1h2.62v4.28h-2.62v2.35h2.62V18h-2.62v2.3h2.62v4.29H0zm4.64-6.85h12.12V14l-4.5-2.67q.9-.46 1.4-1.3t.53-1.85q0-1.4-1.01-2.43T10.7 4.72 8.25 5.75 7.24 8.18q0 1.03.53 1.85t1.4 1.3L4.63 14v3.73z"
98
- fill="currentColor"></path>
99
- </svg><span class="d-inline-block">
100
- <i18n>portal.header.navigation.classMembers</i18n>
101
- </span></a>
102
- </li>
103
- <li class="nav-item">
104
- <a href="/welcome?token=[[rand]]" class="button" pulsar-highlight="4"
105
- pulsar="{ index: 4, i18n: 'portal.pulsar.apps', position: 'bottom center'}"><svg width="24" height="24" viewBox="0 0 24 24" fill="none"
106
- xmlns="http://www.w3.org/2000/svg" aria-hidden="true" color="#fff" class="d-md-none">
107
- <path
108
- d="M1.898 22.555c-.072-.145-.096-1.37-.048-2.691l.048-2.402h5.261v5.26l-2.595.049c-1.994.048-2.594 0-2.666-.216Zm7.76 0c-.049-.145-.073-1.37-.049-2.691l.072-2.402h5.238v5.26l-2.571.049c-2.018.048-2.595 0-2.69-.216Zm7.759 0c-.048-.145-.072-1.37-.048-2.691l.072-2.402h5.237v5.26l-2.57.049c-1.994.048-2.595 0-2.691-.216Zm-15.52-7.76c-.071-.168-.095-1.37-.047-2.69l.048-2.403h5.261v5.261l-2.595.048c-1.994.048-2.594 0-2.666-.216Zm7.76 0c-.048-.168-.072-1.37-.048-2.69l.072-2.403h5.238v5.261l-2.571.048c-2.018.048-2.595 0-2.69-.216Zm7.76 0c-.048-.168-.072-1.37-.048-2.69l.072-2.403h5.237v5.261l-2.57.048c-1.994.048-2.595 0-2.691-.216ZM1.897 7.011c-.071-.144-.095-1.345-.047-2.666l.048-2.402h5.261V7.18l-2.595.072c-1.994.048-2.594 0-2.666-.24Zm7.76 0c-.048-.144-.072-1.345-.048-2.666l.072-2.402h5.238V7.18l-2.571.072c-2.018.048-2.595 0-2.69-.24Zm7.76 0c-.048-.144-.072-1.345-.048-2.666l.072-2.402h5.237V7.18l-2.57.072c-1.994.048-2.595 0-2.691-.24Z"
109
- fill="currentColor"></path>
110
- </svg><span class="d-inline-block">
111
- <i18n>portal.header.navigation.myapps</i18n>
112
- </span></a>
113
- </li>
114
- </ul>
30
+ <a
31
+ href="/userbook/mon-compte"
32
+ tooltip="navbar.myaccount"
33
+ aria-label="[[lang.translate('navbar.myaccount')]]"
34
+ ><i
35
+ class="navbar-user"
36
+ pulsar="{ index: 5, i18n: 'portal.pulsar.account', position: 'bottom center'}"
37
+ ></i
38
+ ></a>
39
+ <a
40
+ ng-if="currentLanguage == 'fr'"
41
+ tooltip="navbar.help"
42
+ aria-label="[[lang.translate('navbar.help')]]"
43
+ pulsar="{ index: 6, i18n: 'portal.pulsar.help', position: 'bottom center'}"
44
+ ><i18n>help.icon</i18n></a
45
+ >
46
+ <a
47
+ logout
48
+ tooltip="navbar.disconnect"
49
+ aria-label="[[lang.translate('navbar.disconnect')]]"
50
+ ><i class="navbar-shutdown"></i
51
+ ></a>
52
+ <div class="clear"></div>
53
+ </nav>
115
54
  </div>
116
- </div>
117
- </nav>
118
- </header>
119
-
120
- <div class="centered container row">
55
+ </section>
56
+ <section class="row">
57
+ <a href="/timeline/timeline">
58
+ <img class="logo" src="/assets/themes/[[skin.skin]]/img/illustrations/logo.png" alt="Logo de l'ENT">
59
+ </a>
60
+ <nav class="horizontal">
61
+ <a
62
+ href="/timeline/timeline?token=[[rand]]"
63
+ translate
64
+ key="portal.header.navigation.whatsnew"
65
+ tabindex="1"
66
+ ></a>
67
+ <a
68
+ href="/userbook/annuaire?myClass&token=[[rand]]"
69
+ translate
70
+ key="portal.header.navigation.classMembers"
71
+ tabindex="2"
72
+ pulsar-highlight="3"
73
+ pulsar="{ index: 3, i18n: 'portal.pulsar.myclass', position: 'bottom center'}"
74
+ ></a>
75
+ <a
76
+ href="/welcome?token=[[rand]]"
77
+ translate
78
+ key="portal.header.navigation.myapps"
79
+ tabindex="3"
80
+ pulsar-highlight="4"
81
+ pulsar="{ index: 4, i18n: 'portal.pulsar.apps', position: 'bottom center'}"
82
+ ></a>
83
+ </nav>
84
+ </section>
85
+ </header>
121
86
  <div class="main wrapper">
122
87
  <section class="main">
123
88
  <div id="directory"></div>
@@ -127,4 +92,4 @@
127
92
  </div>
128
93
  </div>
129
94
 
130
- <xiti></xiti>
95
+ <xiti></xiti>