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

Add new icons; refactor code

parent 5214f23c
This diff is collapsed.
<!-- Span Of Datetimes
Author: Irina Ivanova, iriiiina@gmail.com
Tartu, Estonia -->
<!doctype html>
<!DOCTYPE html>
<html>
<head>
<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>
<head>
<title>Span Of Datetimes</title>
<body>
<div class = 'info'>
Formats of dates and times:<br />
DD[.,-/]?MM[.,-/]?YYYY HH[.,-:]?MM
</div>
<br />
<br />
<br />
<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>
<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 />
<div id="spanResult">span: -d -h -m&nbsp;<br /></div>
</div>
<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>
<br />
<div id = 'spanResult'>>>> span: -d -h -m&nbsp;<br /></div>
</div>
<div id="separator"><br />&mdash; OR &mdash;<br /><br /></div>
<div id = 'separator'><br />&mdash; OR &mdash;<br /><br /></div>
<div id = 'additionContent'>
<div id="additionContent">
<table>
<tr>
<td>to datetime</td>
<td><input type = 'text' name = 'additionDate' id = 'additionDate'
maxlength = '16' size = '16' tabindex = '3' /></td>
<td><input type="text" name="additionDate" id="additionDate"
maxlength="16" size="16" tabindex="3" /></td>
</tr>
<tr>
<td>add</td>
<td><input type = 'text' name = 'addDays' id = 'addDays'
maxlength = '4' size = '1' tabindex = '4' />&nbsp;d
<input type = 'text' name = 'addHours' id = 'addHours'
maxlength = '3' size = '1' tabindex = '5' />&nbsp;h
<input type = 'text' name = 'addMinutes' id = 'addMinutes'
maxlength = '3' size = '1' tabindex = '6' />&nbsp;m</td>
<td><input type="text" name="addDays" id="addDays"
maxlength="4" size="1" tabindex="4" />&nbsp;d
<input type="text" name="addHours" id="addHours"
maxlength="3" size="1" tabindex="5" />&nbsp;h
<input type="text" name="addMinutes" id="addMinutes"
maxlength="3" size="1" tabindex="6" />&nbsp;m</td>
</tr>
<tr>
<td>>>> result</td>
<td><input type = 'text' id = 'calculatedAddition'
name = 'calculatedAddition' size = '20' disabled /></td>
<td>result</td>
<td><input type="text" id="calculatedAddition"
name="calculatedAddition" size="20" disabled /></td>
</tr>
</table>
</div>
<div class = 'info'>
<p>iriiiina@gmail.com v1.1</p>
</div>
</div>
</body>
</html>
{
"name": "SpanD",
"version": "1.1",
"version": "2.0",
"manifest_version": 2,
"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",
"icons": { "16": "icons/icon16.gif",
"48": "icons/icon48.gif",
"128": "icons/icon128.gif" },
"homepage_url": "https://gitlab.com/irina-ivanova-extensions/spanD",
"icons": {
"128": "icons/icon.png"
},
"browser_action": {
"default_icon": "icons/icon48.gif",
"default_popup": "index.html"
"default_icon": "icons/icon.png",
"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 {
font-size: 11px;
color: #CCCCCC;
}
button {
font-size: 11px;
color: #000000;
}
input {
font-size: 11px;
color: #000000;
}
#spanContent {
margin-right: 5px;
vertical-align: middle;
text-align: center;
font-size: 11px;
}
#error {
font-size: 12px;
color: #993333;
......@@ -27,6 +31,7 @@ input {
float: left;
}
#spanResult {
clear: both;
margin-right: 5px;
......@@ -35,16 +40,19 @@ input {
text-align: center;
color: white;
}
#separator {
clear: both;
text-align: center;
}
#additionContent {
clear: both;
float: left;
margin-right: 5px;
vertical-align: middle;
}
.info {
float: right;
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