Initial commit

client/res/templates/fields/email/detail.tpl

@@ -0,0 +1,36 @@
+{{#if emailAddressData}}
+    {{#each emailAddressData}}
+        <div>
+            {{#unless invalid}}
+            {{#unless erased}}
+            <a
+                role="button"
+                tabindex="0"
+                data-email-address="{{emailAddress}}"
+                data-action="mailTo"
+                class="selectable"
+            >
+            {{/unless}}
+            {{/unless}}
+            <span {{#if lineThrough}}style="text-decoration: line-through"{{/if}}>{{emailAddress}}</span>
+            {{#unless invalid}}
+            {{#unless erased}}
+            </a>
+            {{/unless}}
+            {{/unless}}
+        </div>
+    {{/each}}
+{{else}}
+    {{#if value}}
+    <a
+        role="button"
+        tabindex="0"
+        data-email-address="{{value}}"
+        data-action="mailTo"
+        class="selectable"
+    >{{value}}</a>
+    {{else}}
+        {{#if valueIsSet}}<span class="none-value">{{translate 'None'}}</span>{{else}}
+        <span class="loading-value"></span>{{/if}}
+    {{/if}}
+{{/if}}

client/res/templates/fields/email/edit.tpl

@@ -0,0 +1,68 @@
+<div>
+{{#each emailAddressData}}
+    <div class="input-group email-address-block {{#if ../onlyPrimary}} only-primary {{/if}}">
+        <input
+            type="email"
+            class="form-control email-address{{#if optOut}} text-strikethrough{{/if}}{{#if invalid}} text-danger{{/if}}"
+            value="{{emailAddress}}" autocomplete="espo-{{../name}}"
+            maxlength={{../itemMaxLength}}
+        >
+        {{#unless ../onlyPrimary}}
+        <span class="input-group-btn">
+            <button
+                class="btn btn-default btn-icon email-property{{#if primary}} active{{/if}} hidden"
+                type="button"
+                data-action="switchEmailProperty"
+                data-property-type="primary"
+                data-toggle="tooltip"
+                data-placement="top"
+                title="{{translate 'Primary' scope='EmailAddress'}}"
+            >
+                <span class="fas fa-star fa-sm{{#unless primary}} text-muted{{/unless}}"></span>
+            </button>
+            <button
+                class="btn btn-default btn-icon email-property{{#if optOut}} active{{/if}}"
+                type="button"
+                data-action="switchEmailProperty"
+                data-property-type="optOut"
+                data-toggle="tooltip"
+                data-placement="top"
+                title="{{translate 'Opted Out' scope='EmailAddress'}}"
+            >
+                <span class="fas fa-ban{{#unless optOut}} text-muted{{/unless}}"></span>
+            </button>
+            <button
+                class="btn btn-default btn-icon radius-right email-property{{#if invalid}} active{{/if}}"
+                type="button"
+                data-action="switchEmailProperty"
+                data-property-type="invalid"
+                data-toggle="tooltip"
+                data-placement="top"
+                title="{{translate 'Invalid' scope='EmailAddress'}}"
+            >
+                <span class="fas fa-exclamation-circle{{#unless invalid}} text-muted{{/unless}}"></span>
+            </button>
+            <button
+                class="btn btn-link btn-icon hidden"
+                type="button"
+                tabindex="-1"
+                data-action="removeEmailAddress"
+                data-toggle="tooltip"
+                data-placement="top"
+                title="{{translate 'Remove'}}"
+            >
+                <span class="fas fa-times"></span>
+            </button>
+        </span>
+        {{/unless}}
+    </div>
+{{/each}}
+</div>
+
+{{#unless onlyPrimary}}
+    <button
+        class="btn btn-default btn-icon"
+        type="button"
+        data-action="addEmailAddress"
+    ><span class="fas fa-plus"></span></button>
+{{/unless}}

client/res/templates/fields/email/list.tpl

@@ -0,0 +1,17 @@
+{{#if isErased}}
+    {{value}}
+{{else}}
+{{#unless isInvalid}}
+    <a
+        role="button"
+        tabindex="0"
+        data-email-address="{{value}}"
+        data-action="mailTo"
+        title="{{value}}"
+        class="selectable text-default"
+        {{#if isOptedOut}}style="text-decoration: line-through;"{{/if}}
+    >{{value}}</a>
+{{else}}
+    <span title="{{value}}" style="text-decoration: line-through;">{{value}}</span>
+{{/unless}}
+{{/if}}