ntopng/httpdocs/templates/pages/modals/scripts_config/apply_modal.html
2020-05-06 18:42:49 +02:00

68 lines
2.7 KiB
HTML

<!--applied to modal-->
<div class="modal fade" id="applied-modal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">{{i18n("config_scripts.config_apply", {}) }}: <span id='apply-name'></span></h5>
</div>
<div class="modal-body">
<form class='form' type='post'>
{% if subdir == "interface" or subdir == "flow" then %}
<div class='form-group'>
<label for='apply-interfaces'>{{i18n("config_scripts.select_interface", {}) }}:</label>
<select multiple id='applied-interfaces' class='form-control'>
<!-- In case of flows, viewed interfaces are not shown as we want flow configurations to only -->
<!-- be applied to the view interface which stays on top of the viewed ones. -->
<!-- Viewed interfaces are excluded using the boolean parameter passed to interface.getIfNames -->
{% for key, ifname in pairsByKeys(interface.getIfNames(ternary(subdir == "flow", true, false))) do %}
{% local label = getHumanReadableInterfaceName(ifname) %}
<option value='{{key}}'>{{ label }}</option>
{% end %}
</select>
<div class="invalid-feedback" id='apply-error'>
</div>
</div>
{% elseif subdir == "network" then %}
<div class='form-group'>
<label for='apply-networks'>{{i18n("config_scripts.select_network", {}) }}:</label>
<select multiple id='applied-networks' class='form-control'>
{% for cidr in pairsByKeys(interface.getNetworksStats()) do %}
{% local label = getLocalNetworkAlias(cidr) %}
<option value='{{cidr}}'>{{ label }}</option>
{% end %}
</select>
<div class="invalid-feedback" id='apply-error'>
</div>
</div>
{% else %}
<div class='form-group' data-chips='addresses'>
<label for='input-applied'>{{i18n("config_scripts.type_targets", {}) }}:</label>
<div class="chips-container">
<input type='text' id='applied-input' autocomplete="no"/>
</div>
<small>{{i18n("config_scripts.type_targets_example", {}) }}</small>
<div class="invalid-feedback" id='apply-error'>
</div>
</div>
{% end %}
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">{{i18n("cancel", {}) }}</button>
<button type="button" id='btn-confirm-apply' class="btn btn-primary">{{i18n("apply", {}) }}</button>
</div>
</div>
</div>
</div>