This repository has been archived on 2022-02-10. You can view files and clone it, but cannot push or open issues or pull requests.
filespread/index.html

176 lines
6.5 KiB
HTML
Raw Normal View History

2016-04-06 17:30:05 +02:00
<!DOCTYPE html>
<!--
FileSpread
A simple file-spread-over-mail web app
MIT License
2015 - 2016 (c) Marcel Kapfer (mmk2410) <marcelmichaelkapfer@yahoo.co.nz>
-->
<html>
<head>
<meta charset="utf-8" />
<title>FileSpread</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
<meta name="description" content="A web file spreader over mail" />
<meta name="theme-color" content="#9c27b0" />
<link rel="manifest" href="manifest.json" />
<meta name="msapplication-TileColor" content="#9c27b0"/>
<meta name="mobile-web-app-capable" content="yes"/>
<meta name="application-name" content="FileSpread"/>
<!--
<meta rel="icon" sizes="192x192" href="images/touch/chrome-touch-icon-192x192.png"/>
-->
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="apple-mobile-web-app-title" content="FileSpread"/>
<!--
<link rel="apple-touch-icon" href="images/touch/apple-touch-icon.png" />
-->
<!--
<meta name="msapplication-TileImage" content="images/touch/ms-touch-icon0144x144.png" />
-->
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Roboto:400,600,300,700" />
<link rel="stylesheet" type="text/css" href="./res/css/main.css" />
</head>
<body>
<div class="header">
<span class="title">FileSpread</span>
</div>
<section class="card">
<div class="headline">File Upload</div>
<p>
Choose a file to spread
</p>
<form action="res/php/upload.php" enctype="multipart/form-data" method="POST">
<input type="hidden" name="MAX_FILE_SIZE" value="30000000" />
<input name="userfile" type="file" value="Choose a file" />
<br />
<br />
<input type="submit" class="button" style="padding: 0px;" value="UPLOAD" />
</form>
</section>
<section class="card">
<div class="headline">Email content</div>
<p>
Select a template:
</p>
<select id="templates_list"></select>
<p>Change the text of the email if you want.</p>
<p>Title:</p><input id="mailtitle" name="title" class="itextfield" />
<p>Text:</p><textarea id="mailtext" name="text" class="itextarea"></textarea>
<p>Filename:</p><input id="filename" name="filename" class="itextfield" />
</section>
<section class="card">
<div class="headline">Email Addresses</div>
<p>
Select a address list:
</p>
<select id="address_list"></select>
<p>These are the email addresses, the mail is going to be send.</p>
<div id="addresses"></div>
</section>
<section class="card">
<div class="headline">Send Mail</div>
<p>
Send now the the mail with the file attachment to the listed addresses.
</p>
<span class="button" id="send">SEND</span>
</section>
<section class="card">
<div class="headline">Change Template</div>
<p>
Select a template you want to change:
</p>
<select id="edit_templates_list">
<option value="none">None Selected</option>
</select>
<p class="edit_template">Change the text of the template.</p>
<p class="edit_template">Title:</p><input id="edit_mailtitle" name="title" class="itextfield edit_template" />
<p class="edit_template">Text:</p><textarea id="edit_mailtext" name="text" class="itextarea edit_template"></textarea>
<p class="edit_template">Filename:</p><input id="edit_filename" name="filename" class="itextfield edit_template" />
<p class="edit_template">
<span class="button" id="save_template">SAVE</span>
</p>
</section>
<section class="card">
<div class="headline">Create Template</div>
<p>
Template name (filename.txt):
</p>
<input id="create_template_name" name="filename" class="itextfield" />
<p>
<span class="button" id="create_template">CREATE</span>
</p>
</section>
<section class="card">
<div class="headline">Delete Template</div>
<p>
Select the template you want to remove:
</p>
<select id="remove-template-list">
<option value="none">None Selected</option>
</select>
<p class="remove_template">
<span class="button" id="remove-template">REMOVE</span>
</p>
</section>
<section class="card">
<div class="headline">Change List</div>
<p>
Select the address list you want to change:
</p>
<select id="edit-address-list">
<option value="none">None Selected</option>
</select>
<p class="edit_address">Change the content of the list:</p>
<textarea id="edit-addresses" class="itextarea edit_address"></textarea>
<p class="edit_address">
<span class="button" id="save-addresses">SAVE</span>
</p>
</section>
<section class="card">
<div class="headline">Create List</div>
<p>
List name (filename.txt):
</p>
<input id="create-list-name" name="filename" class="itextfield" />
<p>
<span class="button" id="create-list">CREATE</span>
</p>
</section>
<section class="card">
<div class="headline">Delete List</div>
<p>
Select the list you want to remove:
</p>
<select id="remove-list-list">
<option value="none">None Selected</option>
</select>
<p class="remove_list">
<span class="button" id="remove-list">REMOVE</span>
</p>
</section>
<script src="./res/js/jquery-2.1.4.min.js"></script>
<script src="./res/js/main.js"></script>
</body>
</html>