mobileconfig-generator/index.html

<!doctype html>
<html lang="en-us">

<head>
    <meta charset="utf-8">
    <title>Mobileconfig Generator</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="css/main.css">
</head>

<body>
<div id="app">
    <h1>1. Fill in the forms for your email configuration profile</h1>
    <p>Documentation can be found
        <a href="https://developer.apple.com/documentation/devicemanagement/configuring_multiple_devices_using_profiles">here</a>
        for common fields and
        <a href="https://developer.apple.com/documentation/devicemanagement/mail">here</a>
        for email specific fields.
    </p>
    <p>
        Everything happens in your browser, your data isn't sent anywhere.
    </p>
    <p>
        This is a free and open source software released under the GPL v3.0. The source code is available
        <a href="https://sr.ht/~crocmagnon/mobileconfig-generator/">on sourcehut</a>.
    </p>
    <div id="profile">
    &lt;?xml version="1.0" encoding="UTF-8"?&gt;
    &lt;!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd"&gt;
    &lt;plist version='1.0'&gt;
        &lt;dict&gt;
            &lt;key&gt;PayloadContent&lt;/key&gt;
            &lt;array&gt;
                &lt;dict&gt;
                    &lt;key&gt;<strong>EmailAccountType</strong>&lt;/key&gt;
                    &lt;string&gt;<select v-model="payload.EmailAccountType">
                                       <option value="" disabled>Select...</option>
                                       <option>EmailTypeIMAP</option>
                                       <option>EmailTypePOP</option>
                                   </select>&lt;/string&gt;
                    &lt;key&gt;<strong>EmailAddress</strong>&lt;/key&gt;
                    &lt;string&gt;<input type="email" v-model="payload.EmailAddress" v-bind:placeholder="payloadPlaceholders.EmailAddress">&lt;/string&gt;
                    &lt;key&gt;<strong>EmailAccountDescription</strong>&lt;/key&gt;
                    &lt;string&gt;<input type="text" v-model="payload.EmailAccountDescription" v-bind:placeholder="payloadPlaceholders.EmailAccountDescription">&lt;/string&gt;

                    &lt;!-- Incoming --&gt;
                    &lt;key&gt;<strong>IncomingMailServerAuthentication</strong>&lt;/key&gt;
                    &lt;string&gt;<select v-model="payload.IncomingMailServerAuthentication">
                                      <option value="" disabled>Select...</option>
                                      <option>EmailAuthNone</option>
                                      <option>EmailAuthPassword</option>
                                      <option>EmailAuthCRAMMD5</option>
                                      <option>EmailAuthNTLM</option>
                                      <option>EmailAuthHTTPMD5</option>
                                  </select>&lt;/string&gt;
                    &lt;key&gt;<strong>IncomingMailServerHostName</strong>&lt;/key&gt;
                    &lt;string&gt;<input type="text" v-model="payload.IncomingMailServerHostName" v-bind:placeholder="payloadPlaceholders.IncomingMailServerHostName">&lt;/string&gt;
                    &lt;key&gt;<strong>IncomingMailServerPortNumber</strong>&lt;/key&gt;
                    &lt;integer&gt;<input type="number" v-model="payload.IncomingMailServerPortNumber" v-bind:placeholder="payloadPlaceholders.IncomingMailServerPortNumber">&lt;/integer&gt;
                    &lt;key&gt;<strong>IncomingMailServerUsername</strong>&lt;/key&gt;
                    &lt;string&gt;<input type="text" v-model="payload.IncomingMailServerUsername" v-bind:placeholder="payloadPlaceholders.IncomingMailServerUsername">&lt;/string&gt;
                    &lt;key&gt;<strong>IncomingMailServerUseSSL</strong>&lt;/key&gt;
                    &lt;<input type="checkbox" v-model="payload.IncomingMailServerUseSSL">/&gt;

                    &lt;!-- Outgoing --&gt;
                    &lt;key&gt;<strong>OutgoingMailServerAuthentication</strong>&lt;/key&gt;
                    &lt;string&gt;<select v-model="payload.OutgoingMailServerAuthentication">
                                      <option value="" disabled>Select...</option>
                                      <option>EmailAuthNone</option>
                                      <option>EmailAuthPassword</option>
                                      <option>EmailAuthCRAMMD5</option>
                                      <option>EmailAuthNTLM</option>
                                      <option>EmailAuthHTTPMD5</option>
                                  </select>&lt;/string&gt;
                    &lt;key&gt;<strong>OutgoingMailServerHostName</strong>&lt;/key&gt;
                    &lt;string&gt;<input type="text" v-model="payload.OutgoingMailServerHostName" v-bind:placeholder="payloadPlaceholders.OutgoingMailServerHostName">&lt;/string&gt;
                    &lt;key&gt;<strong>OutgoingMailServerPortNumber</strong>&lt;/key&gt;
                    &lt;integer&gt;<input type="number" v-model="payload.OutgoingMailServerPortNumber" v-bind:placeholder="payloadPlaceholders.OutgoingMailServerPortNumber">&lt;/integer&gt;
                    &lt;key&gt;<strong>OutgoingMailServerUsername</strong>&lt;/key&gt;
                    &lt;string&gt;<input type="text" v-model="payload.OutgoingMailServerUsername" v-bind:placeholder="payloadPlaceholders.OutgoingMailServerUsername">&lt;/string&gt;
                    &lt;key&gt;<strong>OutgoingMailServerUseSSL</strong>&lt;/key&gt;
                    &lt;<input type="checkbox" v-model="payload.OutgoingMailServerUseSSL">/&gt;
                    &lt;key&gt;<strong>OutgoingPasswordSameAsIncomingPassword</strong>&lt;/key&gt;
                    &lt;<input type="checkbox" v-model="payload.OutgoingPasswordSameAsIncomingPassword">/&gt;

                    &lt;!-- Common keys --&gt;
                    &lt;key&gt;<strong>PayloadDisplayName</strong>&lt;/key&gt;
                    &lt;string&gt;<input type="text" v-model="payload.PayloadDisplayName" v-bind:placeholder="payloadPlaceholders.PayloadDisplayName">&lt;/string&gt;
                    &lt;key&gt;<strong>PayloadDescription</strong>&lt;/key&gt;
                    &lt;string&gt;<input type="text" v-model="payload.PayloadDescription" v-bind:placeholder="payloadPlaceholders.PayloadDescription">&lt;/string&gt;
                    &lt;key&gt;<strong>PayloadIdentifier</strong>&lt;/key&gt;
                    &lt;string&gt;<input type="text" v-model="payload.PayloadIdentifier" v-bind:placeholder="payloadPlaceholders.PayloadIdentifier">&lt;/string&gt;
                    &lt;key&gt;<strong>PayloadType</strong>&lt;/key&gt;
                    &lt;string&gt;{{ payload.PayloadType }}&lt;/string&gt;
                    &lt;key&gt;<strong>PayloadUUID</strong>&lt;/key&gt;
                    &lt;string&gt;{{ payload.PayloadUUID() }}&lt;/string&gt;
                    &lt;key&gt;<strong>PayloadVersion</strong>&lt;/key&gt;
                    &lt;integer&gt;{{ payload.PayloadVersion }}&lt;/integer&gt;
                &lt;/dict&gt;
            &lt;/array&gt;

            &lt;!-- Common keys --&gt;
            &lt;key&gt;<strong>PayloadDisplayName</strong>&lt;/key&gt;
            &lt;string&gt;<input type="text" v-model="container.PayloadDisplayName" v-bind:placeholder="containerPlaceholders.PayloadDisplayName">&lt;/string&gt;
            &lt;key&gt;<strong>PayloadDescription</strong>&lt;/key&gt;
            &lt;string&gt;<input type="text" v-model="container.PayloadDescription" v-bind:placeholder="containerPlaceholders.PayloadDescription">&lt;/string&gt;
            &lt;key&gt;<strong>PayloadIdentifier</strong>&lt;/key&gt;
            &lt;string&gt;<input type="text" v-model="container.PayloadIdentifier" v-bind:placeholder="containerPlaceholders.PayloadIdentifier">&lt;/string&gt;
            &lt;key&gt;<strong>PayloadType</strong>&lt;/key&gt;
            &lt;string&gt;{{ container.PayloadType }}&lt;/string&gt;
            &lt;key&gt;<strong>PayloadUUID</strong>&lt;/key&gt;
            &lt;string&gt;{{ container.PayloadUUID() }}&lt;/string&gt;
            &lt;key&gt;<strong>PayloadVersion</strong>&lt;/key&gt;
            &lt;integer&gt;{{ container.PayloadVersion }}&lt;/integer&gt;
        &lt;/dict&gt;
    &lt;/plist&gt;
    </div>

    <h1>2. Download your profile</h1>
    <a v-bind:href="generatedProfileLink" v-bind:download="downloadFileName">Download</a>

    <h1>3. Or copy/paste</h1>
    <textarea rows="30" cols="80">{{ generatedProfile }}</textarea>
</div>
<script src="js/vue.min.js"></script>
<script src="js/main.js"></script>
</body>

</html>
Initial version without libs 2020-06-22 17:24:44 +02:00			`<!doctype html>`
			`<html lang="en-us">`

			`<head>`
			`<meta charset="utf-8">`
Add a title 2020-06-22 22:21:25 +02:00			`<title>Mobileconfig Generator</title>`
Initial version without libs 2020-06-22 17:24:44 +02:00			`<meta name="viewport" content="width=device-width, initial-scale=1">`
			`<link rel="stylesheet" href="css/main.css">`
			`</head>`

			`<body>`
Get it working with vue js 2020-06-22 21:28:22 +02:00			`<div id="app">`
			`<h1>1. Fill in the forms for your email configuration profile</h1>`
			`<p>Documentation can be found`
			`<a href="https://developer.apple.com/documentation/devicemanagement/configuring_multiple_devices_using_profiles">here</a>`
			`for common fields and`
			`<a href="https://developer.apple.com/documentation/devicemanagement/mail">here</a>`
			`for email specific fields.`
Initial version without libs 2020-06-22 17:24:44 +02:00			`</p>`
Add everything in browser mention 2020-06-23 17:26:20 +02:00			`<p>`
			`Everything happens in your browser, your data isn't sent anywhere.`
			`</p>`
Add license, readme and link to sources in page 2020-06-22 21:43:11 +02:00			`<p>`
			`This is a free and open source software released under the GPL v3.0. The source code is available`
			`<a href="https://sr.ht/~crocmagnon/mobileconfig-generator/">on sourcehut</a>.`
			`</p>`
Get it working with vue js 2020-06-22 21:28:22 +02:00			`<div id="profile">`
			`<?xml version="1.0" encoding="UTF-8"?>`
			`<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">`
			`<plist version='1.0'>`
			`<dict>`
			`<key>PayloadContent</key>`
			`<array>`
			`<dict>`
Add minified vuejs to the repo to reduce dependencies 2020-06-23 17:43:03 +02:00			`<key><strong>EmailAccountType</strong></key>`
Get it working with vue js 2020-06-22 21:28:22 +02:00			`<string><select v-model="payload.EmailAccountType">`
			`<option value="" disabled>Select...</option>`
			`<option>EmailTypeIMAP</option>`
			`<option>EmailTypePOP</option>`
			`</select></string>`
Add minified vuejs to the repo to reduce dependencies 2020-06-23 17:43:03 +02:00			`<key><strong>EmailAddress</strong></key>`
Get it working with vue js 2020-06-22 21:28:22 +02:00			`<string><input type="email" v-model="payload.EmailAddress" v-bind:placeholder="payloadPlaceholders.EmailAddress"></string>`
Add minified vuejs to the repo to reduce dependencies 2020-06-23 17:43:03 +02:00			`<key><strong>EmailAccountDescription</strong></key>`
Get it working with vue js 2020-06-22 21:28:22 +02:00			`<string><input type="text" v-model="payload.EmailAccountDescription" v-bind:placeholder="payloadPlaceholders.EmailAccountDescription"></string>`

			`<!-- Incoming -->`
Add emphasis on keys in html 2020-06-23 17:51:27 +02:00			`<key><strong>IncomingMailServerAuthentication</strong></key>`
Get it working with vue js 2020-06-22 21:28:22 +02:00			`<string><select v-model="payload.IncomingMailServerAuthentication">`
			`<option value="" disabled>Select...</option>`
			`<option>EmailAuthNone</option>`
			`<option>EmailAuthPassword</option>`
			`<option>EmailAuthCRAMMD5</option>`
			`<option>EmailAuthNTLM</option>`
			`<option>EmailAuthHTTPMD5</option>`
			`</select></string>`
Add emphasis on keys in html 2020-06-23 17:51:27 +02:00			`<key><strong>IncomingMailServerHostName</strong></key>`
Get it working with vue js 2020-06-22 21:28:22 +02:00			`<string><input type="text" v-model="payload.IncomingMailServerHostName" v-bind:placeholder="payloadPlaceholders.IncomingMailServerHostName"></string>`
Add emphasis on keys in html 2020-06-23 17:51:27 +02:00			`<key><strong>IncomingMailServerPortNumber</strong></key>`
Get it working with vue js 2020-06-22 21:28:22 +02:00			`<integer><input type="number" v-model="payload.IncomingMailServerPortNumber" v-bind:placeholder="payloadPlaceholders.IncomingMailServerPortNumber"></integer>`
Add emphasis on keys in html 2020-06-23 17:51:27 +02:00			`<key><strong>IncomingMailServerUsername</strong></key>`
Get it working with vue js 2020-06-22 21:28:22 +02:00			`<string><input type="text" v-model="payload.IncomingMailServerUsername" v-bind:placeholder="payloadPlaceholders.IncomingMailServerUsername"></string>`
Add emphasis on keys in html 2020-06-23 17:51:27 +02:00			`<key><strong>IncomingMailServerUseSSL</strong></key>`
Get it working with vue js 2020-06-22 21:28:22 +02:00			`<<input type="checkbox" v-model="payload.IncomingMailServerUseSSL">/>`

			`<!-- Outgoing -->`
Add emphasis on keys in html 2020-06-23 17:51:27 +02:00			`<key><strong>OutgoingMailServerAuthentication</strong></key>`
Get it working with vue js 2020-06-22 21:28:22 +02:00			`<string><select v-model="payload.OutgoingMailServerAuthentication">`
			`<option value="" disabled>Select...</option>`
			`<option>EmailAuthNone</option>`
			`<option>EmailAuthPassword</option>`
			`<option>EmailAuthCRAMMD5</option>`
			`<option>EmailAuthNTLM</option>`
			`<option>EmailAuthHTTPMD5</option>`
			`</select></string>`
Add emphasis on keys in html 2020-06-23 17:51:27 +02:00			`<key><strong>OutgoingMailServerHostName</strong></key>`
Get it working with vue js 2020-06-22 21:28:22 +02:00			`<string><input type="text" v-model="payload.OutgoingMailServerHostName" v-bind:placeholder="payloadPlaceholders.OutgoingMailServerHostName"></string>`
Add emphasis on keys in html 2020-06-23 17:51:27 +02:00			`<key><strong>OutgoingMailServerPortNumber</strong></key>`
Get it working with vue js 2020-06-22 21:28:22 +02:00			`<integer><input type="number" v-model="payload.OutgoingMailServerPortNumber" v-bind:placeholder="payloadPlaceholders.OutgoingMailServerPortNumber"></integer>`
Add emphasis on keys in html 2020-06-23 17:51:27 +02:00			`<key><strong>OutgoingMailServerUsername</strong></key>`
Get it working with vue js 2020-06-22 21:28:22 +02:00			`<string><input type="text" v-model="payload.OutgoingMailServerUsername" v-bind:placeholder="payloadPlaceholders.OutgoingMailServerUsername"></string>`
Add emphasis on keys in html 2020-06-23 17:51:27 +02:00			`<key><strong>OutgoingMailServerUseSSL</strong></key>`
Get it working with vue js 2020-06-22 21:28:22 +02:00			`<<input type="checkbox" v-model="payload.OutgoingMailServerUseSSL">/>`
Add emphasis on keys in html 2020-06-23 17:51:27 +02:00			`<key><strong>OutgoingPasswordSameAsIncomingPassword</strong></key>`
Get it working with vue js 2020-06-22 21:28:22 +02:00			`<<input type="checkbox" v-model="payload.OutgoingPasswordSameAsIncomingPassword">/>`

			`<!-- Common keys -->`
Add emphasis on keys in html 2020-06-23 17:51:27 +02:00			`<key><strong>PayloadDisplayName</strong></key>`
Get it working with vue js 2020-06-22 21:28:22 +02:00			`<string><input type="text" v-model="payload.PayloadDisplayName" v-bind:placeholder="payloadPlaceholders.PayloadDisplayName"></string>`
Add emphasis on keys in html 2020-06-23 17:51:27 +02:00			`<key><strong>PayloadDescription</strong></key>`
Get it working with vue js 2020-06-22 21:28:22 +02:00			`<string><input type="text" v-model="payload.PayloadDescription" v-bind:placeholder="payloadPlaceholders.PayloadDescription"></string>`
Add emphasis on keys in html 2020-06-23 17:51:27 +02:00			`<key><strong>PayloadIdentifier</strong></key>`
Get it working with vue js 2020-06-22 21:28:22 +02:00			`<string><input type="text" v-model="payload.PayloadIdentifier" v-bind:placeholder="payloadPlaceholders.PayloadIdentifier"></string>`
Add emphasis on keys in html 2020-06-23 17:51:27 +02:00			`<key><strong>PayloadType</strong></key>`
Get it working with vue js 2020-06-22 21:28:22 +02:00			`<string>{{ payload.PayloadType }}</string>`
Add emphasis on keys in html 2020-06-23 17:51:27 +02:00			`<key><strong>PayloadUUID</strong></key>`
Get it working with vue js 2020-06-22 21:28:22 +02:00			`<string>{{ payload.PayloadUUID() }}</string>`
Add emphasis on keys in html 2020-06-23 17:51:27 +02:00			`<key><strong>PayloadVersion</strong></key>`
Get it working with vue js 2020-06-22 21:28:22 +02:00			`<integer>{{ payload.PayloadVersion }}</integer>`
			`</dict>`
			`</array>`

			`<!-- Common keys -->`
Add emphasis on keys in html 2020-06-23 17:51:27 +02:00			`<key><strong>PayloadDisplayName</strong></key>`
Get it working with vue js 2020-06-22 21:28:22 +02:00			`<string><input type="text" v-model="container.PayloadDisplayName" v-bind:placeholder="containerPlaceholders.PayloadDisplayName"></string>`
Add emphasis on keys in html 2020-06-23 17:51:27 +02:00			`<key><strong>PayloadDescription</strong></key>`
Get it working with vue js 2020-06-22 21:28:22 +02:00			`<string><input type="text" v-model="container.PayloadDescription" v-bind:placeholder="containerPlaceholders.PayloadDescription"></string>`
Add emphasis on keys in html 2020-06-23 17:51:27 +02:00			`<key><strong>PayloadIdentifier</strong></key>`
Get it working with vue js 2020-06-22 21:28:22 +02:00			`<string><input type="text" v-model="container.PayloadIdentifier" v-bind:placeholder="containerPlaceholders.PayloadIdentifier"></string>`
Add emphasis on keys in html 2020-06-23 17:51:27 +02:00			`<key><strong>PayloadType</strong></key>`
Get it working with vue js 2020-06-22 21:28:22 +02:00			`<string>{{ container.PayloadType }}</string>`
Add emphasis on keys in html 2020-06-23 17:51:27 +02:00			`<key><strong>PayloadUUID</strong></key>`
Get it working with vue js 2020-06-22 21:28:22 +02:00			`<string>{{ container.PayloadUUID() }}</string>`
Add emphasis on keys in html 2020-06-23 17:51:27 +02:00			`<key><strong>PayloadVersion</strong></key>`
Get it working with vue js 2020-06-22 21:28:22 +02:00			`<integer>{{ container.PayloadVersion }}</integer>`
			`</dict>`
			`</plist>`
			`</div>`

			`<h1>2. Download your profile</h1>`
			`<a v-bind:href="generatedProfileLink" v-bind:download="downloadFileName">Download</a>`

			`<h1>3. Or copy/paste</h1>`
			`<textarea rows="30" cols="80">{{ generatedProfile }}</textarea>`
			`</div>`
Add minified vuejs to the repo to reduce dependencies 2020-06-23 17:43:03 +02:00			`<script src="js/vue.min.js"></script>`
Initial version without libs 2020-06-22 17:24:44 +02:00			`<script src="js/main.js"></script>`
			`</body>`

			`</html>`