vrr/ntopng
2
0
Fork 0
mirror of https://github.com/ntop/ntopng.git synced 2026-05-03 01:10:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Move active monitoring dialogs to template files (#3929)

Browse source
This commit is contained in:
Emanuele Faranda 2020-05-13 15:22:00 +00:00 • committed by GitHub
parent 77a32cb19b
commit ac03865c01
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 189 additions and 145 deletions
Download patch file Download diff file Expand all files Collapse all files

59
scripts/plugins/active_monitoring/templates/am_add_host_modal.html Normal file
View file

@ -0,0 +1,59 @@
<div id='am-add-modal' class="modal fade" tabindex="-1" role="dialog">
<form method="post" id='am-add-form'>
<div class="modal-dialog modal-lg modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">{{ dialog.add_record }}</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body container-fluid">
<div class="form-group row">
<label class="col-sm-3 col-form-label">{{ dialog.measurement }}</label>
<div class="col-sm-5">
{* dialog.add_measurement_select *}
</div>
</div>
<div class="form-group row">
<label class="col-sm-3 col-form-label">{{ dialog.am_host }}</label>
<div class="col-sm-5">
<input placeholder="yourhostname.org" required id="input-add-host" type="text" name="host" class="form-control measurement-host" />
</div>
</div>
<div class="form-group row">
<label class="col-sm-3 col-form-label">{{ dialog.periodicity }}</label>
<div class="col-sm-5">
{* dialog.add_granularity_select *}
</div>
</div>
<div class="form-group row">
<label class="col-sm-3 col-form-label">{{ dialog.threshold }}</label>
<div class="col-sm-5">
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text measurement-operator"></span>
</div>
<input required id="input-add-threshold" value="100" name="threshold" type="number" class="form-control rounded-right measurement-threshold" min="1" max="10000">
<span class="my-auto ml-1 measurement-unit"></span>
</div>
</div>
</div>
<div id='script-description' class='alert alert-light' role='alert'>
{{ dialog.notes }}
<ul>
<li>{{ dialog.note_icmp }}</li>
<li>{{ dialog.note_http }}</li>
<li>{{ dialog.note_alert }}</li>
</ul>
</div>
<span class="invalid-feedback"></span>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">{{ dialog.cancel }}</button>
<button type="submit" class="btn btn-primary">{{ dialog.add }}</button>
</div>
</div>
</div>
</form>
</div>

24
scripts/plugins/active_monitoring/templates/am_delete_host_modal.html Normal file
View file

@ -0,0 +1,24 @@
<div id='am-delete-modal' class="modal fade" tabindex="-1" role="dialog">
<form id='am-delete-form'>
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">{{ dialog.delete }}: <span id="delete-host"></span></h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<p>
{{ dialog.confirm_delete }}
</p>
<span class="invalid-feedback"></span>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">{{ dialog.cancel }}</button>
<button id="btn-delete-am" type="submit" class="btn btn-danger">{{ dialog.delete }}</button>
</div>
</div>
</div>
</form>
</div>

61
scripts/plugins/active_monitoring/templates/am_edit_host_modal.html Normal file
View file

@ -0,0 +1,61 @@
<div id='am-edit-modal' class="modal fade" tabindex="-1" role="dialog">
<form method="post" id='am-edit-form'>
<div class="modal-dialog modal-lg modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">{{ dialog.edit_record }}</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body container-fluid">
<div class="form-group row">
<label class="col-sm-3 col-form-label">{{ dialog.measurement }}</label>
<div class="col-sm-5">
{* dialog.edit_measurement_select *}
</div>
</div>
<div class="form-group row">
<label class="col-sm-3 col-form-label">{{ dialog.am_host }}</label>
<div class="col-sm-5">
<input placeholder="yourhostname.org" required id="input-edit-host" type="text" name="host" class="form-control measurement-host" />
</div>
</div>
<div class="form-group row">
<label class="col-sm-3 col-form-label">{{ dialog.periodicity }}</label>
<div class="col-sm-5">
{* dialog.edit_granularity_select *}
</div>
</div>
<div class="form-group row">
<label class="col-sm-3 col-form-label">{{ dialog.threshold }}</label>
<div class="col-sm-5">
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text measurement-operator"></span>
</div>
<input required id="input-edit-threshold" name="threshold" type="number" class="form-control rounded-right measurement-threshold" min="10" max="10000">
<span class="my-auto ml-1 measurement-unit"></span>
</div>
</div>
</div>
<div id='script-description' class='alert alert-light' role='alert'>
{{ dialog.notes }}
<ul>
<li>{{ dialog.note_icmp }}</li>
<li>{{ dialog.note_http }}</li>
<li>{{ dialog.note_alert }}</li>
<li>{{ dialog.note_periodicity_change }}</li>
</ul>
</div>
<span class="invalid-feedback"></span>
</div>
<div class="modal-footer">
<button id="btn-reset-defaults" type="button" class="btn btn-danger mr-auto">{{ dialog.reset }}</button>
<button type="button" class="btn btn-secondary" data-dismiss="modal">{{ dialog.cancel }}</button>
<button type="submit" class="btn btn-primary">{{ dialog.apply }}</button>
</div>
</div>
</div>
</form>
</div>