add button to access csf native ui
This commit is contained in:
usmannasir
parent
d5975f779c
commit
6c487645f1
|
|
@ -40,7 +40,8 @@
|
|||
<div class="col-sm-6">
|
||||
|
||||
<div ng-hide="failedToStartInallation" class="alert alert-danger">
|
||||
<p>{% trans "Failed to start installation, Error message: " %} {$ errorMessage $}</p>
|
||||
<p>{% trans "Failed to start installation, Error message: " %} {$ errorMessage
|
||||
$}</p>
|
||||
</div>
|
||||
|
||||
<div ng-hide="couldNotConnect" class="alert alert-danger">
|
||||
|
|
@ -63,10 +64,13 @@
|
|||
<form action="/" id="" class="form-horizontal bordered-row">
|
||||
<div class="form-group">
|
||||
<div class="col-sm-12 text-center">
|
||||
<h3><img src="{% static 'firewall/icons/firewall.png' %}"> {% trans "In winter we must protect each other.." %} <img ng-hide="modsecLoading" src="/static/images/loading.gif"></h3>
|
||||
<h3><img
|
||||
src="{% static 'firewall/icons/firewall.png' %}"> {% trans "In winter we must protect each other.." %}
|
||||
<img ng-hide="modsecLoading" src="/static/images/loading.gif"></h3>
|
||||
</div>
|
||||
<div style="margin-top: 2%;" class="col-sm-12">
|
||||
<textarea ng-model="requestData" rows="15" class="form-control">{{ requestData }}</textarea>
|
||||
<textarea ng-model="requestData" rows="15"
|
||||
class="form-control">{{ requestData }}</textarea>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
|
@ -81,34 +85,53 @@
|
|||
{% else %}
|
||||
|
||||
<div class="example-box-wrapper">
|
||||
<a href="/configservercsf">
|
||||
<button style="margin-bottom: 2%" class="btn btn-alt btn-hover btn-blue-alt">
|
||||
<span>{% trans "CSF Native GUI" %}</span>
|
||||
<i class="glyph-icon icon-arrow-right"></i>
|
||||
</button>
|
||||
</a>
|
||||
<div class="content-box tabs ui-tabs ui-widget ui-widget-content ui-corner-all">
|
||||
<h3 class="content-box-header bg-blue">
|
||||
<span>{% trans 'CSF' %} <img ng-hide="csfLoading" src="/static/images/loading.gif"></span>
|
||||
<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all" role="tablist">
|
||||
<li ng-click="activateTab('generalLI', 'general')" id="generalLI" class="ui-state-default ui-corner-top ui-tabs-active ui-state-active" role="tab" tabindex="0" aria-controls="tabs-example-1" aria-labelledby="ui-id-22" aria-selected="true" aria-expanded="true">
|
||||
<a ng-click="activateTab('generalLI', 'general')" href="" title="Tab 1" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-22">
|
||||
<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all"
|
||||
role="tablist">
|
||||
<li ng-click="activateTab('generalLI', 'general')" id="generalLI"
|
||||
class="ui-state-default ui-corner-top ui-tabs-active ui-state-active" role="tab"
|
||||
tabindex="0" aria-controls="tabs-example-1" aria-labelledby="ui-id-22"
|
||||
aria-selected="true" aria-expanded="true">
|
||||
<a ng-click="activateTab('generalLI', 'general')" href="" title="Tab 1"
|
||||
class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-22">
|
||||
{% trans 'General' %}
|
||||
</a>
|
||||
</li>
|
||||
<li ng-click="activateTab('csfLI', 'csf')" id="csfLI" class="ui-state-default ui-corner-top" role="tab" tabindex="-1" aria-controls="tabs-example-2" aria-labelledby="ui-id-23" aria-selected="false" aria-expanded="false">
|
||||
<a href="" ng-click="activateTab('csfLI', 'csf')" title="Tab 2" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-23">
|
||||
<li ng-click="activateTab('csfLI', 'csf')" id="csfLI" class="ui-state-default ui-corner-top"
|
||||
role="tab" tabindex="-1" aria-controls="tabs-example-2" aria-labelledby="ui-id-23"
|
||||
aria-selected="false" aria-expanded="false">
|
||||
<a href="" ng-click="activateTab('csfLI', 'csf')" title="Tab 2" class="ui-tabs-anchor"
|
||||
role="presentation" tabindex="-1" id="ui-id-23">
|
||||
{% trans 'CSF' %}
|
||||
</a>
|
||||
</li>
|
||||
<li id="lfdLI" class="ui-state-default ui-corner-top" role="tab" tabindex="-1" aria-controls="tabs-example-3" aria-labelledby="ui-id-24" aria-selected="false" aria-expanded="false">
|
||||
<a href="" ng-click="activateTab('lfdLI', 'lfd')" title="Tab 3" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-24">
|
||||
<li id="lfdLI" class="ui-state-default ui-corner-top" role="tab" tabindex="-1"
|
||||
aria-controls="tabs-example-3" aria-labelledby="ui-id-24" aria-selected="false"
|
||||
aria-expanded="false">
|
||||
<a href="" ng-click="activateTab('lfdLI', 'lfd')" title="Tab 3" class="ui-tabs-anchor"
|
||||
role="presentation" tabindex="-1" id="ui-id-24">
|
||||
{% trans 'LFD' %}
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</h3>
|
||||
<div id="general" aria-labelledby="ui-id-22" class="ui-tabs-panel ui-widget-content ui-corner-bottom" role="tabpanel" aria-hidden="false">
|
||||
<div id="general" aria-labelledby="ui-id-22"
|
||||
class="ui-tabs-panel ui-widget-content ui-corner-bottom" role="tabpanel" aria-hidden="false">
|
||||
<form action="/" id="createPackages" class="form-horizontal bordered-row">
|
||||
|
||||
<div class="form-group">
|
||||
<label class="col-sm-4 control-label">{% trans 'Remove CSF' %}</label>
|
||||
<div class="col-sm-6">
|
||||
<button type="button" ng-click="removeCSF()" class="btn btn-alt btn-hover btn-blue-alt">
|
||||
<button type="button" ng-click="removeCSF()"
|
||||
class="btn btn-alt btn-hover btn-blue-alt">
|
||||
<span>{% trans 'Completely Remove CSF' %}</span>
|
||||
<i class="glyph-icon icon-arrow-right"></i>
|
||||
</button>
|
||||
|
|
@ -134,7 +157,8 @@
|
|||
<div class="col-sm-6">
|
||||
<input type="text" class="form-control" ng-model="tcpIN">
|
||||
</div>
|
||||
<button type="button" ng-click="modifyPorts('TCP_IN')" class="btn btn-round btn-blue-alt">
|
||||
<button type="button" ng-click="modifyPorts('TCP_IN')"
|
||||
class="btn btn-round btn-blue-alt">
|
||||
<i class="glyph-icon icon-save"></i>
|
||||
</button>
|
||||
</div>
|
||||
|
|
@ -144,7 +168,8 @@
|
|||
<div class="col-sm-6">
|
||||
<input type="text" class="form-control" ng-model="tcpOUT">
|
||||
</div>
|
||||
<button type="button" ng-click="modifyPorts('TCP_OUT')" class="btn btn-round btn-blue-alt">
|
||||
<button type="button" ng-click="modifyPorts('TCP_OUT')"
|
||||
class="btn btn-round btn-blue-alt">
|
||||
<i class="glyph-icon icon-save"></i>
|
||||
</button>
|
||||
</div>
|
||||
|
|
@ -154,7 +179,8 @@
|
|||
<div class="col-sm-6">
|
||||
<input type="text" class="form-control" ng-model="udpIN">
|
||||
</div>
|
||||
<button type="button" ng-click="modifyPorts('UDP_IN')" class="btn btn-round btn-blue-alt">
|
||||
<button type="button" ng-click="modifyPorts('UDP_IN')"
|
||||
class="btn btn-round btn-blue-alt">
|
||||
<i class="glyph-icon icon-save"></i>
|
||||
</button>
|
||||
</div>
|
||||
|
|
@ -170,11 +196,10 @@
|
|||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</form>
|
||||
</div>
|
||||
<div id="csf" aria-labelledby="ui-id-23" class="ui-tabs-panel ui-widget-content ui-corner-bottom" role="tabpanel" aria-hidden="true" style="display: none;">
|
||||
<div id="csf" aria-labelledby="ui-id-23" class="ui-tabs-panel ui-widget-content ui-corner-bottom"
|
||||
role="tabpanel" aria-hidden="true" style="display: none;">
|
||||
<form action="/" id="createPackages" class="form-horizontal bordered-row">
|
||||
|
||||
<div class="form-group">
|
||||
|
|
@ -182,7 +207,8 @@
|
|||
<div class="col-sm-6">
|
||||
<input type="text" class="form-control" ng-model="allowIP">
|
||||
</div>
|
||||
<button type="button" ng-click="modifyIPs('allowIP')" class="btn btn-round btn-blue-alt">
|
||||
<button type="button" ng-click="modifyIPs('allowIP')"
|
||||
class="btn btn-round btn-blue-alt">
|
||||
<i class="glyph-icon icon-save"></i>
|
||||
</button>
|
||||
</div>
|
||||
|
|
@ -192,14 +218,16 @@
|
|||
<div class="col-sm-6">
|
||||
<input type="text" class="form-control" ng-model="blockIP">
|
||||
</div>
|
||||
<button type="button" ng-click="modifyIPs('blockIP')" class="btn btn-round btn-blue-alt">
|
||||
<button type="button" ng-click="modifyIPs('blockIP')"
|
||||
class="btn btn-round btn-blue-alt">
|
||||
<i class="glyph-icon icon-save"></i>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
<div id="lfd" aria-labelledby="ui-id-24" class="ui-tabs-panel ui-widget-content ui-corner-bottom" role="tabpanel" aria-hidden="true" style="display: none;">
|
||||
<div id="lfd" aria-labelledby="ui-id-24" class="ui-tabs-panel ui-widget-content ui-corner-bottom"
|
||||
role="tabpanel" aria-hidden="true" style="display: none;">
|
||||
{% trans 'Coming Soon.' %}
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue