Move desktop into apps/desktop

apps/desktop/src/app/vault/view-custom-fields.component.html

@@ -0,0 +1,72 @@
+<div class="box">
+  <div class="box-header">
+    {{ "customFields" | i18n }}
+  </div>
+  <div class="box-content">
+    <div class="box-content-row box-content-row-flex" *ngFor="let field of cipher.fields">
+      <div class="row-main">
+        <span class="row-label">{{ field.name }}</span>
+        <div *ngIf="field.type === fieldType.Text">
+          {{ field.value || "&nbsp;" }}
+        </div>
+        <div *ngIf="field.type === fieldType.Hidden">
+          <span
+            *ngIf="field.showValue"
+            class="monospaced show-whitespace"
+            [innerHTML]="field.value | colorPassword"
+          ></span>
+          <span *ngIf="!field.showValue" class="monospaced">{{ field.maskedValue }}</span>
+        </div>
+        <div *ngIf="field.type === fieldType.Boolean">
+          <i class="bwi bwi-check-square" *ngIf="field.value === 'true'" aria-hidden="true"></i>
+          <i class="bwi bwi-square" *ngIf="field.value !== 'true'" aria-hidden="true"></i>
+          <span class="sr-only">{{ field.value }}</span>
+        </div>
+        <div *ngIf="field.type === fieldType.Linked" class="box-content-row-flex">
+          <div class="icon icon-small">
+            <i
+              class="bwi bwi-link"
+              aria-hidden="true"
+              appA11yTitle="{{ 'linkedValue' | i18n }}"
+            ></i>
+            <span class="sr-only">{{ "linkedValue" | i18n }}</span>
+          </div>
+          <span>{{ cipher.linkedFieldI18nKey(field.linkedId) | i18n }}</span>
+        </div>
+      </div>
+      <div class="action-buttons">
+        <button
+          type="button"
+          class="row-btn"
+          appStopClick
+          appA11yTitle="{{ 'toggleVisibility' | i18n }}"
+          *ngIf="field.type === fieldType.Hidden && cipher.viewPassword"
+          (click)="toggleFieldValue(field)"
+        >
+          <i
+            class="bwi bwi-lg"
+            aria-hidden="true"
+            [ngClass]="{ 'bwi-eye': !field.showValue, 'bwi-eye-slash': field.showValue }"
+          ></i>
+        </button>
+        <button
+          type="button"
+          class="row-btn"
+          appStopClick
+          appA11yTitle="{{ 'copyValue' | i18n }}"
+          *ngIf="
+            field.value &&
+            field.type !== fieldType.Boolean &&
+            field.type !== fieldType.Linked &&
+            !(field.type === fieldType.Hidden && !cipher.viewPassword)
+          "
+          (click)="
+            copy(field.value, 'value', field.type === fieldType.Hidden ? 'H_Field' : 'Field')
+          "
+        >
+          <i class="bwi bwi-lg bwi-clone" aria-hidden="true"></i>
+        </button>
+      </div>
+    </div>
+  </div>
+</div>