menu.tpl 10.5 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 23 24
        <TMPL_LOOP NAME="DISPLAY_MODULES">

          <TMPL_IF NAME="Appslist">
25
            <li class="nav-item"><a class="nav-link" href="#appslist"><span>
Clément OUDOT's avatar
Clément OUDOT committed
26
              <img src="<TMPL_VAR NAME="STATIC_PREFIX">common/icons/application_cascade.png" width="16" height="16" alt="appslist" />
27
              <span trspan="yourApps">Your applications</span>
28 29 30
            </span></a></li>
          </TMPL_IF>
          <TMPL_IF NAME="ChangePassword">
31
            <li class="nav-item"><a class="nav-link" href="#password"><span>
Clément OUDOT's avatar
Clément OUDOT committed
32
              <img src="<TMPL_VAR NAME="STATIC_PREFIX">common/icons/vcard_edit.png" width="16" height="16" alt="password" />
33
              <span trspan="password">Password</span>
34 35 36
            </span></a></li>
          </TMPL_IF>
          <TMPL_IF NAME="LoginHistory">
37
            <li class="nav-item"><a class="nav-link" href="#loginHistory"><span>
Clément OUDOT's avatar
Clément OUDOT committed
38
              <img src="<TMPL_VAR NAME="STATIC_PREFIX">common/icons/calendar.png" width="16" height="16" alt="login history" />
39
              <span trspan="loginHistory">Login history</span>
40 41
            </span></a></li>
          </TMPL_IF>
Yadd's avatar
Yadd committed
42
          <TMPL_IF NAME="OidcConsents">
43
            <li class="nav-item"><a class="nav-link" href="#oidcConsents"><span>
44
              <img src="<TMPL_VAR NAME="STATIC_PREFIX">common/icons/oidc.png" width="16" height="16" alt="login history" />
Yadd's avatar
Yadd committed
45 46 47
              <span trspan="oidcConsents">OIDC Consent</span>
            </span></a></li>
          </TMPL_IF>
48
          <TMPL_IF NAME="Logout">
49
            <li class="nav-item"><a class="nav-link" href="#logout"><span>
Clément OUDOT's avatar
Clément OUDOT committed
50
              <img src="<TMPL_VAR NAME="STATIC_PREFIX">common/icons/door_out.png" width="16" height="16" alt="logout" />
51
              <span trspan="logout">Logout</span>
52 53 54 55
            </span></a></li>
          </TMPL_IF>
        </TMPL_LOOP>
      </ul>
56

57
      <ul class="user nav navbar-nav navbar-right">
58
        <li class="nav-item dropdown">
59
          <TMPL_IF NAME="DropdownMenu">
60
          <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">
61 62 63
            <span trspan="connectedAs">Connected as</span> <TMPL_VAR NAME="AUTH_USER">
            <span class="caret"></span>
          </a>
64 65 66 67 68 69
          <TMPL_ELSE>
          <div class="text-muted">
            <span trspan="connectedAs">Connected as</span> <TMPL_VAR NAME="AUTH_USER">
          </div>
          </TMPL_IF>
          <TMPL_IF NAME="DropdownMenu">
70
          <ul class="dropdown-menu" role="menu">
71
            <TMPL_IF NAME="sfaManager">
72
              <li class="dropdown-item"><a href="/2fregisters" class="nav-link">
73 74 75
                <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>
76
            </TMPL_IF>
Christophe Maudoux's avatar
Christophe Maudoux committed
77 78 79 80
            <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>
81 82
              </a></li>
            </TMPL_IF>
Christophe Maudoux's avatar
Christophe Maudoux committed
83
            <TMPL_IF NAME="DecryptValue">
84
              <li class="dropdown-item"><a href="/decryptvalue" class="nav-link">
Christophe Maudoux's avatar
Christophe Maudoux committed
85
                <img src="<TMPL_VAR NAME="STATIC_PREFIX">common/icons/decryptValue.png" width="20" height="20" alt="DecryptValue" />
86 87 88
                <span trspan="decryptCipheredValue">decryptCipheredValue</span>
              </a></li>
            </TMPL_IF>
Christophe Maudoux's avatar
Christophe Maudoux committed
89 90 91 92
            <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>
93 94
              </a></li>
            </TMPL_IF>
95
            <TMPL_IF NAME="RefreshMyRights">
96
            <li class="dropdown-item"><a href="/refresh" class="nav-link">
Clément OUDOT's avatar
Clément OUDOT committed
97 98 99
              <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>
100
            </TMPL_IF>
101
          </ul>
102
          </TMPL_IF>
103 104
        </li>
      </ul>
105

106
    </div>
107 108
    </TMPL_IF>

109
    </nav>
110

111 112 113 114 115 116 117 118 119 120 121 122
    <!-- Tabs content -->
    <TMPL_LOOP NAME="DISPLAY_MODULES">

      <TMPL_IF NAME="Appslist">
        <div id="appslist">

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

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

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

125
                <div class="card-header text-white bg-secondary">
126
                <h4 class="catname card-title"><TMPL_VAR NAME="catname"><span><i class="fa fa-arrows-v float-right" ></i></span></h4>
127
                </div>
128 129

                  <TMPL_IF applications>
130
                  <div class="card-body">
131 132
                    <!-- Applications -->

133
                    <div class="row">
134 135 136
                    <TMPL_LOOP NAME=applications>

                      <!-- Application -->
137
                      <div class="col-md-4">
138
                      <div class="application <TMPL_VAR NAME="appid"> card">
139
                        <a href="<TMPL_VAR NAME="appuri">" title="<TMPL_VAR NAME="apptip">" >
140

141
                        <div class="card-body">
142
                        <div class="row">
143 144
                        <!-- Logo (optional) -->
                        <TMPL_IF NAME="applogo">
145
                          <div class="col-3">
Yadd's avatar
Yadd committed
146
                          <img src="<TMPL_VAR NAME="STATIC_PREFIX">common/apps/<TMPL_VAR NAME="applogo">"
147
                            class="applogo <TMPL_VAR NAME="appid"> img-fluid"
148
                            alt="" />
149
                          </div>
150
                          <div class="col-9">
151
                        <TMPL_ELSE>
152
                          <div class="col-12">
153
                        </TMPL_IF>
Yadd's avatar
Yadd committed
154

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

160
                        <!-- Description (optional) -->
161
                        <TMPL_IF NAME="appdesc">
162
                          <p class="appdesc <TMPL_VAR NAME="appid"> card-subtitle mb-2 text-muted">
163 164 165 166
                            <TMPL_VAR NAME="appdesc">
                          </p>
                        </TMPL_IF>

167 168
                          </div>
                        </div>
169
                        </div>
170
                        </a>
171

172
                      </div>
173 174
                      </div>

175 176 177

                    <!-- End of applications loop -->
                    </TMPL_LOOP>
178
                    </div>
179

180
                  </div>
181 182 183 184 185 186 187 188 189 190 191 192
                  </TMPL_IF>

                </div>

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

        </div>
      </TMPL_IF>

      <TMPL_IF NAME="ChangePassword">
193
        <div id="password">
194 195
            <div class="card border-secondary">
              <div class="card-header text-white bg-secondary">
196
              <h4 class="card-title" trspan="changePwd">Change your password</h4>
197
              </div>
198
              <div class="card-body">
199 200 201 202
              <TMPL_INCLUDE NAME="password.tpl">
              </div>
            </div>
        </div>
203 204 205 206 207
      </TMPL_IF>

      <TMPL_IF NAME="LoginHistory">
        <div id="loginHistory">
            <TMPL_IF NAME="SUCCESS_LOGIN">
208 209
            <div class="card border-secondary">
              <div class="card-header text-white bg-secondary">
210
              <h4 class="card-title" trspan="lastLogins">Last logins</h4>
211
              </div>
212
              <div class="card-body">
213
              <TMPL_VAR NAME="SUCCESS_LOGIN">
214 215
              </div>
            </div>
216 217
            </TMPL_IF>
            <TMPL_IF NAME="FAILED_LOGIN">
218 219
            <div class="card border-secondary">
              <div class="card-header text-white bg-secondary">
220
              <h4 class="card-title" trspan="lastFailedLogins">Last failed logins</h4>
221
              </div>
222
              <div class="card-body">
223
              <TMPL_VAR NAME="FAILED_LOGIN">
224 225
              </div>
            </div>
226 227 228 229
            </TMPL_IF>
        </div>
      </TMPL_IF>

Yadd's avatar
Yadd committed
230 231
      <TMPL_IF NAME="OidcConsents">
        <div id="oidcConsents">
232 233
            <div class="card border-secondary">
              <div class="card-header text-white bg-secondary">
234
              <h4 class="card-title" trspan="oidcConsentsFull">OpenID-Connect Consents</h4>
Yadd's avatar
Yadd committed
235
              </div>
236
              <div class="card-body">
Yadd's avatar
Yadd committed
237
              <TMPL_VAR NAME="OIDC_CONSENTS">
Yadd's avatar
Yadd committed
238 239 240 241 242
              </div>
            </div>
        </div>
      </TMPL_IF>

243 244
      <TMPL_IF NAME="Logout">
        <div id="logout">
245 246
          <div class="card border-secondary">
            <div class="card-header text-white bg-secondary">
Clément OUDOT's avatar
Clément OUDOT committed
247
              <h4 class="card-title" trspan="areYouSure">Are you sure ?</h4>
248
            </div>
249
            <div class="card-body buttons">
250
            <a href="<TMPL_VAR NAME="LOGOUT_URL">" class="btn btn-success" role="button">
251
              <span class="fa fa-check-circle"></span>
252
              <span trspan="imSure">I'm sure</span>
253
            </a>
254
            </div>
255 256 257 258 259 260 261 262
          </div>
        </div>
      </TMPL_IF>

    </TMPL_LOOP>

  </div>

Yadd's avatar
Yadd committed
263
</main>
Clément OUDOT's avatar
Clément OUDOT committed
264

265
<TMPL_IF NAME="PING">
266
<!-- Keep session alive -->
267
</TMPL_IF>
Clément OUDOT's avatar
Clément OUDOT committed
268

269
<TMPL_INCLUDE NAME="footer.tpl">