Button to reliably copy secret URLs

[shanen]

Hi Team!
Another Wishlist item - this time regarding copying secret URL's.
At the moment we rely on students and staff to accurately select all of the secret URL as seen in attached screenshot.

This can be a hit and miss affair and leaving off even one character results in a broken link.

My wish is for a "Copy link to clipboard" button - to make the select/copy process simple and painless.

This feature can be seen on any Web2 app where someone has to copy embed code (eg. youtube, prezi) and just makes it easy.

Thanks very much.
Shane.

Mahara 1.8

[shanen (shane-nuessler-canberra)]

screenshot!

[Aaron Wells (u-aaronw)]

Huh, I thought for sure I'd already filed a wishlist about this one myself, but I can't find one, so maybe I forgot.

I have definitely researched this one before. My favorite choice was zeroclipboard (http://zeroclipboard.org/), which I seem to recall is what github uses. There's even a handy jQuery library for it to make it easier: http://www.steamdev.com/zclip/

I also looked into what gerrit uses, but that wasn't as satisfactory because it was an older library that was no longer being updated. I think it also didn't support translations as well either.

Interestingly, YouTube doesn't have a "copy" button like github and gerrit. Instead in YouTube, when you bring up the "share" dialog, the URL or embed iframe code are within a text field where the text is already selected and you just have to hit Control-C to copy it. So that's another way we could go.

[shanen (shane-nuessler-canberra)]

Hi Aaron,
Thats true, sorry, youtube just selects. Which as you point out would solve the core issue.
Perhaps a button next to each URL that just says "Select" so then the user could copy using whatever platform specific way they want to use.

In youtube there is only one link to select, but in Mahara there can be multimple URL's, hence the button approach to make a selection.

Thanks,
Shane.

[Aaron Wells (u-aaronw)]

Ah, you're right, YouTube only ever has to show one thing at a time, which is why they can get away with only doing selection instead of copying. Since we have multiple, we'll need a button anyway, so it may as well copy the text. The ZeroClipboard library should make that relatively easy.

[shanen (shane-nuessler-canberra)]

I wonder if there are any other areas in Mahara where you could use that library, to get most value out of it.
Nothing comes immediately to mind though ???

(Emoticon support in this editor would be cool.)

[Mahara Bot (dev-mahara)]

Patch for "master" branch: https://reviews.mahara.org/3502

[Nigel Cunningham (nigelc-g)]

Subscribing Kristina and Evonne as I need a new button image for this bug.

I've prepared a new patch (in Gerrit), and am currently using another button, just for testing. I've spoken to Evonne, who requested that I ask Kristina to add this to the to-do list she has for Evonne. Hope that makes sense! :)

[Evonne Cheung (evonne)]

Hi Nigel

Sorry this took a while, give this icon button a try and let me know if you need something different.

Cheers!

[Mahara Bot (dev-mahara)]

Reviewed: https://reviews.mahara.org/3502
Committed: http://gitorious.org/mahara/mahara/commit/7f276caa05bad2d718af767865339aecb980d7ab
Submitter: Robert Lyon (<email address hidden>)
Branch: master

commit 7f276caa05bad2d718af767865339aecb980d7ab
Author: Nigel Cunningham <email address hidden>
Date: Tue Jul 22 10:02:37 2014 +1000

Copy secret URLs to clipboard button (Bug 1314890)

This patch adds a new button that allows the user to copy
secret URLs to the clipboard without having to manually
select the URL text (a process prone to error). Since
Javascript can't do this directly, it uses the ZeroClipboard
library's Flash based implementation, which adds an invisible
'movie' over the button.

The patch includes error handling, so that if Flash is disabled
or Zeroclipboard is unable to run for some other reason, the
buttons are automatically hidden. Note that if Adobe is set to
ask whether to allow flash to run, the buttons are enabled and
there's no way for us to detect if the user then denies permission.
Since they're explicitly refusing permission and there's nothing
we can do, I'm just documenting the fact here.

Change-Id: Idf6a408b77adc3f5401192688046d8aaa9e125ae
Signed-off-by: Nigel Cunningham <email address hidden>

[Mahara Bot (dev-mahara)]

Reviewed: https://reviews.mahara.org/3504
Committed: http://gitorious.org/mahara/mahara/commit/1b90876febdcb3a56d593307a874e877783acef5
Submitter: Robert Lyon (<email address hidden>)
Branch: master

commit 1b90876febdcb3a56d593307a874e877783acef5
Author: Nigel Cunningham <email address hidden>
Date: Tue Jul 22 10:02:37 2014 +1000

Add Zeroclipboard library for copy-to-clipboard (Bug1314890)

Add the Zeroclipboard library, for use in the next patch,
which adds a button for copying secret URLs to the clipboard.

Change-Id: I73ac2db677107787f9be0cc3c0d5f5d54bfb3958
Signed-off-by: Nigel Cunningham <email address hidden>

[shanen (shane-nuessler-canberra)]

This is great, thanks Robert, Aaron, Nigel, Evonne!

[Aaron Wells (u-aaronw)]

See also Bug 1513665, for subsequently replacing this with an HTML5 equivalent. (Since I keep coming across this page in Google while looking for the other one.)

[Niranjan (niranjan528)]

Precondition:

1. Normal users ‘User one’ and ‘User two’ should exist.
2. A Page ‘Page 01’ should exist.
3. Share ‘Page 01’ access with ‘User two’

Steps to reproduce:

1. Log in as a ‘User one’.
2. Navigate to Main menu > Portfolio > Shared by me.
3. Click the ‘Secret URL’ icon for ‘Page 01’.
4.* *Click the ‘New secret URL’ button.
5. Click the ‘Copy secret URL to the clipboard’ icon.
6. Open a new tab and paste the secret URL.

Expected result: ‘Page 01’ should be displayed.

6. Log out as ‘User one’.
7. Log in as ‘User two’.
6. Open a new tab and paste the secret URL that is copied at step 5.

Expected result: ‘Page 01’ should be displayed.