menu.tpl 13.7 KB
Newer Older
1 2
<TMPL_INCLUDE NAME="header.tpl">

Yadd's avatar
Yadd committed
3
<main id="menucontent" class="container">
4 5

  <TMPL_IF NAME="AUTH_ERROR">
Yadd's avatar
Yadd committed
6
  <div class="message message-<TMPL_VAR NAME="AUTH_ERROR_TYPE"> alert"><span trmsg="<TMPL_VAR NAME="AUTH_ERROR">"></span></div>
7 8 9 10
  </TMPL_IF>

  <div id="menu">

11
  <nav class="navbar navbar-expand-lg navbar-light bg-light">
Christophe Maudoux's avatar
Christophe Maudoux committed
12
    <a class="navbar-brand" href="/"><i class="fa fa-home"></i></a>
13 14
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
15
    </button>
16 17

    <TMPL_IF DISPLAY_MODULES>
18

19
    <div class="collapse navbar-collapse" id="navbarSupportedContent">
20
    <!-- Tabs list -->
21
      <ul class="navbar-nav mr-auto">
22
        <TMPL_LOOP NAME="DISPLAY_MODULES">
23 24 25 26 27 28
        <TMPL_IF NAME="FavApps">
          <li class="nav-item"><a class="nav-link" href="#favApps"><span>
            <img src="<TMPL_VAR NAME="STATIC_PREFIX">common/icons/star1.png" width="16" height="16" alt="yourFavApps" />
            <span trspan="yourFavApps">Your favorite applications</span>
          </span></a></li>
        </TMPL_IF>
29
          <TMPL_IF NAME="Appslist">
30
            <li class="nav-item"><a class="nav-link" href="#appslist"><span>
Clément OUDOT's avatar
Clément OUDOT committed
31
              <img src="<TMPL_VAR NAME="STATIC_PREFIX">common/icons/application_cascade.png" width="16" height="16" alt="appslist" />
32
              <span trspan="yourApps">Your applications</span>
33 34 35
            </span></a></li>
          </TMPL_IF>
          <TMPL_IF NAME="ChangePassword">
36
            <li class="nav-item"><a class="nav-link" href="#password"><span>
Clément OUDOT's avatar
Clément OUDOT committed
37
              <img src="<TMPL_VAR NAME="STATIC_PREFIX">common/icons/vcard_edit.png" width="16" height="16" alt="password" />
38
              <span trspan="password">Password</span>
39 40 41
            </span></a></li>
          </TMPL_IF>
          <TMPL_IF NAME="LoginHistory">
42
            <li class="nav-item"><a class="nav-link" href="#loginHistory"><span>
Clément OUDOT's avatar
Clément OUDOT committed
43
              <img src="<TMPL_VAR NAME="STATIC_PREFIX">common/icons/calendar.png" width="16" height="16" alt="login history" />
44
              <span trspan="loginHistory">Login history</span>
45 46
            </span></a></li>
          </TMPL_IF>
Yadd's avatar
Yadd committed
47
          <TMPL_IF NAME="OidcConsents">
48
            <li class="nav-item"><a class="nav-link" href="#oidcConsents"><span>
49
              <img src="<TMPL_VAR NAME="STATIC_PREFIX">common/icons/oidc.png" width="16" height="16" alt="login history" />
50
              <span trspan="oidcConsents">OIDC Consents</span>
Yadd's avatar
Yadd committed
51 52
            </span></a></li>
          </TMPL_IF>
53
          <TMPL_IF NAME="Logout">
54
            <li class="nav-item"><a class="nav-link" href="#logout"><span>
Clément OUDOT's avatar
Clément OUDOT committed
55
              <img src="<TMPL_VAR NAME="STATIC_PREFIX">common/icons/door_out.png" width="16" height="16" alt="logout" />
56
              <span trspan="logout">Logout</span>
57 58 59 60
            </span></a></li>
          </TMPL_IF>
        </TMPL_LOOP>
      </ul>
61

62
      <ul class="user nav navbar-nav navbar-right">
63
        <li class="nav-item dropdown">
64
          <TMPL_IF NAME="DropdownMenu">
65
          <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">
66 67 68
            <span trspan="connectedAs">Connected as</span> <TMPL_VAR NAME="AUTH_USER">
            <span class="caret"></span>
          </a>
69 70 71 72 73 74
          <TMPL_ELSE>
          <div class="text-muted">
            <span trspan="connectedAs">Connected as</span> <TMPL_VAR NAME="AUTH_USER">
          </div>
          </TMPL_IF>
          <TMPL_IF NAME="DropdownMenu">
75
          <ul class="dropdown-menu" role="menu">
76
            <TMPL_IF NAME="sfaManager">
77
              <li class="dropdown-item"><a href="/2fregisters" class="nav-link">
78 79 80
                <img src="<TMPL_VAR NAME="STATIC_PREFIX">common/icons/sfa_manager.png" width="16" height="16" alt="refresh" />
                <span trspan="sfaManager">sfaManager</span>
              </a></li>
81
            </TMPL_IF>
Christophe Maudoux's avatar
Christophe Maudoux committed
82 83 84 85
            <TMPL_IF NAME="Notifications">
              <li class="dropdown-item"><a href="/mynotifications" class="nav-link">
                <img src="<TMPL_VAR NAME="STATIC_PREFIX">common/icons/notifsExplorer.png" width="20" height="20" alt="NotificationsExplorer" />
                <span trspan="notificationsExplorer">notificationsExplorer</span>
86 87
              </a></li>
            </TMPL_IF>
Christophe Maudoux's avatar
Christophe Maudoux committed
88
            <TMPL_IF NAME="DecryptValue">
89
              <li class="dropdown-item"><a href="/decryptvalue" class="nav-link">
Christophe Maudoux's avatar
Christophe Maudoux committed
90
                <img src="<TMPL_VAR NAME="STATIC_PREFIX">common/icons/decryptValue.png" width="20" height="20" alt="DecryptValue" />
91 92 93
                <span trspan="decryptCipheredValue">decryptCipheredValue</span>
              </a></li>
            </TMPL_IF>
Christophe Maudoux's avatar
Christophe Maudoux committed
94 95 96 97
            <TMPL_IF NAME="ContextSwitching">
              <li class="dropdown-item"><a href="/switchcontext" class="nav-link">
                <img src="<TMPL_VAR NAME="STATIC_PREFIX">common/icons/switchcontext_<TMPL_VAR NAME="contextSwitching">.png" width="20" height="20" alt="ContentSwitching" />
                <span trspan="contextSwitching_<TMPL_VAR NAME="contextSwitching">">contextSwitching_<TMPL_VAR NAME="ContextSwitching"></span>
98 99
              </a></li>
            </TMPL_IF>
100
            <TMPL_IF NAME="RefreshMyRights">
101
            <li class="dropdown-item"><a href="/refresh" class="nav-link">
Clément OUDOT's avatar
Clément OUDOT committed
102 103 104
              <img src="<TMPL_VAR NAME="STATIC_PREFIX">common/icons/arrow_refresh.png" width="16" height="16" alt="refresh" />
              <span trspan="refreshrights">Refresh</span>
            </a></li>
105
            </TMPL_IF>
106
          </ul>
107
          </TMPL_IF>
108 109
        </li>
      </ul>
110

111
    </div>
112 113
    </TMPL_IF>

114
    </nav>
115

116 117
    <!-- Tabs content -->
    <TMPL_LOOP NAME="DISPLAY_MODULES">
Christophe Maudoux's avatar
Christophe Maudoux committed
118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168
      <TMPL_IF NAME="FavApps">
        <div id="favApps">
        <div class="category cat-level-1 card border-secondary">
        <div class="card-header text-white bg-secondary">
          <h4 class="catname card-title" trspan="yourFavApps">Your favorite applications</h4>
        </div>
        <div id="favApps">
          <div class="card-body">
            <!-- Applications -->
            <div class="row">
            <TMPL_LOOP NAME="FAVAPPS_LOOP">

              <!-- Application -->
              <div class="col-md-4">
              <div class="application <TMPL_VAR NAME="appid"> card">
                <a href="<TMPL_VAR NAME="appuri">" title="<TMPL_VAR NAME="appname">" >
                <div class="card-body">
                <div class="row">
                <!-- Logo (optional) -->
                <TMPL_IF NAME="applogo">
                  <div class="col-3">
                  <img src="<TMPL_VAR NAME="STATIC_PREFIX">common/apps/<TMPL_VAR NAME="applogo">"
                    class="applogo <TMPL_VAR NAME="appid"> img-fluid"
                    alt="<TMPL_VAR NAME="appname">" />
                  </div>
                  <div class="col-9">
                <TMPL_ELSE>
                  <div class="col-12">
                </TMPL_IF>

                <!-- Name and link (mandatory) -->
                <h5 class="appname <TMPL_VAR NAME="appid"> card-title">
                  <TMPL_VAR NAME="appname">
                </h5>

                <!-- Description (optional) -->
                <TMPL_IF NAME="appdesc">
                  <p class="appdesc <TMPL_VAR NAME="appid"> card-subtitle mb-2 text-muted">
                    <TMPL_VAR NAME="appdesc">
                  </p>
                </TMPL_IF>
                </div>
                </div>
                </div>
                </a>
              </div>
              </div>
            <!-- End of applications loop -->
            </TMPL_LOOP>
            </div>
          </div>
169 170 171 172 173 174 175
          <div class="buttons">
            <span id="reset" class="btn btn-danger" role="button">
              <span class="fa fa-trash-o"></span>
              <span trspan="resetFavApps">Reset my favorite Apps.</span>
            </span>
          </div>
          &nbsp;
Christophe Maudoux's avatar
Christophe Maudoux committed
176 177 178 179
        </div>
        </div>
        </div>
      </TMPL_IF>
180

Christophe Maudoux's avatar
Christophe Maudoux committed
181
      <TMPL_IF NAME="Appslist"> 
182 183 184 185 186 187 188 189
        <div id="appslist">

          <TMPL_LOOP NAME="APPSLIST_LOOP">
          <!-- Template loops -->

            <TMPL_IF NAME="category">
            <!-- Category -->

190
              <div class="category cat-level-<TMPL_VAR NAME="catlevel"> <TMPL_VAR NAME="catid"> card border-secondary" id="sort_<TMPL_VAR NAME="__counter__">">
191

192
                <div class="card-header text-white bg-secondary">
193
                <h4 class="catname card-title"><TMPL_VAR NAME="catname"><span><i class="fa fa-arrows-v float-right" ></i></span></h4>
194
                </div>
195 196

                  <TMPL_IF applications>
197
                  <div class="card-body">
198 199
                    <!-- Applications -->

200
                    <div class="row">
201 202 203
                    <TMPL_LOOP NAME=applications>

                      <!-- Application -->
204
                      <div class="col-md-4">
205
                      <TMPL_IF NAME="STARS">
206
                        <div>
207 208 209 210 211 212
                          <img class="star"
                          aid="<TMPL_VAR NAME="appid">"
                          uri="<TMPL_VAR NAME="appuri">" 
                          name="<TMPL_VAR NAME="appname">" 
                          logo="<TMPL_VAR NAME="applogo">" 
                          desc="<TMPL_VAR NAME="appdesc">" 
213
                          src="<TMPL_VAR NAME="STATIC_PREFIX">common/icons/star<TMPL_VAR NAME="appisfav">.png"/>
214 215
                        </div>
                      </TMPL_IF>
Christophe Maudoux's avatar
Christophe Maudoux committed
216
                      <div class="application <TMPL_VAR NAME="appid"> card">
217
                        <a href="<TMPL_VAR NAME="appuri">" title="<TMPL_VAR NAME="apptip">" >
218

219
                        <div class="card-body">
220
                        <div class="row">
221 222
                        <!-- Logo (optional) -->
                        <TMPL_IF NAME="applogo">
223
                          <div class="col-3">
Yadd's avatar
Yadd committed
224
                          <img src="<TMPL_VAR NAME="STATIC_PREFIX">common/apps/<TMPL_VAR NAME="applogo">"
225
                            class="applogo <TMPL_VAR NAME="appid"> img-fluid"
226
                            alt="" />
227
                          </div>
228
                          <div class="col-9">
229
                        <TMPL_ELSE>
230
                          <div class="col-12">
231
                        </TMPL_IF>
Yadd's avatar
Yadd committed
232

233
                        <!-- Name and link (mandatory) -->
234
                        <h5 class="appname <TMPL_VAR NAME="appid"> card-title">
235
                          
236
                          <TMPL_VAR NAME="appname">
237
                        </h5>
238

239
                        <!-- Description (optional) -->
240
                        <TMPL_IF NAME="appdesc">
241
                          <p class="appdesc <TMPL_VAR NAME="appid"> card-subtitle mb-2 text-muted">
242 243 244 245
                            <TMPL_VAR NAME="appdesc">
                          </p>
                        </TMPL_IF>

246 247
                          </div>
                        </div>
248
                        </div>
249
                        </a>
250

251
                      </div>
252 253
                      </div>

254 255 256

                    <!-- End of applications loop -->
                    </TMPL_LOOP>
257
                    </div>
258

259
                  </div>
260 261 262 263 264 265 266 267 268 269 270 271
                  </TMPL_IF>

                </div>

              <!-- End of categories loop -->
            </TMPL_IF>
          </TMPL_LOOP>

        </div>
      </TMPL_IF>

      <TMPL_IF NAME="ChangePassword">
272
        <div id="password">
273 274
            <div class="card border-secondary">
              <div class="card-header text-white bg-secondary">
275
              <h4 class="card-title" trspan="changePwd">Change your password</h4>
276
              </div>
277
              <div class="card-body">
278 279 280 281
              <TMPL_INCLUDE NAME="password.tpl">
              </div>
            </div>
        </div>
282 283 284 285 286
      </TMPL_IF>

      <TMPL_IF NAME="LoginHistory">
        <div id="loginHistory">
            <TMPL_IF NAME="SUCCESS_LOGIN">
287 288
            <div class="card border-secondary">
              <div class="card-header text-white bg-secondary">
289
              <h4 class="card-title" trspan="lastLogins">Last logins</h4>
290
              </div>
291
              <div class="card-body">
292
              <TMPL_VAR NAME="SUCCESS_LOGIN">
293 294
              </div>
            </div>
295 296
            </TMPL_IF>
            <TMPL_IF NAME="FAILED_LOGIN">
297 298
            <div class="card border-secondary">
              <div class="card-header text-white bg-secondary">
299
              <h4 class="card-title" trspan="lastFailedLogins">Last failed logins</h4>
300
              </div>
301
              <div class="card-body">
302
              <TMPL_VAR NAME="FAILED_LOGIN">
303 304
              </div>
            </div>
305 306 307 308
            </TMPL_IF>
        </div>
      </TMPL_IF>

Yadd's avatar
Yadd committed
309 310
      <TMPL_IF NAME="OidcConsents">
        <div id="oidcConsents">
311 312
            <div class="card border-secondary">
              <div class="card-header text-white bg-secondary">
313
              <h4 class="card-title" trspan="oidcConsentsFull">OpenID-Connect Consents</h4>
Yadd's avatar
Yadd committed
314
              </div>
315
              <div class="card-body">
Yadd's avatar
Yadd committed
316
              <TMPL_VAR NAME="OIDC_CONSENTS">
Yadd's avatar
Yadd committed
317 318 319 320 321
              </div>
            </div>
        </div>
      </TMPL_IF>

322 323
      <TMPL_IF NAME="Logout">
        <div id="logout">
324 325
          <div class="card border-secondary">
            <div class="card-header text-white bg-secondary">
Clément OUDOT's avatar
Clément OUDOT committed
326
              <h4 class="card-title" trspan="areYouSure">Are you sure ?</h4>
327
            </div>
328
            <div class="card-body buttons">
329
            <a href="<TMPL_VAR NAME="LOGOUT_URL">" class="btn btn-success" role="button">
330
              <span class="fa fa-check-circle"></span>
331
              <span trspan="imSure">I'm sure</span>
332
            </a>
333
            </div>
334 335 336 337 338 339 340 341
          </div>
        </div>
      </TMPL_IF>

    </TMPL_LOOP>

  </div>

Yadd's avatar
Yadd committed
342
</main>
Clément OUDOT's avatar
Clément OUDOT committed
343

344
<TMPL_IF NAME="PING">
345
<!-- Keep session alive -->
346
</TMPL_IF>
Clément OUDOT's avatar
Clément OUDOT committed
347

348
<TMPL_INCLUDE NAME="footer.tpl">