|
| 1 | +<div data-ng-controller="CommentFilterController"> |
| 2 | + <div class="page-header clearfix"> |
| 3 | + <h2 class="page-title pull-left"> |
| 4 | + {{lbl.filters}} <span id="spinner" class="loaded"><i class="fa fa-spinner fa-spin fa-sm"></i></span> |
| 5 | + </h2> |
| 6 | + <button data-toggle="modal" data-target="#AddFilter" class="btn btn-success btn-sm btn-tabkey pull-right"><i class="fa fa-plus"></i>{{lbl.add}}</button> |
| 7 | + <button type="button" class="btn btn-default btn-header btn-tabkey pull-right" onclick="window.history.back()"><i class="fa fa-ban"></i>{{lbl.cancel}}</button> |
| 8 | + </div> |
| 9 | + <div class="modal fade" id="AddFilter" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> |
| 10 | + <div class="modal-dialog"> |
| 11 | + |
| 12 | + <div class="modal-content"> |
| 13 | + <div class="modal-header"> |
| 14 | + <button type="button" class="close" data-dismiss="modal" ng-click="focusInput=false" aria-hidden="true"><i class="fa fa-times"></i></button> |
| 15 | + <h4 class="modal-title">Add Filter</h4> |
| 16 | + </div> |
| 17 | + <!--<form id="form" action="" style="margin:0;">--> |
| 18 | + <div class="modal-body"> |
| 19 | + <div class="form-horizontal"> |
| 20 | + <div class="form-group"> |
| 21 | + <label class="control-label col col-md-3">Action</label> |
| 22 | + <div class="col col-md-9"> |
| 23 | + <select class="form-control" id="ddAction" name="ddAction"> |
| 24 | + <option value="Block" selected="selected">Block</option> |
| 25 | + <option value="Allow">Allow</option> |
| 26 | + <option value="Delete">Delete</option> |
| 27 | + </select> |
| 28 | + </div> |
| 29 | + </div> |
| 30 | + <div class="form-group"> |
| 31 | + <label class="control-label col col-md-3">Subject</label> |
| 32 | + <div class="col col-md-9"> |
| 33 | + <select class="form-control" id="ddSubject" name="ddSubject"> |
| 34 | + <option value="IP" selected="selected">IP</option> |
| 35 | + <option value="Author">Author</option> |
| 36 | + <option value="Website">Website</option> |
| 37 | + <option value="Email">E-mail</option> |
| 38 | + <option value="Comment">Comment</option> |
| 39 | + </select> |
| 40 | + </div> |
| 41 | + </div> |
| 42 | + <div class="form-group"> |
| 43 | + <label class="control-label col col-md-3">Operator</label> |
| 44 | + <div class="col col-md-9"> |
| 45 | + <select class="form-control" id="ddOperator" name="ddOperator"> |
| 46 | + <option value="Equals" selected="selected">Equals</option> |
| 47 | + <option value="Contains">Contains</option> |
| 48 | + </select> |
| 49 | + </div> |
| 50 | + </div> |
| 51 | + <div class="form-group"> |
| 52 | + <label class="control-label col col-md-3">Filter</label> |
| 53 | + <div class="col col-md-9"> |
| 54 | + <input type="text" class="form-control" id="txtFilter" maxlength="250" name="txtFilter"> |
| 55 | + </div> |
| 56 | + </div> |
| 57 | + </div> |
| 58 | + </div> |
| 59 | + <div class="modal-footer"> |
| 60 | + <input data-ng-click="addFilter()" class="btn btn-success pull-right btn-tabkey " type="button" value="Add Filter"> |
| 61 | + <button type="button" class="btn btn-default ng-binding" data-dismiss="modal" ng-click="focusInput=false"><i class="fa fa-ban"></i>Cancel</button> |
| 62 | + </div> |
| 63 | + <!--</form>--> |
| 64 | + </div> |
| 65 | + |
| 66 | + </div> |
| 67 | + </div> |
| 68 | + <div class="content-inner"> |
| 69 | + <div class="toolbar-grid clearfix"> |
| 70 | + <div class="pull-left"> |
| 71 | + <button ng-disabled="itemsChecked() === false" ng-click="processChecked('delete')" class="btn btn-sm btn-danger"><i class="fa fa-times"></i>{{lbl.doDelete}}</button> |
| 72 | + <button ng-disabled="items.length === 0" data-ng-click="deleteAll()" class="btn btn-sm btn-danger" type="button"><i class="fa fa-times"></i>{{lbl.deleteAll}}</button> |
| 73 | + </div> |
| 74 | + <div class="pull-right"> |
| 75 | + <input type="text" ng-model="query" ng-change="search()" class="form-control input-sm pull-right" placeholder="{{lbl.search}}"> |
| 76 | + </div> |
| 77 | + </div> |
| 78 | + <table class="table table-bordered table-striped table-hover table-responsive"> |
| 79 | + <thead> |
| 80 | + <tr> |
| 81 | + <th> |
| 82 | + <input type="checkbox" id="chkAll" data-ng-click="checkAll($event)" /> |
| 83 | + </th> |
| 84 | + <th class="table-item-title hmax768">Action</th> |
| 85 | + <th class="hmax768">Subject</th> |
| 86 | + <th class="hmax768">Operator</th> |
| 87 | + <th class="hmax768">Filter</th> |
| 88 | + </tr> |
| 89 | + </thead> |
| 90 | + <tbody> |
| 91 | + <tr data-ng-repeat="item in pagedItems[currentPage]"> |
| 92 | + <td> <input type="checkbox" data-ng-model="item.IsChecked" /> </td> |
| 93 | + <td><span class="pull-left">{{item.Action}}</span></td> |
| 94 | + <td><span class="pull-left">{{item.Subject}}</span></td> |
| 95 | + <td><span class="pull-left">{{item.Operation}}</span></td> |
| 96 | + <td class="table-item-title"> |
| 97 | + {{item.Filter}} |
| 98 | + </td> |
| 99 | + </tr> |
| 100 | + <tr id="tr-spinner"><td colspan="5"><div id="div-spinner"><i class="fa fa-spinner fa-spin"></i></div></td></tr> |
| 101 | + </tbody> |
| 102 | + </table> |
| 103 | + <div class="text-right pagination-wrapper" ng-if="items.length > itemsPerPage"> |
| 104 | + <ul class="pagination pagination-sm"> |
| 105 | + <li data-ng-class="{disabled: currentPage == 0}"> |
| 106 | + <a data-ng-click="prevPage()">« {{lbl.prev}}</a> |
| 107 | + </li> |
| 108 | + <li data-ng-repeat="n in range(pagedItems.length)" data-ng-class="{active: n == currentPage}" data-ng-click="setPage()"> |
| 109 | + <a data-ng-bind="n + 1">1</a> |
| 110 | + </li> |
| 111 | + <li data-ng-class="{disabled: currentPage == pagedItems.length - 1}"> |
| 112 | + <a data-ng-click="nextPage()">{{lbl.next}} »</a> |
| 113 | + </li> |
| 114 | + </ul> |
| 115 | + </div> |
| 116 | + </div> |
| 117 | +</div> |
0 commit comments