mirror of
https://github.com/prymitive/karma
synced 2026-05-21 04:33:07 +00:00
102 lines
2.8 KiB
HTML
102 lines
2.8 KiB
HTML
<script type="application/json" id="silence-form">
|
|
<div id="newSilenceAlert" class="alert alert-danger hidden" role="alert"></div>
|
|
<form id="newSilenceForm">
|
|
<label class="control-label">Labels to match</label>
|
|
<% _.each(labels, function(label) { %>
|
|
<div>
|
|
<label>
|
|
<input type="checkbox"
|
|
checked="checked"
|
|
name="<%= label.key %>=<%= label.value %>">
|
|
<span class="<%= label.attrs.class %>" style="<%= label.attrs.style %>">
|
|
<%- label.attrs.text %>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
<% }) %>
|
|
|
|
<hr class="separator">
|
|
|
|
<div class="row">
|
|
<div class="col-sm-6">
|
|
<label class="control-label">Starts at</label>
|
|
<div class="input-group date">
|
|
<span class="input-group-addon">
|
|
<i class="fa fa-calendar"></i>
|
|
</span>
|
|
<input type="datetime"
|
|
class="form-control datetime-picker"
|
|
id="startsAt"
|
|
value="<%= moment().format("YYYY-MM-DD HH:mm:ss") %>"
|
|
name="startsAt"
|
|
required>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<label class="control-label">Ends at</label>
|
|
<div class="input-group date">
|
|
<span class="input-group-addon">
|
|
<i class="fa fa-calendar"></i>
|
|
</span>
|
|
<input type="datetime"
|
|
class="form-control datetime-picker"
|
|
id="endsAt"
|
|
value="<%= moment().add(4, 'hours').format("YYYY-MM-DD HH:mm:ss") %>"
|
|
name="endsAt"
|
|
required>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<hr class="separator">
|
|
|
|
<div class="form-group">
|
|
<div class="input-group">
|
|
<span class="input-group-addon">
|
|
<i class="fa fa-envelope"></i>
|
|
</span>
|
|
<input type="email"
|
|
class="form-control"
|
|
id="createdBy"
|
|
placeholder="Email"
|
|
name="createdBy"
|
|
required>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<div class="input-group">
|
|
<span class="input-group-addon">
|
|
<i class="fa fa-comment"></i>
|
|
</span>
|
|
<input type="text"
|
|
class="form-control"
|
|
id="comment"
|
|
placeholder="Comment"
|
|
name="comment"
|
|
required>
|
|
</div>
|
|
</div>
|
|
|
|
<hr class="separator">
|
|
|
|
<div class="text-center">
|
|
<button id="silenceSubmit" type="submit" class="btn btn-default">Create</button>
|
|
</div>
|
|
</form>
|
|
</script>
|
|
|
|
<script type="application/json" id="silence-form-success">
|
|
<div class="silence-result-icon text-center text-success">
|
|
<i class="fa fa-check-circle"></i>
|
|
</div>
|
|
<p class="text-center">
|
|
Silence ID: <span class="text-success"><%- silenceID %></span>
|
|
</p>
|
|
</script>
|
|
|
|
<script type="application/json" id="silence-form-error">
|
|
<i class="fa fa-exclamation-circle"></i>
|
|
<%- error %>
|
|
</script>
|