mir/vinyldns
2
0
Fork 0
mirror of https://github.com/VinylDNS/vinyldns synced 2025-08-22 02:02:14 +00:00
Code Issues Releases Wiki Activity

Merge pull request #1404 from Aravindh-Raju/aravindhr/update-copy-button

Browse Source 
Update copy button
This commit is contained in:
Arpit Shah 2024-10-15 11:44:53 -04:00 committed by GitHub
commit 76a4d69162
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
9 changed files with 22 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
modules/portal/app/views/dnsChanges/dnsChangeDetail.scala.html
View File

@ -42,9 +42,9 @@
<div class="row">
<div class="col-md-12">
<p><strong>ID:</strong> {{batch.id}}
<span class="copy-button" ng-click="copyToClipboard()"
data-toggle="tooltip" data-placement="top" title="Copy batch id to clipboard">
<i class="fa fa-clone"></i> Copy
<span class="small-copy-button" ng-click="copyToClipboard()"
data-toggle="tooltip" data-placement="top" title="Copy Batch ID to clipboard">
<i class="fa fa-clone"></i>
</span>
<button class="btn-right-corner" ng-click="exportToCSV(batch.id)">Export CSV</button>
</p>

4
modules/portal/app/views/dnsChanges/dnsChanges.scala.html
View File

@ -114,8 +114,8 @@
<td>
<a href="/dnschanges/{{batchChange.id}}">{{batchChange.id}}</a>
<span class="small-copy-button" ng-click="copyToClipboard(batchChange.id)"
data-toggle="tooltip" data-placement="top" title="Copy batch id to clipboard">
<i class="fa fa-clone"></i> Copy
data-toggle="tooltip" data-placement="top" title="Copy Batch ID to clipboard">
<i class="fa fa-clone"></i>
</span>
</td>
<td ng-bind="batchChange.totalChanges"></td>

6
modules/portal/app/views/groups/groupDetail.scala.html
View File

@ -33,9 +33,9 @@
</i>
</h3>
<p><strong>Group ID:</strong> {{membership.group.id}}
<span class="copy-button" ng-click="copyToClipboard()"
data-toggle="tooltip" data-placement="top" title="Copy group id to clipboard">
<i class="fa fa-clone"></i> Copy
<span class="small-copy-button" ng-click="copyToClipboard()"
data-toggle="tooltip" data-placement="top" title="Copy Group ID to clipboard">
<i class="fa fa-clone"></i>
</span>
</p>
<p><strong>Group Email:</strong> {{membership.group.email}}</p>

6
modules/portal/app/views/zones/zoneDetail.scala.html
View File

@ -33,9 +33,9 @@
<div class="row">
<div class="col-md-12">
<p><strong>Zone ID:</strong> {{zoneInfo.id}}
<span class="copy-button" ng-click="copyToClipboard()"
data-toggle="tooltip" data-placement="top" title="Copy zone id to clipboard">
<i class="fa fa-clone"></i> Copy
<span class="small-copy-button" ng-click="copyToClipboard()"
data-toggle="tooltip" data-placement="top" title="Copy Zone ID to clipboard">
<i class="fa fa-clone"></i>
</span>
</p>
</div>

32
modules/portal/public/css/vinyldns.css
View File

@ -634,34 +634,16 @@ input[type="file"] {
flex-direction: column;
}
.copy-button {
display: inline-flex;
align-items: center;
padding: 2px 6px;
border: 1px solid #d1d5da;
background-color: #f6f8fa;
border-radius: 4px;
cursor: pointer;
font-size: 12px;
color: #24292e;
margin-left: 8px;
transition: background-color 0.3s ease;
}
.copy-button:hover {
background-color: #e1e4e8;
}
.copy-button i {
margin-right: 4px;
font-size: 12px;
}
.small-copy-button {
font-size: 12px;
padding: 2px 6px;
display: inline-block;
padding: 0;
display: inline-flex;
justify-content: center;
align-items: center;
cursor: pointer;
width: 24px;
height: 24px;
box-sizing: border-box;
}
.small-copy-button i {

2
modules/portal/public/lib/controllers/controller.membership.js
View File

@ -50,7 +50,7 @@ angular.module('controller.membership', []).controller('MembershipController', f
$scope.copyToClipboard = function() {
utilityService.copyToClipboard($scope.membership.group.id);
// Trigger success alert using utilityService
var alert = utilityService.success('Successfully copied group id to clipboard');
var alert = utilityService.success('Successfully copied Group ID to clipboard');
$scope.alerts.push(alert);
};

2
modules/portal/public/lib/controllers/controller.records.js
View File

@ -108,7 +108,7 @@ angular.module('controller.records', [])
$scope.copyToClipboard = function() {
utilityService.copyToClipboard($scope.zoneInfo.id);
// Trigger success alert using utilityService
var alert = utilityService.success('Successfully copied zone id to clipboard');
var alert = utilityService.success('Successfully copied Zone ID to clipboard');
$scope.alerts.push(alert);
};

2
modules/portal/public/lib/dns-change/dns-change-detail.controller.js
View File

@ -35,7 +35,7 @@
$scope.copyToClipboard = function() {
utilityService.copyToClipboard($scope.batch.id);
// Trigger success alert using utilityService
var alert = utilityService.success('Successfully copied batch id to clipboard');
var alert = utilityService.success('Successfully copied Batch ID to clipboard');
$scope.alerts.push(alert);
};

2
modules/portal/public/lib/dns-change/dns-changes.controller.js
View File

@ -59,7 +59,7 @@
$scope.copyToClipboard = function(copyText) {
utilityService.copyToClipboard(copyText);
// Trigger success alert using utilityService
var alert = utilityService.success('Successfully copied batch id to clipboard');
var alert = utilityService.success('Successfully copied Batch ID to clipboard');
$scope.alerts.push(alert);
};