diff options
Diffstat (limited to 'src/keycloak-error.html')
| -rw-r--r-- | src/keycloak-error.html | 196 |
1 files changed, 196 insertions, 0 deletions
diff --git a/src/keycloak-error.html b/src/keycloak-error.html new file mode 100644 index 0000000..745dd46 --- /dev/null +++ b/src/keycloak-error.html @@ -0,0 +1,196 @@ +<!-- + ~ Copyright (c) 2022. Deutsche Telekom AG + ~ + ~ Licensed under the Apache License, Version 2.0 (the "License"); + ~ you may not use this file except in compliance with the License. + ~ You may obtain a copy of the License at + ~ + ~ http://www.apache.org/licenses/LICENSE-2.0 + ~ + ~ Unless required by applicable law or agreed to in writing, software + ~ distributed under the License is distributed on an "AS IS" BASIS, + ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + ~ See the License for the specific language governing permissions and + ~ limitations under the License. + ~ + ~ SPDX-License-Identifier: Apache-2.0 + --> + +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8" /> + <title>ONAP Portal</title> + <meta http-equiv="X-UA-Compatible" content="IE=edge" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> + <link rel="icon" type="image/x-icon" href="favicon.ico" /> + <link rel="stylesheet" href="assets/css/bootstrap.css" /> + <link rel="stylesheet" href="styles.css" /> + <script src="assets/js/jquery-2.1.3.min.js"></script> + <script src="assets/js/bootstrap.min.js"></script> + <style> + .navbar { + background-color: #e7e6e6; + height: 55px; + padding: 6px !important; + } + + .sidebar-toggler { + background-color: transparent; + border-style: none; + margin-top: 2px; + } + + .onap-logo { + margin-left: 0.75rem; + margin-bottom: 2px; + } + + .margin-r-6-px { + margin-right: 6px; + } + .margin-l-auto { + margin-left: auto; + } + + .margin-r-3-px { + margin-right: 3px; + } + + .header-icon-styling { + color: var(--black); + width: 20px; + margin-bottom: 8px; + } + + .btn-account { + background-color: transparent; + border-style: none; + font-size: 21px; + cursor: none; + margin-bottom: 7px; + height: 38.25px; + padding-top: 3px; + padding-bottom: 6.73px; + } + + .nav-wrapper { + padding: 6px; + } + + .sidebar-container { + margin-right: -1px; + flex: 0 0 230px; + border-right-style: solid; + border-right-width: 1px; + border-right-color: #b2b2b2; + } + + .sidebar-expanded { + min-width: 250px; + max-width: 250px; + height: calc(100vh - 67px); + display: block; + border-right-style: solid; + border-right-width: 1px; + border-right-color: #c5c5c5; + } + + .portal-version-wrapper { + padding: 2px; + } + + .portal-version-title, + .portal-version-number { + font-size: 13px; + line-height: 15.6px; + margin-bottom: 10px; + } + + .btn:focus { + outline: 0; + box-shadow: none; + } + + .error-content-wrapper { + position: fixed; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + } + + .error-text-wrapper { + font-weight: bold; + } + + .error-text { + font-size: 25px; + } + + img, + button, + button:not(:disabled), + [type='button']:not(:disabled), + [type='reset']:not(:disabled), + [type='submit']:not(:disabled) { + cursor: auto; + } + </style> + </head> + + <body onload="errorInfo()"> + <div> + <nav aria-label="Sidemenu" class="navbar navbar-light"> + <button type="button" class="sidebar-toggler" [attr.aria-label]="'Toggle sidemenu'"> + <img src="assets/images/icons/list-dark.svg" alt="List" /> + </button> + <a class="onap-logo"> + <img style="height: 38px" src="assets/images/onap-logo.png" alt="ONAP Logo" /> + </a> + <div class="d-inline-block margin-r-6-px margin-l-auto"> + <button class="btn btn-invisible header-icon-styling margin-r-3-px p-0" [attr.aria-label]="'Help'"> + <img src="assets/images/icons/question-circle.svg" alt="Help" /> + </button> + <button class="btn btn-invisible header-icon-styling p-0" [attr.aria-label]="'Fullscreen'"> + <img src="assets/images/icons/arrows-fullscreen-dark.svg" alt="Fullscreen" /></button + ><!-- + --><button class="btn btn-account px-3" [attr.aria-label]="'My Account'"> + <img src="assets/images/icons/person-fill-dark.svg" alt="Person" /><!-- + --><img src="assets/images/icons/caret-down-fill-dark.svg" alt="Caret down" /> + </button> + </div> + </nav> + </div> + <div class="nav-wrapper"> + <nav + class="sidebar-container sidebar-expanded overflow-auto d-flex flex-column justify-content-between" + [attr.aria-label]="'Main Menu'" + > + <div class="d-flex justify-content-center text-center mt-auto portal-version-wrapper"> + <h5 class="portal-version-title mr-1">Portal Version:</h5> + <span class="portal-version-number">VERSIONPLACEHOLDER</span> + </div> + </nav> + </div> + <div> + <div class="container text-center error-content-wrapper"> + <div class="row"> + <div class="col"> + <div class="error-text-wrapper"> + <p class="error-text"> + We are not able to authorize you due to a server issue that occured at: <span id="dateTime"></span> + </p> + </div> + </div> + </div> + </div> + </div> + + <script> + function errorInfo() { + const dt = new Date(); + document.getElementById('dateTime').innerHTML = dt.toLocaleString(); + } + </script> + </body> +</html> |