0.29.3 (#443)

* Feature/404_adrescrab_land_onwijzigbaar (#405)

* #404 added extra countryId property to config

* #404 oneliner things

* juiste actoren urls gebruiken (#433)

* prepare release 0.29.2

* added text under spinner (#440)

* release 0.29.3

---------

Co-authored-by: AxelVerstappen <[email protected]>

dist/commonjs/spinner/spinner.d.ts

@@ -1,3 +1,4 @@
 export declare class Spinner {
     active: boolean;
+    spinnerText: string;
 }

dist/commonjs/spinner/spinner.html

@@ -1 +1 @@
-<template><require from="./styles/spinner.css"></require><div class="spinner-container"><div if.bind="active" class="spinner-overlay"><div class="spinner-content"><span class="spinner fa fa-pulse fa-spinner"></span></div></div></div></template>
+<template><require from="./styles/spinner.css"></require><div class="spinner-container"><div if.bind="active" class="spinner-overlay"><div class="spinner-content"><span class="spinner fa fa-pulse fa-spinner"></span></div><p show.bind="spinnerText" class="spinner-text">${spinnerText}</p></div></div></template>

dist/commonjs/spinner/styles/spinner.css

@@ -45,4 +45,17 @@
 .spinner-container .spinner:before {
   font-size: 50px;
   color: rgb(255, 255, 255);
+}
+.spinner-container .spinner-text {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, calc(-50% + 70px));
+  color: rgb(255, 255, 255);
+  text-align: center;
+  font-size: 1em;
+  font-weight: bold;
+  width: 100%;
+  margin: 0;
+  padding: 0;
 }

dist/native-modules/spinner/spinner.d.ts

@@ -1,3 +1,4 @@
 export declare class Spinner {
     active: boolean;
+    spinnerText: string;
 }

dist/native-modules/spinner/spinner.html

@@ -1 +1 @@
-<template><require from="./styles/spinner.css"></require><div class="spinner-container"><div if.bind="active" class="spinner-overlay"><div class="spinner-content"><span class="spinner fa fa-pulse fa-spinner"></span></div></div></div></template>
+<template><require from="./styles/spinner.css"></require><div class="spinner-container"><div if.bind="active" class="spinner-overlay"><div class="spinner-content"><span class="spinner fa fa-pulse fa-spinner"></span></div><p show.bind="spinnerText" class="spinner-text">${spinnerText}</p></div></div></template>

dist/native-modules/spinner/styles/spinner.css

@@ -45,4 +45,17 @@
 .spinner-container .spinner:before {
   font-size: 50px;
   color: rgb(255, 255, 255);
+}
+.spinner-container .spinner-text {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, calc(-50% + 70px));
+  color: rgb(255, 255, 255);
+  text-align: center;
+  font-size: 1em;
+  font-weight: bold;
+  width: 100%;
+  margin: 0;
+  padding: 0;
 }

package.json

@@ -1,7 +1,7 @@
 {
   "name": "oerelia",
   "description": "Onroerend Erfgoed Aurelia component library",
-  "version": "0.29.2",
+  "version": "0.29.3",
   "repository": {
     "type": "git",
     "url": "https://github.com/OnroerendErfgoed/oerelia.git"

src/spinner/spinner.html

@@ -5,6 +5,7 @@
       <div class="spinner-content">
         <span class="spinner fa fa-pulse fa-spinner"></span>
       </div>
+      <p show.bind="spinnerText" class="spinner-text">${spinnerText}</p>
     </div>
   </div>
 </template>

src/spinner/spinner.ts

@@ -2,4 +2,5 @@ import { bindable } from 'aurelia-framework';
 
 export class Spinner {
   @bindable public active: boolean;
+  @bindable public spinnerText: string;
 }

src/spinner/styles/spinner.scss

@@ -39,4 +39,17 @@
     font-size: 50px;
     color: $white
   }
+  .spinner-text {
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, calc(-50% + 70px));
+    color: $white;
+    text-align: center;
+    font-size: 1em;
+    font-weight: bold;
+    width: 100%;
+    margin: 0;
+    padding: 0;
+  }
 }