Add emphasis on keys in html
This commit is contained in:
parent
b8fa916f30
commit
caaa1ca969
2 changed files with 37 additions and 23 deletions
14
css/main.css
14
css/main.css
|
@ -1,6 +1,20 @@
|
||||||
|
:root {
|
||||||
|
--main-color: #212121;
|
||||||
|
--light-color: #737373;
|
||||||
|
--background-color: #fdfdfd;
|
||||||
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
font-family: "JetBrains Mono", "Roboto Mono", "Menlo", monospace;
|
font-family: "JetBrains Mono", "Roboto Mono", "Menlo", monospace;
|
||||||
|
color: var(--main-color);
|
||||||
|
background-color: var(--background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
#profile {
|
#profile {
|
||||||
white-space: pre-wrap;
|
white-space: pre-wrap;
|
||||||
|
color: var(--light-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
#profile strong {
|
||||||
|
color: var(--main-color);
|
||||||
}
|
}
|
46
index.html
46
index.html
|
@ -44,7 +44,7 @@
|
||||||
<string><input type="text" v-model="payload.EmailAccountDescription" v-bind:placeholder="payloadPlaceholders.EmailAccountDescription"></string>
|
<string><input type="text" v-model="payload.EmailAccountDescription" v-bind:placeholder="payloadPlaceholders.EmailAccountDescription"></string>
|
||||||
|
|
||||||
<!-- Incoming -->
|
<!-- Incoming -->
|
||||||
<key>IncomingMailServerAuthentication</key>
|
<key><strong>IncomingMailServerAuthentication</strong></key>
|
||||||
<string><select v-model="payload.IncomingMailServerAuthentication">
|
<string><select v-model="payload.IncomingMailServerAuthentication">
|
||||||
<option value="" disabled>Select...</option>
|
<option value="" disabled>Select...</option>
|
||||||
<option>EmailAuthNone</option>
|
<option>EmailAuthNone</option>
|
||||||
|
@ -53,17 +53,17 @@
|
||||||
<option>EmailAuthNTLM</option>
|
<option>EmailAuthNTLM</option>
|
||||||
<option>EmailAuthHTTPMD5</option>
|
<option>EmailAuthHTTPMD5</option>
|
||||||
</select></string>
|
</select></string>
|
||||||
<key>IncomingMailServerHostName</key>
|
<key><strong>IncomingMailServerHostName</strong></key>
|
||||||
<string><input type="text" v-model="payload.IncomingMailServerHostName" v-bind:placeholder="payloadPlaceholders.IncomingMailServerHostName"></string>
|
<string><input type="text" v-model="payload.IncomingMailServerHostName" v-bind:placeholder="payloadPlaceholders.IncomingMailServerHostName"></string>
|
||||||
<key>IncomingMailServerPortNumber</key>
|
<key><strong>IncomingMailServerPortNumber</strong></key>
|
||||||
<integer><input type="number" v-model="payload.IncomingMailServerPortNumber" v-bind:placeholder="payloadPlaceholders.IncomingMailServerPortNumber"></integer>
|
<integer><input type="number" v-model="payload.IncomingMailServerPortNumber" v-bind:placeholder="payloadPlaceholders.IncomingMailServerPortNumber"></integer>
|
||||||
<key>IncomingMailServerUsername</key>
|
<key><strong>IncomingMailServerUsername</strong></key>
|
||||||
<string><input type="text" v-model="payload.IncomingMailServerUsername" v-bind:placeholder="payloadPlaceholders.IncomingMailServerUsername"></string>
|
<string><input type="text" v-model="payload.IncomingMailServerUsername" v-bind:placeholder="payloadPlaceholders.IncomingMailServerUsername"></string>
|
||||||
<key>IncomingMailServerUseSSL</key>
|
<key><strong>IncomingMailServerUseSSL</strong></key>
|
||||||
<<input type="checkbox" v-model="payload.IncomingMailServerUseSSL">/>
|
<<input type="checkbox" v-model="payload.IncomingMailServerUseSSL">/>
|
||||||
|
|
||||||
<!-- Outgoing -->
|
<!-- Outgoing -->
|
||||||
<key>OutgoingMailServerAuthentication</key>
|
<key><strong>OutgoingMailServerAuthentication</strong></key>
|
||||||
<string><select v-model="payload.OutgoingMailServerAuthentication">
|
<string><select v-model="payload.OutgoingMailServerAuthentication">
|
||||||
<option value="" disabled>Select...</option>
|
<option value="" disabled>Select...</option>
|
||||||
<option>EmailAuthNone</option>
|
<option>EmailAuthNone</option>
|
||||||
|
@ -72,45 +72,45 @@
|
||||||
<option>EmailAuthNTLM</option>
|
<option>EmailAuthNTLM</option>
|
||||||
<option>EmailAuthHTTPMD5</option>
|
<option>EmailAuthHTTPMD5</option>
|
||||||
</select></string>
|
</select></string>
|
||||||
<key>OutgoingMailServerHostName</key>
|
<key><strong>OutgoingMailServerHostName</strong></key>
|
||||||
<string><input type="text" v-model="payload.OutgoingMailServerHostName" v-bind:placeholder="payloadPlaceholders.OutgoingMailServerHostName"></string>
|
<string><input type="text" v-model="payload.OutgoingMailServerHostName" v-bind:placeholder="payloadPlaceholders.OutgoingMailServerHostName"></string>
|
||||||
<key>OutgoingMailServerPortNumber</key>
|
<key><strong>OutgoingMailServerPortNumber</strong></key>
|
||||||
<integer><input type="number" v-model="payload.OutgoingMailServerPortNumber" v-bind:placeholder="payloadPlaceholders.OutgoingMailServerPortNumber"></integer>
|
<integer><input type="number" v-model="payload.OutgoingMailServerPortNumber" v-bind:placeholder="payloadPlaceholders.OutgoingMailServerPortNumber"></integer>
|
||||||
<key>OutgoingMailServerUsername</key>
|
<key><strong>OutgoingMailServerUsername</strong></key>
|
||||||
<string><input type="text" v-model="payload.OutgoingMailServerUsername" v-bind:placeholder="payloadPlaceholders.OutgoingMailServerUsername"></string>
|
<string><input type="text" v-model="payload.OutgoingMailServerUsername" v-bind:placeholder="payloadPlaceholders.OutgoingMailServerUsername"></string>
|
||||||
<key>OutgoingMailServerUseSSL</key>
|
<key><strong>OutgoingMailServerUseSSL</strong></key>
|
||||||
<<input type="checkbox" v-model="payload.OutgoingMailServerUseSSL">/>
|
<<input type="checkbox" v-model="payload.OutgoingMailServerUseSSL">/>
|
||||||
<key>OutgoingPasswordSameAsIncomingPassword</key>
|
<key><strong>OutgoingPasswordSameAsIncomingPassword</strong></key>
|
||||||
<<input type="checkbox" v-model="payload.OutgoingPasswordSameAsIncomingPassword">/>
|
<<input type="checkbox" v-model="payload.OutgoingPasswordSameAsIncomingPassword">/>
|
||||||
|
|
||||||
<!-- Common keys -->
|
<!-- Common keys -->
|
||||||
<key>PayloadDisplayName</key>
|
<key><strong>PayloadDisplayName</strong></key>
|
||||||
<string><input type="text" v-model="payload.PayloadDisplayName" v-bind:placeholder="payloadPlaceholders.PayloadDisplayName"></string>
|
<string><input type="text" v-model="payload.PayloadDisplayName" v-bind:placeholder="payloadPlaceholders.PayloadDisplayName"></string>
|
||||||
<key>PayloadDescription</key>
|
<key><strong>PayloadDescription</strong></key>
|
||||||
<string><input type="text" v-model="payload.PayloadDescription" v-bind:placeholder="payloadPlaceholders.PayloadDescription"></string>
|
<string><input type="text" v-model="payload.PayloadDescription" v-bind:placeholder="payloadPlaceholders.PayloadDescription"></string>
|
||||||
<key>PayloadIdentifier</key>
|
<key><strong>PayloadIdentifier</strong></key>
|
||||||
<string><input type="text" v-model="payload.PayloadIdentifier" v-bind:placeholder="payloadPlaceholders.PayloadIdentifier"></string>
|
<string><input type="text" v-model="payload.PayloadIdentifier" v-bind:placeholder="payloadPlaceholders.PayloadIdentifier"></string>
|
||||||
<key>PayloadType</key>
|
<key><strong>PayloadType</strong></key>
|
||||||
<string>{{ payload.PayloadType }}</string>
|
<string>{{ payload.PayloadType }}</string>
|
||||||
<key>PayloadUUID</key>
|
<key><strong>PayloadUUID</strong></key>
|
||||||
<string>{{ payload.PayloadUUID() }}</string>
|
<string>{{ payload.PayloadUUID() }}</string>
|
||||||
<key>PayloadVersion</key>
|
<key><strong>PayloadVersion</strong></key>
|
||||||
<integer>{{ payload.PayloadVersion }}</integer>
|
<integer>{{ payload.PayloadVersion }}</integer>
|
||||||
</dict>
|
</dict>
|
||||||
</array>
|
</array>
|
||||||
|
|
||||||
<!-- Common keys -->
|
<!-- Common keys -->
|
||||||
<key>PayloadDisplayName</key>
|
<key><strong>PayloadDisplayName</strong></key>
|
||||||
<string><input type="text" v-model="container.PayloadDisplayName" v-bind:placeholder="containerPlaceholders.PayloadDisplayName"></string>
|
<string><input type="text" v-model="container.PayloadDisplayName" v-bind:placeholder="containerPlaceholders.PayloadDisplayName"></string>
|
||||||
<key>PayloadDescription</key>
|
<key><strong>PayloadDescription</strong></key>
|
||||||
<string><input type="text" v-model="container.PayloadDescription" v-bind:placeholder="containerPlaceholders.PayloadDescription"></string>
|
<string><input type="text" v-model="container.PayloadDescription" v-bind:placeholder="containerPlaceholders.PayloadDescription"></string>
|
||||||
<key>PayloadIdentifier</key>
|
<key><strong>PayloadIdentifier</strong></key>
|
||||||
<string><input type="text" v-model="container.PayloadIdentifier" v-bind:placeholder="containerPlaceholders.PayloadIdentifier"></string>
|
<string><input type="text" v-model="container.PayloadIdentifier" v-bind:placeholder="containerPlaceholders.PayloadIdentifier"></string>
|
||||||
<key>PayloadType</key>
|
<key><strong>PayloadType</strong></key>
|
||||||
<string>{{ container.PayloadType }}</string>
|
<string>{{ container.PayloadType }}</string>
|
||||||
<key>PayloadUUID</key>
|
<key><strong>PayloadUUID</strong></key>
|
||||||
<string>{{ container.PayloadUUID() }}</string>
|
<string>{{ container.PayloadUUID() }}</string>
|
||||||
<key>PayloadVersion</key>
|
<key><strong>PayloadVersion</strong></key>
|
||||||
<integer>{{ container.PayloadVersion }}</integer>
|
<integer>{{ container.PayloadVersion }}</integer>
|
||||||
</dict>
|
</dict>
|
||||||
</plist>
|
</plist>
|
||||||
|
|
Loading…
Reference in a new issue