Commit 71ddd038 authored by Irina Ivanova's avatar Irina Ivanova

Add new icons; refactor code

parent 5214f23c
This diff is collapsed.
<!-- Span Of Datetimes <!DOCTYPE html>
Author: Irina Ivanova, iriiiina@gmail.com
Tartu, Estonia -->
<!doctype html>
<html> <html>
<head> <head>
<title>Span Of Datetimes</title> <title>Span Of Datetimes</title>
<link rel = 'stylesheet' type = 'text/css' href = 'style.css' />
<script src = 'src/CalculateAddition.js' type = 'text/JavaScript'></script>
<script src = 'src/CalculateSpan.js' type = 'text/JavaScript'></script>
<script src = 'src/KeyListener.js' type = 'text/JavaScript'></script>
<script src = 'src/ResultDisplaying.js' type = 'text/JavaScript'></script>
<script src = 'src/Variables.js' type = 'text/JavaScript'></script>
</head>
<body> <link rel="stylesheet" type="text/css" href="style.css"/>
<div class = 'info'> <script src="src/CalculateAddition.js" type="text/JavaScript"></script>
Formats of dates and times:<br /> <script src="src/CalculateSpan.js" type="text/JavaScript"></script>
DD[.,-/]?MM[.,-/]?YYYY HH[.,-:]?MM <script src="src/KeyListener.js" type="text/JavaScript"></script>
</div> <script src="src/ResultDisplaying.js" type="text/JavaScript"></script>
<br /> <script src="src/Variables.js" type="text/JavaScript"></script>
<br />
<br /> </head>
<body>
<div class="info">
Formats of dates and times:<br />
DD[.,-/]?MM[.,-/]?YYYY HH[.,-:]?MM
</div>
<br />
<br />
<br />
<div id="error"></div>
<br />
<br />
<div id="spanContent">
<table>
<tr>
<td>start datetime</td>
<td><input type="text" name="startDate" id="startDate"
maxlength="16" size="16" tabindex="1" autofocus/></td>
</tr>
<tr>
<td>end datetime</td>
<td><input type="text" name="endDate" id="endDate"
maxlength="16" size="16" tabindex="2"/></td>
</tr>
</table>
<div id = 'error'></div>
<br />
<br /> <br />
<div id="spanResult">span: -d -h -m&nbsp;<br /></div>
</div>
<div id = 'spanContent'> <div id="separator"><br />&mdash; OR &mdash;<br /><br /></div>
<table>
<tr>
<td>start datetime</td>
<td><input type = 'text' name = 'startDate' id = 'startDate'
maxlength = '16' size = '16' tabindex = '1' autofocus/></td>
</tr>
<tr>
<td>end datetime</td>
<td><input type = 'text' name = 'endDate' id = 'endDate'
maxlength = '16' size = '16' tabindex = '2'/></td>
</tr>
</table>
<br />
<div id = 'spanResult'>>>> span: -d -h -m&nbsp;<br /></div>
</div>
<div id = 'separator'><br />&mdash; OR &mdash;<br /><br /></div> <div id="additionContent">
<div id = 'additionContent'>
<table> <table>
<tr> <tr>
<td>to datetime</td> <td>to datetime</td>
<td><input type = 'text' name = 'additionDate' id = 'additionDate' <td><input type="text" name="additionDate" id="additionDate"
maxlength = '16' size = '16' tabindex = '3' /></td> maxlength="16" size="16" tabindex="3" /></td>
</tr> </tr>
<tr> <tr>
<td>add</td> <td>add</td>
<td><input type = 'text' name = 'addDays' id = 'addDays' <td><input type="text" name="addDays" id="addDays"
maxlength = '4' size = '1' tabindex = '4' />&nbsp;d maxlength="4" size="1" tabindex="4" />&nbsp;d
<input type = 'text' name = 'addHours' id = 'addHours' <input type="text" name="addHours" id="addHours"
maxlength = '3' size = '1' tabindex = '5' />&nbsp;h maxlength="3" size="1" tabindex="5" />&nbsp;h
<input type = 'text' name = 'addMinutes' id = 'addMinutes' <input type="text" name="addMinutes" id="addMinutes"
maxlength = '3' size = '1' tabindex = '6' />&nbsp;m</td> maxlength="3" size="1" tabindex="6" />&nbsp;m</td>
</tr> </tr>
<tr> <tr>
<td>>>> result</td> <td>result</td>
<td><input type = 'text' id = 'calculatedAddition' <td><input type="text" id="calculatedAddition"
name = 'calculatedAddition' size = '20' disabled /></td> name="calculatedAddition" size="20" disabled /></td>
</tr> </tr>
</table> </table>
</div> </div>
<div class = 'info'>
<p>iriiiina@gmail.com v1.1</p>
</div>
</body> </body>
</html> </html>
{ {
"name": "SpanD", "name": "SpanD",
"version": "1.1", "version": "2.0",
"manifest_version": 2, "manifest_version": 2,
"description": "Calculates span between two datetimes; or calculates the datetime in specified days and hours.", "description": "Calculates span between two datetimes; or calculates the datetime in specified days and hours.",
"homepage_url": "http://ivanova-irina.blogspot.com/p/spand.html", "homepage_url": "https://gitlab.com/irina-ivanova-extensions/spanD",
"icons": { "16": "icons/icon16.gif", "icons": {
"48": "icons/icon48.gif", "128": "icons/icon.png"
"128": "icons/icon128.gif" }, },
"browser_action": { "browser_action": {
"default_icon": "icons/icon48.gif", "default_icon": "icons/icon.png",
"default_popup": "index.html" "default_popup": "index.html"
}, },
"content_security_policy": "default-src 'self'" "content_security_policy": "default-src 'self'",
"author": {
"name": "Irina Ivanova",
"email": "irina.ivanova@protonmail.com"
}
} }
...@@ -6,20 +6,24 @@ body { ...@@ -6,20 +6,24 @@ body {
font-size: 11px; font-size: 11px;
color: #CCCCCC; color: #CCCCCC;
} }
button { button {
font-size: 11px; font-size: 11px;
color: #000000; color: #000000;
} }
input { input {
font-size: 11px; font-size: 11px;
color: #000000; color: #000000;
} }
#spanContent { #spanContent {
margin-right: 5px; margin-right: 5px;
vertical-align: middle; vertical-align: middle;
text-align: center; text-align: center;
font-size: 11px; font-size: 11px;
} }
#error { #error {
font-size: 12px; font-size: 12px;
color: #993333; color: #993333;
...@@ -27,6 +31,7 @@ input { ...@@ -27,6 +31,7 @@ input {
float: left; float: left;
} }
#spanResult { #spanResult {
clear: both; clear: both;
margin-right: 5px; margin-right: 5px;
...@@ -35,16 +40,19 @@ input { ...@@ -35,16 +40,19 @@ input {
text-align: center; text-align: center;
color: white; color: white;
} }
#separator { #separator {
clear: both; clear: both;
text-align: center; text-align: center;
} }
#additionContent { #additionContent {
clear: both; clear: both;
float: left; float: left;
margin-right: 5px; margin-right: 5px;
vertical-align: middle; vertical-align: middle;
} }
.info { .info {
float: right; float: right;
color: gray; color: gray;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment