Replace load indicator logo png by svg

static/src/app/app.component.css

@@ -19,6 +19,13 @@ li {
   overflow-x: hidden;
 }
 
+.navbar-brand mat-icon {
+  color: #dadada;
+  width: 135px;
+  height: 40px;
+  stroke: #dadada;
+}
+
 .version-label {
   position: absolute;
   top: 27px;

static/src/app/app.component.html

@@ -4,7 +4,7 @@
 
       <div class="navbar-header">
         <a class="navbar-brand" href="#" style="padding-top: 2px">
-          <img height="40px" src="assets/opt-logo-klein.png">
+          <mat-icon svgIcon="opt-logo"></mat-icon>
         </a>
         <span class="version-label">{{version}}</span>
       </div>

static/src/app/app.component.ts

@@ -34,6 +34,8 @@ export class AppComponent implements OnInit {
   // a map of svgIcon names and associated svg file names
   // to load from assets/icon folder
   svgIcons = {
+    'opt-logo': 'general/opt-logo',
+    'loading-arrows': 'general/loading-arrows',
     'add': 'outline-add_box-24px',
     'add-user': 'twotone-person_add-24px',
     'award': 'award',

static/src/app/style/load-indicator.css

@@ -28,7 +28,7 @@
 }
 
 .load-arrow {
-  background: url(../../assets/loading.png) no-repeat;
+  background: url(../../assets/icon/general/loading-arrows.svg) no-repeat;
   display: block;
   width: 70px;
   height: 70px;

static/src/assets/icon/general/loading-arrows.svg

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="70px" height="70px" version="1.1" viewBox="0 0 70 70" xmlns="http://www.w3.org/2000/svg">
+ <path d="m0.25 34.88c0-3.06 0.25-6.77 0.94-9.69 2.43-10.28 12.69-20.77 22.75-23.75 3.65-1.09 5.7-0.92 11.12-1.19 3.64 0.02 10.15 0.2 16.63 3.81 2.22 1.24 8 5.32 10.31 7.44 1.69-1.38 6.06-6.12 8-7.5l-0.06 21.75s-22.13 0.37-22.13 0.37 7.13-7.31 7.13-7.31c-5.69-4.69-10.77-8.5-17.94-9.33-3.4-0.4-8.56-1.04-15 2.96-5.63 3.87-7.5 5.87-10.38 10.87-2.75 6.88-2.18 8.94-2.62 11.69l-8.75-0.12zm-0.25 8.12m69.75-7.88c0 3.06-0.25 6.77-0.94 9.69-2.43 10.28-12.69 20.77-22.75 23.75-3.65 1.09-5.7 0.92-11.12 1.19-3.64-0.02-10.15-0.2-16.63-3.81-2.22-1.24-8-5.32-10.31-7.44-1.69 1.38-6.06 6.12-8 7.5l0.06-21.75s22.13-0.37 22.13-0.37-7.13 7.31-7.13 7.31c5.69 4.69 10.77 8.5 17.94 9.33 3.4 0.4 8.56 1.04 15-2.96 5.62-3.87 7.5-5.87 10.38-10.87 2.74-6.88 2.18-8.94 2.62-11.69l8.75 0.12zm0.25-8.12"/>
+</svg>

static/src/assets/icon/general/opt-logo.svg

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="8.1795in" height="2.4302in" version="1.1" viewBox="0 0 589 175" xmlns="http://www.w3.org/2000/svg">
+ <path id="Selection" d="m299.6 31 13.4 49 5.28 17c0.59 1.95 1.44 5.81 2.94 7.14 2.1 1.87 6.72-0.04 8.78-1.23 8.52-4.9 9.56-11.98 8.91-20.91-1.38-18.87-19.74-43.66-28.91-60 6.63 4.79 12.93 13.4 17.87 20 11.84 15.81 27.88 42.89 28.8 63 0.34 1.84 0.27 4.23 0 6-3.26 10.4-15.85 8.15-23.67 5.99-2.04-0.57-6.81-2.37-8.69-1.59-2.84 1.16-2.23 6.1-2.35 8.6-0.27 5.9-1.65 11.28-5.49 15.91-12.3 14.83-31.09 10.89-40.11-4.91-4.85-8.5-3.22-14.64-6.36-23-7.95 4.12-29.61 11.7-36.4 2.78-3.67-4.82-0.52-19.25 1.12-24.78 5.33-17.95 15.19-34.16 26.41-49 4.39-5.8 11.27-14.64 16.87-19-11.02 19.63-27.24 39.76-29.7 63-0.89 8.46 3.74 16.15 11.7 19.29 2.57 0.88 7.13 2.27 9.4 0 1.76-1.58 2.24-7.74 2.68-10.29 1.06-6.03 2.82-13.34 6.92-18 1.88 14.14 5.36 29 11.31 42l5.65 10.8c0.93 1.12 2.74 2.64 3.85 0.74 1.21-2.07-1.68-9.11-2.39-11.54l-8.29-31c-6.81-27.24-9.49-60.77 4.87-86l5.6 30zm-55.6 1c-4.18 6.62-8.58 12.4-15 17 2.19-9.31 5.53-14.23 15-17zm115 17c-5.75-4.13-11.21-10.45-14-17 8.93 3.88 12.45 7.1 14 17zm-137 8 16-9c-3.73 7.23-11.58 14.66-19 18 0-11.25-1.25-16.23 7-25l-4 16zm147 9c-6.47-3.04-15.67-11.16-18-18l15 10-5-17c10.04 5 8 15.55 8 25zm-153 12 14-14c-3.43 9.81-4.9 9.13-9.91 17 0 0-4.09 7-4.09 7-5.78-13.17-6.51-20.45-2-34l2 24zm156 10c-4.14-7.93-11.55-16.26-13-24l14 14v-24c6.63 7.53 4.55 26.2-1 34zm-173-19c-2.22 5.58-6.67 16.22-3.69 21.94 1.96 3.75 4.85 3.66 6.09 6.36l1.27 10.7 5.33 15c-10.53-4.22-21.04-10.7-28.83-19.04-4.14-4.44-11.23-16.49-16.18-18.36-1.89-0.71-4.94-0.6-6.99-0.6h-95c-12.07-0.02-23.68-5.23-35-9l-20-7h193zm325 0h39l19 1c-15.68 3.58-39.28 14.98-54 15h-96c-12.76 0.03-10.05 4.55-22.17 18-8.21 9.11-18.26 15.96-29.83 20 2.28-5.29 4.49-9.19 5.54-15 0 0 0.77-9.86 0.77-9.86 1.17-4.03 5.23-3.28 7.09-8.16 2.2-5.75-2.06-15.24-3.4-20.98h134zm-307 34c2.12-8.41 2.28-14.4 9-21l-8 30c-9.62-14.43-11-15.57-11-33l10 24zm152 9c-0.23-10.16-7.09-22.69-5-29 4.2 7.61 6.25 11.05 7 20 3.48-4.86 7.77-16.97 9-23 5.07 9.21-3.8 25.9-11 32zm-260-21 18 1h19l9.89 0.6s4.11 4.4 4.11 4.4l-26 7.42-15 3.22-23-7.31s-26-9.33-26-9.33h39zm323.04 2.02 17.96-1.06h17l11-0.96h19l21 1-33 10.67s-17 4.98-17 4.98l-16-3.94s-24-6.71-24-6.71l4.04-3.98zm-200.04 40.98c-9.57-3.53-28.4-16.97-24-29 2.23 4.15 14.06 17.92 18 20-2.2-9.06-0.4-14.36 0-23l6 32zm-76-28.29c2.7-0.77 8.39-2.59 11-1.94 4.06 1.01 9.57 6.92 12 10.23l-15 8.26-10-1.95-21-8.31s23-6.29 23-6.29zm207 19.29s18-19 18-19c-0.33 14.52-11.98 22.14-24 28l4-31c4.43 8.61 2.4 13.33 2 22zm59-21.31 10 1.94 23 7.37-29 9.57-10-4.57-6-6 12-8.31zm-235 16.11c4.04 0.89 16.23 8.06 19 11.2l-7 4.09-8-1.76-18-7.33c3.51-2.29 9.7-7.14 14-6.2zm216-0.02c3.77 0.03 10.24 4.7 13 7.22 0 0-18 6-18 6-2.28 0.76-6.72 2.54-9 2.08-3.29-0.68-4.69-3.35-6-6.08 4.19-2.02 16.14-9.25 20-9.22zm-160.55 17.22 5.55 12c-16.26-0.15-25.1-6.72-34-20l28 17c-4.03-10.98-7.34-11.72-8-26 5.06 5.07 5.89 10.67 8.45 17zm104.55 9 27-17c-7.75 13.48-17.43 19.66-33 20 1.14-4.78 10.03-24.85 13-29 1.5 10.51-5.9 19.69-7 26zm-126-1-13-5 5-7c3.43 3.63 6.59 7.15 8 12zm160-5s-14 5-14 5l8-12s6 7 6 7zm-124 6.68 12 8.32c-13.44 3.03-30.18 6.96-40-6 0 0 31 6 31 6-4.06-7.05-9.43-5.52-13-18l10 9.68zm71 7.32c10.73 1.74 20.89-2.28 31-5-8.31 10.96-28.92 11.57-40 5 10.63-4.6 12.98-7.98 21-16 0.92 7.04-7.22 12.18-12 16zm-58 5.37c4.13-1.03 8.86-2.75 13-1.37-6.9 1.7-8.13 4.79-14 7.6-7.66 3.67-18.22 3.76-25-1.6 12.99 1.68 14.25-1.68 26-4.63zm45-1.69 17 7.13h11c-8.03 4.57-15.52 4.92-24 1.31-9.71-4.13-9.16-8-21-8.12 6.25 7.36 12.7 6.35 16 16-6.46-3.05-14.38-13.67-20-14.1-5.99-0.47-15.31 10.08-22 13.1l16-16s27 0.68 27 0.68z"/>
+</svg>