Add clipboard action to Personal Settings Fed Cloud Id

diff --git a/apps/federatedfilesharing/css/settings-personal.css b/apps/federatedfilesharing/css/settings-personal.css
index f53365c93716181c85e62b9718165710f169dada..6cb69f83cb64116fdeb1d2005fdb82bc5bda9c58 100644 (file)
--- 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 (file)
--- 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 (file)
--- 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>