FEATURE: Added splash/icon and minor ui tweaks

* added color shading to titles for easier distinction of card type
 * tweaked the font size range

DynamicBibleIonic/config.xml

@@ -13,6 +13,24 @@
   <allow-intent href="geo:*"/>
   <platform name="android">
     <allow-intent href="market:*"/>
+    <splash src="resources\android\splash\drawable-land-ldpi-screen.png" density="land-ldpi"/>
+    <splash src="resources\android\splash\drawable-land-mdpi-screen.png" density="land-mdpi"/>
+    <splash src="resources\android\splash\drawable-land-hdpi-screen.png" density="land-hdpi"/>
+    <splash src="resources\android\splash\drawable-land-xhdpi-screen.png" density="land-xhdpi"/>
+    <splash src="resources\android\splash\drawable-land-xxhdpi-screen.png" density="land-xxhdpi"/>
+    <splash src="resources\android\splash\drawable-land-xxxhdpi-screen.png" density="land-xxxhdpi"/>
+    <splash src="resources\android\splash\drawable-port-ldpi-screen.png" density="port-ldpi"/>
+    <splash src="resources\android\splash\drawable-port-mdpi-screen.png" density="port-mdpi"/>
+    <splash src="resources\android\splash\drawable-port-hdpi-screen.png" density="port-hdpi"/>
+    <splash src="resources\android\splash\drawable-port-xhdpi-screen.png" density="port-xhdpi"/>
+    <splash src="resources\android\splash\drawable-port-xxhdpi-screen.png" density="port-xxhdpi"/>
+    <splash src="resources\android\splash\drawable-port-xxxhdpi-screen.png" density="port-xxxhdpi"/>
+    <icon src="resources\android\icon\drawable-ldpi-icon.png" density="ldpi"/>
+    <icon src="resources\android\icon\drawable-mdpi-icon.png" density="mdpi"/>
+    <icon src="resources\android\icon\drawable-hdpi-icon.png" density="hdpi"/>
+    <icon src="resources\android\icon\drawable-xhdpi-icon.png" density="xhdpi"/>
+    <icon src="resources\android\icon\drawable-xxhdpi-icon.png" density="xxhdpi"/>
+    <icon src="resources\android\icon\drawable-xxxhdpi-icon.png" density="xxxhdpi"/>
   </platform>
   <platform name="ios">
     <allow-intent href="itms:*"/>
@@ -25,6 +43,8 @@
   <preference name="BackupWebStorage" value="none"/>
   <preference name="SplashMaintainAspectRatio" value="true"/>
   <preference name="FadeSplashScreenDuration" value="300"/>
+  <preference name="SplashScreen" value="screen"/>
+  <preference name="SplashScreenDelay" value="3000"/>
   <feature name="StatusBar">
     <param name="ios-package" onload="true" value="CDVStatusBar"/>
   </feature>
@@ -34,4 +54,5 @@
   <plugin name="cordova-plugin-statusbar" spec="2.2.1"/>
   <plugin name="cordova-plugin-device" spec="1.1.4"/>
   <plugin name="cordova-plugin-splashscreen" spec="~4.0.1"/>
+  <icon src="resources\android\icon\drawable-xhdpi-icon.png"/>
 </widget>

DynamicBibleIonic/src/components/passage/passage.html

@@ -1,4 +1,4 @@
-<ion-item  class="title" padding>
+<ion-item  class="title passage-title">
     {{item.ref}}
     <button ion-button icon-only item-right large clear (click)="close()">
         <ion-icon name="close-circle"></ion-icon>

DynamicBibleIonic/src/components/passage/passage.scss

@@ -0,0 +1,3 @@
+.passage-title {
+    background-color:#c3cce4;
+}

DynamicBibleIonic/src/components/strongs-modal/strongs-modal.html

@@ -17,7 +17,7 @@
         <b>{{item.def.tr}} ({{item.def.sn}})</b> - {{item.def.p}} - {{item.def.lemma}} - <span [innerHTML]="item.def.de"></span><br>
     </p>
     <template [ngIf]="item.rmac !== null">
-        <h2>Robinsons Morphalogical Analysis Code</h2>
+        <h2>RMAC</h2>
         <b>{{item.rmac.id}}</b>
         <br>
         <ul>

DynamicBibleIonic/src/components/strongs/strongs.html

@@ -1,4 +1,4 @@
-<ion-item class="title" padding>
+<ion-item class="title strongs-title" padding>
     {{item.prefix}}{{item.sn}}
     <button ion-button icon-only item-right large clear (click)="close()">
         <ion-icon name="close-circle"></ion-icon>
@@ -11,7 +11,7 @@
         <b>{{item.def.tr}} ({{item.def.sn}})</b> - {{item.def.p}} - {{item.def.lemma}} - <span [innerHTML]="item.def.de"></span><br>
     </p>
     <template [ngIf]="item.rmac !== null">
-        <h2>Robinsons Morphalogical Analysis Code</h2>
+        <h2>RMAC</h2>
         <b>{{item.rmac.id}}</b>
         <br>
         <ul>

DynamicBibleIonic/src/components/strongs/strongs.scss

@@ -1,3 +1,6 @@
 strongs ion-scroll {
     height: 250px;
+}
+.strongs-title {
+    background-color:#c6efd4;
 }

DynamicBibleIonic/src/components/words/words.html

@@ -1,4 +1,4 @@
-<ion-item class="title" padding>
+<ion-item class="title words-title" padding>
     {{item.refs.length}} results for {{item.word}}
     <button ion-button icon-only item-right large clear (click)="close()">
         <ion-icon name="close-circle"></ion-icon>

DynamicBibleIonic/src/components/words/words.scss

@@ -1,11 +1,14 @@
-
+.words-title {
+    background-color:#ffe0e0;
+}
+
 words ion-scroll {
     white-space: nowrap;
     height: 200px;
 }
 
 ion-col .button{
-    background-color: #fbfbfb;
+    background-color: #fceeee;
     padding: 9px 6px 9px 6px;
     width: 100%;
     height: 100%;

DynamicBibleIonic/src/pages/search/search.html

@@ -7,21 +7,28 @@
     </ion-navbar>
 </ion-header>
 <ion-content padding class="search-card">
+    <!--<ion-list [virtualScroll]="userProfile.user.items" no-lines approxItemHeight="200px" bufferRatio="10">
+        <div *virtualItem="let item" style="width: 100%">
+            <ion-card>
+                <passage *ngIf="isPassage(item.type)" [cardItem]="item" [item]="item.data" (onClose)="removeItem($event)" [dict]="item.dict" (onStrongsClicked)="getItemsNextToCard($event)"></passage>
+                <strongs *ngIf="isStrongs(item.type)" [cardItem]="item" [item]="item.data" (onClose)="removeItem($event)" (onPassageClicked)="getItemsNextToCard($event)"></strongs>
+                <words *ngIf="isWords(item.type)" [cardItem]="item" [item]="item.data" (onClose)="removeItem($event)" (onPassageClicked)="getItemsNextToCard($event)"></words>
+                <button ion-button icon-left clear small (click)="removeItem(item)">
+                    <ion-icon name="close-circle"></ion-icon>
+                    <div>Close</div>
+                </button>
+            </ion-card>
+            <div style="height:10px"></div>
+        </div>
+    </ion-list>-->
+
     <ion-card *ngFor="let item of userProfile.user.items">
         <passage *ngIf="isPassage(item.type)" [cardItem]="item" [item]="item.data" (onClose)="removeItem($event)" [dict]="item.dict" (onStrongsClicked)="getItemsNextToCard($event)"></passage>
         <strongs *ngIf="isStrongs(item.type)" [cardItem]="item" [item]="item.data" (onClose)="removeItem($event)" (onPassageClicked)="getItemsNextToCard($event)"></strongs>
-        <words   *ngIf="isWords(item.type)"   [cardItem]="item" [item]="item.data" (onClose)="removeItem($event)" (onPassageClicked)="getItemsNextToCard($event)"></words>
+        <words *ngIf="isWords(item.type)" [cardItem]="item" [item]="item.data" (onClose)="removeItem($event)" (onPassageClicked)="getItemsNextToCard($event)"></words>
         <button ion-button icon-left clear small (click)="removeItem(item)">
             <ion-icon name="close-circle"></ion-icon>
             <div>Close</div>
         </button>
-        <!--<button ion-button icon-left clear small>
-            <ion-icon name="text"></ion-icon>
-            <div>4 Notes</div>
-        </button>
-        <button ion-button icon-left clear small>
-            <ion-icon name="text"></ion-icon>
-            <div>8 Tags</div>
-        </button>-->
     </ion-card>
 </ion-content>

DynamicBibleIonic/src/pages/search/search.scss

@@ -1,15 +1,16 @@
 .search-card {
     p {
-        margin: 1rem 0;
-        line-height: 1rem;
-        font-size: 1rem;
+        margin: 1em 0;
+        line-height: 1em;
+        font-size: 1em;
     }
 }
 
 .search-card {
     .title {
-        background-color: gainsboro;
-        font-size: 2rem;
+        font-size: 1.3em;
+        font-family: 'Roboto', Helvetica, Arial, sans-serif;
+        font-weight: 400;
     }
 
     a {
@@ -19,12 +20,15 @@
 }
 
 body {
- -webkit-user-select: auto !important;
-.scroll {
-    -webkit-user-select: inherit;
-  }
+    -webkit-user-select: auto !important;
+
+    .scroll {
+        -webkit-user-select: inherit;
+    }
 }
 
 .card-md h2 {
-    font-size: 2rem;
+    font-size: 1.2em;
+    font-weight: bold;
 }
+.item-md.item-block .item-inner {padding: 0px;}

DynamicBibleIonic/src/pages/settings/settings.html

@@ -13,7 +13,7 @@
                 Adjust Text
             </ion-list-header>
             <ion-item>
-                <ion-range min="6" max="24" step="2" snaps="true" [(ngModel)]="userProfile.user.font_size" (ionChange)="textSizeChanged()">
+                <ion-range min="6" max="20" step="1" snaps="true" [(ngModel)]="userProfile.user.font_size" (ionChange)="textSizeChanged()">
                     <ion-label range-left class="small-text">A</ion-label>
                     <ion-label range-right>A</ion-label>
                 </ion-range>
@@ -21,18 +21,18 @@
         </ion-list>
         <ion-item>
             <ion-label>Show Strongs as Modal</ion-label>
-            <ion-toggle color="dark" [(ngModel)]="userProfile.user.strong_modal" (ionChange)="save()"></ion-toggle>
+            <ion-toggle color="dark" [(ngModel)]="userProfile.user.strongs_modal" (ionChange)="save()"></ion-toggle>
         </ion-item>
         <ion-item>
-            <ion-label>Clear Search Bar after Query</ion-label>
+            <ion-label>Clear Search after Query</ion-label>
             <ion-toggle color="dark" [(ngModel)]="userProfile.user.clear_search_after_query" (ionChange)="save()"></ion-toggle>
         </ion-item>
         <ion-item>
-            <ion-label>Append Results to the Bottom of List</ion-label>
+            <ion-label>Append Results Below</ion-label>
             <ion-toggle color="dark" [(ngModel)]="userProfile.user.append_to_bottom" (ionChange)="save()"></ion-toggle>
         </ion-item>
         <ion-item>
-            <ion-label>Insert Results Next To Item</ion-label>
+            <ion-label>Insert Result Next to Item</ion-label>
             <ion-toggle color="dark" [(ngModel)]="userProfile.user.insert_next_to_item" (ionChange)="save()"></ion-toggle>
         </ion-item>
         <ion-item>