Skip to content
Snippets Groups Projects
Commit 0ebeb644 authored by didierfred's avatar didierfred
Browse files

review UI design

parent d5865a08
No related branches found
No related tags found
No related merge requests found
......@@ -9,7 +9,7 @@
background-color: #008CBA; /* Blue */
border: none;
color: white;
padding: 1px 5px;
padding: 5px 5px;
text-align: center;
text-decoration: none;
display: inline-block;
......@@ -20,6 +20,10 @@
background-color: #0070A0;
}
.input_field{
font-size: 14px;
padding: 1px 5px;
}
.colonne{
background-color: #008CBA; /* Blue */
......@@ -33,35 +37,29 @@ color: #008CBA;
</head>
<body>
<table>
<tr>
<tr><td>
<h2 class="title"> SIMPLE MODIFY HEADERS
<img id="start_img" src="img/start.png" align="right" valign="top"> </img>
</h2>
</td></tr>
<tr><td>
<td width="680" align="left">
<h2 class="title"> SIMPLE MODIFY HEADERS </h2>
</td>
<td width="50">
<br>
<img id="start_img" src="img/start.png" align="left" valign="top"> </img>
<br>
</td>
</tr>
</table>
<br>
<table>
<tr>
<td width="450">
Url Pattern* : <input size="50" id="targetPage" type="text" value="">
</td>
<td width="270" align="right">
<input type="button" class="button" style="width:100px" id="export_button" value="Export"></input>&nbsp
<input type="button" class="button" style="width:100px" id="import_button" value="Import"></input>
</td>
</tr>
</table>
Url Pattern* : <input size="50" id="targetPage" class="input_field" type="text" value="">
<input align="right" type="button" class="button" style="width:100px" id="export_button" value="Export"></input>&nbsp
<input align="right" type="button" class="button" style="width:100px" id="import_button" value="Import"></input>
</td></tr>
<tr><td>
<br>
<br>
......@@ -74,6 +72,9 @@ color: #008CBA;
<td> Status </td>
</tr>
</table>
</td></tr>
<tr><td>
<center>
<br>
<input type="button" class="button" style="width:100px" id="add_button" value="Add new line" ></input>
......@@ -82,7 +83,8 @@ color: #008CBA;
<br>
</center>
</i> * Informations on url pattern can be found <a href="https://developer.chrome.com/extensions/match_patterns" target="_blank"> here </a> </i>
</td></tr>
</table>
<iframe id="download" width="0" height="0" frameBorder="0">
</iframe>
......
......@@ -30,9 +30,9 @@ window.onload = function() {
function appendLine(action,header_name,header_value,comment,status) {
var html = "<td><select id=\"select_action" + line_number + "\" disable=false><option value=\"add\">add</option><option value=\"modify\">modify</option><option value=\"delete\">delete</option></select></td>";
html = html + "<td><input id=\"header_name"+ line_number + "\"></input></td>";
html = html + "<td><input size=\"30\" id=\"header_value"+ line_number + "\"></input></td>";
html = html + "<td><input size=\"30\" id=\"comment"+ line_number + "\"></input></td>";
html = html + "<td><input class=\"input_field\" size=\"15\" id=\"header_name"+ line_number + "\"></input></td>";
html = html + "<td><input class=\"input_field\" size=\"20\" id=\"header_value"+ line_number + "\"></input></td>";
html = html + "<td><input class=\"input_field\" size=\"20\" id=\"comment"+ line_number + "\"></input></td>";
html = html + "<td><select id=\"select_status" + line_number + "\"><option value=\"on\"> on </option><option value=\"off\">off</option></select></td>";
html = html + "<td><input class=\"button\" type=\"button\" value=\"Delete\" id=\"delete_button" + line_number + "\"></input> </td>";
......
......@@ -41,6 +41,7 @@ function start_modify()
function start_config()
{
var strWindowFeatures = "menubar=no,location=no,resizable=yes,scrollbars=yes,status=no,width=800,height=600";
window.open("config.html","Simple Modify Headers",strWindowFeatures);
//var strWindowFeatures = "menubar=no,location=no,resizable=yes,scrollbars=yes,status=no,width=800,height=600";
// window.open("config.html","Simple Modify Headers",strWindowFeatures);
browser.tabs.create({url:"config.html"});
}
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment