Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closes #2433: Customize the dashboard so it looks like it belongs to Telescope #2472

Merged
merged 16 commits into from
Nov 20, 2021
Merged

Closes #2433: Customize the dashboard so it looks like it belongs to Telescope #2472

Show file tree
Hide file tree
Changes from 8 commits
Commits
Show all changes
16 commits
Select commit Hold shift + click to select a range
8970973
issue#2433 minor changes
suhhee1011 Nov 15, 2021
0d7a9fa
edited by comments on pull request
suhhee1011 Nov 18, 2021
d83eaf6
Merge branch 'master' into issue#2433
suhhee1011 Nov 18, 2021
a20f0d5
Merge branch 'master' into issue#2433
suhhee1011 Nov 18, 2021
19c5e01
run prettier to pass test
suhhee1011 Nov 18, 2021
073d3fd
edited base on comment
suhhee1011 Nov 18, 2021
308b6fa
side bar item added & removing head nav bar
suhhee1011 Nov 18, 2021
333194d
Merge branch 'master' into issue#2433
suhhee1011 Nov 18, 2021
3b50400
menu item edited
suhhee1011 Nov 19, 2021
a7425a3
Merge pull request #1 from suhhee1011/issue#414
suhhee1011 Nov 19, 2021
bc6a63c
Merge branch 'master' into issue#2433
suhhee1011 Nov 19, 2021
af617f4
update public
suhhee1011 Nov 19, 2021
37d183f
reposive menu edited
suhhee1011 Nov 20, 2021
c38f7b7
Merge pull request #2 from suhhee1011/issue#414
suhhee1011 Nov 20, 2021
06796af
menu item edited and link fixed
suhhee1011 Nov 20, 2021
3495e12
Merge pull request #3 from suhhee1011/issue#414
suhhee1011 Nov 20, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 16 additions & 0 deletions src/api/status/public/css/site.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
#sidenav-collapse-main > ul > li > a.active {
background-color: #121d59;
}
#sidenav-collapse-main > ul > li > a {
padding-top: 0.4em;
padding-bottom: 0.4em;
font-size: 1em;
}
#sidenav-collapse-main.collapse.navbar-collapse.w-auto.max-height-vh-100 {
suhhee1011 marked this conversation as resolved.
Show resolved Hide resolved
height: calc(100vh);
}

td,
th {
text-align: center;
}
248 changes: 47 additions & 201 deletions src/api/status/public/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,8 +19,8 @@
<base href="/v1/status/" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<link rel="apple-touch-icon" sizes="76x76" href="assets/img/apple-icon.png" />
<link rel="icon" type="image/png" href="assets/img/favicon.png" />
<title>Material Dashboard 2 by Creative Tim</title>
<link rel="icon" type="image/svg+xml" href="./logo.svg" />
<title>Telescope Dashboard</title>
<!-- Fonts and icons -->
<link
rel="stylesheet"
Expand All @@ -36,10 +36,10 @@
<link href="https://fonts.googleapis.com/icon?family=Material+Icons+Round" rel="stylesheet" />
<!-- CSS Files -->
<link id="pagestyle" href="assets/css/material-dashboard.css?v=3.0.0" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="./css/site.css" />
<!-- Telescope CSS Override -->
<link href="css/telescope-dashboard.css" rel="stylesheet" />
</head>

<body class="g-sidenav-show bg-gray-200">
<aside
class="sidenav navbar navbar-vertical navbar-expand-xs border-0 border-radius-xl my-3 fixed-start ms-3 bg-gradient-dark"
Expand All @@ -56,15 +56,15 @@
href=" https://demos.creative-tim.com/material-dashboard/pages/dashboard "
suhhee1011 marked this conversation as resolved.
Show resolved Hide resolved
target="_blank"
>
<img src="assets/img/logo-ct.png" class="navbar-brand-img h-100" alt="main_logo" />
<span class="ms-1 font-weight-bold text-white">Material Dashboard 2</span>
<img src="./logo.svg" class="navbar-brand-img h-100" alt="main_logo" />
<span class="ms-1 font-weight-bold text-white">Telescope Dashboard</span>
</a>
</div>
<hr class="horizontal light mt-0 mb-2" />
<div class="collapse navbar-collapse w-auto max-height-vh-100" id="sidenav-collapse-main">
<div class="w-auto max-height-vh-100" id="sidenav-collapse-main">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link text-white active bg-gradient-primary" href="./pages/build.html">
<a class="nav-link text-white active" href="./">
<div
class="text-white text-center me-2 d-flex align-items-center justify-content-center"
>
Expand Down Expand Up @@ -158,18 +158,48 @@ <h6 class="ps-4 ms-2 text-uppercase text-xs text-white font-weight-bolder opacit
<span class="nav-link-text ms-1">Sign Up</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="./pages/telescopeStaging.html">
<div
class="text-white text-center me-2 d-flex align-items-center justify-content-center"
>
<i class="material-icons opacity-10">T</i>
</div>
<span class="nav-link-text ms-1">Telescope staging</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="./pages/telescopeProduction.html">
<div
class="text-white text-center me-2 d-flex align-items-center justify-content-center"
>
<i class="material-icons opacity-10">T</i>
</div>
<span class="nav-link-text ms-1">Telescope Production</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="./pages/telescopeGitHubRepo.html">
<div
class="text-white text-center me-2 d-flex align-items-center justify-content-center"
>
<i class="material-icons opacity-10">G</i>
</div>
<span class="nav-link-text ms-1">Telescope GitHub Repo</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="./pages/telescopeOnGitPod.html">
<div
class="text-white text-center me-2 d-flex align-items-center justify-content-center"
>
<i class="material-icons opacity-10">G</i>
</div>
<span class="nav-link-text ms-1">Telescope on GitPod</span>
</a>
</li>
</ul>
</div>
<div class="sidenav-footer position-absolute w-100 bottom-0">
<div class="mx-3">
<a
class="btn bg-gradient-primary mt-4 w-100"
href="https://www.creative-tim.com/product/material-dashboard-pro?ref=sidebarfree"
type="button"
>Upgrade to pro</a
>
</div>
</div>
</aside>
<main class="main-content position-relative max-height-vh-100 h-100 border-radius-lg">
<!-- Navbar -->
Expand All @@ -190,139 +220,6 @@ <h6 class="ps-4 ms-2 text-uppercase text-xs text-white font-weight-bolder opacit
</ol>
<h6 class="font-weight-bolder mb-0">Dashboard</h6>
</nav>
<div class="collapse navbar-collapse mt-sm-0 mt-2 me-md-0 me-sm-4" id="navbar">
<div class="ms-md-auto pe-md-3 d-flex align-items-center">
<div class="input-group input-group-outline">
<label class="form-label">Type here...</label>
<input type="text" class="form-control" />
</div>
</div>
<ul class="navbar-nav justify-content-end">
<li class="nav-item d-flex align-items-center">
<a href="javascript:;" class="nav-link text-body font-weight-bold px-0">
<i class="fa fa-user me-sm-1"></i>
<span class="d-sm-inline d-none">Sign In</span>
</a>
</li>
<li class="nav-item d-xl-none ps-3 d-flex align-items-center">
suhhee1011 marked this conversation as resolved.
Show resolved Hide resolved
<a href="javascript:;" class="nav-link text-body p-0" id="iconNavbarSidenav">
<div class="sidenav-toggler-inner">
<i class="sidenav-toggler-line"></i>
<i class="sidenav-toggler-line"></i>
<i class="sidenav-toggler-line"></i>
</div>
</a>
</li>
<li class="nav-item px-3 d-flex align-items-center">
<a href="javascript:;" class="nav-link text-body p-0">
<i class="fa fa-cog fixed-plugin-button-nav cursor-pointer"></i>
</a>
</li>
<li class="nav-item dropdown pe-2 d-flex align-items-center">
<a
href="javascript:;"
class="nav-link text-body p-0"
id="dropdownMenuButton"
data-bs-toggle="dropdown"
aria-expanded="false"
>
<i class="fa fa-bell cursor-pointer"></i>
</a>
<ul
class="dropdown-menu dropdown-menu-end px-2 py-3 me-sm-n4"
aria-labelledby="dropdownMenuButton"
>
<li class="mb-2">
<a class="dropdown-item border-radius-md" href="javascript:;">
<div class="d-flex py-1">
<div class="my-auto">
<img src="assets/img/team-2.jpg" class="avatar avatar-sm me-3" />
</div>
<div class="d-flex flex-column justify-content-center">
<h6 class="text-sm font-weight-normal mb-1">
<span class="font-weight-bold">New message</span> from Laur
</h6>
<p class="text-xs text-secondary mb-0">
<i class="fa fa-clock me-1"></i>
13 minutes ago
</p>
</div>
</div>
</a>
</li>
<li class="mb-2">
<a class="dropdown-item border-radius-md" href="javascript:;">
<div class="d-flex py-1">
<div class="my-auto">
<img
src="assets/img/small-logos/logo-spotify.svg"
class="avatar avatar-sm bg-gradient-dark me-3"
/>
</div>
<div class="d-flex flex-column justify-content-center">
<h6 class="text-sm font-weight-normal mb-1">
<span class="font-weight-bold">New album</span> by Travis Scott
</h6>
<p class="text-xs text-secondary mb-0">
<i class="fa fa-clock me-1"></i>
1 day
</p>
</div>
</div>
</a>
</li>
<li>
<a class="dropdown-item border-radius-md" href="javascript:;">
<div class="d-flex py-1">
<div class="avatar avatar-sm bg-gradient-secondary me-3 my-auto">
<svg
width="12px"
height="12px"
viewBox="0 0 43 36"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
>
<title>credit-card</title>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g
transform="translate(-2169.000000, -745.000000)"
fill="#FFFFFF"
fill-rule="nonzero"
>
<g transform="translate(1716.000000, 291.000000)">
<g transform="translate(453.000000, 454.000000)">
<path
class="color-background"
d="M43,10.7482083 L43,3.58333333 C43,1.60354167 41.3964583,0 39.4166667,0 L3.58333333,0 C1.60354167,0 0,1.60354167 0,3.58333333 L0,10.7482083 L43,10.7482083 Z"
opacity="0.593633743"
></path>
<path
class="color-background"
d="M0,16.125 L0,32.25 C0,34.2297917 1.60354167,35.8333333 3.58333333,35.8333333 L39.4166667,35.8333333 C41.3964583,35.8333333 43,34.2297917 43,32.25 L43,16.125 L0,16.125 Z M19.7083333,26.875 L7.16666667,26.875 L7.16666667,23.2916667 L19.7083333,23.2916667 L19.7083333,26.875 Z M35.8333333,26.875 L28.6666667,26.875 L28.6666667,23.2916667 L35.8333333,23.2916667 L35.8333333,26.875 Z"
></path>
</g>
</g>
</g>
</g>
</svg>
</div>
<div class="d-flex flex-column justify-content-center">
<h6 class="text-sm font-weight-normal mb-1">
Payment successfully completed
</h6>
<p class="text-xs text-secondary mb-0">
<i class="fa fa-clock me-1"></i>
2 days
</p>
</div>
</div>
</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<!-- End Navbar -->
Expand Down Expand Up @@ -1082,57 +979,6 @@ <h6 class="text-dark text-sm font-weight-bold mb-0">New order #9583120</h6>
</div>
</div>
</div>
<footer class="footer py-4">
<div class="container-fluid">
<div class="row align-items-center justify-content-lg-between">
<div class="col-lg-6 mb-lg-0 mb-4">
<div class="copyright text-center text-sm text-muted text-lg-start">
© , made with <i class="fa fa-heart"></i> by
<a href="https://www.creative-tim.com" class="font-weight-bold" target="_blank"
>Creative Tim</a
>
for a better web.
</div>
</div>
<div class="col-lg-6">
<ul class="nav nav-footer justify-content-center justify-content-lg-end">
<li class="nav-item">
<a
href="https://www.creative-tim.com"
class="nav-link text-muted"
target="_blank"
>Creative Tim</a
>
</li>
<li class="nav-item">
<a
href="https://www.creative-tim.com/presentation"
class="nav-link text-muted"
target="_blank"
>About Us</a
>
</li>
<li class="nav-item">
<a
href="https://www.creative-tim.com/blog"
class="nav-link text-muted"
target="_blank"
>Blog</a
>
</li>
<li class="nav-item">
<a
href="https://www.creative-tim.com/license"
class="nav-link pe-0 text-muted"
target="_blank"
>License</a
>
</li>
</ul>
</div>
</div>
</div>
</footer>
</div>
</main>
<div class="fixed-plugin">
Expand Down
7 changes: 5 additions & 2 deletions src/api/status/public/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,8 @@
#results {
max-width: 600px;
#sidenav-collapse-main > ul > li > a.active {
suhhee1011 marked this conversation as resolved.
Show resolved Hide resolved
background-color: #121d59;
suhhee1011 marked this conversation as resolved.
Show resolved Hide resolved
}
#sidenav-collapse-main.collapse.navbar-collapse.w-auto.max-height-vh-100 {
suhhee1011 marked this conversation as resolved.
Show resolved Hide resolved
height: calc(100vh);
}

td,
Expand Down