forked from fanruan/fineui
windy
8 years ago
87 changed files with 32452 additions and 32151 deletions
File diff suppressed because one or more lines are too long
@ -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,84 @@ |
|||||||
|
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, d = new Date(); |
||||||
|
this.YEAR = d.getFullYear(); |
||||||
|
this.MONTH = d.getMonth(); |
||||||
|
this.DAY = d.getDate(); |
||||||
|
|
||||||
|
this.selectedTime = { |
||||||
|
year: this.YEAR, |
||||||
|
month: this.MONTH, |
||||||
|
day: this.DAY |
||||||
|
}; |
||||||
|
|
||||||
|
var tip = BI.createWidget({ |
||||||
|
type: "bi.label" |
||||||
|
}); |
||||||
|
|
||||||
|
var nav = BI.createWidget({ |
||||||
|
type: "bi.navigation", |
||||||
|
element: this, |
||||||
|
tab: { |
||||||
|
height: 30, |
||||||
|
items: [{ |
||||||
|
once: false, |
||||||
|
text: "后退", |
||||||
|
value: -1, |
||||||
|
cls: "mvc-button layout-bg3" |
||||||
|
},tip, { |
||||||
|
once: false, |
||||||
|
text: "前进", |
||||||
|
value: 1, |
||||||
|
cls: "mvc-button layout-bg4" |
||||||
|
}] |
||||||
|
}, |
||||||
|
cardCreator: BI.bind(this._createNav, this), |
||||||
|
|
||||||
|
afterCardCreated: function(){ |
||||||
|
|
||||||
|
}, |
||||||
|
|
||||||
|
afterCardShow: function(){ |
||||||
|
this.setValue(self.selectedTime); |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
nav.on(BI.Navigation.EVENT_CHANGE, function(){ |
||||||
|
self.selectedTime = nav.getValue(); |
||||||
|
tip.setText(self._stringfyTimeObject(self.selectedTime)); |
||||||
|
}); |
||||||
|
tip.setText(this._stringfyTimeObject(this.selectedTime)); |
||||||
|
} |
||||||
|
}); |
||||||
|
$.shortcut("demo.calendar", 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); |
||||||
@ -0,0 +1,184 @@ |
|||||||
|
Demo.CORE_CONFIG = [{ |
||||||
|
id: 1, |
||||||
|
text: "核心控件", |
||||||
|
}, { |
||||||
|
id: 101, |
||||||
|
pId: 1, |
||||||
|
text: "布局" |
||||||
|
}, { |
||||||
|
pId: 101, |
||||||
|
text: "bi.center_adapt", |
||||||
|
value: "demo.center_adapt" |
||||||
|
}, { |
||||||
|
pId: 101, |
||||||
|
text: "bi.vertical_adapt", |
||||||
|
value: "demo.vertical_adapt" |
||||||
|
}, { |
||||||
|
pId: 101, |
||||||
|
text: "bi.horizontal_adapt", |
||||||
|
value: "demo.horizontal_adapt" |
||||||
|
}, { |
||||||
|
pId: 101, |
||||||
|
text: "bi.horizontal_auto", |
||||||
|
value: "demo.horizontal_auto" |
||||||
|
}, { |
||||||
|
pId: 101, |
||||||
|
text: "bi.horizontal_float", |
||||||
|
value: "demo.horizontal_float" |
||||||
|
}, { |
||||||
|
pId: 101, |
||||||
|
text: "bi.left_right_vertical_adapt", |
||||||
|
value: "demo.left_right_vertical_adapt" |
||||||
|
}, { |
||||||
|
pId: 101, |
||||||
|
text: "bi.center", |
||||||
|
value: "demo.center_layout" |
||||||
|
}, { |
||||||
|
pId: 101, |
||||||
|
text: "bi.float_center", |
||||||
|
value: "demo.float_center" |
||||||
|
}, { |
||||||
|
pId: 101, |
||||||
|
text: "bi.vertical", |
||||||
|
value: "demo.vertical" |
||||||
|
}, { |
||||||
|
pId: 101, |
||||||
|
text: "bi.horizontal", |
||||||
|
value: "demo.horizontal" |
||||||
|
}, { |
||||||
|
pId: 101, |
||||||
|
text: "bi.border", |
||||||
|
value: "demo.border" |
||||||
|
}, { |
||||||
|
pId: 101, |
||||||
|
text: "bi.left, bi.right", |
||||||
|
value: "demo.flow" |
||||||
|
}, { |
||||||
|
pId: 101, |
||||||
|
text: "bi.inline", |
||||||
|
value: "demo.inline" |
||||||
|
}, { |
||||||
|
pId: 101, |
||||||
|
text: "bi.htape", |
||||||
|
value: "demo.htape" |
||||||
|
}, { |
||||||
|
pId: 101, |
||||||
|
text: "bi.vtape", |
||||||
|
value: "demo.vtape" |
||||||
|
}, { |
||||||
|
pId: 101, |
||||||
|
text: "bi.grid", |
||||||
|
value: "demo.grid" |
||||||
|
}, { |
||||||
|
pId: 101, |
||||||
|
text: "bi.table", |
||||||
|
value: "demo.table_layout" |
||||||
|
}, { |
||||||
|
pId: 101, |
||||||
|
text: "bi.td", |
||||||
|
value: "demo.td" |
||||||
|
}, { |
||||||
|
pId: 1, |
||||||
|
id: 102, |
||||||
|
text: "抽象控件" |
||||||
|
}, { |
||||||
|
pId: 102, |
||||||
|
text: "bi.button_group", |
||||||
|
value: "demo.button_group" |
||||||
|
}, { |
||||||
|
pId: 102, |
||||||
|
text: "bi.button_tree", |
||||||
|
value: "demo.button_tree" |
||||||
|
}, { |
||||||
|
pId: 102, |
||||||
|
text: "bi.button_map", |
||||||
|
value: "demo.button_map" |
||||||
|
}, { |
||||||
|
pId: 102, |
||||||
|
id: 10201, |
||||||
|
text: "组合控件" |
||||||
|
}, { |
||||||
|
pId: 10201, |
||||||
|
text: "bi.combo", |
||||||
|
value: "demo.combo" |
||||||
|
}, { |
||||||
|
pId: 10201, |
||||||
|
text: "bi.expander", |
||||||
|
value: "demo.expander" |
||||||
|
}, { |
||||||
|
pId: 10201, |
||||||
|
text: "bi.group_combo", |
||||||
|
value: "demo.group_combo" |
||||||
|
}, { |
||||||
|
pId: 10201, |
||||||
|
text: "bi.loader", |
||||||
|
value: "demo.loader" |
||||||
|
}, { |
||||||
|
pId: 10201, |
||||||
|
text: "bi.navigation", |
||||||
|
value: "demo.navigation" |
||||||
|
}, { |
||||||
|
pId: 10201, |
||||||
|
text: "bi.searcher", |
||||||
|
value: "demo.searcher" |
||||||
|
}, { |
||||||
|
pId: 10201, |
||||||
|
text: "bi.switcher", |
||||||
|
value: "demo.switcher" |
||||||
|
}, { |
||||||
|
pId: 10201, |
||||||
|
text: "bi.tab", |
||||||
|
value: "demo.tab" |
||||||
|
}, { |
||||||
|
pId: 102, |
||||||
|
id: 10202, |
||||||
|
text: "弹出层" |
||||||
|
}, { |
||||||
|
pId: 10202, |
||||||
|
text: "bi.layer_float_box", |
||||||
|
value: "demo.layer_float_box" |
||||||
|
}, { |
||||||
|
pId: 10202, |
||||||
|
text: "bi.layer_popup", |
||||||
|
value: "demo.layer_popup" |
||||||
|
}, { |
||||||
|
pId: 10202, |
||||||
|
text: "bi.layer_scroll", |
||||||
|
value: "demo.layer_scroll" |
||||||
|
}, { |
||||||
|
pId: 10202, |
||||||
|
text: "bi.layer_searcher", |
||||||
|
value: "demo.layer_searcher" |
||||||
|
}, { |
||||||
|
pId: 102, |
||||||
|
text: "bi.customtree", |
||||||
|
value: "demo.customtree" |
||||||
|
}, { |
||||||
|
pId: 102, |
||||||
|
text: "bi.grid_view", |
||||||
|
value: "demo.grid_view" |
||||||
|
}, { |
||||||
|
pId: 102, |
||||||
|
text: "bi.collection", |
||||||
|
value: "demo.collection" |
||||||
|
}, { |
||||||
|
pId: 1, |
||||||
|
text: "widget", |
||||||
|
value: "demo.widget" |
||||||
|
}, { |
||||||
|
pId: 1, |
||||||
|
text: "single", |
||||||
|
value: "demo.single" |
||||||
|
}, { |
||||||
|
pId: 1, |
||||||
|
text: "BasicButton", |
||||||
|
value: "demo.basic_button" |
||||||
|
}, { |
||||||
|
pId: 1, |
||||||
|
text: "NodeButton", |
||||||
|
value: "demo.node_button" |
||||||
|
}, { |
||||||
|
pId: 1, |
||||||
|
text: "pane", |
||||||
|
value: "demo.pane" |
||||||
|
}]; |
||||||
@ -1,76 +0,0 @@ |
|||||||
Demo.LAYOUT_CONFIG = [{ |
|
||||||
id: 1, |
|
||||||
text: "布局" |
|
||||||
}, { |
|
||||||
pId: 1, |
|
||||||
text: "bi.center_adapt", |
|
||||||
value: "demo.center_adapt" |
|
||||||
}, { |
|
||||||
pId: 1, |
|
||||||
text: "bi.vertical_adapt", |
|
||||||
value: "demo.vertical_adapt" |
|
||||||
}, { |
|
||||||
pId: 1, |
|
||||||
text: "bi.horizontal_adapt", |
|
||||||
value: "demo.horizontal_adapt" |
|
||||||
}, { |
|
||||||
pId: 1, |
|
||||||
text: "bi.horizontal_auto", |
|
||||||
value: "demo.horizontal_auto" |
|
||||||
}, { |
|
||||||
pId: 1, |
|
||||||
text: "bi.horizontal_float", |
|
||||||
value: "demo.horizontal_float" |
|
||||||
}, { |
|
||||||
pId: 1, |
|
||||||
text: "bi.left_right_vertical_adapt", |
|
||||||
value: "demo.left_right_vertical_adapt" |
|
||||||
}, { |
|
||||||
pId: 1, |
|
||||||
text: "bi.center", |
|
||||||
value: "demo.center_layout" |
|
||||||
}, { |
|
||||||
pId: 1, |
|
||||||
text: "bi.float_center", |
|
||||||
value: "demo.float_center" |
|
||||||
}, { |
|
||||||
pId: 1, |
|
||||||
text: "bi.vertical", |
|
||||||
value: "demo.vertical" |
|
||||||
}, { |
|
||||||
pId: 1, |
|
||||||
text: "bi.horizontal", |
|
||||||
value: "demo.horizontal" |
|
||||||
}, { |
|
||||||
pId: 1, |
|
||||||
text: "bi.border", |
|
||||||
value: "demo.border" |
|
||||||
}, { |
|
||||||
pId: 1, |
|
||||||
text: "bi.left, bi.right", |
|
||||||
value: "demo.flow" |
|
||||||
}, { |
|
||||||
pId: 1, |
|
||||||
text: "bi.inline", |
|
||||||
value: "demo.inline" |
|
||||||
}, { |
|
||||||
pId: 1, |
|
||||||
text: "bi.htape", |
|
||||||
value: "demo.htape" |
|
||||||
}, { |
|
||||||
pId: 1, |
|
||||||
text: "bi.vtape", |
|
||||||
value: "demo.vtape" |
|
||||||
}, { |
|
||||||
pId: 1, |
|
||||||
text: "bi.grid", |
|
||||||
value: "demo.grid" |
|
||||||
}, { |
|
||||||
pId: 1, |
|
||||||
text: "bi.table", |
|
||||||
value: "demo.table_layout" |
|
||||||
}, { |
|
||||||
pId: 1, |
|
||||||
text: "bi.td", |
|
||||||
value: "demo.td" |
|
||||||
}]; |
|
||||||
@ -0,0 +1,11 @@ |
|||||||
|
Demo.Func = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "demo-func" |
||||||
|
}, |
||||||
|
render: function () { |
||||||
|
return { |
||||||
|
type: "bi.layout", |
||||||
|
} |
||||||
|
} |
||||||
|
}); |
||||||
|
$.shortcut("demo.combo", Demo.Func); |
||||||
@ -0,0 +1,24 @@ |
|||||||
|
Demo.Func = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "demo-func" |
||||||
|
}, |
||||||
|
render: function () { |
||||||
|
return { |
||||||
|
type: "bi.button_group", |
||||||
|
chooseType: BI.ButtonGroup.CHOOSE_TYPE_NONE, |
||||||
|
layouts: [{ |
||||||
|
type: "bi.vertical" |
||||||
|
}, { |
||||||
|
type: "bi.center_adapt", |
||||||
|
}], |
||||||
|
items: [{ |
||||||
|
type: "bi.label", |
||||||
|
text: "button_group是一类具有相同属性或相似属性的抽象, 本案例实现的是布局的嵌套(vertical布局下内嵌center_adapt布局)" |
||||||
|
}, { |
||||||
|
type: "bi.button", |
||||||
|
text: "1" |
||||||
|
}] |
||||||
|
} |
||||||
|
} |
||||||
|
}); |
||||||
|
$.shortcut("demo.button_group", Demo.Func); |
||||||
@ -0,0 +1,26 @@ |
|||||||
|
Demo.Func = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "demo-func" |
||||||
|
}, |
||||||
|
render: function () { |
||||||
|
return { |
||||||
|
type: "bi.button_map", |
||||||
|
chooseType: BI.ButtonGroup.CHOOSE_TYPE_MULTI, |
||||||
|
layouts: [{ |
||||||
|
type: "bi.vertical" |
||||||
|
}, { |
||||||
|
type: "bi.center_adapt", |
||||||
|
}], |
||||||
|
items: [{ |
||||||
|
type: "bi.label", |
||||||
|
text: "0", |
||||||
|
value: 0 |
||||||
|
}, { |
||||||
|
type: "bi.button", |
||||||
|
text: "1", |
||||||
|
value: 1 |
||||||
|
}] |
||||||
|
} |
||||||
|
} |
||||||
|
}); |
||||||
|
$.shortcut("demo.button_map", Demo.Func); |
||||||
@ -0,0 +1,26 @@ |
|||||||
|
Demo.Func = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "demo-func" |
||||||
|
}, |
||||||
|
render: function () { |
||||||
|
return { |
||||||
|
type: "bi.button_tree", |
||||||
|
chooseType: BI.ButtonGroup.CHOOSE_TYPE_MULTI, |
||||||
|
layouts: [{ |
||||||
|
type: "bi.vertical" |
||||||
|
}, { |
||||||
|
type: "bi.center_adapt", |
||||||
|
}], |
||||||
|
items: [{ |
||||||
|
type: "bi.label", |
||||||
|
text: "0", |
||||||
|
value: 0 |
||||||
|
}, { |
||||||
|
type: "bi.button", |
||||||
|
text: "1", |
||||||
|
value: 1 |
||||||
|
}] |
||||||
|
} |
||||||
|
} |
||||||
|
}); |
||||||
|
$.shortcut("demo.button_tree", Demo.Func); |
||||||
@ -1,3 +1,7 @@ |
|||||||
Demo = { |
Demo = { |
||||||
version: 1.0 |
version: 1.0 |
||||||
|
}; |
||||||
|
|
||||||
|
BI.i18n = { |
||||||
|
"BI-Basic_OK": "确定" |
||||||
}; |
}; |
||||||
@ -1,192 +0,0 @@ |
|||||||
/** |
|
||||||
* Created by Young's on 2016/8/17. |
|
||||||
* 加载面板，一般只用于 requestAsync 中 |
|
||||||
*/ |
|
||||||
BI.RequstLoading = BI.inherit(BI.Widget, { |
|
||||||
_defaultConfig: function () { |
|
||||||
return BI.extend(BI.RequstLoading.superclass._defaultConfig.apply(this, arguments), {}); |
|
||||||
}, |
|
||||||
|
|
||||||
_init: function () { |
|
||||||
BI.RequstLoading.superclass._init.apply(this, arguments); |
|
||||||
var self = this, o = this.options; |
|
||||||
var mask = BI.Maskers.create(BI.RequstLoading.MASK_ID); |
|
||||||
this.callback = o.callback; |
|
||||||
this.paneTab = BI.createWidget({ |
|
||||||
type: "bi.tab", |
|
||||||
cardCreator: BI.bind(this._cardCreator, this), |
|
||||||
defaultShowIndex: BI.RequstLoading.ERROR, |
|
||||||
width: 400, |
|
||||||
height: 300 |
|
||||||
}); |
|
||||||
var tempIcon = BI.createWidget({ |
|
||||||
type: "bi.icon_button", |
|
||||||
cls: "data-link-test-fail-icon", |
|
||||||
width: 0, |
|
||||||
height: 0 |
|
||||||
}); |
|
||||||
BI.createWidget({ |
|
||||||
type: "bi.absolute", |
|
||||||
element: $('body'), |
|
||||||
items: [{ |
|
||||||
el: tempIcon, |
|
||||||
bottom: 0 |
|
||||||
}] |
|
||||||
}); |
|
||||||
|
|
||||||
BI.createWidget({ |
|
||||||
type: "bi.absolute", |
|
||||||
element: mask, |
|
||||||
cls: "bi-request-loading", |
|
||||||
items: [{ |
|
||||||
el: { |
|
||||||
type: "bi.layout", |
|
||||||
cls: "mask-pane" |
|
||||||
}, |
|
||||||
top: 0, |
|
||||||
left: 0, |
|
||||||
bottom: 0, |
|
||||||
right: 0 |
|
||||||
}, { |
|
||||||
el: { |
|
||||||
type: "bi.center_adapt", |
|
||||||
items: [this.paneTab] |
|
||||||
}, |
|
||||||
top: 0, |
|
||||||
left: 0, |
|
||||||
right: 0, |
|
||||||
bottom: 0 |
|
||||||
}] |
|
||||||
}); |
|
||||||
}, |
|
||||||
|
|
||||||
_cardCreator: function (v) { |
|
||||||
var self = this; |
|
||||||
var cancel = BI.createWidget({ |
|
||||||
type: "bi.button", |
|
||||||
text: BI.i18nText("BI-Basic_Cancel"), |
|
||||||
title: BI.i18nText("BI-Basic_Cancel"), |
|
||||||
level: "ignore", |
|
||||||
height: 28, |
|
||||||
width: 90, |
|
||||||
handler: function () { |
|
||||||
BI.Maskers.hide(BI.RequstLoading.MASK_ID); |
|
||||||
} |
|
||||||
}); |
|
||||||
var retry = BI.createWidget({ |
|
||||||
type: "bi.button", |
|
||||||
text: BI.i18nText("BI-Basic_Retry"), |
|
||||||
title: BI.i18nText("BI-Basic_Retry"), |
|
||||||
level: "common", |
|
||||||
height: 28, |
|
||||||
width: 90, |
|
||||||
handler: function () { |
|
||||||
self.paneTab.setSelect(BI.RequstLoading.LOADING); |
|
||||||
self.callback(); |
|
||||||
} |
|
||||||
}); |
|
||||||
switch (v) { |
|
||||||
case BI.RequstLoading.LOADING: |
|
||||||
return BI.createWidget({ |
|
||||||
type: "bi.vertical", |
|
||||||
items: [{ |
|
||||||
type: "bi.center_adapt", |
|
||||||
cls: "loading-bar-icon", |
|
||||||
items: [{ |
|
||||||
type: "bi.icon", |
|
||||||
width: 208, |
|
||||||
height: 15 |
|
||||||
}] |
|
||||||
}, { |
|
||||||
type: "bi.label", |
|
||||||
cls: "loading-comment", |
|
||||||
text: BI.i18nText("BI-Basic_Loading"), |
|
||||||
height: 30 |
|
||||||
}], |
|
||||||
width: 208, |
|
||||||
height: 200, |
|
||||||
vgap: 10 |
|
||||||
}); |
|
||||||
case BI.RequstLoading.LOADING_TIMEOUT: |
|
||||||
return BI.createWidget({ |
|
||||||
type: "bi.vertical", |
|
||||||
items: [{ |
|
||||||
type: "bi.center_adapt", |
|
||||||
cls: "loading-bar-icon", |
|
||||||
items: [{ |
|
||||||
type: "bi.icon", |
|
||||||
width: 208, |
|
||||||
height: 15 |
|
||||||
}] |
|
||||||
}, { |
|
||||||
type: "bi.label", |
|
||||||
cls: "loading-comment", |
|
||||||
text: BI.i18nText("BI-Basic_Loading"), |
|
||||||
height: 30 |
|
||||||
}, { |
|
||||||
type: "bi.label", |
|
||||||
text: BI.i18nText("BI-Request_Time_Out_Toast_Tip"), |
|
||||||
cls: "load-timeout-warning" |
|
||||||
}, { |
|
||||||
type: "bi.left_right_vertical_adapt", |
|
||||||
items: { |
|
||||||
left: [cancel], |
|
||||||
right: [retry] |
|
||||||
}, |
|
||||||
height: 30, |
|
||||||
llgap: 100, |
|
||||||
rrgap: 100 |
|
||||||
}], |
|
||||||
vgap: 10 |
|
||||||
}); |
|
||||||
case BI.RequstLoading.ERROR: |
|
||||||
return BI.createWidget({ |
|
||||||
type: "bi.vertical", |
|
||||||
items: [{ |
|
||||||
type: "bi.center_adapt", |
|
||||||
cls: "data-link-test-fail-icon", |
|
||||||
items: [{ |
|
||||||
type: "bi.icon", |
|
||||||
width: 126, |
|
||||||
height: 126 |
|
||||||
}] |
|
||||||
}, { |
|
||||||
type: "bi.label", |
|
||||||
text: BI.i18nText("BI-Connection_Lost"), |
|
||||||
cls: "load-fail-comment" |
|
||||||
}, { |
|
||||||
type: "bi.left_right_vertical_adapt", |
|
||||||
items: { |
|
||||||
left: [cancel], |
|
||||||
right: [retry] |
|
||||||
}, |
|
||||||
height: 30, |
|
||||||
llgap: 100, |
|
||||||
rrgap: 100 |
|
||||||
}], |
|
||||||
vgap: 20 |
|
||||||
}); |
|
||||||
} |
|
||||||
}, |
|
||||||
|
|
||||||
showLoading: function () { |
|
||||||
BI.Maskers.show(BI.RequstLoading.MASK_ID); |
|
||||||
this.paneTab.setSelect(BI.RequstLoading.LOADING); |
|
||||||
}, |
|
||||||
|
|
||||||
showError: function () { |
|
||||||
BI.Maskers.show(BI.RequstLoading.MASK_ID); |
|
||||||
this.paneTab.setSelect(BI.RequstLoading.ERROR); |
|
||||||
}, |
|
||||||
|
|
||||||
setCallback: function (callback) { |
|
||||||
this.callback = callback; |
|
||||||
} |
|
||||||
}); |
|
||||||
BI.extend(BI.RequstLoading, { |
|
||||||
MASK_ID: "___request__loading___", |
|
||||||
LOADING: 1, |
|
||||||
LOADING_TIMEOUT: 2, |
|
||||||
ERROR: 3 |
|
||||||
}); |
|
||||||
$.shortcut("bi.request_loading", BI.RequstLoading); |
|
||||||
@ -1,117 +0,0 @@ |
|||||||
/** |
|
||||||
* 组件请求数据超时提示 |
|
||||||
* Created by Young's on 2017/2/4. |
|
||||||
*/ |
|
||||||
BI.TimeoutToast = BI.inherit(BI.Tip, { |
|
||||||
_defaultConfig: function () { |
|
||||||
return BI.extend(BI.TimeoutToast.superclass._defaultConfig.apply(this, arguments), { |
|
||||||
baseCls: "bi-timeout-toast" |
|
||||||
}); |
|
||||||
}, |
|
||||||
|
|
||||||
_init: function () { |
|
||||||
BI.TimeoutToast.superclass._init.apply(this, arguments); |
|
||||||
var self = this; |
|
||||||
this.requests = []; |
|
||||||
this.toast = BI.createWidget({ |
|
||||||
type: "bi.vertical_adapt", |
|
||||||
element: this, |
|
||||||
items: [{ |
|
||||||
type: "bi.label", |
|
||||||
text: BI.i18nText("BI-Request_Time_Out_Toast_Tip") |
|
||||||
}, { |
|
||||||
type: "bi.text_button", |
|
||||||
cls: "cancel-button", |
|
||||||
width: 60, |
|
||||||
height: 22, |
|
||||||
text: BI.i18nText("BI-Basic_Cancel"), |
|
||||||
title: BI.i18nText("BI-Basic_Cancel"), |
|
||||||
handler: function () { |
|
||||||
self.cancelAllRequests(); |
|
||||||
} |
|
||||||
}, { |
|
||||||
type: "bi.text_button", |
|
||||||
cls: "retry-button", |
|
||||||
width: 60, |
|
||||||
height: 22, |
|
||||||
text: BI.i18nText("BI-Basic_Retry"), |
|
||||||
title: BI.i18nText("BI-Basic_Retry"), |
|
||||||
handler: function () { |
|
||||||
self.toast.element.slideUp(500); |
|
||||||
self._retryAll(); |
|
||||||
} |
|
||||||
}, { |
|
||||||
type: "bi.icon_button", |
|
||||||
cls: "close-font", |
|
||||||
width: 20, |
|
||||||
height: 20, |
|
||||||
title: BI.i18nText("BI-Basic_Close"), |
|
||||||
handler: function () { |
|
||||||
self.toast.element.slideUp(500); |
|
||||||
} |
|
||||||
}], |
|
||||||
width: 520, |
|
||||||
height: 30, |
|
||||||
hgap: 2 |
|
||||||
}); |
|
||||||
|
|
||||||
BI.createWidget({ |
|
||||||
type: "bi.absolute", |
|
||||||
element: $("body"), |
|
||||||
items: [{ |
|
||||||
el: this.toast, |
|
||||||
left: "50%", |
|
||||||
top: 0 |
|
||||||
}] |
|
||||||
}); |
|
||||||
this.toast.element.css({"margin-left": -1 * this.toast.element.outerWidth() / 2}); |
|
||||||
this.toast.setVisible(false); |
|
||||||
}, |
|
||||||
|
|
||||||
_retryAll: function () { |
|
||||||
var self = this; |
|
||||||
var clonedRequests = BI.deepClone(this.requests); |
|
||||||
this.requests = []; |
|
||||||
BI.each(clonedRequests, function (i, options) { |
|
||||||
BI.isFunction(self.callback) && self.callback(options); |
|
||||||
}); |
|
||||||
}, |
|
||||||
|
|
||||||
cancelAllRequests: function () { |
|
||||||
this.toast.element.slideUp(500); |
|
||||||
BI.each(this.requests, function (i, reqArgs) { |
|
||||||
if (BI.isNotNull(reqArgs) && BI.isFunction(reqArgs.complete)) { |
|
||||||
reqArgs.complete(); |
|
||||||
} |
|
||||||
}); |
|
||||||
this.requests = []; |
|
||||||
}, |
|
||||||
|
|
||||||
setCallback: function (callback) { |
|
||||||
this.callback = callback; |
|
||||||
}, |
|
||||||
|
|
||||||
addReq: function (options) { |
|
||||||
var self = this; |
|
||||||
if (this.requests.length === 0) { |
|
||||||
setTimeout(function () { |
|
||||||
if (self.requests.contains(options)) { |
|
||||||
self.toast.element.slideDown(500); |
|
||||||
} |
|
||||||
}, 5 * 60 * 1000); //5 min
|
|
||||||
} |
|
||||||
this.requests.push(options); |
|
||||||
}, |
|
||||||
|
|
||||||
removeReq: function (options) { |
|
||||||
BI.remove(this.requests, options); |
|
||||||
if (this.requests.length === 0) { |
|
||||||
this.toast.element.slideUp(500); |
|
||||||
} |
|
||||||
}, |
|
||||||
|
|
||||||
hasReq: function (options) { |
|
||||||
return this.requests.contains(options); |
|
||||||
} |
|
||||||
}); |
|
||||||
$.shortcut("bi.timeout_toast", BI.TimeoutToast); |
|
||||||
@ -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