aboutsummaryrefslogtreecommitdiffstats
path: root/utils/index-for-gh-pages.html
diff options
context:
space:
mode:
Diffstat (limited to 'utils/index-for-gh-pages.html')
-rw-r--r--utils/index-for-gh-pages.html98
1 files changed, 0 insertions, 98 deletions
diff --git a/utils/index-for-gh-pages.html b/utils/index-for-gh-pages.html
deleted file mode 100644
index a6d7f63..0000000
--- a/utils/index-for-gh-pages.html
+++ /dev/null
@@ -1,98 +0,0 @@
-<!DOCTYPE html>
-<html>
-
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <meta content="IE=edge" http-equiv="X-UA-Compatible" />
- <title>Storybook</title>
- <style>
- body, html {
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- }
- .header {
- display: flex;
- padding: 18px 40px 0 40px;
- }
- .logo {
- margin-right: 95px;
- cursor: pointer;
- }
- img {
- width: 125px;
- height: 26px;
- }
- .showcase-header {
- display: flex;
- }
- .case-tab-name {
- font-family: OpenSans, OpenSans-Regular, 'Open Sans', Arial, sans-serif;
- font-size: 14px;
- line-height: 1.71;
- letter-spacing: -0.2px;
- margin: 0 20px;
- padding: 4px 8px 12px 8px;
- color: #5a5a5a;
- cursor: pointer;
- text-transform: uppercase;
- }
- .case-tab-name[active=true] {
- color: #009fdb;
- border-bottom: solid 2px #009fdb;
- }
- .showcase-wrapper {
- height: calc(100% - 60px);
- display: flex;
- flex-direction: column;
- background-color: #FFFFFF;
- }
- .showcase-iframe {
- height: 100%;
- border-top: solid 1px #aaaaaa;
- }
- </style>
-
- <script>
- var shows = {
- mainPage: "main-page.html",
- react: "react/index.html",
- angular: "angular/index.html"
- };
- function show(type){
- document.getElementById('showcase').src = shows[type];
- setActiveTab(type);
- }
- function setActiveTab(type) {
- var allTabs = document.getElementsByClassName('case-tab-name');
- for(var i = 0; i < allTabs.length; i++ ) {
- if(allTabs[i].getAttribute('id') === type+'-tab') {
- allTabs[i].setAttribute('active', true);
- }
- else {
- allTabs[i].setAttribute('active', false);
- }
- }
- }
- </script>
-
-</head>
-
-<body>
- <div class="header">
- <div class="logo" onClick="show('mainPage')"><img src="assets/images/logo_onap.png"/></div>
- <div class="showcase-header">
- <div class="case-tab-name" id="react-tab" onClick="show('react')">React</div>
- <div class="case-tab-name" id="angular-tab" onClick="show('angular')">Angular</div>
- </div>
- </div>
-
- <div class="showcase-wrapper">
- <iframe id="showcase" src="main-page.html" class="showcase-iframe">
- </iframe>
- </div>
-</body>
-
-</html>