Files
data-extracter-extesion/popup/index.html
2018-05-23 09:51:18 +08:00

52 lines
2.2 KiB
HTML
Executable File

<!doctype html>
<html>
<link>
<meta charset="utf-8">
<title>Data Extractor</title>
<script charset="UTF-8" type="text/javascript" src="../scripts/jquery.min.js"></script>
<script charset="UTF-8" type="text/javascript" src="../styles/bootstrap.min.js"></script>
<script charset="UTF-8" type="text/javascript" src="../scripts/tools.js"></script>
<script charset="UTF-8" type="text/javascript" src="../scripts/extract.js"></script>
<script charset="UTF-8" type="text/javascript" src="popup.js"></script>
<link rel="stylesheet" href="../styles/bootstrap.min.css">
</head>
<body style="margin: 20px 10px;">
<div class="container-fluid" style="min-width: 420px;">
<div class="row">
<div class="col">
<h3>Data Extractor</h3>
<div class="alert alert-info small" role="alert">
Selector fields require
<b>JQuery Selectors</b> to select data items and fields.
</div>
</div>
</div>
<div class="row">
<div class="col">
<form>
<div class="form-group">
<label for="formFileName">File Name</label>
<input type="text" class="form-control" id="formFileName" placeholder="fileName">
</div>
<div class="form-group">
<label for="formItemSelector">Items Selector</label>
<input type="text" class="form-control" id="formItemSelector" placeholder=".item-selector">
</div>
<div class="form-group">
<label for="formFieldSelector">Field Selectors (one selector per line)</label>
<textarea class="form-control" id="formFieldSelector" rows="3" placeholder=".field-selector"></textarea>
</div>
</form>
<input type="button" class="btn btn-primary" value="Extract" id="doExtract">
</div>
</div>
<div class="row">
<div class="col">
</div>
</div>
</div>
</body>
</html>