v/pol
1
0
Fork 0
mirror of https://github.com/taroved/pol synced 2025-05-29 12:30:09 -07:00
Code Issues Releases Wiki Activity

xpath editor inputs layout in progress

Browse Source
This commit is contained in:
Alexandr Nesterenko 2017-07-25 20:58:49 +03:00 committed by Alexandr Nesterenko
parent 8e840961c7
commit 7eb74a8f73
1 changed files with 81 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

113
frontend/frontend/templates/frontend/setup.html
View File

@ -3,6 +3,46 @@
{% load i18n %} {% load i18n %}
{% block content %} {% block content %}
<style>
#st-extended .control-group {
margin-bottom: 0;
}
#st-extended .form-horizontal .control-label {
padding-right: 10px;
width: 100px
}
#st-extended .form-horizontal .controls {
margin-left: 100px;
}
#st-extended .control-group > .controls > select {
width: 100px;
}
/* Large desktop */
#st-extended .form-horizontal .controls > input {
width: 530px
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
#st-extended .form-horizontal .controls > input {
width: 430px
}
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
#st-extended .form-horizontal .controls > input {
width: 230px
}
}
/* Landscape phones and down */
@media (max-width: 480px) {
#st-extended .form-horizontal .controls > input {
width: 130px
}
}
</style>
<div id="loader-bg"><div id="loader"></div></div> <div id="loader-bg"><div id="loader"></div></div>
<div id="st-clicker" style="float: left; margin-bottom: 20px"> <div id="st-clicker" style="float: left; margin-bottom: 20px">
<h2 style="display: inline; line-height:inherit" id="setup-tool-string"> <h2 style="display: inline; line-height:inherit" id="setup-tool-string">
@ -13,38 +53,47 @@
</h2> </h2>
</div> </div>
<div id="st-extended" style="float:left; display:none"> <div id="st-extended" style="float:left; display:none">
<form class="form-inline"> <form class="form-horizontal">
<div class="input-append"> <div class="control-group info">
<label class="checkbox" style="width: 70px; margin-right:10px">Item xpath:</label> <label class="control-label">Item xpath:</label>
<input type="text" id="ste-parent" class="input-xxlarge" placeholder="Skipped"/> <div class="controls">
</div> <input type="text" id="ste-parent" placeholder="Skipped" autocomplete="off"/>
<br/> <span class="help-inline">Selected %s</span>
<div class="input-append"> </div>
<label class="checkbox" style="width: 100px; padding-right:10px; text-align: right">Tille path:</label> </div>
<select style="width:100px" disabled> <div class="control-group info">
<option selected="selected">Required</option> <label class="control-label">Title xpath:</label>
<option>Optional</option> <div class="controls">
<select> <select disabled>
<input type="text" id="ste-title" class="input-xxlarge" placeholder="Skipped"/> <option selected="selected">Required</option>
</div> <option>Optional</option>
<br/> <select>
<div class="input-append"> <input type="text" id="ste-title" class="input-xxlarge" placeholder="Skipped" autocomplete="off"/>
<label class="checkbox" style="width: 100px; padding-right:10px; text-align: right">Link path:</label> <span class="help-inline">Selected %s</span>
<select style="width:100px" disabled> </div>
<option>Required</option> </div>
<option selected="selected">Optional</option> <div class="control-group info">
<select> <label class="control-label">Link xpath:</label>
<input type="text" id="ste-link" class="input-xxlarge" placeholder="Skipped"/> <div class="controls">
</div> <select style="width:100px" disabled>
<br/> <option>Required</option>
<div class="input-append"> <option selected="selected">Optional</option>
<label class="checkbox" style="width: 100px; padding-right:10px; text-align: right">Description path:</label> <select>
<select style="width:100px" disabled> <input type="text" id="ste-link" class="input-xxlarge" placeholder="Skipped" autocomplete="off"/>
<option selected="selected">Required</option> <span class="help-inline">Selected %s</span>
<option>Optional</option> </div>
<select> </div>
<input type="text" id="ste-description" class="input-xxlarge" placeholder="Skipped"/> <div class="control-group info">
</div> <label class="control-label">Description xpath:</label>
<div class="controls">
<select style="width:100px" disabled>
<option selected="selected">Required</option>
<option>Optional</option>
<select>
<input type="text" id="ste-description" class="input-xxlarge" placeholder="Skipped" autocomplete="off"/>
<span class="help-inline">Selected %s</span>
</div>
</div>
</form> </form>
</div> </div>
<div style="float:right"> <div style="float:right">