config.html

 <!DOCTYPE html>

<html lang="fr">
	<head>
  <title>Simple Modify Headers</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="bootstrap.min.css"> 


 <style type="text/css"> 

.title{
	color: #008CBA;
}

.select_field{
	font-size: 14px;
	height: 30px;
}

.input_field{
	font-size: 14px;
	height: 30px;
}
</style>
  </head>

<body>

<div class="container">


<div class="row">
  <div class="col-sm-6">  <h2 class="title"> SIMPLE MODIFY HEADERS  </h2> </div>
  <div class="col-sm-6"> <img id="start_img" src="img/start.png" align="right" valign="top"> </img> </div>
</div>
<br/>
 <div class="row">
  <div class="col-sm-8">  
  Url Pattern* :  <input size="50" id="targetPage"  class="form_control" type="text" value="">
  </div>
  <div class="col-sm-4" align="right"> 
	<a href="#" id="export_button" class="btn btn-primary btn-sm" style="width:100px">
          <span class="glyphicon glyphicon-export"></span> Export
        </a> 
	<a href="#" id="import_button" class="btn btn-primary btn-sm" style="width:100px">
          <span class="glyphicon glyphicon-import"></span> Import
        </a> 
 </div>
</div> 
<br/>
<center>

  <table class="table table-condensed " > 
	<thead>
	<tr>
		<th> Action </th>		
		<th> Header Field Name </th>
		<th> Header Field Value </th>
		<th> Comment </th>
		<th> Apply on </th>
		<th> Status </th>
		<th> </th>
		<th> </th>
		<th> </th>
	</tr>
	</thead>
	<tbody id="config_tab">
	</tbody>
  </table>

</center>

<center>


	<a href="#" id="add_button" class="btn btn-primary btn-sm" style="width:100px">
          <span class="glyphicon glyphicon-plus"></span> New line
        </a> 
	<a href="#" id="save_button" class="btn btn-primary btn-sm" style="width:100px">
          <span class="glyphicon glyphicon-save"></span> Save
        </a> 


<br>
</center>

<br>
<div class="row">
	<div class="col-sm-10">
		<i style="font-size:12pt"> * Informations on url pattern can be found <a href="https://developer.chrome.com/extensions/match_patterns" target="_blank"> here  </a> &nbsp (An empty string on the field will select all urls.) </i>
	</div>
	<div class="col-sm-2" align="right">
		<a href="https://github.com/didierfred/SimpleModifyHeaders" target="_blank"> <span class="glyphicon glyphicon-question-sign"></span> About </a>
	</div>
</div>


<iframe id="download" width="0" height="0" frameBorder="0"> 
</iframe>

<br>

 <script type="text/javascript" src="config.js"> </script>

</body>

</html>