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
Hide whitespace changes
Inline Side-by-side
popup/config.html
+ 29
− 27
View file @ 0ebeb644
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
background-color: #008CBA; /* Blue */ background-color: #008CBA; /* Blue */
border: none; border: none;
color: white; color: white;
padding: 1px 5px; padding: 5px 5px;
text-align: center; text-align: center;
text-decoration: none; text-decoration: none;
display: inline-block; display: inline-block;
...@@ -20,6 +20,10 @@ ...@@ -20,6 +20,10 @@
background-color: #0070A0; background-color: #0070A0;
} }
.input_field{
font-size: 14px;
padding: 1px 5px;
}
.colonne{ .colonne{
background-color: #008CBA; /* Blue */ background-color: #008CBA; /* Blue */
...@@ -33,35 +37,29 @@ color: #008CBA; ...@@ -33,35 +37,29 @@ color: #008CBA;
</head> </head>
<body> <body>
<table> <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=""> Url Pattern* : <input size="50" id="targetPage" class="input_field" type="text" value="">
</td>
<td width="270" align="right"> <input align="right" type="button" class="button" style="width:100px" id="export_button" value="Export"></input>&nbsp
<input 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>
<input type="button" class="button" style="width:100px" id="import_button" value="Import"></input>
</td> </td></tr>
</tr> <tr><td>
</table>
<br> <br>
<br> <br>
...@@ -74,6 +72,9 @@ color: #008CBA; ...@@ -74,6 +72,9 @@ color: #008CBA;
<td> Status </td> <td> Status </td>
</tr> </tr>
</table> </table>
</td></tr>
<tr><td>
<center> <center>
<br> <br>
<input type="button" class="button" style="width:100px" id="add_button" value="Add new line" ></input> <input type="button" class="button" style="width:100px" id="add_button" value="Add new line" ></input>
...@@ -82,7 +83,8 @@ color: #008CBA; ...@@ -82,7 +83,8 @@ color: #008CBA;
<br> <br>
</center> </center>
</i> * Informations on url pattern can be found <a href="https://developer.chrome.com/extensions/match_patterns" target="_blank"> here </a> </i> </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 id="download" width="0" height="0" frameBorder="0">
</iframe> </iframe>
......
popup/config.js
+ 3
− 3
View file @ 0ebeb644
...@@ -30,9 +30,9 @@ window.onload = function() { ...@@ -30,9 +30,9 @@ window.onload = function() {
function appendLine(action,header_name,header_value,comment,status) { 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>"; 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 class=\"input_field\" size=\"15\" id=\"header_name"+ line_number + "\"></input></td>";
html = html + "<td><input size=\"30\" id=\"header_value"+ line_number + "\"></input></td>"; html = html + "<td><input class=\"input_field\" size=\"20\" 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=\"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><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>"; html = html + "<td><input class=\"button\" type=\"button\" value=\"Delete\" id=\"delete_button" + line_number + "\"></input> </td>";
......
popup/menu.js
+ 3
− 2
View file @ 0ebeb644
...@@ -41,6 +41,7 @@ function start_modify() ...@@ -41,6 +41,7 @@ function start_modify()
function start_config() function start_config()
{ {
var strWindowFeatures = "menubar=no,location=no,resizable=yes,scrollbars=yes,status=no,width=800,height=600"; //var strWindowFeatures = "menubar=no,location=no,resizable=yes,scrollbars=yes,status=no,width=800,height=600";
window.open("config.html","Simple Modify Headers",strWindowFeatures); // window.open("config.html","Simple Modify Headers",strWindowFeatures);
browser.tabs.create({url:"config.html"});
} }
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