forked from enviPath/enviPy
116 lines
5.3 KiB
HTML
116 lines
5.3 KiB
HTML
<div class="modal fade" tabindex="-1" id="new_scenario_modal" role="dialog" aria-labelledby="newScenGenMod"
|
|
aria-hidden="true">
|
|
<div class="modal-dialog modal-lg">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal">
|
|
<span aria-hidden="true">×</span> <span
|
|
class="sr-only">Close</span>
|
|
</button>
|
|
<h4 class="js-title-step"></h4>
|
|
</div>
|
|
<form id="base-scenario-form" accept-charset="UTF-8" action="" data-remote="true" method="POST">
|
|
<div class="modal-body hide" data-step="1" data-title="New Scenario - Step 1">
|
|
<div class="jumbotron">Please enter name, description,
|
|
and date of scenario. Date should be associated to the
|
|
data, not the current date. For example, this could
|
|
reflect the publishing date of a study. You can leave
|
|
all fields but the name empty and fill them in
|
|
later.
|
|
</div>
|
|
<label for="name">Name</label>
|
|
<input id="name" name="studyname" placeholder="Name" class="form-control"/>
|
|
<label for="name">Description</label>
|
|
<input id="description" name="studydescription" placeholder="Description" class="form-control"/>
|
|
<label id="dateField" for="dateYear">Date</label>
|
|
<table>
|
|
<tr>
|
|
<th>
|
|
<input type="number" id="dateYear" name="dateYear" class="form-control" placeholder="YYYY">
|
|
</th>
|
|
<th>
|
|
<input type="number" id="dateMonth" name="dateMonth" min="1" max="12"
|
|
class="form-control" placeholder="MM" align="">
|
|
</th>
|
|
<th>
|
|
<input type="number" id="dateDay" name="dateDay" min="1" max="31" class="form-control"
|
|
placeholder="DD">
|
|
</th>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div class="modal-body hide" data-step="2" data-title="New Scenario - Step 2">
|
|
<div class="jumbotron">
|
|
Do you want to create an empty scenario and fill it
|
|
with your own set of attributes, or fill in a
|
|
pre-defined set of attributes for soil, sludge or sediment
|
|
data?
|
|
</div>
|
|
<div class="radio">
|
|
<label>
|
|
<input type="radio" name="type" id="radioEmpty" checked>Empty Scenario
|
|
</label>
|
|
</div>
|
|
<div class="radio">
|
|
<label>
|
|
<input type="radio" name="type" id="radioSoil" value="soil" >Soil Data
|
|
</label>
|
|
</div>
|
|
<div class="radio">
|
|
<label>
|
|
<input type="radio" name="type" id="radioSludge" value="sludge">Sludge Data
|
|
</label>
|
|
</div>
|
|
<div class="radio">
|
|
<label>
|
|
<input type="radio" name="type" id="radioSediment" value="sediment">Water-Sediment System Data
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="modal-body hide" data-step="3" data-title="New Scenario - Step 3">
|
|
<div class="jumbotron" id="finaljumbo">
|
|
All done! Click Submit!
|
|
</div>
|
|
<div style="float: left"><button
|
|
id="addColumnButton" type="button"
|
|
class="btn btn-default">Add
|
|
another Scenario
|
|
</button></div>
|
|
<input type="hidden" name="fullScenario" value="true"/>
|
|
{% include "tables/scenario.html" %}
|
|
</div>
|
|
</form>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-default js-btn-step pull-left" data-orientation="cancel" data-dismiss="modal"></button>
|
|
<button type="button" class="btn btn-default js-btn-step" data-orientation="previous"></button>
|
|
<button type="button" class="btn btn-default js-btn-step"
|
|
data-orientation="next" id="nextbutton"></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<p></p>
|
|
<div id="scenariocontent"></div>
|
|
|
|
<!--Template index -->
|
|
<script language="javascript">
|
|
$(function() {
|
|
|
|
// Hide additional columns per default
|
|
$('.col-2').hide();
|
|
$('.col-3').hide();
|
|
|
|
//TODO just to see modal
|
|
$('#new_scenario_modal').modalSteps({
|
|
btnCancelHtml: 'Cancel',
|
|
btnPreviousHtml: 'Previous',
|
|
btnNextHtml: 'Next',
|
|
btnLastStepHtml: 'Submit',
|
|
disableNextButton: false,
|
|
});
|
|
});
|
|
</script>
|