OSB-35: version label added

LCU/Maintenance/MDB_WebView/maintenancedb_view/src/components/AntennaErrorDetails.js

@@ -56,15 +56,15 @@ class ModalPicture extends Component {
         this.clearTimeouts();
         return (
             <React.Fragment>
-        <img src={this.props.url} onClick={this.toggleModal} onError={this.onImgError} title="Click to enlarge" alt="Not present"/>
-        <Modal isOpen={this.state.modal} fade={false} size="lg" toggle={this.toggle} className={this.props.className}>
-          <ModalHeader toggle={this.toggleModal}></ModalHeader>
-          <ModalBody>
-            <img style={{width: '100%'}} src={this.state.modalUrl} alt="Not present" />
-          </ModalBody>
-        </Modal>    </React.Fragment>
-
-    );
+                <img src={this.props.url} onClick={this.toggleModal} onError={this.onImgError} title="Click to enlarge" alt="Not present"/>
+                <Modal isOpen={this.state.modal} fade={false} size="lg" toggle={this.toggle} className={this.props.className}>
+                  <ModalHeader toggle={this.toggleModal}></ModalHeader>
+                  <ModalBody>
+                    <img style={{width: '100%'}} src={this.state.modalUrl} alt="Not present" />
+                  </ModalBody>
+                </Modal>
+            </React.Fragment>
+        );
     }
 }
 

LCU/Maintenance/MDB_WebView/maintenancedb_view/src/components/StationTestChildView.js

@@ -28,6 +28,8 @@ class StationTestChildViewC extends Component {
         modal_url: ""
     };
 
+    imgLoadTimeout = {}
+
     toggleModal = (e) => {
         this.setState({
           modal: !this.state.modal,

LCU/Maintenance/MDB_WebView/maintenancedb_view/src/components/header.css

@@ -3,11 +3,16 @@
 /* font color */
 /* font color */
 /* Data colors */
-.header {
+.header-navbar {
   background-color: #773b6f;
   padding: 20px;
   color: white; }
 
-.lofar {
+.header-brand em {
   font-weight: bold;
   font-style: normal; }
+
+.header-brand span {
+  color: #8d8d8d;
+  font-size: 1.5rem;
+  font-style: italic; }

LCU/Maintenance/MDB_WebView/maintenancedb_view/src/components/header.js

 import React, { Component } from 'react';
-import './header.css'
 import { Link } from 'react-router-dom';
 import { Collapse,
         Nav,
@@ -9,6 +8,9 @@ import { Collapse,
         NavItem,
         NavLink } from 'reactstrap';
 
+// CSS
+import './header.scss'
+
 
 class Header extends Component {
   constructor(props){
@@ -33,8 +35,8 @@ class Header extends Component {
 
   render() {
     return (
-      <Navbar className="header" dark expand="lg">
-        <NavbarBrand><h1><em className='lofar'>LOFAR</em> Station monitor</h1></NavbarBrand>
+      <Navbar className="header-navbar" dark expand="lg">
+        <NavbarBrand className='header-brand'><h1><em>LOFAR</em> Station monitor <span>v0.1</span></h1></NavbarBrand>
         <NavbarToggler onClick={() => this.toggle()} />
         <Collapse isOpen={this.state.isOpen} navbar>
           <Nav className="ml-auto" navbar>

LCU/Maintenance/MDB_WebView/maintenancedb_view/src/components/header.scss

 @import '../themes/lofar-variables.scss';
 
-.header {
+.header-navbar {
     background-color: $primary;
     padding: 20px;
     color: white;
 }
 
-.lofar {
+.header-brand em {
     font-weight: bold;
     font-style: normal;
 }
+
+.header-brand span {
+    color: $secondary-dark;
+    font-size: 1.5rem;
+    font-style: italic;
+}