AS1024
/
itflow
mirror of https://github.com/itflow-org/itflow
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Made Copy to Clipoard button work undr client logins

This commit is contained in:
johnnyq 2021-08-09 22:44:50 -04:00
parent 6483b44646
commit f605b5ac4a
3 changed files with 32 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
client_logins.php
View File

@ -104,9 +104,10 @@ $num_rows = mysqli_fetch_row(mysqli_query($mysqli,"SELECT FOUND_ROWS()"));
<?php echo $login_name; ?> <?php echo $login_name; ?>
</a> </a>
</td> </td>
<td><?php echo $login_uri; ?><button class="btn clipboardjs" data-clipboard-text="<?php echo $login_uri; ?>"><i class="far fa-clipboard"></i></button></td> <td><?php echo $login_uri; ?><button class="btn btn-sm" data-clipboard-text="<?php echo $login_uri; ?>"><i class="far fa-copy text-secondary"></i></button></td>
<td><?php echo $login_username; ?><button class="btn clipboardjs" data-clipboard-text="<?php echo $login_username; ?>"><i class="far fa-clipboard"></i></button></td> <td><?php echo $login_username; ?><button class="btn btn-sm" data-clipboard-text="<?php echo $login_username; ?>"><i class="far fa-copy text-secondary"></i></button></td>
<td><?php echo $login_password; ?><button class="btn"><i class="far fa-eye" data-toggle="password"></i></button><button class="btn clipboardjs" data-clipboard-text="<?php echo $login_password; ?>"><i class="far fa-clipboard"></i></button></td> <td><?php echo $login_password; ?><button class="btn btn-sm" data-clipboard-text="<?php echo $login_password; ?>"><i class="far fa-copy text-secondary"></i></button></td>
</td>
<td><?php echo "-"; ?></td> <td><?php echo "-"; ?></td>
<td> <td>
<div class="dropdown dropleft text-center"> <div class="dropdown dropleft text-center">

4
edit_login_modal.php
View File

@ -60,7 +60,7 @@
<span class="input-group-text"><i class="fa fa-fw fa-eye"></i></span> <span class="input-group-text"><i class="fa fa-fw fa-eye"></i></span>
</div> </div>
<div class="input-group-append"> <div class="input-group-append">
<button class="btn btn-default clipboardjs" type="button" data-clipboard-text="<?php echo $login_password; ?>"><i class="fa fa-fw fa-copy"></i></button> <button class="btn btn-default" type="button" data-clipboard-text="<?php echo $login_password; ?>"><i class="fa fa-fw fa-copy"></i></button>
</div> </div>
</div> </div>
</div> </div>
@ -76,7 +76,7 @@
<span class="input-group-text"><i class="fa fa-fw fa-link"></i></span> <span class="input-group-text"><i class="fa fa-fw fa-link"></i></span>
</div> </div>
<div class="input-group-append"> <div class="input-group-append">
<button class="input-group-text clipboardjs" type="button" data-clipboard-text="<?php echo $login_uri; ?>"><i class="fa fa-fw fa-copy"></i></button> <button class="input-group-text" type="button" data-clipboard-text="<?php echo $login_uri; ?>"><i class="fa fa-fw fa-copy"></i></button>
</div> </div>
</div> </div>
</div> </div>

50
js/app.js
View File

@ -25,39 +25,41 @@ $('.datetimepicker').datetimepicker({
// Data Input Mask // Data Input Mask
$('[data-mask]').inputmask(); $('[data-mask]').inputmask();
// Tooltip ClipboardJS
$('.clipboardjs').tooltip({
trigger: 'click',
placement: 'bottom'
});
function setTooltip(message) {
$('.clipboardjs').tooltip('hide')
.attr('data-original-title', message)
.tooltip('show');
}
function hideTooltip() {
setTimeout(function() {
$('.clipboardjs').tooltip('hide');
}, 1000);
}
// ClipboardJS // ClipboardJS
//Fix to allow Clipboard Copying within Bootstrap Modals //Fix to allow Clipboard Copying within Bootstrap Modals
//For use in Bootstrap Modals or with any other library that changes the focus you'll want to set the focused element as the container value. //For use in Bootstrap Modals or with any other library that changes the focus you'll want to set the focused element as the container value.
$.fn.modal.Constructor.prototype._enforceFocus = function() {}; $.fn.modal.Constructor.prototype._enforceFocus = function() {};
var clipboard = new ClipboardJS('.clipboardjs'); // Tooltip
$('button').tooltip({
trigger: 'click',
placement: 'bottom'
});
function setTooltip(btn, message) {
$(btn).tooltip('hide')
.attr('data-original-title', message)
.tooltip('show');
}
function hideTooltip(btn) {
setTimeout(function() {
$(btn).tooltip('hide');
}, 1000);
}
// Clipboard
var clipboard = new ClipboardJS('button');
clipboard.on('success', function(e) { clipboard.on('success', function(e) {
setTooltip('Copied!'); setTooltip(e.trigger, 'Copied!');
hideTooltip(); hideTooltip(e.trigger);
}); });
clipboard.on('error', function(e) { clipboard.on('error', function(e) {
setTooltip('Failed!'); setTooltip(e.trigger, 'Failed!');
hideTooltip(); hideTooltip(e.trigger);
}); });