forked from fanruan/fineui
guy
8 years ago
37 changed files with 31026 additions and 30316 deletions
@ -0,0 +1,32 @@
|
||||
Demo.Func = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-func" |
||||
}, |
||||
render: function () { |
||||
var svg = BI.createWidget({ |
||||
type: "bi.svg", |
||||
width: 500, |
||||
height: 600 |
||||
}); |
||||
|
||||
var circle = svg.circle(100, 100, 10); |
||||
circle.animate({fill: "#223fa3", stroke: "#000", "stroke-width": 80, "stroke-opacity": 0.5}, 2000); |
||||
|
||||
var el = svg.rect(10, 200, 300, 200); |
||||
el.transform("t100,100r45t-100,0"); |
||||
|
||||
svg.path("M10,10L50,50M50,10L10,50") |
||||
.attr({stroke: "red"}); |
||||
|
||||
BI.createWidget({ |
||||
type: "bi.absolute", |
||||
element: this, |
||||
items: [{ |
||||
el: svg, |
||||
left: 100, |
||||
top: 50 |
||||
}] |
||||
}) |
||||
} |
||||
}); |
||||
$.shortcut("demo.svg", Demo.Func); |
||||
@ -0,0 +1,96 @@
|
||||
Demo.Func = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-func" |
||||
}, |
||||
_createNav: function(v){ |
||||
var m = this.MONTH, y = this.YEAR; |
||||
m += v; |
||||
while(m < 0){ |
||||
y--; |
||||
m += 12; |
||||
} |
||||
while(m > 11){ |
||||
y++; |
||||
m -= 12; |
||||
} |
||||
var calendar = BI.createWidget({ |
||||
type: "bi.calendar", |
||||
logic: { |
||||
dynamic: false |
||||
}, |
||||
year: y, |
||||
month: m, |
||||
day: this.DAY |
||||
}) |
||||
calendar.setValue(this.selectedTime); |
||||
return calendar; |
||||
}, |
||||
|
||||
_stringfyTimeObject: function(timeOb){ |
||||
return timeOb.year + "-" + (timeOb.month + 1) + "-" + timeOb.day; |
||||
}, |
||||
|
||||
render: function () { |
||||
var self = this; |
||||
var combo1 = BI.createWidget({ |
||||
type: "bi.bubble_combo", |
||||
el: { |
||||
type: "bi.button", |
||||
text: "测试", |
||||
height: 25 |
||||
}, |
||||
popup: { |
||||
el: { |
||||
type: "bi.button_group", |
||||
items: BI.makeArray(100, { |
||||
type: "bi.text_item", |
||||
height: 25, |
||||
text: "item" |
||||
}), |
||||
layouts: [{ |
||||
type: "bi.vertical" |
||||
}] |
||||
}, |
||||
maxHeight: 200 |
||||
} |
||||
}) |
||||
var combo2 = BI.createWidget({ |
||||
type: "bi.bubble_combo", |
||||
el: { |
||||
type: "bi.button", |
||||
text: "测试", |
||||
height: 25 |
||||
}, |
||||
popup: { |
||||
type: "bi.bubble_bar_popup_view", |
||||
el: { |
||||
type: "bi.button_group", |
||||
items: BI.makeArray(100, { |
||||
type: "bi.text_item", |
||||
height: 25, |
||||
text: "item" |
||||
}), |
||||
layouts: [{ |
||||
type: "bi.vertical" |
||||
}] |
||||
}, |
||||
maxHeight: 200, |
||||
minWidth: 600 |
||||
} |
||||
}) |
||||
BI.createWidget({ |
||||
type: "bi.absolute", |
||||
element: this, |
||||
items: [{ |
||||
el: combo1, |
||||
left: 100, |
||||
top: 100 |
||||
}, { |
||||
el: combo2, |
||||
left: 100, |
||||
bottom: 100 |
||||
}] |
||||
}) |
||||
} |
||||
}); |
||||
$.shortcut("demo.bubble_combo", Demo.Func); |
||||
@ -0,0 +1,21 @@
|
||||
Demo.Func = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-func" |
||||
}, |
||||
|
||||
render: function () { |
||||
return { |
||||
type: "bi.absolute", |
||||
items: [{ |
||||
el: { |
||||
type: "bi.color_chooser", |
||||
width: 30, |
||||
height: 30 |
||||
}, |
||||
left: 100, |
||||
top: 250 |
||||
}] |
||||
} |
||||
} |
||||
}); |
||||
$.shortcut("demo.color_chooser", Demo.Func); |
||||
@ -0,0 +1,35 @@
|
||||
Demo.Func = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-func" |
||||
}, |
||||
|
||||
render: function () { |
||||
var canvas = BI.createWidget({ |
||||
type: "bi.complex_canvas", |
||||
width: 500, |
||||
height: 600 |
||||
}); |
||||
canvas.branch(55, 100, 10, 10, 100, 10, 200, 10, { |
||||
offset: 20, |
||||
strokeStyle: "red", |
||||
lineWidth: 2 |
||||
}); |
||||
|
||||
canvas.branch(220, 155, 120, 110, 150, 200, { |
||||
offset: 40 |
||||
}); |
||||
|
||||
canvas.stroke(); |
||||
|
||||
BI.createWidget({ |
||||
type: "bi.absolute", |
||||
element: this, |
||||
items: [{ |
||||
el: canvas, |
||||
left: 100, |
||||
top: 50 |
||||
}] |
||||
}) |
||||
} |
||||
}); |
||||
$.shortcut("demo.complex_canvas", Demo.Func); |
||||
@ -0,0 +1,42 @@
|
||||
Demo.Func = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-func" |
||||
}, |
||||
|
||||
render: function () { |
||||
var editor = BI.createWidget({ |
||||
type: "bi.text_editor", |
||||
width: 200, |
||||
height: 30, |
||||
value: "这是复制的内容" |
||||
}); |
||||
var zclip = BI.createWidget({ |
||||
type: 'bi.zero_clip', |
||||
width: 100, |
||||
height: 100, |
||||
cls: 'layout-bg1', |
||||
copy: function () { |
||||
return editor.getValue(); |
||||
}, |
||||
|
||||
afterCopy: function () { |
||||
BI.Msg.toast(editor.getValue()); |
||||
} |
||||
}); |
||||
|
||||
BI.createWidget({ |
||||
type: "bi.absolute", |
||||
element: this, |
||||
items: [{ |
||||
el: editor, |
||||
left: 100, |
||||
top: 50, |
||||
}, { |
||||
el: zclip, |
||||
left: 100, |
||||
top: 100 |
||||
}] |
||||
}) |
||||
} |
||||
}); |
||||
$.shortcut("demo.zclip", Demo.Func); |
||||
@ -1,44 +0,0 @@
|
||||
/** |
||||
* Created by GUY on 2017/2/8. |
||||
* |
||||
* @class BI.BubblePopupBarView |
||||
* @extends BI.BubblePopupView |
||||
*/ |
||||
BI.BubblePopupBarView = BI.inherit(BI.BubblePopupView, { |
||||
_defaultConfig: function () { |
||||
return BI.extend(BI.BubblePopupBarView.superclass._defaultConfig.apply(this, arguments), { |
||||
extraCls: "bi-bubble-bar-popup-view", |
||||
buttons: [{value: BI.i18nText(BI.i18nText("BI-Basic_Sure"))}, {value: BI.i18nText("BI-Basic_Cancel"), level: "ignore"}] |
||||
}) |
||||
}, |
||||
_init: function () { |
||||
BI.BubblePopupBarView.superclass._init.apply(this, arguments); |
||||
}, |
||||
_createToolBar: function () { |
||||
var o = this.options, self = this; |
||||
|
||||
var items = []; |
||||
BI.each(o.buttons.reverse(), function (i, buttonOpt) { |
||||
if(BI.isWidget(buttonOpt)){ |
||||
items.push(buttonOpt); |
||||
}else{ |
||||
items.push(BI.extend({ |
||||
type: 'bi.button', |
||||
height: 30, |
||||
handler: function (v) { |
||||
self.fireEvent(BI.BubblePopupBarView.EVENT_CLICK_TOOLBAR_BUTTON, v); |
||||
} |
||||
}, buttonOpt)) |
||||
} |
||||
}); |
||||
return BI.createWidget({ |
||||
type: 'bi.right_vertical_adapt', |
||||
height: 40, |
||||
hgap: 10, |
||||
bgap: 10, |
||||
items: items |
||||
}); |
||||
} |
||||
}); |
||||
BI.BubblePopupBarView.EVENT_CLICK_TOOLBAR_BUTTON = "EVENT_CLICK_TOOLBAR_BUTTON"; |
||||
$.shortcut("bi.bubble_bar_popup_view", BI.BubblePopupBarView); |
||||
@ -1,242 +0,0 @@
|
||||
/** |
||||
* Created by Young's on 2016/8/30. |
||||
*/ |
||||
BI.LoginTimeOut = BI.inherit(BI.BarPopoverSection, { |
||||
_defaultConfig: function () { |
||||
return BI.extend(BI.LoginTimeOut.superclass._defaultConfig.apply(this, arguments), {}) |
||||
}, |
||||
|
||||
_init: function () { |
||||
BI.LoginTimeOut.superclass._init.apply(this, arguments); |
||||
}, |
||||
|
||||
rebuildNorth: function (north) { |
||||
BI.createWidget({ |
||||
type: "bi.label", |
||||
element: north, |
||||
text: BI.i18nText("BI-Login_Timeout"), |
||||
height: 50, |
||||
textAlign: "left" |
||||
}) |
||||
}, |
||||
|
||||
rebuildCenter: function (center) { |
||||
var self = this, o = this.options; |
||||
var userNameInput = BI.createWidget({ |
||||
type: "bi.editor", |
||||
watermark: BI.i18nText("BI-Username"), |
||||
cls: "login-input", |
||||
allowBlank: true, |
||||
width: 300, |
||||
height: 30 |
||||
}); |
||||
var userNameMask = BI.createWidget({ |
||||
type: "bi.text_button", |
||||
width: 330, |
||||
height: 56, |
||||
cls: "error-mask" |
||||
}); |
||||
userNameMask.setVisible(false); |
||||
userNameMask.on(BI.TextButton.EVENT_CHANGE, function () { |
||||
userNameInput.focus(); |
||||
this.element.fadeOut(); |
||||
}); |
||||
|
||||
var userNameWrapper = BI.createWidget({ |
||||
type: "bi.absolute", |
||||
cls: "input-wrapper login-username-icon", |
||||
items: [{ |
||||
el: { |
||||
type: "bi.icon", |
||||
width: 26, |
||||
height: 26 |
||||
}, |
||||
top: 10, |
||||
left: 0 |
||||
}, { |
||||
el: userNameInput, |
||||
top: 8, |
||||
left: 30 |
||||
}, { |
||||
el: userNameMask, |
||||
top: 0, |
||||
left: 0 |
||||
}], |
||||
width: 330, |
||||
height: 56 |
||||
}); |
||||
|
||||
|
||||
var passwordInput = BI.createWidget({ |
||||
type: "bi.editor", |
||||
inputType: "password", |
||||
cls: "login-input", |
||||
allowBlank: true, |
||||
watermark: BI.i18nText("BI-Basic_Password"), |
||||
width: 300, |
||||
height: 30 |
||||
}); |
||||
var passwordMask = BI.createWidget({ |
||||
type: "bi.text_button", |
||||
width: 330, |
||||
height: 56, |
||||
cls: "error-mask" |
||||
}); |
||||
passwordMask.setVisible(false); |
||||
passwordMask.on(BI.TextButton.EVENT_CHANGE, function () { |
||||
passwordInput.focus(); |
||||
this.element.fadeOut(); |
||||
}); |
||||
|
||||
var passwordWrapper = BI.createWidget({ |
||||
type: "bi.absolute", |
||||
cls: "input-wrapper login-password-icon", |
||||
items: [{ |
||||
el: { |
||||
type: "bi.icon", |
||||
width: 26, |
||||
height: 26 |
||||
}, |
||||
top: 10, |
||||
left: 0 |
||||
}, { |
||||
el: passwordInput, |
||||
top: 8, |
||||
left: 30 |
||||
}, { |
||||
el: passwordMask, |
||||
top: 0, |
||||
left: 0 |
||||
}], |
||||
width: 330, |
||||
height: 56 |
||||
}); |
||||
|
||||
var loginButton = BI.createWidget({ |
||||
type: "bi.text_button", |
||||
text: BI.i18nText("BI-Basic_Login"), |
||||
cls: "login-button", |
||||
width: 330, |
||||
height: 50 |
||||
}); |
||||
loginButton.on(BI.TextButton.EVENT_CHANGE, function () { |
||||
if (BI.isEmptyString(userNameInput.getValue())) { |
||||
self._showMes(userNameMask, BI.i18nText("BI-Username_Not_Null")); |
||||
return; |
||||
} |
||||
if (BI.isEmptyString(passwordInput.getValue())) { |
||||
self._showMes(passwordMask, BI.i18nText("BI-Password_Not_Null")); |
||||
return; |
||||
} |
||||
|
||||
//反正是登录直接用FR的登录了
|
||||
BI.ajax({ |
||||
url: BI.servletURL + '?op=fs_load&cmd=login', |
||||
data: BI.cjkEncodeDO({ |
||||
fr_username: encodeURIComponent(userNameInput.getValue()), |
||||
fr_password: encodeURIComponent(passwordInput.getValue()), |
||||
fr_remember: self.keepLoginState.isSelected() |
||||
}), |
||||
type: 'POST', |
||||
async: false, |
||||
error: function () { |
||||
BI.Msg.toast("Error!"); |
||||
}, |
||||
complete: function (res, status) { |
||||
if (BI.isEmptyString(res.responseText)) { |
||||
self._showMes(userNameMask, BI.i18nText("BI-Authentication_Failed")); |
||||
return; |
||||
} |
||||
var signResult = BI.jsonDecode(res.responseText); |
||||
if (signResult.fail) { |
||||
//用户名和密码不匹配
|
||||
self._showMes(userNameMask, BI.i18nText("BI-Username_Password_Not_Correct")); |
||||
} else if (signResult.url) { |
||||
self.fireEvent(BI.LoginTimeOut.EVENT_LOGIN); |
||||
} |
||||
} |
||||
}); |
||||
}); |
||||
|
||||
var logo; |
||||
if (BI.isNotNull(window.top.FS)) { |
||||
logo = window.top.FS.config.logoImageID4FS; |
||||
} |
||||
BI.createWidget({ |
||||
type: "bi.absolute", |
||||
element: center, |
||||
cls: "bi-login-timeout-center", |
||||
items: [{ |
||||
el: { |
||||
type: "bi.center_adapt", |
||||
items: [{ |
||||
type: "bi.img", |
||||
src: BI.servletURL + (logo ? |
||||
'?op=fr_attach&cmd=ah_image&id=' + logo + '&isAdjust=false' : |
||||
'?op=resource&resource=/com/fr/bi/web/images/login/bi_logo.png'), |
||||
width: 120, |
||||
height: 120 |
||||
}], |
||||
width: 200, |
||||
height: 300 |
||||
}, |
||||
left: 0, |
||||
top: 0 |
||||
}, { |
||||
el: userNameWrapper, |
||||
top: 30, |
||||
left: 230 |
||||
}, { |
||||
el: passwordWrapper, |
||||
top: 100, |
||||
left: 230 |
||||
}, { |
||||
el: loginButton, |
||||
top: 200, |
||||
left: 230 |
||||
}] |
||||
}); |
||||
}, |
||||
|
||||
_showMes: function (widget, mes) { |
||||
widget.setText(mes); |
||||
widget.element.fadeIn(); |
||||
setTimeout(function () { |
||||
if (widget.element.isVisible()) { |
||||
widget.element.fadeOut(); |
||||
} |
||||
}, 5000); |
||||
}, |
||||
|
||||
rebuildSouth: function (south) { |
||||
this.keepLoginState = BI.createWidget({ |
||||
type: "bi.checkbox", |
||||
width: 16, |
||||
height: 16 |
||||
}); |
||||
BI.createWidget({ |
||||
type: "bi.absolute", |
||||
element: south, |
||||
cls: "bi-login-timeout-south", |
||||
items: [{ |
||||
el: this.keepLoginState, |
||||
top: 0, |
||||
left: 230 |
||||
}, { |
||||
el: { |
||||
type: "bi.label", |
||||
text: BI.i18nText("BI-Keep_Login_State"), |
||||
cls: "keep-state", |
||||
height: 30 |
||||
}, |
||||
top: -7, |
||||
left: 260 |
||||
}] |
||||
}) |
||||
} |
||||
}); |
||||
BI.extend(BI.LoginTimeOut, { |
||||
POPOVER_ID: "___popover__id___" |
||||
}); |
||||
BI.LoginTimeOut.EVENT_LOGIN = "EVENT_LOGIN"; |
||||
$.shortcut("bi.login_timeout", BI.LoginTimeOut); |
||||
@ -0,0 +1,495 @@
|
||||
/* |
||||
* zClip :: jQuery ZeroClipboard v1.1.1 |
||||
* http://steamdev.com/zclip
|
||||
* |
||||
* Copyright 2011, SteamDev |
||||
* Released under the MIT license. |
||||
* http://www.opensource.org/licenses/mit-license.php
|
||||
* |
||||
* Date: Wed Jun 01, 2011 |
||||
*/ |
||||
|
||||
|
||||
(function ($) { |
||||
|
||||
$.fn.zclip = function (params) { |
||||
|
||||
if (typeof params == "object" && !params.length) { |
||||
|
||||
var settings = $.extend({ |
||||
|
||||
path: 'ZeroClipboard.swf', |
||||
copy: null, |
||||
beforeCopy: null, |
||||
afterCopy: null, |
||||
clickAfter: true, |
||||
setHandCursor: true, |
||||
setCSSEffects: true |
||||
|
||||
}, params); |
||||
|
||||
|
||||
return this.each(function () { |
||||
|
||||
var o = $(this); |
||||
|
||||
if (o.is(':visible') && (typeof settings.copy == 'string' || $.isFunction(settings.copy))) { |
||||
|
||||
ZeroClipboard.setMoviePath(settings.path); |
||||
var clip = new ZeroClipboard.Client(); |
||||
|
||||
if($.isFunction(settings.copy)){ |
||||
o.bind('zClip_copy',settings.copy); |
||||
} |
||||
if($.isFunction(settings.beforeCopy)){ |
||||
o.bind('zClip_beforeCopy',settings.beforeCopy); |
||||
} |
||||
if($.isFunction(settings.afterCopy)){ |
||||
o.bind('zClip_afterCopy',settings.afterCopy); |
||||
}
|
||||
|
||||
clip.setHandCursor(settings.setHandCursor); |
||||
clip.setCSSEffects(settings.setCSSEffects); |
||||
clip.addEventListener('mouseOver', function (client) { |
||||
o.trigger('mouseenter'); |
||||
}); |
||||
clip.addEventListener('mouseOut', function (client) { |
||||
o.trigger('mouseleave'); |
||||
}); |
||||
clip.addEventListener('mouseDown', function (client) { |
||||
|
||||
o.trigger('mousedown'); |
||||
|
||||
if(!$.isFunction(settings.copy)){ |
||||
clip.setText(settings.copy); |
||||
} else { |
||||
clip.setText(o.triggerHandler('zClip_copy')); |
||||
}
|
||||
|
||||
if ($.isFunction(settings.beforeCopy)) { |
||||
o.trigger('zClip_beforeCopy');
|
||||
} |
||||
|
||||
}); |
||||
|
||||
clip.addEventListener('complete', function (client, text) { |
||||
|
||||
if ($.isFunction(settings.afterCopy)) { |
||||
|
||||
o.trigger('zClip_afterCopy'); |
||||
|
||||
} else { |
||||
if (text.length > 500) { |
||||
text = text.substr(0, 500) + "...\n\n(" + (text.length - 500) + " characters not shown)"; |
||||
} |
||||
|
||||
o.removeClass('hover'); |
||||
alert("Copied text to clipboard:\n\n " + text); |
||||
} |
||||
|
||||
if (settings.clickAfter) { |
||||
o.trigger('click'); |
||||
} |
||||
|
||||
}); |
||||
|
||||
|
||||
clip.glue(o[0], o.parent()[0]); |
||||
|
||||
$(window).bind('load resize',function(){clip.reposition();}); |
||||
|
||||
|
||||
} |
||||
|
||||
}); |
||||
|
||||
} else if (typeof params == "string") { |
||||
|
||||
return this.each(function () { |
||||
|
||||
var o = $(this); |
||||
|
||||
params = params.toLowerCase(); |
||||
var zclipId = o.data('zclipId'); |
||||
var clipElm = $('#' + zclipId + '.zclip'); |
||||
|
||||
if (params == "remove") { |
||||
|
||||
clipElm.remove(); |
||||
o.removeClass('active hover'); |
||||
|
||||
} else if (params == "hide") { |
||||
|
||||
clipElm.hide(); |
||||
o.removeClass('active hover'); |
||||
|
||||
} else if (params == "show") { |
||||
|
||||
clipElm.show(); |
||||
|
||||
} |
||||
|
||||
}); |
||||
|
||||
} |
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
})(jQuery); |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// ZeroClipboard
|
||||
// Simple Set Clipboard System
|
||||
// Author: Joseph Huckaby
|
||||
var ZeroClipboard = { |
||||
|
||||
version: "1.0.7", |
||||
clients: {}, |
||||
// registered upload clients on page, indexed by id
|
||||
moviePath: 'ZeroClipboard.swf', |
||||
// URL to movie
|
||||
nextId: 1, |
||||
// ID of next movie
|
||||
$: function (thingy) { |
||||
// simple DOM lookup utility function
|
||||
if (typeof(thingy) == 'string') thingy = document.getElementById(thingy); |
||||
if (!thingy.addClass) { |
||||
// extend element with a few useful methods
|
||||
thingy.hide = function () { |
||||
this.style.display = 'none'; |
||||
}; |
||||
thingy.show = function () { |
||||
this.style.display = ''; |
||||
}; |
||||
thingy.addClass = function (name) { |
||||
this.removeClass(name); |
||||
this.className += ' ' + name; |
||||
}; |
||||
thingy.removeClass = function (name) { |
||||
var classes = this.className.split(/\s+/); |
||||
var idx = -1; |
||||
for (var k = 0; k < classes.length; k++) { |
||||
if (classes[k] == name) { |
||||
idx = k; |
||||
k = classes.length; |
||||
} |
||||
} |
||||
if (idx > -1) { |
||||
classes.splice(idx, 1); |
||||
this.className = classes.join(' '); |
||||
} |
||||
return this; |
||||
}; |
||||
thingy.hasClass = function (name) { |
||||
return !!this.className.match(new RegExp("\\s*" + name + "\\s*")); |
||||
}; |
||||
} |
||||
return thingy; |
||||
}, |
||||
|
||||
setMoviePath: function (path) { |
||||
// set path to ZeroClipboard.swf
|
||||
this.moviePath = path; |
||||
}, |
||||
|
||||
dispatch: function (id, eventName, args) { |
||||
// receive event from flash movie, send to client
|
||||
var client = this.clients[id]; |
||||
if (client) { |
||||
client.receiveEvent(eventName, args); |
||||
} |
||||
}, |
||||
|
||||
register: function (id, client) { |
||||
// register new client to receive events
|
||||
this.clients[id] = client; |
||||
}, |
||||
|
||||
getDOMObjectPosition: function (obj, stopObj) { |
||||
// get absolute coordinates for dom element
|
||||
var info = { |
||||
left: 0, |
||||
top: 0, |
||||
width: obj.width ? obj.width : obj.offsetWidth, |
||||
height: obj.height ? obj.height : obj.offsetHeight |
||||
}; |
||||
|
||||
if (obj && (obj != stopObj)) { |
||||
info.left += obj.offsetLeft; |
||||
info.top += obj.offsetTop; |
||||
} |
||||
|
||||
return info; |
||||
}, |
||||
|
||||
Client: function (elem) { |
||||
// constructor for new simple upload client
|
||||
this.handlers = {}; |
||||
|
||||
// unique ID
|
||||
this.id = ZeroClipboard.nextId++; |
||||
this.movieId = 'ZeroClipboardMovie_' + this.id; |
||||
|
||||
// register client with singleton to receive flash events
|
||||
ZeroClipboard.register(this.id, this); |
||||
|
||||
// create movie
|
||||
if (elem) this.glue(elem); |
||||
} |
||||
}; |
||||
|
||||
ZeroClipboard.Client.prototype = { |
||||
|
||||
id: 0, |
||||
// unique ID for us
|
||||
ready: false, |
||||
// whether movie is ready to receive events or not
|
||||
movie: null, |
||||
// reference to movie object
|
||||
clipText: '', |
||||
// text to copy to clipboard
|
||||
handCursorEnabled: true, |
||||
// whether to show hand cursor, or default pointer cursor
|
||||
cssEffects: true, |
||||
// enable CSS mouse effects on dom container
|
||||
handlers: null, |
||||
// user event handlers
|
||||
glue: function (elem, appendElem, stylesToAdd) { |
||||
// glue to DOM element
|
||||
// elem can be ID or actual DOM element object
|
||||
this.domElement = ZeroClipboard.$(elem); |
||||
|
||||
// float just above object, or zIndex 99 if dom element isn't set
|
||||
var zIndex = 99; |
||||
if (this.domElement.style.zIndex) { |
||||
zIndex = parseInt(this.domElement.style.zIndex, 10) + 1; |
||||
} |
||||
|
||||
if (typeof(appendElem) == 'string') { |
||||
appendElem = ZeroClipboard.$(appendElem); |
||||
} else if (typeof(appendElem) == 'undefined') { |
||||
appendElem = document.getElementsByTagName('body')[0]; |
||||
} |
||||
|
||||
// find X/Y position of domElement
|
||||
var box = ZeroClipboard.getDOMObjectPosition(this.domElement, appendElem); |
||||
|
||||
// create floating DIV above element
|
||||
this.div = document.createElement('div'); |
||||
this.div.className = "zclip"; |
||||
this.div.id = "zclip-" + this.movieId; |
||||
$(this.domElement).data('zclipId', 'zclip-' + this.movieId); |
||||
var style = this.div.style; |
||||
style.position = 'absolute'; |
||||
style.left = '' + box.left + 'px'; |
||||
style.top = '' + box.top + 'px'; |
||||
style.width = '' + box.width + 'px'; |
||||
style.height = '' + box.height + 'px'; |
||||
style.zIndex = zIndex; |
||||
|
||||
if (typeof(stylesToAdd) == 'object') { |
||||
for (addedStyle in stylesToAdd) { |
||||
style[addedStyle] = stylesToAdd[addedStyle]; |
||||
} |
||||
} |
||||
|
||||
// style.backgroundColor = '#f00'; // debug
|
||||
appendElem.appendChild(this.div); |
||||
|
||||
this.div.innerHTML = this.getHTML(box.width, box.height); |
||||
}, |
||||
|
||||
getHTML: function (width, height) { |
||||
// return HTML for movie
|
||||
var html = ''; |
||||
var flashvars = 'id=' + this.id + '&width=' + width + '&height=' + height; |
||||
|
||||
if (navigator.userAgent.match(/MSIE/)) { |
||||
// IE gets an OBJECT tag
|
||||
var protocol = location.href.match(/^https/i) ? 'https://' : 'http://'; |
||||
html += '<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="' + protocol + 'download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="' + width + '" height="' + height + '" id="' + this.movieId + '" align="middle"><param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="false" /><param name="movie" value="' + ZeroClipboard.moviePath + '" /><param name="loop" value="false" /><param name="menu" value="false" /><param name="quality" value="best" /><param name="bgcolor" value="#ffffff" /><param name="flashvars" value="' + flashvars + '"/><param name="wmode" value="transparent"/></object>'; |
||||
} else { |
||||
// all other browsers get an EMBED tag
|
||||
html += '<embed id="' + this.movieId + '" src="' + ZeroClipboard.moviePath + '" loop="false" menu="false" quality="best" bgcolor="#ffffff" width="' + width + '" height="' + height + '" name="' + this.movieId + '" align="middle" allowScriptAccess="always" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="' + flashvars + '" wmode="transparent" />'; |
||||
} |
||||
return html; |
||||
}, |
||||
|
||||
hide: function () { |
||||
// temporarily hide floater offscreen
|
||||
if (this.div) { |
||||
this.div.style.left = '-2000px'; |
||||
} |
||||
}, |
||||
|
||||
show: function () { |
||||
// show ourselves after a call to hide()
|
||||
this.reposition(); |
||||
}, |
||||
|
||||
destroy: function () { |
||||
// destroy control and floater
|
||||
if (this.domElement && this.div) { |
||||
this.hide(); |
||||
this.div.innerHTML = ''; |
||||
|
||||
var body = document.getElementsByTagName('body')[0]; |
||||
try { |
||||
body.removeChild(this.div); |
||||
} catch (e) {; |
||||
} |
||||
|
||||
this.domElement = null; |
||||
this.div = null; |
||||
} |
||||
}, |
||||
|
||||
reposition: function (elem) { |
||||
// reposition our floating div, optionally to new container
|
||||
// warning: container CANNOT change size, only position
|
||||
if (elem) { |
||||
this.domElement = ZeroClipboard.$(elem); |
||||
if (!this.domElement) this.hide(); |
||||
} |
||||
|
||||
if (this.domElement && this.div) { |
||||
var box = ZeroClipboard.getDOMObjectPosition(this.domElement); |
||||
var style = this.div.style; |
||||
style.left = '' + box.left + 'px'; |
||||
style.top = '' + box.top + 'px'; |
||||
} |
||||
}, |
||||
|
||||
setText: function (newText) { |
||||
// set text to be copied to clipboard
|
||||
this.clipText = newText; |
||||
if (this.ready) { |
||||
this.movie.setText(newText); |
||||
} |
||||
}, |
||||
|
||||
addEventListener: function (eventName, func) { |
||||
// add user event listener for event
|
||||
// event types: load, queueStart, fileStart, fileComplete, queueComplete, progress, error, cancel
|
||||
eventName = eventName.toString().toLowerCase().replace(/^on/, ''); |
||||
if (!this.handlers[eventName]) { |
||||
this.handlers[eventName] = []; |
||||
} |
||||
this.handlers[eventName].push(func); |
||||
}, |
||||
|
||||
setHandCursor: function (enabled) { |
||||
// enable hand cursor (true), or default arrow cursor (false)
|
||||
this.handCursorEnabled = enabled; |
||||
if (this.ready) { |
||||
this.movie.setHandCursor(enabled); |
||||
} |
||||
}, |
||||
|
||||
setCSSEffects: function (enabled) { |
||||
// enable or disable CSS effects on DOM container
|
||||
this.cssEffects = !! enabled; |
||||
}, |
||||
|
||||
receiveEvent: function (eventName, args) { |
||||
// receive event from flash
|
||||
eventName = eventName.toString().toLowerCase().replace(/^on/, ''); |
||||
|
||||
// special behavior for certain events
|
||||
switch (eventName) { |
||||
case 'load': |
||||
// movie claims it is ready, but in IE this isn't always the case...
|
||||
// bug fix: Cannot extend EMBED DOM elements in Firefox, must use traditional function
|
||||
this.movie = document.getElementById(this.movieId); |
||||
if (!this.movie) { |
||||
var self = this; |
||||
setTimeout(function () { |
||||
self.receiveEvent('load', null); |
||||
}, 1); |
||||
return; |
||||
} |
||||
|
||||
// firefox on pc needs a "kick" in order to set these in certain cases
|
||||
if (!this.ready && navigator.userAgent.match(/Firefox/) && navigator.userAgent.match(/Windows/)) { |
||||
var self = this; |
||||
setTimeout(function () { |
||||
self.receiveEvent('load', null); |
||||
}, 100); |
||||
this.ready = true; |
||||
return; |
||||
} |
||||
|
||||
this.ready = true; |
||||
try { |
||||
this.movie.setText(this.clipText); |
||||
} catch (e) {} |
||||
try { |
||||
this.movie.setHandCursor(this.handCursorEnabled); |
||||
} catch (e) {} |
||||
break; |
||||
|
||||
case 'mouseover': |
||||
if (this.domElement && this.cssEffects) { |
||||
this.domElement.addClass('hover'); |
||||
if (this.recoverActive) { |
||||
this.domElement.addClass('active'); |
||||
} |
||||
|
||||
|
||||
} |
||||
|
||||
|
||||
break; |
||||
|
||||
case 'mouseout': |
||||
if (this.domElement && this.cssEffects) { |
||||
this.recoverActive = false; |
||||
if (this.domElement.hasClass('active')) { |
||||
this.domElement.removeClass('active'); |
||||
this.recoverActive = true; |
||||
} |
||||
this.domElement.removeClass('hover'); |
||||
|
||||
} |
||||
break; |
||||
|
||||
case 'mousedown': |
||||
if (this.domElement && this.cssEffects) { |
||||
this.domElement.addClass('active'); |
||||
} |
||||
break; |
||||
|
||||
case 'mouseup': |
||||
if (this.domElement && this.cssEffects) { |
||||
this.domElement.removeClass('active'); |
||||
this.recoverActive = false; |
||||
} |
||||
break; |
||||
} // switch eventName
|
||||
if (this.handlers[eventName]) { |
||||
for (var idx = 0, len = this.handlers[eventName].length; idx < len; idx++) { |
||||
var func = this.handlers[eventName][idx]; |
||||
|
||||
if (typeof(func) == 'function') { |
||||
// actual function reference
|
||||
func(this, args); |
||||
} else if ((typeof(func) == 'object') && (func.length == 2)) { |
||||
// PHP style object + method, i.e. [myObject, 'myMethod']
|
||||
func[0][func[1]](this, args); |
||||
} else if (typeof(func) == 'string') { |
||||
// name of function
|
||||
window[func](this, args); |
||||
} |
||||
} // foreach event handler defined
|
||||
} // user defined handler for event
|
||||
} |
||||
|
||||
};
|
||||
|
||||
Loading…
Reference in new issue