Merge pull request nextcloud#780 from nextcloud/copy_fed_cloud_id

Add clipboard action to Personal Settings Fed Cloud Id
GitHubUser4234 · Aug 9, 2016 · 720852c · 720852c
2 parents 10cfbc8 + a0945c3
commit 720852c
Show file tree

Hide file tree

Showing 3 changed files with 41 additions and 1 deletion.
diff --git 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
@@ -20,4 +20,35 @@ $(document).ready(function() {
 		}
 	});
 
+	// 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
@@ -15,7 +15,8 @@
 
 		<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>