1<loader loading="loading"></loader>
2<div id="configuration-snmp">
3  <div class="row column">
4    <h1>SNMP settings</h1>
5  </div>
6  <form class="snmp__form" role="form" action="">
7      <div class="page-header">
8        <h2>Set the Simple Network Management Protocol (SNMP)</h2>
9      </div>
10      <fieldset>
11        <div class="row column snmp__managers-wrap">
12          <div class="snmp__managers" ng-repeat="manager in managers track by $index">
13            <div class="snmp__manager-field">
14              <label>SNMP Manager Server</label>
15              <input class="inline" id="snmp-manager{{$index+1}}-address" ng-change="manager.updateAddress = true" type="text" ng-model="manager.address" ng-blur="managers[$index].address = manager.address"/>
16            </div>
17            <div class="snmp__manager-field">
18              <label>Port</label>
19              <input class="inline" id="snmp-manager{{$index+1}}-port" type="text" ng-change="manager.updatePort = true" ng-model="manager.port" ng-blur="managers[$index].port = manager.port"/>
20            </div>
21          <button class="snmp__manager-remove" ng-click="removeSNMPManager($index)">Remove</button>
22          </div>
23          <button type="button" class="btn-primary inline" ng-click="addNewSNMPManager()">Add SNMP manager</button>
24        </div>
25      </fieldset>
26    <div class="snmp__submit-wrapper">
27      <button type="button" class="btn-primary inline" ng-click="setSNMP()">Save settings</button>
28      <button type="button" class="btn-secondary inline" ng-click="refresh()">Cancel</button>
29    </div>
30  </form>
31</div>
32