Commit 54ad80be authored by Irina Ivanova's avatar Irina Ivanova

Add new icons; refactor code

parent e4852748
This diff is collapsed.
<!-- The extension generates the string of given amount of symbols or calculates the length of a given string
Author: Irina Ivanova, iriiiina@gmail.com
1.05.2013
Tartu, Estonia -->
<!doctype html>
<!DOCTYPE html>
<html>
<head>
<title>String Generator</title>
<link rel = 'stylesheet' type = 'text/css' href = 'style.css' />
<script src = 'src/GenerateString.js' type = 'text/javascript' charset="utf-8"></script>
<script src = 'src/CalculateLength.js' type = 'text/javascript' charset="utf-8"></script>
<script src = 'src/DisplayResult.js' type = 'text/javascript' charset="utf-8"></script>
<script src = 'src/KeyListener.js' type = 'text/javascript' charset="utf-8"></script>
<script src = 'src/Variables.js' type = 'text/javascript' charset="utf-8"></script>
</head>
<body>
<div id = 'error'><br /><br /></div>
<div id = 'generateString'>
Number of characters: <input type = 'text' name = 'length' id = 'inputLength' maxlength = '10' tabindex = '1' autofocus/><br />
<div id = 'properties'>
<head>
<title>String Generator</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
<script src="src/GenerateString.js" type="text/javascript" charset="utf-8"></script>
<script src="src/CalculateLength.js" type="text/javascript" charset="utf-8"></script>
<script src="src/DisplayResult.js" type="text/javascript" charset="utf-8"></script>
<script src="src/KeyListener.js" type="text/javascript" charset="utf-8"></script>
<script src="src/Variables.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div id="error"><br /><br /></div>
<div id="generateString">
Number of characters: <input type="text" name="length" id="inputLength" maxlength="10" tabindex="1" autofocus/><br />
<div id="properties">
<table>
<tr>
<td><input type = 'radio' name = 'inputType' id = 'inputTypeNumber' value = 'number' />
number <span class = "keyLabel">[LeftArr &#8592;]</span>
<input type = 'radio' name = 'inputType' id = 'inputTypeText' value = 'text' checked/>
text <span class = "keyLabel">[RightArr &#8594;]</span></td>
<td><input type="radio" name="inputType" id="inputTypeNumber" value="number"/>
number <span class="keyLabel">[LeftArr &#8592;]</span>
<input type="radio" name="inputType" id="inputTypeText" value="text" checked/>
text <span class="keyLabel">[RightArr &#8594;]</span></td>
</tr>
<tr>
<td><input type = 'checkbox' name = 'inputSpace' id = 'inputSpace' value = 'space' />
insert spaces <span class = "keyLabel">[UpArr &#8593;]</span></td>
<td><input type="checkbox" name="inputSpace" id="inputSpace" value="space"/>
insert spaces <span class="keyLabel">[UpArr &#8593;]</span></td>
</tr>
<tr>
<td><input type = 'checkbox' name = 'inputUmlaut' id = 'inputUmlaut' value = 'umlaut' />
insert umlauts &Auml;&Ouml;&Uuml;&Otilde; <span class = "keyLabel">[DownArr &#8595;]</span></td>
<td><input type="checkbox" name="inputUmlaut" id="inputUmlaut" value="umlaut" />
insert umlauts &Auml;&Ouml;&Uuml;&Otilde; <span class="keyLabel">[DownArr &#8595;]</span></td>
</tr>
</table>
</div>
<br />
Copy the generated string:<br />
<textarea rows = '4' cols = '40' id = 'generatedString' disabled></textarea>
<textarea rows="4" cols="40" id="generatedString" disabled></textarea>
</div>
<br />
<div id = 'separator'>&mdash; OR &mdash;</div><br />
<div id = 'calculateString'>
<div id="separator">&mdash; OR &mdash;</div><br />
<div id="calculateString">
Insert the string to calculate the length:<br />
<textarea rows = '4' cols = '40' id = 'inputString' tabindex = '2'></textarea>
<textarea rows="4" cols="40" id="inputString" tabindex="2"></textarea>
</div>
<<<<<<< HEAD:index.html
<div id = 'info'><p>iriiiina@gmail.com v4.0</p></div>
=======
<<<<<<< HEAD:index.html
<div id = 'calculatedLength'>Length:<br /></div>
<div id = 'info'><br />iriiiina@gmail.com v3.2</div>
=======
<div id = 'info'><p>iriiiina@gmail.com v3.3</p></div>
>>>>>>> origin/master:chrome/index.html
>>>>>>> v4:chrome/index.html
<div id="calculatedLength">Length:<br /></div>
</body>
</html>
{
"name": "stringG",
"short_name": "stringG",
"version": "4.0",
"version": "5.0",
"manifest_version": 2,
"description": "Extension generates the string of specified length or calculates the length of specified string.",
"homepage_url": "http://ivanova-irina.blogspot.com/p/stringg.html",
"icons": { "16": "icons/icon-16.gif",
"48": "icons/icon-48.gif",
"128": "icons/icon-128.gif" },
"homepage_url": "https://gitlab.com/irina-ivanova-extensions/stringG",
"icons": {
"128": "icons/icon.png"
},
"browser_action": {
"default_icon": "icons/icon-48.gif",
"default_popup": "index.html"
"default_icon": "icons/icon.png",
"default_popup": "index.html"
},
"content_security_policy": "default-src 'self'",
"author": {
"name": "Irina Ivanova",
"email": "iriiiina@gmail.com"
"email": "irina.ivanova@protonmail.com"
}
}
......@@ -6,50 +6,50 @@ body {
font-size: 11px;
color: #CCCCCC;
}
input {
font-size: 11px;
color: #000000;
font-family: "Lucida Console", Monaco, monospace;
}
#inputLength {
width: 80px;
}
#generateString {
margin-right: 5px;
vertical-align: middle;
}
#calculateString {
margin-right: 5px;
vertical-align: middle;
}
#calculatedLength {
margin-right: 5px;
vertical-align: middle;
font-size: 13px;
font-weight: bold;
}
#error {
font-size: 14px;
color: #993333;
font-weight: bold;
<<<<<<< HEAD:style.css
=======
text-align: center;
>>>>>>> v4:chrome/style.css
}
#info {
float: right;
color: gray;
font-size: 10px;
}
.keyLabel {
color: gray;
vertical-align: super;
}
#properties {
position:relative;
left:20px;
}
#separator {
text-align: center;
}
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