aboutsummaryrefslogtreecommitdiffstats
path: root/src/keycloak-error.html
diff options
context:
space:
mode:
authorFiete Ostkamp <Fiete.Ostkamp@telekom.de>2023-04-14 11:59:32 +0000
committerFiete Ostkamp <Fiete.Ostkamp@telekom.de>2023-04-14 11:59:32 +0000
commitd68841d9f75636575cd778838a8ceea5fd5aada3 (patch)
tree778c84203ed9bfa4dc1c8234e4e2cf60da6ebd8c /src/keycloak-error.html
parent42af09588f1f839b9ab36356f02f34c89559bcfa (diff)
Upload ui
Issue-ID: PORTAL-1084 Signed-off-by: Fiete Ostkamp <Fiete.Ostkamp@telekom.de> Change-Id: Id0c94859a775094e67b0bb9c91ca5e776a08c068
Diffstat (limited to 'src/keycloak-error.html')
-rw-r--r--src/keycloak-error.html196
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>