frontend CHANGE status data visibility switch
change the switch from checkbox to a clickable sentence
diff --git a/frontend/config/config.component.html b/frontend/config/config.component.html
index fd22d17..e1ea27f 100644
--- a/frontend/config/config.component.html
+++ b/frontend/config/config.component.html
@@ -61,7 +61,9 @@
src="assets/netopeer/icons/collapse.svg" alt="x" title="collapse"
onmouseover="this.src='assets/netopeer/icons/collapse_active.svg'"
onmouseout="this.src='assets/netopeer/icons/collapse.svg'"/>
- <span><input type="checkbox" name="statusVisibility" [checked]="activeSession.statusVisibility" (change)="invertStatus()"/> include status data</span>
+ <span *ngIf="activeSession.statusVisibility"><a (click)="invertStatus()">hide</a> status data</span>
+ <span *ngIf="!activeSession.statusVisibility"><a (click)="invertStatus()">show</a> status data</span>
+ <!--<span><input type="checkbox" name="statusVisibility" [checked]="activeSession.statusVisibility" (change)="invertStatus()"/> include status data</span>-->
</div><br/>
<ng-container *ngIf="activeSession.dataVisibility!='none' && activeSession.data">
<div id="config-data">
diff --git a/frontend/inventory/inventory.component.css b/frontend/inventory/inventory.component.css
index ecafb17..4056136 100644
--- a/frontend/inventory/inventory.component.css
+++ b/frontend/inventory/inventory.component.css
@@ -10,11 +10,13 @@
color: #FAFAFA;
}
-nav a:visited, a:link {
- color: inherited;
+nav a:visited,
+nav a:link {
+ color: inherit;
}
-nav a:hover, nav a.active {
+nav a:hover,
+nav a.active {
background-color: #FAFAFA;
color: #000
}
@@ -38,7 +40,8 @@
color: black;
}
-.item.selected, .item_header {
+.item.selected,
+.item_header {
background-color: #454D67;
color: #FAFAFA;
}
@@ -110,11 +113,13 @@
color: red;
}
-form input, form select {
+form input,
+form select {
border-left: 5px solid green;
}
-form input.invalid, form select.invalid {
+form input.invalid,
+form select.invalid {
border-left: 5px solid red;
// width: 5em;
}
diff --git a/frontend/netopeer.css b/frontend/netopeer.css
index 0b6b864..c3a723c 100644
--- a/frontend/netopeer.css
+++ b/frontend/netopeer.css
@@ -1,3 +1,9 @@
+a:not([href]) {
+ cursor: pointer;
+ text-decoration: underline;
+ font-weight: bold;
+}
+
#netopeer-header {
position: fixed;
width: 100%;