Nemcio/CyberPanel
1
0
Fork 0
mirror of https://github.com/usmannasir/cyberpanel.git synced 2026-02-17 03:56:48 +01:00
Code Issues Packages Projects Releases Wiki Activity

CloudFlare DNS: search via controller filteredRecords + $watch (no filter pipe)

Browse Source
This commit is contained in:
master3395
2026-02-16 18:06:13 +01:00
parent c697bea9eb
commit 8fb838f91c
3 changed files with 68 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
dns/templates/dns/addDeleteDNSRecordsCloudFlare.html
View File

@@ -973,7 +973,7 @@
No DNS records found.
</div>
<div ng-if="!loadingRecords && records.length > 0 && dnsSearch.filter && (records | dnsRecordSearch:dnsSearch.filter).length === 0" class="alert alert-info" style="margin-bottom: 1rem;">
<div ng-if="!loadingRecords && records.length > 0 && dnsSearch.filter && filteredRecords.length === 0" class="alert alert-info" style="margin-bottom: 1rem;">
<i class="fas fa-info-circle"></i> {% trans "No records match your search." %}
</div>
@@ -1003,7 +1003,7 @@
</tr>
</thead>
<tbody>
<tr ng-repeat="record in records | dnsRecordSearch:dnsSearch.filter | orderBy:sortColumn:sortReverse track by record.id">
<tr ng-repeat="record in filteredRecords track by record.id">
<td class="editable-cell">
<span ng-hide="isEditing(record, 'name')" ng-click="startEdit(record, 'name')" class="cell-click" title="{% trans 'Click to edit' %}"><strong ng-bind="record.name"></strong></span>
<input ng-show="isEditing(record, 'name')" type="text" class="inline-input" ng-model="record.name" ng-blur="saveInlineField(record, 'name')" ng-keypress="$event.keyCode === 13 && saveInlineField(record, 'name')">

33
public/static/dns/dns.js
View File

@@ -1174,6 +1174,39 @@ app.controller('addModifyDNSRecordsCloudFlare', function ($scope, $http, $window
return list;
};
$scope.dnsSearch = { filter: '' };
$scope.filteredRecords = [];
function applySearchAndSort() {
if (!$scope.records || !Array.isArray($scope.records)) {
$scope.filteredRecords = [];
return;
}
var q = ($scope.dnsSearch && $scope.dnsSearch.filter != null ? String($scope.dnsSearch.filter) : '').toLowerCase().trim();
var list = q === '' ? $scope.records : $scope.records.filter(function (r) {
var name = (r.name != null ? String(r.name) : '').toLowerCase();
var type = (r.type != null ? String(r.type) : '').toLowerCase();
var content = (r.content != null ? String(r.content) : '').toLowerCase();
var priority = (r.priority != null ? String(r.priority) : '');
return name.indexOf(q) !== -1 || type.indexOf(q) !== -1 || content.indexOf(q) !== -1 || priority.indexOf(q) !== -1;
});
var col = $scope.sortColumn || 'name';
var rev = $scope.sortReverse;
list = list.slice().sort(function (a, b) {
var va = a[col];
var vb = b[col];
if (va === vb) return 0;
if (va == null) return rev ? -1 : 1;
if (vb == null) return rev ? 1 : -1;
if (typeof va === 'number' && typeof vb === 'number') return rev ? vb - va : va - vb;
va = String(va).toLowerCase();
vb = String(vb).toLowerCase();
return rev ? (vb < va ? 1 : -1) : (va < vb ? -1 : 1);
});
$scope.filteredRecords = list;
}
$scope.$watchCollection('records', function () { applySearchAndSort(); });
$scope.$watch('dnsSearch.filter', function () { applySearchAndSort(); }, true);
$scope.$watch('sortColumn', function () { applySearchAndSort(); });
$scope.$watch('sortReverse', function () { applySearchAndSort(); });
$scope.matchDnsSearch = function (record) {
var q = (($scope.dnsSearch && $scope.dnsSearch.filter) != null ? String($scope.dnsSearch.filter) : '').toLowerCase().trim();
if (!q) return true;

33
static/dns/dns.js
View File

@@ -1178,6 +1178,39 @@ app.controller('addModifyDNSRecordsCloudFlare', function ($scope, $http, $window
return list;
};
$scope.dnsSearch = { filter: '' };
$scope.filteredRecords = [];
function applySearchAndSort() {
if (!$scope.records || !Array.isArray($scope.records)) {
$scope.filteredRecords = [];
return;
}
var q = ($scope.dnsSearch && $scope.dnsSearch.filter != null ? String($scope.dnsSearch.filter) : '').toLowerCase().trim();
var list = q === '' ? $scope.records : $scope.records.filter(function (r) {
var name = (r.name != null ? String(r.name) : '').toLowerCase();
var type = (r.type != null ? String(r.type) : '').toLowerCase();
var content = (r.content != null ? String(r.content) : '').toLowerCase();
var priority = (r.priority != null ? String(r.priority) : '');
return name.indexOf(q) !== -1 || type.indexOf(q) !== -1 || content.indexOf(q) !== -1 || priority.indexOf(q) !== -1;
});
var col = $scope.sortColumn || 'name';
var rev = $scope.sortReverse;
list = list.slice().sort(function (a, b) {
var va = a[col];
var vb = b[col];
if (va === vb) return 0;
if (va == null) return rev ? -1 : 1;
if (vb == null) return rev ? 1 : -1;
if (typeof va === 'number' && typeof vb === 'number') return rev ? vb - va : va - vb;
va = String(va).toLowerCase();
vb = String(vb).toLowerCase();
return rev ? (vb < va ? 1 : -1) : (va < vb ? -1 : 1);
});
$scope.filteredRecords = list;
}
$scope.$watchCollection('records', function () { applySearchAndSort(); });
$scope.$watch('dnsSearch.filter', function () { applySearchAndSort(); }, true);
$scope.$watch('sortColumn', function () { applySearchAndSort(); });
$scope.$watch('sortReverse', function () { applySearchAndSort(); });
$scope.matchDnsSearch = function (record) {
var q = (($scope.dnsSearch && $scope.dnsSearch.filter) != null ? String($scope.dnsSearch.filter) : '').toLowerCase().trim();
if (!q) return true;