{% extends "base.html" %}
{% block content %}
<div class="page-header">
<h1>Add job</h1>
</div>
<form method="post" class="form-horizontal">
{% csrf_token %}
<div class="form-group col-sm-10">
<label for="jobName" class="col-sm-2 control-label">Job Name</label>
<div class="col-sm-10">
<input type="text" value="{{job.jobName}}" class="form-control" name="jobName" id="jobName" placeholder="Job Name">
</div>
</div>
<br>
<br>
<div class="col-sm-10 form-group container">
<label class="col-sm-2 control-label" for="dropdownMenu1">Run Type:</label>
<div id="dropdown1" class="col-sm-10 dropdown">
<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
<span id="selectedType">{% if job.runType %}{{job.getRunType}}{% else %}Ran by Kritbit{% endif %}</span>
<span class="caret"></span>
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
<li data-type="1"><a href="#">Ran by Kritbit</a></li>
<li data-type="2"><a href="#">External Source</a></li>
</ul>
<input type="hidden" id="runType" name="runType" value="{% if job.runType %}{{job.runType}}{% else %}1{% endif %}">
</div>
</div>
<br>
<br>
<div class="form-group col-sm-10">
<label class="col-sm-2 control-label" for="script">Script for Kritbit to run:</label>
<div class="col-sm-10">
<textarea class="form-control" rows="6" name="runScript" id="script">{{job.runScript}}</textarea>
</div>
</div>
<br>
<br>
<div class="form-group col-sm-10">
<label class="col-sm-2 control-label" for="runCondition">When to run:</label>
<div class="col-sm-10">
<input type="text" value="{{job.cron}}" class="form-control" name="cron" id="runCondition" placeholder="Cron style">
</div>
</div>
<br>
<br>
<div class="form-group col-sm-10">
<label class="col-sm-2 control-label" for="failScript">Script to run on failure:</label>
<div class="col-sm-10">
<textarea class="form-control" rows="6" name="failScript" id="failScript">{{job.failScript}}</textarea>
</div>
</div>
<div class="form-group col-sm-10">
<label class="col-sm-2 control-label" for="comment">Job comment:</label>
<div class="col-sm-10">
<textarea class="form-control" rows="6" name="comments" id="comment">{{job.comments}}</textarea>
</div>
</div>
<div class="form-group col-sm-10">
<label class="col-sm-2 control-label" for="hash">Hash:</label>
<div class="col-sm-10">
<input type="text" value="{% if job.hash %}{{job.hash}}{% else %}{{hash}}{% endif %}" class="form-control" name="hash" id="hash" readonly>
</div>
</div>
<div class="form-group col-sm-10">
<label class="col-sm-2 control-label" for="sharedKey">Shared key:</label>
<div class="col-sm-10">
<input type="text" value="{% if job.hash %}{{job.sharedkey}}{% else %}{{sharedkey}}{% endif %}" class="form-control" name="sharedkey" id="sharedKey" readonly>
</div>
</div>
<div class="form-group col-sm-10">
<label class="col-sm-2 control-label" for="private">Require login to view history:</label>
<div class="checkbox">
<label>
<input {% if job.view_private == 1 %}checked="checked"{% endif %} id="private" type="checkbox"> Yes
<input type="hidden" id="view_private" name="view_private" value="{{job.view_private}}">
</label>
</div>
</div>
<div class="col-sm-10 form-group">
<div class="col-sm-offset-2 col-sm-10">
{% if job %}
<button type="submit" class="btn btn-default">Update</button>
{% else %}
<button type="submit" class="btn btn-default">Create</button>
{% endif %}
</div>
</div>
</form>
<script type="text/javascript">
$(function () {
$('#dropdown1 li').on('click', function(e){
e.preventDefault();
$("#runType").val($(this).data("type"));
$("#selectedType").text($(this).text());
});
$("#private").on("change", function () {
if ($(this).is(":checked")) {
$("#view_private").val(1);
} else {
$("#view_private").val(0);
}
});
});
</script>
{% endblock %}
