andi/perfdb
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Activity

dashboard #1

Merged
andi merged 118 commits from dashboard into master 2024-09-29 06:47:35 +00:00
Conversation 0 Commits 118 Files Changed 130 +12 -6
3 changed files with 12 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 332611accb - Show all commits

2
pdb-js/src/app/app.component.html
View File

@@ -4,7 +4,7 @@
<!--<button mat-button [routerLink]="['/']"><img src="assets/img/strip-chart-color.svg" aria-hidden="false" aria-label="go to home page" /> Plotilio</button>--> <!--<button mat-button [routerLink]="['/']"><img src="assets/img/strip-chart-color.svg" aria-hidden="false" aria-label="go to home page" /> Plotilio</button>-->
<button mat-button [routerLink]="['/']"><img src="assets/img/plotilio_64.png" aria-hidden="false" aria-label="go to home page" /></button> <button mat-button [routerLink]="['/']"><img src="assets/img/plotilio_64.png" aria-hidden="false" aria-label="go to home page" /></button>
<button mat-button [routerLink]="['/vis']">Visualization</button> <button mat-button [routerLink]="['/vis']">Visualization</button>
<button mat-button [routerLink]="['/dashboard']">Dashboards</button> <button mat-button [routerLink]="['/dashboard']">Dashboards<span class="super-badge">Beta</span></button>
</div> </div>
<router-outlet></router-outlet> <router-outlet></router-outlet>

5
pdb-js/src/app/main-page/main-page.component.html
View File

@@ -8,13 +8,15 @@
top: 50%; top: 50%;
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
width: 600px; /* must be multiple of the minmax used in .link-section */
} }
h1 { h1 {
font-size: 5em; font-size: 5em;
text-align: center; text-align: center;
} }
.link-section { .link-section {
display: flex; display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 300px)); /* minmax must be fraction of the with used in #main-page-links */
} }
.sub-section { .sub-section {
display: inline; display: inline;
@@ -42,6 +44,7 @@
<div class="sub-section"> <div class="sub-section">
<a [routerLink]="['/dashboard']" class="button-large" title="Dashboards"><img src="assets/img/dashboard-line.svg" class="icon-large" aria-hidden="false" aria-label="go to dashboard page" /></a> <a [routerLink]="['/dashboard']" class="button-large" title="Dashboards"><img src="assets/img/dashboard-line.svg" class="icon-large" aria-hidden="false" aria-label="go to dashboard page" /></a>
<p>Create the most sophisticated dashboards.</p> <p>Create the most sophisticated dashboards.</p>
<em>This feature is still in development. You may loose data without warning.</em>
</div> </div>
</div> </div>

11
pdb-js/src/styles.scss
View File

@@ -141,7 +141,6 @@ mat-option.mat-option.mat-active {
background-color: #ccc; background-color: #ccc;
} }
a ,a:visited { a ,a:visited {
color: blue; color: blue;
text-decoration: none; text-decoration: none;
@@ -199,12 +198,16 @@ mat-form-field.pdb-form-wide {
width: 10em; width: 10em;
} }
.errorPanel { .errorPanel {
padding: 1ex; padding: 1ex;
background-color: map-get(mat.$red-palette, 100); background-color: map-get(mat.$red-palette, 100);
border-radius: 5px; border-radius: 5px;
} }
.super-badge {
position: absolute;
font-size: 0.8em;
color: #0051c2;
top: 0.2em;
line-height: 1em;
}