Updated zero.clipboard to fix copy to clipboard function for requirejs.

Removed wrapper function.
This commit is contained in:
Taloth Saldono 2015-02-04 00:46:55 +01:00
parent 58f0e713fa
commit 00dddfeaf3
4 changed files with 2533 additions and 961 deletions

Binary file not shown.

File diff suppressed because it is too large Load Diff

View File

@ -3,17 +3,20 @@ var StatusModel = require('../System/StatusModel');
var ZeroClipboard = require('zero.clipboard');
var Messenger = require('../Shared/Messenger');
module.exports = (function(){
$.fn.copyToClipboard = function(input){
var moviePath = StatusModel.get('urlBase') + '/Content/zero.clipboard.swf';
var client = new ZeroClipboard(this, {moviePath : moviePath});
client.on('load', function(client){
client.on('dataRequested', function(client){
client.setText(input.val());
});
client.on('complete', function(){
Messenger.show({message : 'Copied text to clipboard'});
});
$.fn.copyToClipboard = function(input) {
ZeroClipboard.config({
swfPath: StatusModel.get('urlBase') + '/Content/zero.clipboard.swf'
});
var client = new ZeroClipboard(this);
client.on('ready', function(e) {
client.on('copy', function(e) {
e.clipboardData.setData("text/plain", input.val());
});
};
}).call(this);
client.on('aftercopy', function() {
Messenger.show({message : 'Copied text to clipboard'});
});
});
};

View File

@ -1,123 +1,121 @@
'use strict';
define(
[
'vent',
'marionette',
'Commands/CommandController',
'Mixins/AsModelBoundView',
'Mixins/AsValidatedView',
'Mixins/CopyToClipboard'
], function (vent, Marionette, CommandController, AsModelBoundView, AsValidatedView) {
var view = Marionette.ItemView.extend({
template: 'Settings/General/GeneralViewTemplate',

var vent = require('../../vent');
var Marionette = require('marionette');
var CommandController = require('../../Commands/CommandController');
var AsModelBoundView = require('../../Mixins/AsModelBoundView');
var AsValidatedView = require('../../Mixins/AsValidatedView');
events: {
'change .x-auth' : '_setAuthOptionsVisibility',
'change .x-ssl' : '_setSslOptionsVisibility',
'click .x-reset-api-key' : '_resetApiKey',
'change .x-update-mechanism' : '_setScriptGroupVisibility'
},
require('../../Mixins/CopyToClipboard');
ui: {
authToggle : '.x-auth',
authOptions : '.x-auth-options',
sslToggle : '.x-ssl',
sslOptions : '.x-ssl-options',
resetApiKey : '.x-reset-api-key',
copyApiKey : '.x-copy-api-key',
apiKeyInput : '.x-api-key',
updateMechanism : '.x-update-mechanism',
scriptGroup : '.x-script-group'
},
var view = Marionette.ItemView.extend({
template: 'Settings/General/GeneralViewTemplate',
initialize: function () {
this.listenTo(vent, vent.Events.CommandComplete, this._commandComplete);
},
events: {
'change .x-auth' : '_setAuthOptionsVisibility',
'change .x-ssl' : '_setSslOptionsVisibility',
'click .x-reset-api-key' : '_resetApiKey',
'change .x-update-mechanism' : '_setScriptGroupVisibility'
},
onRender: function(){
if(this.ui.authToggle.val() === 'none'){
this.ui.authOptions.hide();
}
ui: {
authToggle : '.x-auth',
authOptions : '.x-auth-options',
sslToggle : '.x-ssl',
sslOptions : '.x-ssl-options',
resetApiKey : '.x-reset-api-key',
copyApiKey : '.x-copy-api-key',
apiKeyInput : '.x-api-key',
updateMechanism : '.x-update-mechanism',
scriptGroup : '.x-script-group'
},
if(!this.ui.sslToggle.prop('checked')){
this.ui.sslOptions.hide();
}
initialize: function () {
this.listenTo(vent, vent.Events.CommandComplete, this._commandComplete);
},
if (!this._showScriptGroup()) {
this.ui.scriptGroup.hide();
}
onRender: function(){
if(this.ui.authToggle.val() === 'none'){
this.ui.authOptions.hide();
}
CommandController.bindToCommand({
element: this.ui.resetApiKey,
command: {
name: 'resetApiKey'
}
});
},
if(!this.ui.sslToggle.prop('checked')){
this.ui.sslOptions.hide();
}
onShow: function () {
this.ui.copyApiKey.copyToClipboard(this.ui.apiKeyInput);
},
if (!this._showScriptGroup()) {
this.ui.scriptGroup.hide();
}
_setAuthOptionsVisibility: function () {
var showAuthOptions = this.ui.authToggle.val() !== 'none';
if (showAuthOptions) {
this.ui.authOptions.slideDown();
}
else {
this.ui.authOptions.slideUp();
}
},
_setSslOptionsVisibility: function () {
var showSslOptions = this.ui.sslToggle.prop('checked');
if (showSslOptions) {
this.ui.sslOptions.slideDown();
}
else {
this.ui.sslOptions.slideUp();
}
},
_resetApiKey: function () {
if (window.confirm('Reset API Key?')) {
CommandController.Execute('resetApiKey', {
name : 'resetApiKey'
});
}
},
_commandComplete: function (options) {
if (options.command.get('name') === 'resetapikey') {
this.model.fetch();
}
},
_setScriptGroupVisibility: function () {
if (this._showScriptGroup()) {
this.ui.scriptGroup.slideDown();
}
else {
this.ui.scriptGroup.slideUp();
}
},
_showScriptGroup: function () {
return this.ui.updateMechanism.val() === 'script';
CommandController.bindToCommand({
element: this.ui.resetApiKey,
command: {
name: 'resetApiKey'
}
});
},
AsModelBoundView.call(view);
AsValidatedView.call(view);
onShow: function () {
this.ui.copyApiKey.copyToClipboard(this.ui.apiKeyInput);
},
return view;
});
_setAuthOptionsVisibility: function () {
var showAuthOptions = this.ui.authToggle.val() !== 'none';
if (showAuthOptions) {
this.ui.authOptions.slideDown();
}
else {
this.ui.authOptions.slideUp();
}
},
_setSslOptionsVisibility: function () {
var showSslOptions = this.ui.sslToggle.prop('checked');
if (showSslOptions) {
this.ui.sslOptions.slideDown();
}
else {
this.ui.sslOptions.slideUp();
}
},
_resetApiKey: function () {
if (window.confirm('Reset API Key?')) {
CommandController.Execute('resetApiKey', {
name : 'resetApiKey'
});
}
},
_commandComplete: function (options) {
if (options.command.get('name') === 'resetapikey') {
this.model.fetch();
}
},
_setScriptGroupVisibility: function () {
if (this._showScriptGroup()) {
this.ui.scriptGroup.slideDown();
}
else {
this.ui.scriptGroup.slideUp();
}
},
_showScriptGroup: function () {
return this.ui.updateMechanism.val() === 'script';
}
});
AsModelBoundView.call(view);
AsValidatedView.call(view);
module.exports = view;