Add offline cachine for file group elements and contents (not files, though)

2020-10-21 23:12:57 -05:00
parent 02d8505b05
commit 294b312641
9 changed files with 265 additions and 47 deletions
--- a/src/app/components/editor/database/database.component.html
+++ b/src/app/components/editor/database/database.component.html
@@ -1,4 +1,4 @@
-<div class="database-wrapper">
+<div class="database-wrapper" *ngIf="!notAvailableOffline">
  <ion-toolbar>
    <ion-input
            [readonly]="readonly"
@@ -25,3 +25,7 @@
    ></ag-grid-angular>
  </div>
 </div>
+
+<div class="database-wrapper not-available" *ngIf="notAvailableOffline">
+  Sorry, this database is not available offline yet.
+</div>
--- a/src/app/components/editor/database/database.component.scss
+++ b/src/app/components/editor/database/database.component.scss
@@ -1,4 +1,11 @@
 div.database-wrapper {
  border: 2px solid #8c8c8c;
  border-radius: 3px;
+
+  &.not-available {
+    height: 600px;
+    text-align: center;
+    padding-top: 100px;
+    color: #494949;
+  }
 }