Feufochmar
/
apmail
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
apmail/index.html

182 lines
8.4 KiB
HTML
Raw Normal View History

New Electron application. Import old AP.Mail HTML/JS version and improve it a bit.
2020-03-25 13:37:11 +01:00
<!DOCTYPE html>
<html>
<head>
<title>AP.Mail</title>
<meta charset="UTF-8" />
<meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline';" />
<link href="apmail.css" rel="stylesheet" type="text/css" media="all" />
Use import/export instead of require, so node is not needed in the render. Also fix an issue with previous/next in timelines.
2021-05-24 13:48:22 +02:00
<script type="module">
import {UI} from './render.js'
window.UI = UI
</script>
New Electron application. Import old AP.Mail HTML/JS version and improve it a bit.
2020-03-25 13:37:11 +01:00
</head>
Show attachments of messages.
2020-03-31 17:27:05 +02:00
<body onload="UI.checkConnection();">
Cosmetic changes
2020-03-31 13:33:27 +02:00
<!-- Navigation column -->
<nav id="tab-bar" class="column">
New Electron application. Import old AP.Mail HTML/JS version and improve it a bit.
2020-03-25 13:37:11 +01:00
<!-- Send page tab -->
Change deeply the look of the application. Still to do: timelines/collections, activities.
2020-03-27 17:08:59 +01:00
<input type="radio" id="send-selector" class="page" name="page" value="send" checked onchange="UI.setContext('send-message')" />
Cosmetic changes
2020-03-31 13:33:27 +02:00
<label for="send-selector" class="page-label" id="send-selector-label">Write Note</label>
New Electron application. Import old AP.Mail HTML/JS version and improve it a bit.
2020-03-25 13:37:11 +01:00
<!-- Inbox tab -->
Change deeply the look of the application. Still to do: timelines/collections, activities.
2020-03-27 17:08:59 +01:00
<input type="radio" id="inbox-selector" class="page" name="page" value="inbox" onchange="UI.setContext('my-inbox')" />
<label for="inbox-selector" class="page-label" id="inbox-selector-label">My Inbox</label>
New Electron application. Import old AP.Mail HTML/JS version and improve it a bit.
2020-03-25 13:37:11 +01:00
<!-- Outbox tab -->
Change deeply the look of the application. Still to do: timelines/collections, activities.
2020-03-27 17:08:59 +01:00
<input type="radio" id="outbox-selector" class="page" name="page" value="outbox" onchange="UI.setContext('my-outbox')" />
<label for="outbox-selector" class="page-label" id="outbox-selector-label">My Outbox</label>
<!-- Profile -->
<input type="radio" id="profile-selector" class="page" name="page" value="profile" onchange="UI.setContext('my-profile')" />
<label for="profile-selector" class="page-label" id="profile-selector-label">My Profile</label>
<!-- Lookup user box -->
<nav class="page-label">
<label for="lookup-actor" id="lookup-actor-label">Lookup Actor</label>
Cosmetic changes
2020-03-31 13:33:27 +02:00
<input id="lookup-actor" type="text" placeholder="name@server" />
Change deeply the look of the application. Still to do: timelines/collections, activities.
2020-03-27 17:08:59 +01:00
<button onclick="UI.lookupActor()">Search</button>
</nav>
Cosmetic changes
2020-03-31 13:33:27 +02:00
<!-- To display errors -->
<section id="error">
<span id="content-error"></span><br/>
<button onclick="UI.clearError();">×</button>
</section>
New Electron application. Import old AP.Mail HTML/JS version and improve it a bit.
2020-03-25 13:37:11 +01:00
</nav>
Change deeply the look of the application. Still to do: timelines/collections, activities.
2020-03-27 17:08:59 +01:00
<!-- Timelines -->
<section id="timeline" style="display:none;">
Cosmetic changes
2020-03-31 13:33:27 +02:00
<section id="timeline-column" class="column">
Show the timeline
2020-03-30 10:34:40 +02:00
<section class="timeline-prev-next">
<button id="timeline-prev-top" onclick="UI.prevTimeline();">Previous</button>
<button id="timeline-next-top" onclick="UI.nextTimeline();">Next</button>
</section>
<section id="timeline-data"></section>
</section>
Change deeply the look of the application. Still to do: timelines/collections, activities.
2020-03-27 17:08:59 +01:00
</section>
<!-- Content pages -->
Cosmetic changes
2020-03-31 13:33:27 +02:00
<section id="main-content" class="column">
Change deeply the look of the application. Still to do: timelines/collections, activities.
2020-03-27 17:08:59 +01:00
<!-- Account selection page -->
<main id="select-user" style="display:none;">
<h2>Connection</h2>
Indicate the account to connect to. <br/>
<input id="connect-username" type="text" placeholder="name@server" pattern=".*@.*" required /><br/>
<button onclick="UI.selectUser()">Next</button>
</main>
<!-- Password page -->
<main id="ask-password" style="display:none;">
<h2>Password</h2>
<section id="ask-password-user-info">
<section class="actor-display">
<span id="ask-password-user-icon"/></span>
<p style="display:inline-block;">
<strong><span id="ask-password-user-display-name"></span></strong><br/>
<a id="ask-password-user-address"></a>
</p>
</section>
</section>
Enter the password for this account. <br/>
<input id="connect-password" type="password" placeholder="password" /><br/>
<button onclick="UI.showPage('select-user', undefined)">Back</button>
<button onclick="UI.connectUser()">Connect</button>
</main>
<!-- Profile page -->
<main id="show-profile" style="display:none;">
<section>
<span id="profile-icon"></span>
<p style="display:inline-block;">
<span id="profile-display-name"></span><br/>
Render source-code in a paragraph and not a text area. Add a disconnect button on the connected user's profile.
2020-03-31 16:00:13 +02:00
<a id="profile-address"></a><br/>
<span id="profile-type"></span>
Change deeply the look of the application. Still to do: timelines/collections, activities.
2020-03-27 17:08:59 +01:00
</p>
</section>
Render source-code in a paragraph and not a text area. Add a disconnect button on the connected user's profile.
2020-03-31 16:00:13 +02:00
<section class="actor-content">
Change deeply the look of the application. Still to do: timelines/collections, activities.
2020-03-27 17:08:59 +01:00
<p id="profile-summary">
</p>
</section>
Display activity -- without object.
2020-03-30 12:51:38 +02:00
<details>
<summary>Show source</summary>
Render source-code in a paragraph and not a text area. Add a disconnect button on the connected user's profile.
2020-03-31 16:00:13 +02:00
<p id="profile-code-source" class="code-source"></p>
Display activity -- without object.
2020-03-30 12:51:38 +02:00
</details>
Render source-code in a paragraph and not a text area. Add a disconnect button on the connected user's profile.
2020-03-31 16:00:13 +02:00
<section id="profile-controls-connected">
<button onclick="UI.disconnectUser();">Disconnect</button>
</section>
Display activity -- without object.
2020-03-30 12:51:38 +02:00
</main>
<!-- Show Activity page -->
<main id="show-activity" style="display:none;">
Display objects of activities. Rework how activities are displayed.
2020-03-30 17:51:02 +02:00
<!-- Activity info -->
Display activity -- without object.
2020-03-30 12:51:38 +02:00
<details>
Display objects of activities. Rework how activities are displayed.
2020-03-30 17:51:02 +02:00
<summary><h4 style="display:inline;"><span id="activity-type"></span> Activity</h4></summary>
<p>Published: <span id="activity-published"></span></p>
<h4>Actor</h4>
<span id="activity-actor-icon"></span>
<p style="display:inline-block;">
<span id="activity-actor-display-name"></span><br/>
<a id="activity-actor-address"></a>
</p>
<h4>Audience</h4>
<p>To: <ul id="activity-to" class="recipient-list"></ul></p>
<p>Cc: <ul id="activity-cc" class="recipient-list"></ul></p>
<details>
<summary>Show source</summary>
Render source-code in a paragraph and not a text area. Add a disconnect button on the connected user's profile.
2020-03-31 16:00:13 +02:00
<p id="activity-code-source" class="code-source"></p>
Display objects of activities. Rework how activities are displayed.
2020-03-30 17:51:02 +02:00
</details>
Display activity -- without object.
2020-03-30 12:51:38 +02:00
</details>
Display objects of activities. Rework how activities are displayed.
2020-03-30 17:51:02 +02:00
<!-- Object info -->
Display activity -- without object.
2020-03-30 12:51:38 +02:00
<section id="activity-object">
Display objects of activities. Rework how activities are displayed.
2020-03-30 17:51:02 +02:00
<h4><span id="activity-object-type"></span> Object</h4>
Display activity -- without object.
2020-03-30 12:51:38 +02:00
<p>Published: <span id="activity-object-published"></span></p>
<section>
Display objects of activities. Rework how activities are displayed.
2020-03-30 17:51:02 +02:00
Author:<br/>
Display activity -- without object.
2020-03-30 12:51:38 +02:00
<span id="activity-object-actor-icon"></span>
<p style="display:inline-block;">
<span id="activity-object-actor-display-name"></span><br/>
<a id="activity-object-actor-address"></a>
</p>
</section>
<details>
<summary>Audience</summary>
<p>To: <ul id="activity-object-to" class="recipient-list"></ul></p>
<p>Cc: <ul id="activity-object-cc" class="recipient-list"></ul></p>
</details>
Display objects of activities. Rework how activities are displayed.
2020-03-30 17:51:02 +02:00
<section class="activity-object-content">
No title property in objects (name instead). Summary can be HTML.
2020-04-02 12:12:32 +02:00
<h5><span id="activity-object-name"></span></h5>
Display objects of activities. Rework how activities are displayed.
2020-03-30 17:51:02 +02:00
<em><p id="activity-object-summary"><p></em>
<p id="activity-object-content"><p>
</section>
Display activity -- without object.
2020-03-30 12:51:38 +02:00
<details>
Show attachments of messages.
2020-03-31 17:27:05 +02:00
<summary>Attachments (<span id="activity-object-attachments-number"></span>)</summary>
Display activity -- without object.
2020-03-30 12:51:38 +02:00
<ul id="activity-object-attachments" class="attachments"></ul>
</details>
Change deeply the look of the application. Still to do: timelines/collections, activities.
2020-03-27 17:08:59 +01:00
<details>
<summary>Show source</summary>
Render source-code in a paragraph and not a text area. Add a disconnect button on the connected user's profile.
2020-03-31 16:00:13 +02:00
<p id="activity-object-code-source" class="code-source"></p>
Change deeply the look of the application. Still to do: timelines/collections, activities.
2020-03-27 17:08:59 +01:00
</details>
</section>
</main>
<!-- Send message page -->
<main id="send-message" style="display:none;">
<h4>Audience</h4>
<label for="send-message-public-visibility">General visibility</label>
<select id="send-message-public-visibility" onchange="UI.updateSendVisibility()">
<option value="to">Public (to), displayed in local/global timelines</option>
<option value="cc">Public (cc), hidden from local/global timelines</option>
<option value="non">Not public</option>
</select><br/>
<label for="send-message-follower-visibility">Follower's visibility</label>
<select id="send-message-follower-visibility" onchange="UI.updateSendVisibility()">
<option value="to">Public (to)</option>
<option value="cc">Public (cc)</option>
<option value="non">Not sent to followers</option>
</select><br/>
<label for="send-message-to-recipient">To</label>
<ul id="send-message-to" class="recipient-list"></ul>
<input id="send-message-to-recipient" type="text" placeholder="user@instance" size="40" />
<button onclick="UI.addToRecipient()">Add</button><br/>
<label for="send-message-cc-recipient">Cc</label>
<ul id="send-message-cc" class="recipient-list"></ul>
<input id="send-message-cc-recipient" type="text" placeholder="user@instance" size="40" />
<button onclick="UI.addCcRecipient()">Add</button><br/>
<section id="send-message-recipient-error"></section>
<h4>Message</h4>
Render source-code in a paragraph and not a text area. Add a disconnect button on the connected user's profile.
2020-03-31 16:00:13 +02:00
<input id="send-message-subject" type="text" onchange="UI.updateSendContent()" size="80" placeholder="Summary (optional)"/> <br/>
Change deeply the look of the application. Still to do: timelines/collections, activities.
2020-03-27 17:08:59 +01:00
<textarea id="send-message-content" rows="20" cols="80" placeholder="What do you want to say ?" onchange="UI.updateSendContent()"></textarea> <br/>
<button onclick="UI.sendMessage()">Send</button>
</main>
</section>
New Electron application. Import old AP.Mail HTML/JS version and improve it a bit.
2020-03-25 13:37:11 +01:00
</body>
</html>