diff --git a/apps/federatedfilesharing/css/settings-personal.css b/apps/federatedfilesharing/css/settings-personal.css index f53365c93716181c85e62b9718165710f169dada..6cb69f83cb64116fdeb1d2005fdb82bc5bda9c58 100644 --- a/apps/federatedfilesharing/css/settings-personal.css +++ b/apps/federatedfilesharing/css/settings-personal.css @@ -7,6 +7,14 @@ white-space: pre-wrap; } +#fileSharingSettings .icon { + background-size: 16px 16px; + display: inline-block; + position: relative; + top: 3px; + margin-left: 5px; +} + [class^="social-"], [class*=" social-"] { background-repeat: no-repeat; background-position: 2px; diff --git a/apps/federatedfilesharing/js/settings-personal.js b/apps/federatedfilesharing/js/settings-personal.js index 14a9b7bbfa7b3ee0a7b210ba5fc80a0b8d52614f..052ff5b4ed6051a9a6f3c40291d31fc281094f4f 100644 --- a/apps/federatedfilesharing/js/settings-personal.js +++ b/apps/federatedfilesharing/js/settings-personal.js @@ -16,4 +16,35 @@ $(document).ready(function() { $('#oca-files-sharing-add-to-your-website-expanded').slideDown(); }); + // Clipboard! + var clipboard = new Clipboard('.clipboardButton'); + clipboard.on('success', function(e) { + $input = $(e.trigger); + $input.tooltip({placement: 'bottom', trigger: 'manual', title: t('core', 'Copied!')}); + $input.tooltip('show'); + _.delay(function() { + $input.tooltip('hide'); + }, 3000); + }); + clipboard.on('error', function (e) { + $input = $(e.trigger); + var actionMsg = ''; + if (/iPhone|iPad/i.test(navigator.userAgent)) { + actionMsg = t('core', 'Not supported!'); + } else if (/Mac/i.test(navigator.userAgent)) { + actionMsg = t('core', 'Press ⌘-C to copy.'); + } else { + actionMsg = t('core', 'Press Ctrl-C to copy.'); + } + + $input.tooltip({ + placement: 'bottom', + trigger: 'manual', + title: actionMsg + }); + $input.tooltip('show'); + _.delay(function () { + $input.tooltip('hide'); + }, 3000); + }); }); diff --git a/apps/federatedfilesharing/templates/settings-personal.php b/apps/federatedfilesharing/templates/settings-personal.php index 9699591b84da28f1fd7deed6d397d4235a70f26c..aad1e3859820e06e90dbf1a7f89dfc54a9a4cdbb 100644 --- a/apps/federatedfilesharing/templates/settings-personal.php +++ b/apps/federatedfilesharing/templates/settings-personal.php @@ -15,7 +15,8 @@ if ($_['showShareIT']) { <p> <?php p($l->t('Your Federated Cloud ID:')); ?> - <strong><?php p($_['cloudId']); ?></strong> + <strong id="cloudid"><?php p($_['cloudId']); ?></strong> + <a class="clipboardButton icon icon-clippy" data-clipboard-target="#cloudid"></a> </p> <br>