340 lines
18 KiB
HTML
340 lines
18 KiB
HTML
|
<div class="panel panel-default" ng-controller="ettercap_Controller"><div class="panel-heading"><h4 class="panel-title pull-left">{{title}}</h4><span class="pull-right">{{version}}</span><div class="clearfix"></div></div></div>
|
||
|
|
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md-4">
|
||
|
|
<div class="panel panel-default" ng-controller="ettercap_ControlsController">
|
||
|
|
<div class="panel-heading">
|
||
|
|
<h3 class="panel-title">Controls</h3>
|
||
|
|
</div>
|
||
|
|
<div class="panel-body">
|
||
|
|
<table style="width:100%">
|
||
|
|
<tr>
|
||
|
|
<td style="padding-bottom: .5em;" class="text-muted">Dependencies</td>
|
||
|
|
<td ng-hide="$root.status.installed" style="text-align:right;padding-bottom: .5em;"><button type="button" style="width: 90px;" class="btn btn-{{installLabel}} btn-xs" data-toggle="modal" data-target="#dependenciesInstallModal" ng-disabled="processing">{{install}}</button></td>
|
||
|
|
<td ng-show="$root.status.installed" style="text-align:right;padding-bottom: .5em;"><button type="button" style="width: 90px;" class="btn btn-{{installLabel}} btn-xs" data-toggle="modal" data-target="#dependenciesRemoveModal" ng-disabled="processing">{{install}}</button></td>
|
||
|
|
</tr>
|
||
|
|
<tr ng-show="$root.status.installed">
|
||
|
|
<td style="padding-bottom: .5em;" class="text-muted">ettercap</td>
|
||
|
|
<td style="text-align:right;padding-bottom: .5em;"><button type="button" style="width: 90px;" class="btn btn-{{statusLabel}} btn-xs" ng-disabled="starting" ng-click="toggleettercap()">{{status}}</button></td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="modal fade" id="dependenciesInstallModal" tabindex="-1" role="dialog" aria-labelledby="dependenciesModalLabel">
|
||
|
|
<div class="modal-dialog" role="document">
|
||
|
|
<div class="modal-content">
|
||
|
|
<div class="modal-header">
|
||
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
||
|
|
<h4 class="modal-title" id="dependenciesInstallModalLabel">Install dependencies</h4>
|
||
|
|
</div>
|
||
|
|
<div class="modal-body">
|
||
|
|
All required dependencies have to be installed first. This may take a few minutes.<br /><br />
|
||
|
|
Please wait, do not leave or refresh this page. Once the install is complete, this page will refresh automatically.
|
||
|
|
</div>
|
||
|
|
<div class="modal-footer">
|
||
|
|
<button type="button" class="btn btn-info" ng-click="handleDependencies('internal')" data-dismiss="modal">Internal</button>
|
||
|
|
<button type="button" class="btn btn-info" ng-hide="device == 'tetra' || sdAvailable == false" ng-click="handleDependencies('sd')" data-dismiss="modal">SD Card</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="modal fade" id="dependenciesRemoveModal" tabindex="-1" role="dialog" aria-labelledby="dependenciesModalLabel">
|
||
|
|
<div class="modal-dialog" role="document">
|
||
|
|
<div class="modal-content">
|
||
|
|
<div class="modal-header">
|
||
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
||
|
|
<h4 class="modal-title" id="dependenciesRemoveModalLabel">Remove dependencies</h4>
|
||
|
|
</div>
|
||
|
|
<div class="modal-body">
|
||
|
|
All required dependencies will be removed. This may take a few minutes.<br /><br />
|
||
|
|
Please wait, do not leave or refresh this page. Once the remove is complete, this page will refresh automatically.
|
||
|
|
</div>
|
||
|
|
<div class="modal-footer">
|
||
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
|
||
|
|
<button type="button" class="btn btn-info" ng-click="handleDependencies()" data-dismiss="modal">Confirm</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="panel panel-default" ng-show="$root.status.installed" ng-controller="ettercap_OptionsController">
|
||
|
|
<div class="panel-heading pointer" data-toggle="collapse" data-target="#Options">
|
||
|
|
<h4 class="panel-title">Options</h4>
|
||
|
|
</div>
|
||
|
|
<div id="Options" class="panel-collapse collapse">
|
||
|
|
<div class="panel-body">
|
||
|
|
|
||
|
|
<div class="form-group">
|
||
|
|
<div class="input-group">
|
||
|
|
<span class="input-group-addon input-sm">Command</span>
|
||
|
|
<input type="text" class="form-control input-sm" ng-model="command" placeholder="ettercap command">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="form-group">
|
||
|
|
<div class="input-group">
|
||
|
|
<span class="input-group-addon input-sm">Interface</span>
|
||
|
|
<select ng-change="update()" ng-model="selectedInterface" class="form-control input-sm">
|
||
|
|
<option>--</option>
|
||
|
|
<option ng-repeat="interface in interfaces">{{ interface }}</option>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="form-group">
|
||
|
|
<div class="input-group">
|
||
|
|
<span class="input-group-addon input-sm">Target 1</span>
|
||
|
|
<input ng-change="update()" type="text" class="form-control input-sm" ng-model="target1" placeholder="Target 1">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="form-group">
|
||
|
|
<div class="input-group">
|
||
|
|
<span class="input-group-addon input-sm">Target 2</span>
|
||
|
|
<input ng-change="update()" type="text" class="form-control input-sm" ng-model="target2" placeholder="Target 2">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="form-group">
|
||
|
|
<div class="input-group">
|
||
|
|
<span class="input-group-addon input-sm">Filter</span>
|
||
|
|
<select ng-change="update()" ng-model="selectedFilter" class="form-control input-sm">
|
||
|
|
<option ng-repeat="filter in filters">{{ filter }}</option>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="panel panel-default">
|
||
|
|
<div class="panel-heading pointer" data-toggle="collapse" data-target="#MITM">MITM</div>
|
||
|
|
<div id="MITM" class="panel-collapse collapse">
|
||
|
|
<div class="panel-body">
|
||
|
|
|
||
|
|
<div class="form-group">
|
||
|
|
<div class="input-group">
|
||
|
|
<span class="input-group-addon input-sm">Perform a mitm attack</span>
|
||
|
|
<select ng-change="update()" ng-model="mitm" class="form-control input-sm">
|
||
|
|
<option>--</option>
|
||
|
|
<option value="-M arp">arp</option>
|
||
|
|
<option value="-M icmp">icmp</option>
|
||
|
|
<option value="-M dhcp">dhcp</option>
|
||
|
|
<option value="-M port">port</option>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div ng-show="mitm=='-M arp'" class="form-group">
|
||
|
|
<div class="input-group">
|
||
|
|
<span class="input-group-addon input-sm">Parameters</span>
|
||
|
|
<select ng-change="update()" ng-model="arpParameters" class="form-control input-sm">
|
||
|
|
<option>--</option>
|
||
|
|
<option value="oneway">oneway</option>
|
||
|
|
<option value="remote">remote</option>
|
||
|
|
<option value="oneway,remote">oneway,remote</option>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div ng-show="mitm=='-M port'" class="form-group">
|
||
|
|
<div class="input-group">
|
||
|
|
<span class="input-group-addon input-sm">Parameters</span>
|
||
|
|
<select ng-change="update()" ng-model="portParameters" class="form-control input-sm">
|
||
|
|
<option>--</option>
|
||
|
|
<option value="remote">remote</option>
|
||
|
|
<option value="tree">tree</option>
|
||
|
|
<option value="remote,tree">remote,tree</option>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="panel panel-default">
|
||
|
|
<div class="panel-heading pointer" data-toggle="collapse" data-target="#Visualization">Visualization</div>
|
||
|
|
<div id="Visualization" class="panel-collapse collapse">
|
||
|
|
<div class="panel-body">
|
||
|
|
|
||
|
|
<div class="form-group">
|
||
|
|
<div class="input-group">
|
||
|
|
<span class="input-group-addon input-sm">Visualization method</span>
|
||
|
|
<select ng-change="update()" ng-model="visualization" class="form-control input-sm">
|
||
|
|
<option>--</option>
|
||
|
|
<option value="-V hex">hex</option>
|
||
|
|
<option value="-V ascii">ascii</option>
|
||
|
|
<option value="-V text">text</option>
|
||
|
|
<option value="-V ebcdic">ebcdic</option>
|
||
|
|
<option value="-V html">html</option>
|
||
|
|
<option value="-V utf8">utf8</option>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="form-group">
|
||
|
|
<div class="input-group">
|
||
|
|
<div class="checkbox"><label><input type="checkbox" ng-change="update()" ng-model="visualizationOptions.option1" ng-true-value="'-d'"> Resolves ip addresses into hostnames</label></div>
|
||
|
|
<div class="checkbox"><label><input type="checkbox" ng-change="update()" ng-model="visualizationOptions.option2" ng-true-value="'-E'"> Print extended header for every packet</label></div>
|
||
|
|
<div class="checkbox"><label><input type="checkbox" ng-change="update()" ng-model="visualizationOptions.option3" ng-true-value="'-Q'"> Do not display user and password</label></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="panel panel-default">
|
||
|
|
<div class="panel-heading pointer" data-toggle="collapse" data-target="#Others">Others</div>
|
||
|
|
<div id="Others" class="panel-collapse collapse">
|
||
|
|
<div class="panel-body">
|
||
|
|
|
||
|
|
<div class="form-group">
|
||
|
|
<div class="input-group">
|
||
|
|
<span class="input-group-addon input-sm">Sniff only PROTO packets</span>
|
||
|
|
<select ng-change="update()" ng-model="proto" class="form-control input-sm">
|
||
|
|
<option>--</option>
|
||
|
|
<option value="-t tcp">tcp</option>
|
||
|
|
<option value="-t udp">udp</option>
|
||
|
|
<option value="-t all">all</option>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="form-group">
|
||
|
|
<div class="input-group">
|
||
|
|
<div class="checkbox"><label><input type="checkbox" ng-change="update()" ng-model="protoOptions.option1" ng-true-value="'-o'"> Don't sniff, only perform the mitm attack</label></div>
|
||
|
|
<div class="checkbox"><label><input type="checkbox" ng-change="update()" ng-model="protoOptions.option2" ng-true-value="'-p'"> Do not put the iface in promisc mode</label></div>
|
||
|
|
<div class="checkbox"><label><input type="checkbox" ng-change="update()" ng-model="protoOptions.option3" ng-true-value="'-u'"> Do not forward packets</label></div>
|
||
|
|
<div class="checkbox"><label><input type="checkbox" ng-change="update()" ng-model="protoOptions.option4" ng-true-value="'-R'"> Use reversed TARGET matching</label></div>
|
||
|
|
<div class="checkbox"><label><input type="checkbox" ng-change="update()" ng-model="protoOptions.option5" ng-true-value="'-q'"> Do not display packet contents</label></div>
|
||
|
|
<div class="checkbox"><label><input type="checkbox" ng-change="update()" ng-model="protoOptions.option6" ng-true-value="'-z'"> Do not perform the initial ARP scan</label></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="panel panel-default" ng-show="$root.status.installed" ng-controller="ettercap_EditorController">
|
||
|
|
<div class="panel-heading pointer" data-toggle="collapse" data-target="#Editor">
|
||
|
|
<h4 class="panel-title">Editor</h4>
|
||
|
|
</div>
|
||
|
|
<div id="Editor" class="panel-collapse collapse">
|
||
|
|
<div class="panel-body">
|
||
|
|
|
||
|
|
<div class="form-group">
|
||
|
|
<div class="input-group">
|
||
|
|
<span class="input-group-addon input-sm">Filter</span>
|
||
|
|
<select ng-change="showFilter()" ng-model="selectedFilter" class="form-control input-sm">
|
||
|
|
<option ng-repeat="filter in filters">{{ filter }}</option>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="form-group">
|
||
|
|
<div class="input-group">
|
||
|
|
<span class="input-group-addon input-sm">Name</span>
|
||
|
|
<input type="text" class="form-control input-sm" ng-disabled="selectedFilter != '--'" ng-model="filterName" placeholder="New Filter name">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="form-group">
|
||
|
|
<div class="btn-group pull-right">
|
||
|
|
<button class="btn btn-{{saveFilterLabel}} btn-sm" ng-disabled="saving || filterName == ''" ng-click="saveFilterData()">{{saveFilter}}</button>
|
||
|
|
<button class="btn btn-{{compileFilterLabel}} btn-sm" ng-disabled="compiling || selectedFilter == '--'" ng-click="compileFilterData()">{{compileFilter}}</button>
|
||
|
|
<button class="btn btn-{{deleteFilterLabel}} btn-sm" ng-disabled="deleting || selectedFilter == '--'" ng-click="deleteFilterData()">{{deleteFilter}}</button>
|
||
|
|
</div>
|
||
|
|
<div class="clearfix"></div>
|
||
|
|
<textarea class="form-control" rows="20" ng-model="filterData"></textarea>
|
||
|
|
<pre class="scrollable-pre log-pre">{{output}}</pre>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="panel panel-default" ng-show="$root.status.installed" ng-controller="ettercap_OutputController">
|
||
|
|
<div class="panel-heading">
|
||
|
|
<h4 class="panel-title pull-left">Output</h4>
|
||
|
|
<div class="pull-right">
|
||
|
|
Auto-refresh <div class="btn-group">
|
||
|
|
<button ng-click="toggleAutoRefresh()" class="btn btn-xs btn-{{refreshLabelON}}">ON</button>
|
||
|
|
<button ng-click="toggleAutoRefresh()" class="btn btn-xs btn-{{refreshLabelOFF}}">OFF</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="clearfix"></div>
|
||
|
|
</div>
|
||
|
|
<div class="panel-body">
|
||
|
|
<div class="input-group">
|
||
|
|
<span class="input-group-addon input-sm">Filter</span>
|
||
|
|
<input type="text" class="form-control input-sm" placeholder="Piped commands used to filter output (e.g. grep, awk)" ng-model="filter">
|
||
|
|
<div class="input-group-btn">
|
||
|
|
<button class="btn btn-default btn-sm" ng-click="clearFilter()">Clear Filter</button>
|
||
|
|
<button class="btn btn-primary btn-sm" ng-click="refreshOutput()">Refresh Log</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<pre class="scrollable-pre log-pre">{{output}}</pre>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="panel panel-default" ng-show="$root.status.installed" ng-controller="ettercap_HistoryController">
|
||
|
|
<div class="panel-heading pointer" data-toggle="collapse" data-target="#History">
|
||
|
|
<h4 class="panel-title">History <span class="badge">{{history.length}}</span></h4>
|
||
|
|
</div>
|
||
|
|
<div id="History" class="panel-collapse collapse">
|
||
|
|
<div class="panel-body">
|
||
|
|
<button class="btn btn-primary btn-sm pull-right" ng-click="refreshHistory()">Refresh History</button><div class="clearfix"></div>
|
||
|
|
<div class="table-responsive">
|
||
|
|
<table class="table table-striped table-bordered table-hover" ng-hide="(history.length == 0)">
|
||
|
|
<thead>
|
||
|
|
<tr>
|
||
|
|
<th>Date</th>
|
||
|
|
<th>Action</th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody>
|
||
|
|
<tr ng-repeat="entry in history" ng-if="entry != ''">
|
||
|
|
<td>{{entry[0]}}</td>
|
||
|
|
<td>
|
||
|
|
<div class="btn-group">
|
||
|
|
<button type="button" class="btn btn-fixed-length btn-sm btn-default" data-toggle="modal" data-target="#historyModal" ng-click="viewHistory(entry[1])">View</button>
|
||
|
|
<button type="button" class="btn btn-sm btn-default" ng-click="downloadHistory(entry[1])">Download log</button>
|
||
|
|
<button type="button" class="btn btn-sm btn-default" ng-click="downloadHistory(entry[2])">Download pcap</button>
|
||
|
|
<button type="button" class="btn btn-fixed-length btn-sm btn-danger" ng-click="deleteHistory(entry[2])">Delete</button>
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
<div class="well" ng-show="(history.length === 0)">No history...</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="modal fade" id="historyModal" tabindex="-1" role="dialog" aria-labelledby="historyModalLabel">
|
||
|
|
<div class="modal-dialog modal-lg" role="document">
|
||
|
|
<div class="modal-content">
|
||
|
|
<div class="modal-header">
|
||
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
||
|
|
<h4 class="modal-title" id="historyModalLabel">View History - {{historyDate}}</h4>
|
||
|
|
</div>
|
||
|
|
<div class="modal-body">
|
||
|
|
<pre class="scrollable-pre log-pre">{{historyOutput}}</pre>
|
||
|
|
</div>
|
||
|
|
<div class="modal-footer">
|
||
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|