0.3.0 refactor

ui: adds overlay layer to patch-db-client

ui: getting towards mocks

ui: cleans up factory init

ui: nice type hack

ui: live api for patch

ui: api service source + http

starts up

ui: api source + http

ui: rework patchdb config, pass stashTimeout into patchDbModel

wires in temp patching into api service

ui: example of wiring patchdbmodel into page

begin integration

remove unnecessary method

linting

first data rendering

rework app initialization

http source working for ssh delete call

temp patches working

entire Embassy tab complete

not in kansas anymore

ripping, saving progress

progress for API request response types and endoint defs

Update data-model.ts

shambles, but in a good way

progress

big progress

progress

installed list working

big progress

progress

progress

begin marketplace redesign

Update api-types.ts

Update api-types.ts

marketplace improvements

cosmetic

dependencies and recommendations

begin nym auth approach

install wizard

restore flow and donations

ui/src/app/pages/server-routes/lan/lan.page.html

@@ -10,26 +10,33 @@
 <ion-content class="ion-padding-top">
 
   <ion-item-group>
-    <ion-item lines="none">
+    <!-- about -->
+    <ion-item>
       <ion-label class="ion-text-wrap">
-        You can connect to your Embassy over your Local Area Network (LAN). This can be useful for achieving a faster experience, as well as a fallback in case the Tor network is experiencing issues.
-      </ion-label>
-    </ion-item>
-
-    <ion-item *ngIf="lanDisabled">
-      <ion-label class="ion-text-wrap">
-        <ion-text color="warning" [innerHtml]="lanDisabledExplanation[lanDisabled]"></ion-text>
+        <p style="padding-bottom: 6px;">About</p>
+        <h2>You can connect to your Embassy over your Local Area Network (LAN). This can be useful for achieving a faster experience, as well as a fallback in case the Tor network is experiencing issues.</h2>
       </ion-label>
     </ion-item>
     <ion-item>
-      <ion-button slot="start" fill="clear" color="primary" (click)="viewInstructions()">View Instructions</ion-button>
+      <ion-button slot="start" fill="clear" color="primary" [href]="docsUrl" target="_blank">View Instructions</ion-button>
     </ion-item>
 
+    <ng-container *ngIf="lanDisabled">
+      <ion-item-divider></ion-item-divider>
+      <ion-item>
+        <ion-label class="ion-text-wrap">
+          <p style="padding-bottom: 4px;">Setup</p>
+          <ion-text color="warning" [innerHtml]="lanDisabledExplanation[lanDisabled]"></ion-text>
+        </ion-label>
+      </ion-item>
+    </ng-container>
+
+    <!-- Refresh Network -->
     <ion-item-divider></ion-item-divider>
-
     <ion-item>
       <ion-label class="ion-text-wrap">
-        If you are having issues connecting to your Embassy or services over LAN, you can try refreshing the network by clicking the button below.
+        <p style="padding-bottom: 6px;">Troubleshooting</p>
+        <h2>If you are having issues connecting to your Embassy over LAN, try refreshing the network by clicking the button below.</h2>
       </ion-label>
     </ion-item>
     <ion-item>
@@ -39,10 +46,10 @@
       </ion-button>
     </ion-item>
 
+    <ion-item-divider></ion-item-divider>
+
+    <!-- Certificate and Lan Address -->
     <ng-container *ngIf="!lanDisabled">
-      <ion-item-divider class="borderless"></ion-item-divider>
-      <ion-item-divider>Certificate and Address</ion-item-divider>
-      <!-- Certificate -->
       <ion-item>
         <ion-label class="ion-text-wrap">
           <h2>Root Certificate Authority</h2>
@@ -52,20 +59,21 @@
           <ion-icon slot="icon-only" name="download-outline"></ion-icon>
         </ion-button>
       </ion-item>
-      <!-- URL -->
+
       <ion-item>
         <ion-label class="ion-text-wrap">
           <h2>LAN Address</h2>
-          <p>{{ lanAddress }}</p>
+          <p>https://{{ patch.watch$('server-info', 'lan-address') | ngrxPush }}</p>
         </ion-label>
         <ion-button slot="end" fill="clear" (click)="copyLAN()">
           <ion-icon slot="icon-only" name="copy-outline"></ion-icon>
         </ion-button>
       </ion-item>
+      <ion-item-divider></ion-item-divider>
     </ng-container>
   </ion-item-group>
 
   <!-- hidden element for downloading cert -->
-  <a id="install-cert" href="/api/v0/certificate" download="Embassy Local CA.crt"></a>
+  <a id="install-cert" href="/public/local.crt" download="Embassy Local CA.crt"></a>
 
 </ion-content>