# Conflicts: # doc/历史/5.0.0-to-5.0.1-mysql.sql # src/main/webapp/WEB-INF/manager/cms/generate/index.ftlmaster
sgjj
6 years ago
commit
7170fece88
36 changed files with 5178 additions and 1972 deletions
@ -0,0 +1,757 @@ |
||||
<!-- 主页 --> |
||||
<!DOCTYPE html> |
||||
<html> |
||||
<head> |
||||
<title>造价管理系统</title> |
||||
<#include '/include/head-file.ftl'/> |
||||
<script src="${base}/static/plugins/sockjs/1.4.0/sockjs.min.js"></script> |
||||
<script src="${base}/static/plugins/stomp/2.3.3/stomp.min.js"></script> |
||||
<style> |
||||
.to-ele { |
||||
font-size: 18px; |
||||
margin: -2px 9px 0px 3px |
||||
} |
||||
</style> |
||||
</head> |
||||
<body> |
||||
<#include "/reset-password.ftl"/> |
||||
<#include "/exit-system.ftl"/> |
||||
<div id="app" class="index" :class="theme"> |
||||
<el-container> |
||||
<!--左侧菜单--> |
||||
<el-aside class="ms-admin-menu-aside" v-cloak> |
||||
<el-scrollbar style="height:100%"> |
||||
<el-menu :default-active="asideMenuActive" class="el-menu-vertical-demo" |
||||
text-color="rgba(255,255,255,1)" active-text-color="rgba(255,255,255,1)" |
||||
:collapse="collapseMenu" :unique-opened='true' ref='menu' @open="asideMenuOpen"> |
||||
<div class="ms-admin-logo" :style="{display: 'flex','padding-left': (collapseMenu?'5px':'22px')}"> |
||||
<img :src="ms.base+'/static/ms-admin/5.0.0/images/logo.png'"/> |
||||
<div class="class-1" v-show="!collapseMenu"> |
||||
<div class="class-2">v</div> |
||||
2.0 |
||||
</div> |
||||
</div> |
||||
<el-submenu :popper-class="['ms-admin-menu-aside-submenu',theme]" :index="menu.modelId+''" |
||||
:data-index="menu.modelId+''" v-for="(menu,i) in asideMenuList" :key='i'> |
||||
<template slot="title"> |
||||
<i class='ms-admin-icon iconfont' :class="menu.modelIcon"></i> |
||||
<span>{{menu.modelTitle}}</span> |
||||
</template> |
||||
<!-- 子菜单 --> |
||||
<el-menu-item :index="sub.modelId+''" :data-index="sub.modelId" |
||||
v-for="(sub,index) in getSubMenu(menu.modelId)" |
||||
:key='sub.modelModelId' v-text="sub.modelTitle" |
||||
@click.self='open(sub)'></el-menu-item> |
||||
</el-submenu> |
||||
<!-- 收缩按钮 --> |
||||
</el-menu> |
||||
</el-scrollbar> |
||||
</el-aside> |
||||
<#--右侧内容--> |
||||
<el-container class="ms-admin-container" v-cloak> |
||||
<!--头部--> |
||||
<el-header class="ms-admin-header" v-cloak> |
||||
<#--展示合并菜单--> |
||||
<div class="ms-admin-header-menu-shrink" @click="collapseMenu = !collapseMenu"><i class="iconfont" :class="collapseMenu?'icon-liebiaoxiangyou':'icon-shousuo'"></i></div> |
||||
<!--头部menu--> |
||||
<el-menu menu-trigger="hover" class="ms-admin-header-menu" background-color="rgba(255,255,255,1)" |
||||
text-color="#333333" active-text-color="#409EFF" :default-active="headMenuActive" |
||||
mode="horizontal"> |
||||
<el-submenu style="height: 100%;"> |
||||
|
||||
<template slot="title"> |
||||
<i class="iconfont icon-gezi" style="font-size: 17px"></i> |
||||
<span>功能大全</span> |
||||
</template> |
||||
<div class="ms-admin-header-menu-all"> |
||||
<li class="ms-admin-header-menu-all-item" v-for="(item,index) of parentMenuList" |
||||
:key='index' @click='openMenu(item,index)'> |
||||
<i class="iconfont" :class="item.modelIcon" style="padding-right: 4px"></i> |
||||
<div style="width:80px">{{item.modelTitle}}</div> |
||||
<div style="float: right;width: 18px;"> |
||||
<template> |
||||
<i v-if="markList.find(function(x) { |
||||
return x.title == item.modelTitle |
||||
})!=undefined" @click="cancelMarkMenu(item.modelTitle)" |
||||
class='el-icon-star-on'></i> |
||||
<i v-else class='el-icon-star-off ' |
||||
@click="markMenu(item.modelTitle,item.modelIcon)"></i> |
||||
</template> |
||||
</div> |
||||
|
||||
</li> |
||||
</div> |
||||
</el-submenu> |
||||
</el-menu> |
||||
<!--头部右侧--> |
||||
<div class="ms-admin-mstore"> |
||||
<el-menu menu-trigger="hover" class="ms-admin-header-menu" background-color="rgba(255,255,255,1)" |
||||
text-color="#333333" active-text-color="#409EFF" |
||||
mode="horizontal"> |
||||
<el-submenu style="height: 100%;" popper-class="theme-select"> |
||||
<template slot="title"> |
||||
<i class="iconfont icon-pifu" style="font-size: 18px"></i> |
||||
</template> |
||||
<el-menu-item @click="handleCommand('ms-theme-light')" |
||||
style="display: flex;align-items: center"> |
||||
<div style="height: 18px;width: 18px;background-color: rgba(64,158,255,1);margin-right: 7px;border-radius: 2px;"></div> |
||||
<span>浅色系</span> |
||||
</el-menu-item> |
||||
<el-menu-item @click="handleCommand('ms-theme-dark')" |
||||
style="display: flex;align-items: center"> |
||||
<div style="height: 18px;width: 18px;background-color: rgba(56,58,63,1);margin-right: 7px;border-radius: 2px;"></div> |
||||
<span>深色系</span> |
||||
</el-menu-item> |
||||
</el-submenu> |
||||
</el-menu> |
||||
<el-dropdown trigger="hover" class="ms-admin-login" placement="top-start" @visible-change="loginDown = !loginDown"> |
||||
<span class="el-dropdown-link"> |
||||
<div class="ms-admin-people-head" v-text="peopleInfo.managerName && peopleInfo.managerName.substr(0, 2)"></div> |
||||
<span v-text='peopleInfo.managerName'></span> |
||||
</span> |
||||
<el-dropdown-menu class="ms-admin-login-down" slot="dropdown" @click.native='openModal'> |
||||
<el-dropdown-item icon="iconfont icon-suo">修改密码</el-dropdown-item> |
||||
<el-dropdown-item icon="iconfont icon-tuichu1">退出</el-dropdown-item> |
||||
</el-dropdown-menu> |
||||
</el-dropdown> |
||||
<!--mstore按钮--> |
||||
<div class="ms-admin-mstore-icon" @click="open(mstore)"> |
||||
<span v-if="mstore.syncNum>0" v-text="mstore.syncNum"></span> |
||||
<i style="line-height: 42px !important;font-size: 30px;" class="iconfont icon-fenxiang2"></i> |
||||
</div> |
||||
</div> |
||||
|
||||
</el-header> |
||||
<!--内容--> |
||||
<el-main class="ms-admin-main" > |
||||
<!--选项卡--> |
||||
<el-tabs class="ms-admin-tabs" v-model="currentTab" type="card" closable @tab-remove="closeTab" |
||||
@tab-click='tabClick'> |
||||
<el-tab-pane v-for="(item, index) in editableTabs" :key="index" :label="item.modelTitle" |
||||
:name="item.modelTitle" |
||||
:data-modelId='item.modelId' :data-modelModelId='item.modelModelId'> |
||||
<keep-alive> |
||||
<iframe :src='item.isStore?item.modelUrl:ms.manager+"/"+item.modelUrl+(item.modelUrl.indexOf("?")==-1?"?":"&")+"modelId="+item.modelId+"&modelCode="+item.modelCode+"&modelTitle="+encodeURI(item.modelTitle)' |
||||
:ref="item.modelTitle"></iframe> |
||||
</keep-alive> |
||||
</el-tab-pane> |
||||
</el-tabs> |
||||
</el-main> |
||||
</el-container> |
||||
</el-container> |
||||
</div> |
||||
</body> |
||||
|
||||
</html> |
||||
<script> |
||||
var indexVue = new Vue({ |
||||
el: "#app", |
||||
data: { |
||||
code: '', |
||||
menuList: [], //菜单接口数据 |
||||
asideMenuList: [], //侧边菜单 |
||||
parentMenuList: [], //一级菜单 |
||||
subMenuList: [], //二级菜单 所有 |
||||
unreadTotal: 0,//未读消息数量 |
||||
messageList: [],//消息列表 |
||||
mainParentMenuList: [], //头部菜单显示主要的选项 |
||||
loginDown: false, //登录下拉 |
||||
asideMenuActive: "", //左侧选中菜单 |
||||
headMenuActive: '', //头部菜单激活 |
||||
editableTabsValue: '', |
||||
messageTypeList: [], |
||||
editableTabs: [{"modelTitle": "工作台", "modelUrl": "main.do"}], //当前打开的tab页面 |
||||
shortcutMenu: false, //快捷菜单显示状态 |
||||
collapseMenu: false, //菜单折叠，false不折叠 |
||||
currentTab: '工作台', //当前激活tab的name |
||||
tabIndex: 1, |
||||
// markList: ['项目管理', '组织管理', '客户管理', '合同管理', '印章管理', '绩效管理', '权限管理', '系统设置'], |
||||
markList: [ |
||||
{title: "权限管理", icon: "icon-wode", hide: true}, |
||||
{title: "系统设置", icon: "icon-xitongguanli", hide: true}, |
||||
{title: "内容管理", icon: "icon-neirongguanli", hide: true}, |
||||
{title: "印章管理", icon: "icon-huizhang", hide: true}, |
||||
{title: "会员中心", icon: "icon-huiyuanzhongxin", hide: true}, |
||||
{title: "自定义管理", icon: "icon-zidingyiguanli", hide: true}, |
||||
], |
||||
//登录用户信息 |
||||
peopleInfo: { |
||||
managerName: '', //账号 |
||||
managerNickName: '', |
||||
}, |
||||
mstore: {}, |
||||
theme: 'ms-theme-light', |
||||
callbackFun: {}, |
||||
}, |
||||
computed: { |
||||
messageType: function (type) { |
||||
var that = this |
||||
return function (type) { |
||||
var dict = that.messageTypeList.find(function (x) { |
||||
return x.dictValue == type; |
||||
}); |
||||
if (dict) { |
||||
return dict.dictLabel; |
||||
} |
||||
return ''; |
||||
|
||||
} |
||||
} |
||||
}, |
||||
watch: { |
||||
menuList: function (n, o) { |
||||
var that = this; |
||||
n && n.forEach(function (item, index) { |
||||
item.modelModelId ? that.subMenuList.push(item) : that.parentMenuList.push(item) |
||||
}) |
||||
}, |
||||
parentMenuList: function (n, o) { |
||||
var that = this |
||||
this.mainParentMenuList = n.slice(0, 5); |
||||
this.asideMenuList = n.filter(function (f) { |
||||
return that.markList.find( |
||||
function (x) { |
||||
return x.title == f['modelTitle'] |
||||
}) != undefined |
||||
}) |
||||
}, |
||||
editableTabs: { |
||||
handler: function (n, o) { |
||||
if (n.length) { |
||||
var that = this; |
||||
if (!document.querySelector('.el-icon-refresh')) { |
||||
var i = document.createElement('i'); |
||||
i.className = "el-icon-refresh ms-admin-refresh" |
||||
i.title = "点击刷新当前页" |
||||
i.addEventListener('click', function () { |
||||
var index = null |
||||
Object.keys(that.$refs).forEach(function (item, i) { |
||||
item.indexOf(that.currentTab) > -1 ? index = i : '' |
||||
}, that) |
||||
that.$refs[Object.keys(that.$refs)[index]][0].contentDocument.location.reload(true) |
||||
}) |
||||
document.querySelector('.el-tabs__header').insertBefore(i, document.querySelector('.el-tabs__nav-wrap')) |
||||
} |
||||
} else { |
||||
if (document.querySelector('.ms-admin-refresh')) { |
||||
document.querySelector('.el-tabs__header').removeChild(document.querySelector('.ms-admin-refresh')) |
||||
} |
||||
} |
||||
}, |
||||
deep: true |
||||
} |
||||
}, |
||||
methods: { |
||||
getAuthorization: function () { |
||||
|
||||
}, |
||||
subscribe: function () { |
||||
var h = this.$createElement |
||||
var that = this; |
||||
ms.http.get( |
||||
ms.manager + "/lic/info" |
||||
).then(function (res) { |
||||
that.$msgbox({ |
||||
title: '关注公众号接收系统通知', |
||||
message: h('p', null, [h('el-image', { |
||||
attrs: { |
||||
src: 'http://www.meczj.com/wx/employee/qrCode?code=' + encodeURIComponent(res.data), |
||||
}, |
||||
style: { |
||||
width: "80%", |
||||
height: "300px" |
||||
} |
||||
} |
||||
), h('el-alert', { |
||||
props: { |
||||
title: '一人一码，请确认当前登录用户信息再进行绑定，如果绑定错误，请取消关注 铭软 公众号再重新扫码绑定', |
||||
closable: false |
||||
}, |
||||
} |
||||
)]), |
||||
showConfirmButton: false, |
||||
center: true |
||||
}) |
||||
}).catch(function (err) { |
||||
console.log(err) |
||||
}) |
||||
|
||||
}, |
||||
connect: function () { |
||||
var that = this |
||||
var sockjs = new SockJS("/websocket"); |
||||
var stompClient = Stomp.over(sockjs); |
||||
stompClient.connect({}, function (frame) { |
||||
stompClient.subscribe('/topic/message/' +${Session.manager_session.managerId}, function (greeting) { |
||||
if (greeting.body == "list") { |
||||
that.getMessage() |
||||
} |
||||
}); |
||||
}); |
||||
}, |
||||
markMenu: function (title, icon) { |
||||
var menu = { |
||||
title: title, |
||||
icon: icon, |
||||
} |
||||
this.markList.push(menu); |
||||
localStorage.setItem("markList", JSON.stringify(this.markList)) |
||||
this.callbackFun(); |
||||
}, |
||||
cancelMarkMenu: function (title) { |
||||
var index = this.markList.findIndex(function (x) { |
||||
return x.title == title |
||||
}); |
||||
this.markList.splice(index, 1); |
||||
localStorage.setItem("markList", JSON.stringify(this.markList)) |
||||
}, |
||||
handleMessage: function () { |
||||
this.openMenuInTitle('收到消息') |
||||
}, |
||||
handleCommand: function (theme) { |
||||
this.theme = theme; |
||||
localStorage.setItem("theme", theme); |
||||
}, |
||||
// 菜单列表 |
||||
list: function () { |
||||
var that = this; |
||||
ms.http.get(ms.manager + "/model/list.do") |
||||
.then(function (data) { |
||||
that.menuList = data.data.rows |
||||
}, function (err) { |
||||
that.$message.error(err); |
||||
}) |
||||
}, |
||||
asideMenuOpen: function (index, indexPath) { |
||||
}, |
||||
// 菜单打开页面 |
||||
open: function (sub) { |
||||
var that = this |
||||
var result = ''; |
||||
result = this.editableTabs.some(function (item, index) { |
||||
return item.modelTitle == sub.modelTitle |
||||
}) |
||||
|
||||
if (sub.syncStoreUrl) { |
||||
sub.modelUrl = sub.syncStoreUrl |
||||
sub.modelTitle = 'mstore'; |
||||
sub.isStore = true; |
||||
!result ? this.editableTabs.push(sub) : "" |
||||
} else { |
||||
!result ? this.editableTabs.push(sub) : "" |
||||
} |
||||
|
||||
this.currentTab = sub.modelTitle; |
||||
this.headMenuActive = sub.modelModelId |
||||
this.$nextTick(function () { |
||||
that.asideMenuActive = sub.modelId; |
||||
}) |
||||
// 处理其他逻辑 |
||||
setTimeout(function () { |
||||
if (document.querySelector('.el-tabs__nav-prev')) { |
||||
document.querySelector('.el-tabs__nav-wrap').style.padding = '0 40px' |
||||
} else { |
||||
document.querySelector('.el-tabs__nav-wrap').style.padding = '0' |
||||
} |
||||
}, 16) |
||||
}, |
||||
tabClick: function (tab) { |
||||
this.asideMenuActive = tab.$el.dataset.modelid |
||||
this.headMenuActive = tab.$el.dataset.modelmodelid |
||||
console.log(this.editableTabs) |
||||
}, |
||||
// 获取当前菜单的子菜单 |
||||
getSubMenu: function (modelId) { |
||||
var result = []; |
||||
var that = this; |
||||
that.subMenuList && that.subMenuList.forEach(function (item) { |
||||
item.modelModelId == modelId ? result.push(item) : '' |
||||
}) |
||||
return result; |
||||
}, |
||||
//关闭tab标签页 |
||||
closeTab: function (targetName) { |
||||
var that = this; |
||||
// 关闭的面板是当前激活面板 |
||||
if (that.currentTab == targetName) { |
||||
var modelModelId = null |
||||
that.editableTabs.forEach(function (tab, index, arr) { |
||||
if (tab.modelTitle == targetName) { |
||||
modelModelId = arr[index].modelModelId |
||||
var nextTab = arr[index + 1] || arr[index - 1]; |
||||
if (nextTab) { |
||||
that.currentTab = nextTab.modelTitle |
||||
that.asideMenuActive = nextTab.modelId |
||||
that.headMenuActive = nextTab.modelModelId |
||||
} |
||||
} |
||||
}) |
||||
} |
||||
// 去掉关闭的tab |
||||
that.editableTabs = that.editableTabs.filter(function (tab) { |
||||
return tab.modelTitle !== targetName |
||||
}) |
||||
|
||||
// 关闭左侧父菜单 |
||||
if (that.editableTabs.length) { |
||||
var result = that.editableTabs.every(function (item) { |
||||
return item.modelModelId !== modelModelId |
||||
}) |
||||
if (result) { |
||||
that.asideMenuList.forEach(function (menu, index, arr) { |
||||
if (menu.modelId == modelModelId) { |
||||
var flag = false; |
||||
that.markList.forEach(function (item, index, array) { |
||||
if (item.title == menu.modelTitle) { |
||||
flag = true; |
||||
} |
||||
}) |
||||
if (!flag) { |
||||
arr.splice(index, 1); |
||||
} |
||||
} |
||||
}) |
||||
} |
||||
} else { |
||||
that.asideMenuList = [] |
||||
} |
||||
|
||||
// 判断是否出现左右箭头 |
||||
setTimeout(function () { |
||||
if (document.querySelector('.el-tabs__nav-prev')) { |
||||
document.querySelector('.el-tabs__nav-wrap').style.padding = '0 40px' |
||||
} else { |
||||
document.querySelector('.el-tabs__nav-wrap').style.padding = '0' |
||||
} |
||||
}, 16) |
||||
}, |
||||
openParentMenuInTitle: function (title) { |
||||
var data = this.parentMenuList.find(function (menu) { |
||||
return menu.modelTitle == title |
||||
}) |
||||
data && this.openMenu(data) |
||||
}, |
||||
// 头部导航打开菜单 |
||||
openMenu: function (menu, index) { |
||||
this.asideMenuList.some(function (item, index) { |
||||
return item.modelId == menu.modelId |
||||
}) || this.asideMenuList.push(menu) |
||||
// this.getSubMenu(menu.modelId)[0] && this.$refs.menu.open(this.getSubMenu(menu.modelId)[0].modelTitle); |
||||
var children = []; |
||||
this.menuList.forEach(function (tab) { |
||||
if (tab.modelModelId == menu.modelId) { |
||||
children.push(tab) |
||||
} |
||||
}) |
||||
this.currentTab = children[0] && children[0].modelTitle; |
||||
this.open(children[0]); |
||||
var that = this; |
||||
setTimeout(function () { |
||||
that.shortcutMenu = false |
||||
}, 50) |
||||
that.$nextTick(function () { |
||||
that.$refs.menu.open(String(menu.modelId)) |
||||
}) |
||||
}, |
||||
managerGet: function () { |
||||
var that = this; |
||||
ms.http.get(ms.manager + "/basic/manager/get.do") |
||||
.then(function (data) { |
||||
that.peopleInfo = data.data |
||||
resetPasswordVue.resetPasswordForm.managerName = that.peopleInfo.managerName |
||||
}, function (err) { |
||||
that.$message.error(err); |
||||
}) |
||||
}, |
||||
exitSystem: function () { |
||||
this.$confirm('是否确认退出账号？', '退出系统', { |
||||
confirmButtonText: '确定', |
||||
cancelButtonText: '取消', |
||||
cancelButtonClass: 'el-button--mini', |
||||
confirmButtonClass: 'el-button--mini', |
||||
type: 'warning' |
||||
}).then(function () { |
||||
ms.http.get(ms.manager + "/loginOut.do") |
||||
.then(function (data) { |
||||
isShow = false; |
||||
location.href = ms.manager + "/login.do"; |
||||
}, function (err) { |
||||
that.$message.error(err.msg); |
||||
}) |
||||
}) |
||||
}, |
||||
// 打开修改密码，退出的模态框 |
||||
openModal: function () { |
||||
event.target.innerText.indexOf('修改密码') > -1 ? |
||||
resetPasswordVue.isShow = true : this.exitSystem(); |
||||
}, |
||||
// 显示图标 |
||||
formmateIcon: function (icon) { |
||||
return "<i class='ms-admin-icon iconfont'></i>" |
||||
}, |
||||
//打开指定标题 |
||||
openMenuInTitle: function (title) { |
||||
this.open(this.menuList.find(function (x) { |
||||
return x.modelTitle == title |
||||
})) |
||||
}, |
||||
//消息显示 |
||||
getMessage: function () { |
||||
var that = this |
||||
ms.http.post(ms.manager + "/message/myMessage/list.do", {pageSize: 9999, mlStatus: 'unread'}) |
||||
.then(function (res) { |
||||
if (res.result) { |
||||
that.messageList = res.data.rows.splice(0, 5); |
||||
that.unreadTotal = res.data.total; |
||||
} |
||||
}, function (err) { |
||||
that.$message.error(err); |
||||
}) |
||||
|
||||
}, |
||||
dictList: function () { |
||||
var that = this; |
||||
ms.http.get(ms.base + '/mdiy/dict/list.do', {dictType: '消息类型', pageSize: 99999}).then(function (res) { |
||||
that.messageTypeList = res.rows; |
||||
}).catch(function (err) { |
||||
console.log(err); |
||||
}); |
||||
}, |
||||
addCallBackFun: function (fun) { |
||||
this.callbackFun = fun; |
||||
} |
||||
}, |
||||
created: function () { |
||||
this.getAuthorization(); |
||||
var markList = localStorage.getItem("markList"); |
||||
if (markList) { |
||||
this.markList = JSON.parse(markList) |
||||
} |
||||
localStorage.setItem("markList", JSON.stringify(this.markList)) |
||||
}, |
||||
mounted: function () { |
||||
// this.getMessage(); |
||||
this.dictList(); |
||||
if (localStorage.getItem("theme")) { |
||||
this.theme = localStorage.getItem("theme"); |
||||
} |
||||
//setInterval(this.getMessage,3000) |
||||
// 菜单列表 |
||||
this.list(); |
||||
this.connect(); |
||||
//获取登录用户信息 |
||||
this.managerGet(); |
||||
var that = this; |
||||
ms.http.get(ms.manager + "/upgrader/sync.do").then(function (data) { |
||||
if (data.syncStoreUrl != undefined) { |
||||
data.syncStoreUrl += "?client=${client}"; |
||||
that.mstore = data; |
||||
} |
||||
}) |
||||
|
||||
}, |
||||
}) |
||||
</script> |
||||
<style> |
||||
|
||||
.adminhead{ |
||||
margin-top: 10px\0; |
||||
} |
||||
.item { |
||||
margin-right: 19px; |
||||
} |
||||
|
||||
.ms-notice-menu { |
||||
padding: 0px; |
||||
width: 400px; |
||||
} |
||||
|
||||
.ms-notice-menu-type { |
||||
color: #ccc; |
||||
font-weight: 500; |
||||
font-family: 黑体 !important; |
||||
} |
||||
|
||||
.ms-notice-menu-border { |
||||
border-bottom: 1px solid rgb(239, 239, 239); |
||||
font-weight: bold; |
||||
font-family: 黑体 !important; |
||||
} |
||||
|
||||
.ms-admin-header-menu-shrink { |
||||
width: 64px; |
||||
display: flex; |
||||
justify-content: center; |
||||
align-items: center; |
||||
line-height: 50px; |
||||
border-right: 1px solid rgba(238, 238, 238, 1); |
||||
cursor: pointer; |
||||
} |
||||
|
||||
.ms-admin-header-menu-shrink:hover { |
||||
background: rgba(250, 250, 250, 1); |
||||
} |
||||
|
||||
.el-menu-vertical-demo:not(.el-menu--collapse) { |
||||
width: 180px; |
||||
height: 100vh; |
||||
} |
||||
|
||||
.el-menu--collapse { |
||||
height: 100vh; |
||||
} |
||||
|
||||
.ms-admin-menu-aside .el-submenu__title, |
||||
.ms-admin-menu-aside .el-menu-item { |
||||
color: rgba(255, 255, 255, 1); |
||||
height: 40px; |
||||
line-height: 40px; |
||||
} |
||||
|
||||
.ms-admin-menu-aside .el-submenu__title i { |
||||
color: inherit; |
||||
} |
||||
|
||||
.ms-admin-menu-aside .el-submenu__title .iconfont { |
||||
font-size: 19px !important; |
||||
} |
||||
|
||||
.ms-admin-menu-aside .el-submenu.is-active .el-submenu__title { |
||||
color: rgba(255, 255, 255, 1) !important; |
||||
} |
||||
|
||||
.ms-admin-header-menu .el-submenu__title { |
||||
height: 50px !important; |
||||
line-height: 50px !important; |
||||
} |
||||
|
||||
.ms-admin-header-menu .el-submenu__title:hover { |
||||
background: rgba(250, 250, 250, 1) !important; |
||||
} |
||||
|
||||
.ms-admin-header-menu-all { |
||||
width: 560px; |
||||
height: auto; |
||||
background: rgba(255, 255, 255, 1); |
||||
border-radius: 2px; |
||||
display: flex; |
||||
flex-direction: row; |
||||
flex-wrap: wrap; |
||||
line-height: 40px; |
||||
} |
||||
|
||||
.ms-admin-header-menu-all .iconfont { |
||||
font-size: 17px; |
||||
} |
||||
|
||||
.ms-admin-header-menu-all .ms-admin-header-menu-all-item { |
||||
display: flex; |
||||
width: 25%; |
||||
justify-content: center; |
||||
align-items: center; |
||||
cursor: pointer; |
||||
} |
||||
|
||||
.ms-admin-header-menu-all .ms-admin-header-menu-all-item .el-icon-star-on { |
||||
color: #ccc; |
||||
font-size: 17px; |
||||
margin-left: -1px; |
||||
margin-top: 1px; |
||||
} |
||||
|
||||
.ms-admin-header-menu-all .ms-admin-header-menu-all-item .el-icon-star-on:hover { |
||||
color: rgba(64, 158, 255, 1); |
||||
} |
||||
|
||||
.ms-admin-header-menu-all .ms-admin-header-menu-all-item .el-icon-star-off { |
||||
color: #ccc; |
||||
} |
||||
|
||||
.ms-admin-header-menu-all .ms-admin-header-menu-all-item .el-icon-star-off:hover { |
||||
color: rgba(64, 158, 255, 1); |
||||
} |
||||
|
||||
.ms-admin-header-menu-all .ms-admin-header-menu-all-item:hover { |
||||
color: rgba(64, 158, 255, 1); |
||||
} |
||||
|
||||
.ms-admin-mstore .ms-admin-mstore-menu-icon { |
||||
height: 100%; |
||||
display: flex; |
||||
justify-content: center; |
||||
align-items: center; |
||||
cursor: pointer; |
||||
width: 48px; |
||||
color: rgba(51, 51, 51, 1); |
||||
} |
||||
|
||||
.ms-admin-mstore .ms-admin-login .el-dropdown-link:hover, |
||||
.ms-admin-mstore .ms-admin-mstore-menu-icon:hover { |
||||
background: rgba(250, 250, 250, 1); |
||||
} |
||||
|
||||
.ms-admin-mstore .ms-admin-mstore-menu-icon i { |
||||
font-size: 18px; |
||||
margin: 0 5px 0 0; |
||||
} |
||||
|
||||
.ms-admin-login-down { |
||||
top: 55px !important; |
||||
} |
||||
|
||||
.ms-admin-menu-aside-submenu .el-menu-item { |
||||
line-height: 40px; |
||||
height: 40px; |
||||
} |
||||
|
||||
.el-submenu__title * { |
||||
vertical-align: top; |
||||
} |
||||
|
||||
.ms-admin-login-theme .el-dropdown-menu__item { |
||||
display: flex; |
||||
flex-direction: row; |
||||
justify-content: center; |
||||
align-items: center; |
||||
} |
||||
|
||||
.el-tabs__nav .el-tabs__item:nth-child(1) span { |
||||
display: none; |
||||
} |
||||
|
||||
.el-tabs__item.is-active { |
||||
background-color: rgba(255, 255, 255, 1); |
||||
} |
||||
|
||||
.el-menu { |
||||
border-right: 0px; |
||||
} |
||||
|
||||
.ms-admin-logo .class-1 { |
||||
color: white; |
||||
padding-top: 8px; |
||||
color: #FFFFFF; |
||||
word-wrap: break-word; |
||||
font-family: MicrosoftYaHei-Bold; |
||||
font-weight: bold; |
||||
font-style: italic; |
||||
} |
||||
|
||||
.ms-admin-logo .class-2 { |
||||
font-size: 12px; |
||||
font-weight: normal; |
||||
} |
||||
|
||||
.theme-select .el-menu--popup { |
||||
width: 100px; |
||||
min-width: 100px; |
||||
} |
||||
|
||||
.top-operate-select .el-menu--popup { |
||||
width: 162px; |
||||
min-width: 162px; |
||||
} |
||||
.ms-admin-login-down{ |
||||
top:55px !important; |
||||
} |
||||
</style> |
||||
File diff suppressed because one or more lines are too long
Binary file not shown.
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 912 KiB After Width: | Height: | Size: 933 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -0,0 +1,413 @@ |
||||
/*! |
||||
* accounting.js v0.4.1 |
||||
* Copyright 2014 Open Exchange Rates |
||||
* |
||||
* Freely distributable under the MIT license. |
||||
* Portions of accounting.js are inspired or borrowed from underscore.js |
||||
* |
||||
* Full details and documentation: |
||||
* http://openexchangerates.github.io/accounting.js/
|
||||
*/ |
||||
|
||||
(function(root, undefined) { |
||||
|
||||
/* --- Setup --- */ |
||||
|
||||
// Create the local library object, to be exported or referenced globally later
|
||||
var lib = {}; |
||||
|
||||
// Current version
|
||||
lib.version = '0.4.1'; |
||||
|
||||
|
||||
/* --- Exposed settings --- */ |
||||
|
||||
// The library's settings configuration object. Contains default parameters for
|
||||
// currency and number formatting
|
||||
lib.settings = { |
||||
currency: { |
||||
symbol : "$", // default currency symbol is '$'
|
||||
format : "%s%v", // controls output: %s = symbol, %v = value (can be object, see docs)
|
||||
decimal : ".", // decimal point separator
|
||||
thousand : ",", // thousands separator
|
||||
precision : 2, // decimal places
|
||||
grouping : 3 // digit grouping (not implemented yet)
|
||||
}, |
||||
number: { |
||||
precision : 0, // default precision on numbers is 0
|
||||
grouping : 3, // digit grouping (not implemented yet)
|
||||
thousand : ",", |
||||
decimal : "." |
||||
} |
||||
}; |
||||
|
||||
|
||||
/* --- Internal Helper Methods --- */ |
||||
|
||||
// Store reference to possibly-available ECMAScript 5 methods for later
|
||||
var nativeMap = Array.prototype.map, |
||||
nativeIsArray = Array.isArray, |
||||
toString = Object.prototype.toString; |
||||
|
||||
/** |
||||
* Tests whether supplied parameter is a string |
||||
* from underscore.js |
||||
*/ |
||||
function isString(obj) { |
||||
return !!(obj === '' || (obj && obj.charCodeAt && obj.substr)); |
||||
} |
||||
|
||||
/** |
||||
* Tests whether supplied parameter is a string |
||||
* from underscore.js, delegates to ECMA5's native Array.isArray |
||||
*/ |
||||
function isArray(obj) { |
||||
return nativeIsArray ? nativeIsArray(obj) : toString.call(obj) === '[object Array]'; |
||||
} |
||||
|
||||
/** |
||||
* Tests whether supplied parameter is a true object |
||||
*/ |
||||
function isObject(obj) { |
||||
return obj && toString.call(obj) === '[object Object]'; |
||||
} |
||||
|
||||
/** |
||||
* Extends an object with a defaults object, similar to underscore's _.defaults |
||||
* |
||||
* Used for abstracting parameter handling from API methods |
||||
*/ |
||||
function defaults(object, defs) { |
||||
var key; |
||||
object = object || {}; |
||||
defs = defs || {}; |
||||
// Iterate over object non-prototype properties:
|
||||
for (key in defs) { |
||||
if (defs.hasOwnProperty(key)) { |
||||
// Replace values with defaults only if undefined (allow empty/zero values):
|
||||
if (object[key] == null) object[key] = defs[key]; |
||||
} |
||||
} |
||||
return object; |
||||
} |
||||
|
||||
/** |
||||
* Implementation of `Array.map()` for iteration loops |
||||
* |
||||
* Returns a new Array as a result of calling `iterator` on each array value. |
||||
* Defers to native Array.map if available |
||||
*/ |
||||
function map(obj, iterator, context) { |
||||
var results = [], i, j; |
||||
|
||||
if (!obj) return results; |
||||
|
||||
// Use native .map method if it exists:
|
||||
if (nativeMap && obj.map === nativeMap) return obj.map(iterator, context); |
||||
|
||||
// Fallback for native .map:
|
||||
for (i = 0, j = obj.length; i < j; i++ ) { |
||||
results[i] = iterator.call(context, obj[i], i, obj); |
||||
} |
||||
return results; |
||||
} |
||||
|
||||
/** |
||||
* Check and normalise the value of precision (must be positive integer) |
||||
*/ |
||||
function checkPrecision(val, base) { |
||||
val = Math.round(Math.abs(val)); |
||||
return isNaN(val)? base : val; |
||||
} |
||||
|
||||
|
||||
/** |
||||
* Parses a format string or object and returns format obj for use in rendering |
||||
* |
||||
* `format` is either a string with the default (positive) format, or object |
||||
* containing `pos` (required), `neg` and `zero` values (or a function returning |
||||
* either a string or object) |
||||
* |
||||
* Either string or format.pos must contain "%v" (value) to be valid |
||||
*/ |
||||
function checkCurrencyFormat(format) { |
||||
var defaults = lib.settings.currency.format; |
||||
|
||||
// Allow function as format parameter (should return string or object):
|
||||
if ( typeof format === "function" ) format = format(); |
||||
|
||||
// Format can be a string, in which case `value` ("%v") must be present:
|
||||
if ( isString( format ) && format.match("%v") ) { |
||||
|
||||
// Create and return positive, negative and zero formats:
|
||||
return { |
||||
pos : format, |
||||
neg : format.replace("-", "").replace("%v", "-%v"), |
||||
zero : format |
||||
}; |
||||
|
||||
// If no format, or object is missing valid positive value, use defaults:
|
||||
} else if ( !format || !format.pos || !format.pos.match("%v") ) { |
||||
|
||||
// If defaults is a string, casts it to an object for faster checking next time:
|
||||
return ( !isString( defaults ) ) ? defaults : lib.settings.currency.format = { |
||||
pos : defaults, |
||||
neg : defaults.replace("%v", "-%v"), |
||||
zero : defaults |
||||
}; |
||||
|
||||
} |
||||
// Otherwise, assume format was fine:
|
||||
return format; |
||||
} |
||||
|
||||
|
||||
/* --- API Methods --- */ |
||||
|
||||
/** |
||||
* Takes a string/array of strings, removes all formatting/cruft and returns the raw float value |
||||
* Alias: `accounting.parse(string)` |
||||
* |
||||
* Decimal must be included in the regular expression to match floats (defaults to |
||||
* accounting.settings.number.decimal), so if the number uses a non-standard decimal
|
||||
* separator, provide it as the second argument. |
||||
* |
||||
* Also matches bracketed negatives (eg. "$ (1.99)" => -1.99) |
||||
* |
||||
* Doesn't throw any errors (`NaN`s become 0) but this may change in future |
||||
*/ |
||||
var unformat = lib.unformat = lib.parse = function(value, decimal) { |
||||
// Recursively unformat arrays:
|
||||
if (isArray(value)) { |
||||
return map(value, function(val) { |
||||
return unformat(val, decimal); |
||||
}); |
||||
} |
||||
|
||||
// Fails silently (need decent errors):
|
||||
value = value || 0; |
||||
|
||||
// Return the value as-is if it's already a number:
|
||||
if (typeof value === "number") return value; |
||||
|
||||
// Default decimal point comes from settings, but could be set to eg. "," in opts:
|
||||
decimal = decimal || lib.settings.number.decimal; |
||||
|
||||
// Build regex to strip out everything except digits, decimal point and minus sign:
|
||||
var regex = new RegExp("[^0-9-" + decimal + "]", ["g"]), |
||||
unformatted = parseFloat( |
||||
("" + value) |
||||
.replace(/\((.*)\)/, "-$1") // replace bracketed values with negatives
|
||||
.replace(regex, '') // strip out any cruft
|
||||
.replace(decimal, '.') // make sure decimal point is standard
|
||||
); |
||||
|
||||
// This will fail silently which may cause trouble, let's wait and see:
|
||||
return !isNaN(unformatted) ? unformatted : 0; |
||||
}; |
||||
|
||||
|
||||
/** |
||||
* Implementation of toFixed() that treats floats more like decimals |
||||
* |
||||
* Fixes binary rounding issues (eg. (0.615).toFixed(2) === "0.61") that present |
||||
* problems for accounting- and finance-related software. |
||||
*/ |
||||
var toFixed = lib.toFixed = function(value, precision) { |
||||
precision = checkPrecision(precision, lib.settings.number.precision); |
||||
var power = Math.pow(10, precision); |
||||
|
||||
// Multiply up by precision, round accurately, then divide and use native toFixed():
|
||||
return (Math.round(lib.unformat(value) * power) / power).toFixed(precision); |
||||
}; |
||||
|
||||
|
||||
/** |
||||
* Format a number, with comma-separated thousands and custom precision/decimal places |
||||
* Alias: `accounting.format()` |
||||
* |
||||
* Localise by overriding the precision and thousand / decimal separators |
||||
* 2nd parameter `precision` can be an object matching `settings.number` |
||||
*/ |
||||
var formatNumber = lib.formatNumber = lib.format = function(number, precision, thousand, decimal) { |
||||
// Resursively format arrays:
|
||||
if (isArray(number)) { |
||||
return map(number, function(val) { |
||||
return formatNumber(val, precision, thousand, decimal); |
||||
}); |
||||
} |
||||
|
||||
// Clean up number:
|
||||
number = unformat(number); |
||||
|
||||
// Build options object from second param (if object) or all params, extending defaults:
|
||||
var opts = defaults( |
||||
(isObject(precision) ? precision : { |
||||
precision : precision, |
||||
thousand : thousand, |
||||
decimal : decimal |
||||
}), |
||||
lib.settings.number |
||||
), |
||||
|
||||
// Clean up precision
|
||||
usePrecision = checkPrecision(opts.precision), |
||||
|
||||
// Do some calc:
|
||||
negative = number < 0 ? "-" : "", |
||||
base = parseInt(toFixed(Math.abs(number || 0), usePrecision), 10) + "", |
||||
mod = base.length > 3 ? base.length % 3 : 0; |
||||
|
||||
// Format the number:
|
||||
return negative + (mod ? base.substr(0, mod) + opts.thousand : "") + base.substr(mod).replace(/(\d{3})(?=\d)/g, "$1" + opts.thousand) + (usePrecision ? opts.decimal + toFixed(Math.abs(number), usePrecision).split('.')[1] : ""); |
||||
}; |
||||
|
||||
|
||||
/** |
||||
* Format a number into currency |
||||
* |
||||
* Usage: accounting.formatMoney(number, symbol, precision, thousandsSep, decimalSep, format) |
||||
* defaults: (0, "$", 2, ",", ".", "%s%v") |
||||
* |
||||
* Localise by overriding the symbol, precision, thousand / decimal separators and format |
||||
* Second param can be an object matching `settings.currency` which is the easiest way. |
||||
* |
||||
* To do: tidy up the parameters |
||||
*/ |
||||
var formatMoney = lib.formatMoney = function(number, symbol, precision, thousand, decimal, format) { |
||||
// Resursively format arrays:
|
||||
if (isArray(number)) { |
||||
return map(number, function(val){ |
||||
return formatMoney(val, symbol, precision, thousand, decimal, format); |
||||
}); |
||||
} |
||||
|
||||
// Clean up number:
|
||||
number = unformat(number); |
||||
|
||||
// Build options object from second param (if object) or all params, extending defaults:
|
||||
var opts = defaults( |
||||
(isObject(symbol) ? symbol : { |
||||
symbol : symbol, |
||||
precision : precision, |
||||
thousand : thousand, |
||||
decimal : decimal, |
||||
format : format |
||||
}), |
||||
lib.settings.currency |
||||
), |
||||
|
||||
// Check format (returns object with pos, neg and zero):
|
||||
formats = checkCurrencyFormat(opts.format), |
||||
|
||||
// Choose which format to use for this value:
|
||||
useFormat = number > 0 ? formats.pos : number < 0 ? formats.neg : formats.zero; |
||||
|
||||
// Return with currency symbol added:
|
||||
return useFormat.replace('%s', opts.symbol).replace('%v', formatNumber(Math.abs(number), checkPrecision(opts.precision), opts.thousand, opts.decimal)); |
||||
}; |
||||
|
||||
|
||||
/** |
||||
* Format a list of numbers into an accounting column, padding with whitespace |
||||
* to line up currency symbols, thousand separators and decimals places |
||||
* |
||||
* List should be an array of numbers |
||||
* Second parameter can be an object containing keys that match the params |
||||
* |
||||
* Returns array of accouting-formatted number strings of same length |
||||
* |
||||
* NB: `white-space:pre` CSS rule is required on the list container to prevent |
||||
* browsers from collapsing the whitespace in the output strings. |
||||
*/ |
||||
lib.formatColumn = function(list, symbol, precision, thousand, decimal, format) { |
||||
if (!list) return []; |
||||
|
||||
// Build options object from second param (if object) or all params, extending defaults:
|
||||
var opts = defaults( |
||||
(isObject(symbol) ? symbol : { |
||||
symbol : symbol, |
||||
precision : precision, |
||||
thousand : thousand, |
||||
decimal : decimal, |
||||
format : format |
||||
}), |
||||
lib.settings.currency |
||||
), |
||||
|
||||
// Check format (returns object with pos, neg and zero), only need pos for now:
|
||||
formats = checkCurrencyFormat(opts.format), |
||||
|
||||
// Whether to pad at start of string or after currency symbol:
|
||||
padAfterSymbol = formats.pos.indexOf("%s") < formats.pos.indexOf("%v") ? true : false, |
||||
|
||||
// Store value for the length of the longest string in the column:
|
||||
maxLength = 0, |
||||
|
||||
// Format the list according to options, store the length of the longest string:
|
||||
formatted = map(list, function(val, i) { |
||||
if (isArray(val)) { |
||||
// Recursively format columns if list is a multi-dimensional array:
|
||||
return lib.formatColumn(val, opts); |
||||
} else { |
||||
// Clean up the value
|
||||
val = unformat(val); |
||||
|
||||
// Choose which format to use for this value (pos, neg or zero):
|
||||
var useFormat = val > 0 ? formats.pos : val < 0 ? formats.neg : formats.zero, |
||||
|
||||
// Format this value, push into formatted list and save the length:
|
||||
fVal = useFormat.replace('%s', opts.symbol).replace('%v', formatNumber(Math.abs(val), checkPrecision(opts.precision), opts.thousand, opts.decimal)); |
||||
|
||||
if (fVal.length > maxLength) maxLength = fVal.length; |
||||
return fVal; |
||||
} |
||||
}); |
||||
|
||||
// Pad each number in the list and send back the column of numbers:
|
||||
return map(formatted, function(val, i) { |
||||
// Only if this is a string (not a nested array, which would have already been padded):
|
||||
if (isString(val) && val.length < maxLength) { |
||||
// Depending on symbol position, pad after symbol or at index 0:
|
||||
return padAfterSymbol ? val.replace(opts.symbol, opts.symbol+(new Array(maxLength - val.length + 1).join(" "))) : (new Array(maxLength - val.length + 1).join(" ")) + val; |
||||
} |
||||
return val; |
||||
}); |
||||
}; |
||||
|
||||
|
||||
/* --- Module Definition --- */ |
||||
|
||||
// Export accounting for CommonJS. If being loaded as an AMD module, define it as such.
|
||||
// Otherwise, just add `accounting` to the global object
|
||||
if (typeof exports !== 'undefined') { |
||||
if (typeof module !== 'undefined' && module.exports) { |
||||
exports = module.exports = lib; |
||||
} |
||||
exports.accounting = lib; |
||||
} else if (typeof define === 'function' && define.amd) { |
||||
// Return the library as an AMD module:
|
||||
define([], function() { |
||||
return lib; |
||||
}); |
||||
} else { |
||||
// Use accounting.noConflict to restore `accounting` back to its original value.
|
||||
// Returns a reference to the library's `accounting` object;
|
||||
// e.g. `var numbers = accounting.noConflict();`
|
||||
lib.noConflict = (function(oldAccounting) { |
||||
return function() { |
||||
// Reset the value of the root's `accounting` variable:
|
||||
root.accounting = oldAccounting; |
||||
// Delete the noConflict method:
|
||||
lib.noConflict = undefined; |
||||
// Return reference to the library to re-assign it:
|
||||
return lib; |
||||
}; |
||||
})(root.accounting); |
||||
|
||||
// Declare `fx` on the root (global/window) object:
|
||||
root['accounting'] = lib; |
||||
} |
||||
|
||||
// Root will be `window` in browser or `global` on the server:
|
||||
}(this)); |
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@ -1,340 +0,0 @@ |
||||
/*! |
||||
SerializeJSON jQuery plugin. |
||||
https://github.com/marioizquierdo/jquery.serializeJSON
|
||||
version 2.8.1 (Dec, 2016) |
||||
|
||||
Copyright (c) 2012, 2017 Mario Izquierdo |
||||
Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
|
||||
and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
|
||||
*/ |
||||
(function (factory) { |
||||
if (typeof define === 'function' && define.amd) { // AMD. Register as an anonymous module.
|
||||
define(['jquery'], factory); |
||||
} else if (typeof exports === 'object') { // Node/CommonJS
|
||||
var jQuery = require('jquery'); |
||||
module.exports = factory(jQuery); |
||||
} else { // Browser globals (zepto supported)
|
||||
factory(window.jQuery || window.Zepto || window.$); // Zepto supported on browsers as well
|
||||
} |
||||
|
||||
}(function ($) { |
||||
"use strict"; |
||||
|
||||
// jQuery('form').serializeJSON()
|
||||
$.fn.serializeJSON = function (options) { |
||||
var f, $form, opts, formAsArray, serializedObject, name, value, parsedValue, _obj, nameWithNoType, type, keys, skipFalsy; |
||||
f = $.serializeJSON; |
||||
$form = this; // NOTE: the set of matched elements is most likely a form, but it could also be a group of inputs
|
||||
opts = f.setupOpts(options); // calculate values for options {parseNumbers, parseBoolens, parseNulls, ...} with defaults
|
||||
|
||||
// Use native `serializeArray` function to get an array of {name, value} objects.
|
||||
formAsArray = $form.serializeArray(); |
||||
f.readCheckboxUncheckedValues(formAsArray, opts, $form); // add objects to the array from unchecked checkboxes if needed
|
||||
|
||||
// Convert the formAsArray into a serializedObject with nested keys
|
||||
serializedObject = {}; |
||||
$.each(formAsArray, function (i, obj) { |
||||
name = obj.name; // original input name
|
||||
value = obj.value; // input value
|
||||
_obj = f.extractTypeAndNameWithNoType(name); |
||||
nameWithNoType = _obj.nameWithNoType; // input name with no type (i.e. "foo:string" => "foo")
|
||||
type = _obj.type; // type defined from the input name in :type colon notation
|
||||
if (!type) type = f.attrFromInputWithName($form, name, 'data-value-type'); |
||||
f.validateType(name, type, opts); // make sure that the type is one of the valid types if defined
|
||||
|
||||
if (type !== 'skip') { // ignore inputs with type 'skip'
|
||||
keys = f.splitInputNameIntoKeysArray(nameWithNoType); |
||||
parsedValue = f.parseValue(value, name, type, opts); // convert to string, number, boolean, null or customType
|
||||
|
||||
skipFalsy = !parsedValue && f.shouldSkipFalsy($form, name, nameWithNoType, type, opts); // ignore falsy inputs if specified
|
||||
if (!skipFalsy) { |
||||
f.deepSet(serializedObject, keys, parsedValue, opts); |
||||
} |
||||
} |
||||
}); |
||||
return serializedObject; |
||||
}; |
||||
|
||||
// Use $.serializeJSON as namespace for the auxiliar functions
|
||||
// and to define defaults
|
||||
$.serializeJSON = { |
||||
|
||||
defaultOptions: { |
||||
checkboxUncheckedValue: undefined, // to include that value for unchecked checkboxes (instead of ignoring them)
|
||||
|
||||
parseNumbers: false, // convert values like "1", "-2.33" to 1, -2.33
|
||||
parseBooleans: false, // convert "true", "false" to true, false
|
||||
parseNulls: false, // convert "null" to null
|
||||
parseAll: false, // all of the above
|
||||
parseWithFunction: null, // to use custom parser, a function like: function(val){ return parsed_val; }
|
||||
|
||||
skipFalsyValuesForTypes: [], // skip serialization of falsy values for listed value types
|
||||
skipFalsyValuesForFields: [], // skip serialization of falsy values for listed field names
|
||||
|
||||
customTypes: {}, // override defaultTypes
|
||||
defaultTypes: { |
||||
"string": function(str) { return String(str); }, |
||||
"number": function(str) { return Number(str); }, |
||||
"boolean": function(str) { var falses = ["false", "null", "undefined", "", "0"]; return falses.indexOf(str) === -1; }, |
||||
"null": function(str) { var falses = ["false", "null", "undefined", "", "0"]; return falses.indexOf(str) === -1 ? str : null; }, |
||||
"array": function(str) { return JSON.parse(str); }, |
||||
"object": function(str) { return JSON.parse(str); }, |
||||
"auto": function(str) { return $.serializeJSON.parseValue(str, null, null, {parseNumbers: true, parseBooleans: true, parseNulls: true}); }, // try again with something like "parseAll"
|
||||
"skip": null // skip is a special type that makes it easy to ignore elements
|
||||
}, |
||||
|
||||
useIntKeysAsArrayIndex: false // name="foo[2]" value="v" => {foo: [null, null, "v"]}, instead of {foo: ["2": "v"]}
|
||||
}, |
||||
|
||||
// Merge option defaults into the options
|
||||
setupOpts: function(options) { |
||||
var opt, validOpts, defaultOptions, optWithDefault, parseAll, f; |
||||
f = $.serializeJSON; |
||||
|
||||
if (options == null) { options = {}; } // options ||= {}
|
||||
defaultOptions = f.defaultOptions || {}; // defaultOptions
|
||||
|
||||
// Make sure that the user didn't misspell an option
|
||||
validOpts = ['checkboxUncheckedValue', 'parseNumbers', 'parseBooleans', 'parseNulls', 'parseAll', 'parseWithFunction', 'skipFalsyValuesForTypes', 'skipFalsyValuesForFields', 'customTypes', 'defaultTypes', 'useIntKeysAsArrayIndex']; // re-define because the user may override the defaultOptions
|
||||
for (opt in options) { |
||||
if (validOpts.indexOf(opt) === -1) { |
||||
throw new Error("serializeJSON ERROR: invalid option '" + opt + "'. Please use one of " + validOpts.join(', ')); |
||||
} |
||||
} |
||||
|
||||
// Helper to get the default value for this option if none is specified by the user
|
||||
optWithDefault = function(key) { return (options[key] !== false) && (options[key] !== '') && (options[key] || defaultOptions[key]); }; |
||||
|
||||
// Return computed options (opts to be used in the rest of the script)
|
||||
parseAll = optWithDefault('parseAll'); |
||||
return { |
||||
checkboxUncheckedValue: optWithDefault('checkboxUncheckedValue'), |
||||
|
||||
parseNumbers: parseAll || optWithDefault('parseNumbers'), |
||||
parseBooleans: parseAll || optWithDefault('parseBooleans'), |
||||
parseNulls: parseAll || optWithDefault('parseNulls'), |
||||
parseWithFunction: optWithDefault('parseWithFunction'), |
||||
|
||||
skipFalsyValuesForTypes: optWithDefault('skipFalsyValuesForTypes'), |
||||
skipFalsyValuesForFields: optWithDefault('skipFalsyValuesForFields'), |
||||
typeFunctions: $.extend({}, optWithDefault('defaultTypes'), optWithDefault('customTypes')), |
||||
|
||||
useIntKeysAsArrayIndex: optWithDefault('useIntKeysAsArrayIndex') |
||||
}; |
||||
}, |
||||
|
||||
// Given a string, apply the type or the relevant "parse" options, to return the parsed value
|
||||
parseValue: function(valStr, inputName, type, opts) { |
||||
var f, parsedVal; |
||||
f = $.serializeJSON; |
||||
parsedVal = valStr; // if no parsing is needed, the returned value will be the same
|
||||
|
||||
if (opts.typeFunctions && type && opts.typeFunctions[type]) { // use a type if available
|
||||
parsedVal = opts.typeFunctions[type](valStr); |
||||
} else if (opts.parseNumbers && f.isNumeric(valStr)) { // auto: number
|
||||
parsedVal = Number(valStr); |
||||
} else if (opts.parseBooleans && (valStr === "true" || valStr === "false")) { // auto: boolean
|
||||
parsedVal = (valStr === "true"); |
||||
} else if (opts.parseNulls && valStr == "null") { // auto: null
|
||||
parsedVal = null; |
||||
} |
||||
if (opts.parseWithFunction && !type) { // custom parse function (apply after previous parsing options, but not if there's a specific type)
|
||||
parsedVal = opts.parseWithFunction(parsedVal, inputName); |
||||
} |
||||
|
||||
return parsedVal; |
||||
}, |
||||
|
||||
isObject: function(obj) { return obj === Object(obj); }, // is it an Object?
|
||||
isUndefined: function(obj) { return obj === void 0; }, // safe check for undefined values
|
||||
isValidArrayIndex: function(val) { return /^[0-9]+$/.test(String(val)); }, // 1,2,3,4 ... are valid array indexes
|
||||
isNumeric: function(obj) { return obj - parseFloat(obj) >= 0; }, // taken from jQuery.isNumeric implementation. Not using jQuery.isNumeric to support old jQuery and Zepto versions
|
||||
|
||||
optionKeys: function(obj) { if (Object.keys) { return Object.keys(obj); } else { var key, keys = []; for(key in obj){ keys.push(key); } return keys;} }, // polyfill Object.keys to get option keys in IE<9
|
||||
|
||||
|
||||
// Fill the formAsArray object with values for the unchecked checkbox inputs,
|
||||
// using the same format as the jquery.serializeArray function.
|
||||
// The value of the unchecked values is determined from the opts.checkboxUncheckedValue
|
||||
// and/or the data-unchecked-value attribute of the inputs.
|
||||
readCheckboxUncheckedValues: function (formAsArray, opts, $form) { |
||||
var selector, $uncheckedCheckboxes, $el, uncheckedValue, f, name; |
||||
if (opts == null) { opts = {}; } |
||||
f = $.serializeJSON; |
||||
|
||||
selector = 'input[type=checkbox][name]:not(:checked):not([disabled])'; |
||||
$uncheckedCheckboxes = $form.find(selector).add($form.filter(selector)); |
||||
$uncheckedCheckboxes.each(function (i, el) { |
||||
// Check data attr first, then the option
|
||||
$el = $(el); |
||||
uncheckedValue = $el.attr('data-unchecked-value'); |
||||
if (uncheckedValue == null) { |
||||
uncheckedValue = opts.checkboxUncheckedValue; |
||||
} |
||||
|
||||
// If there's an uncheckedValue, push it into the serialized formAsArray
|
||||
if (uncheckedValue != null) { |
||||
if (el.name && el.name.indexOf("[][") !== -1) { // identify a non-supported
|
||||
throw new Error("serializeJSON ERROR: checkbox unchecked values are not supported on nested arrays of objects like '"+el.name+"'. See https://github.com/marioizquierdo/jquery.serializeJSON/issues/67"); |
||||
} |
||||
formAsArray.push({name: el.name, value: uncheckedValue}); |
||||
} |
||||
}); |
||||
}, |
||||
|
||||
// Returns and object with properties {name_without_type, type} from a given name.
|
||||
// The type is null if none specified. Example:
|
||||
// "foo" => {nameWithNoType: "foo", type: null}
|
||||
// "foo:boolean" => {nameWithNoType: "foo", type: "boolean"}
|
||||
// "foo[bar]:null" => {nameWithNoType: "foo[bar]", type: "null"}
|
||||
extractTypeAndNameWithNoType: function(name) { |
||||
var match; |
||||
if (match = name.match(/(.*):([^:]+)$/)) { |
||||
return {nameWithNoType: match[1], type: match[2]}; |
||||
} else { |
||||
return {nameWithNoType: name, type: null}; |
||||
} |
||||
}, |
||||
|
||||
|
||||
// Check if this input should be skipped when it has a falsy value,
|
||||
// depending on the options to skip values by name or type, and the data-skip-falsy attribute.
|
||||
shouldSkipFalsy: function($form, name, nameWithNoType, type, opts) { |
||||
var f = $.serializeJSON; |
||||
|
||||
var skipFromDataAttr = f.attrFromInputWithName($form, name, 'data-skip-falsy'); |
||||
if (skipFromDataAttr != null) { |
||||
return skipFromDataAttr !== 'false'; // any value is true, except if explicitly using 'false'
|
||||
} |
||||
|
||||
var optForFields = opts.skipFalsyValuesForFields; |
||||
if (optForFields && (optForFields.indexOf(nameWithNoType) !== -1 || optForFields.indexOf(name) !== -1)) { |
||||
return true; |
||||
} |
||||
|
||||
var optForTypes = opts.skipFalsyValuesForTypes; |
||||
if (type == null) type = 'string'; // assume fields with no type are targeted as string
|
||||
if (optForTypes && optForTypes.indexOf(type) !== -1) { |
||||
return true |
||||
} |
||||
|
||||
return false; |
||||
}, |
||||
|
||||
// Finds the first input in $form with this name, and get the given attr from it.
|
||||
// Returns undefined if no input or no attribute was found.
|
||||
attrFromInputWithName: function($form, name, attrName) { |
||||
var escapedName, selector, $input, attrValue; |
||||
escapedName = name.replace(/(:|\.|\[|\]|\s)/g,'\\$1'); // every non-standard character need to be escaped by \\
|
||||
selector = '[name="' + escapedName + '"]'; |
||||
$input = $form.find(selector).add($form.filter(selector)); // NOTE: this returns only the first $input element if multiple are matched with the same name (i.e. an "array[]"). So, arrays with different element types specified through the data-value-type attr is not supported.
|
||||
return $input.attr(attrName); |
||||
}, |
||||
|
||||
// Raise an error if the type is not recognized.
|
||||
validateType: function(name, type, opts) { |
||||
var validTypes, f; |
||||
f = $.serializeJSON; |
||||
validTypes = f.optionKeys(opts ? opts.typeFunctions : f.defaultOptions.defaultTypes); |
||||
if (!type || validTypes.indexOf(type) !== -1) { |
||||
return true; |
||||
} else { |
||||
throw new Error("serializeJSON ERROR: Invalid type " + type + " found in input name '" + name + "', please use one of " + validTypes.join(', ')); |
||||
} |
||||
}, |
||||
|
||||
|
||||
// Split the input name in programatically readable keys.
|
||||
// Examples:
|
||||
// "foo" => ['foo']
|
||||
// "[foo]" => ['foo']
|
||||
// "foo[inn][bar]" => ['foo', 'inn', 'bar']
|
||||
// "foo[inn[bar]]" => ['foo', 'inn', 'bar']
|
||||
// "foo[inn][arr][0]" => ['foo', 'inn', 'arr', '0']
|
||||
// "arr[][val]" => ['arr', '', 'val']
|
||||
splitInputNameIntoKeysArray: function(nameWithNoType) { |
||||
var keys, f; |
||||
f = $.serializeJSON; |
||||
keys = nameWithNoType.split('['); // split string into array
|
||||
keys = $.map(keys, function (key) { return key.replace(/\]/g, ''); }); // remove closing brackets
|
||||
if (keys[0] === '') { keys.shift(); } // ensure no opening bracket ("[foo][inn]" should be same as "foo[inn]")
|
||||
return keys; |
||||
}, |
||||
|
||||
// Set a value in an object or array, using multiple keys to set in a nested object or array:
|
||||
//
|
||||
// deepSet(obj, ['foo'], v) // obj['foo'] = v
|
||||
// deepSet(obj, ['foo', 'inn'], v) // obj['foo']['inn'] = v // Create the inner obj['foo'] object, if needed
|
||||
// deepSet(obj, ['foo', 'inn', '123'], v) // obj['foo']['arr']['123'] = v //
|
||||
//
|
||||
// deepSet(obj, ['0'], v) // obj['0'] = v
|
||||
// deepSet(arr, ['0'], v, {useIntKeysAsArrayIndex: true}) // arr[0] = v
|
||||
// deepSet(arr, [''], v) // arr.push(v)
|
||||
// deepSet(obj, ['arr', ''], v) // obj['arr'].push(v)
|
||||
//
|
||||
// arr = [];
|
||||
// deepSet(arr, ['', v] // arr => [v]
|
||||
// deepSet(arr, ['', 'foo'], v) // arr => [v, {foo: v}]
|
||||
// deepSet(arr, ['', 'bar'], v) // arr => [v, {foo: v, bar: v}]
|
||||
// deepSet(arr, ['', 'bar'], v) // arr => [v, {foo: v, bar: v}, {bar: v}]
|
||||
//
|
||||
deepSet: function (o, keys, value, opts) { |
||||
var key, nextKey, tail, lastIdx, lastVal, f; |
||||
if (opts == null) { opts = {}; } |
||||
f = $.serializeJSON; |
||||
if (f.isUndefined(o)) { throw new Error("ArgumentError: param 'o' expected to be an object or array, found undefined"); } |
||||
if (!keys || keys.length === 0) { throw new Error("ArgumentError: param 'keys' expected to be an array with least one element"); } |
||||
|
||||
key = keys[0]; |
||||
|
||||
// Only one key, then it's not a deepSet, just assign the value.
|
||||
if (keys.length === 1) { |
||||
if (key === '') { |
||||
o.push(value); // '' is used to push values into the array (assume o is an array)
|
||||
} else { |
||||
o[key] = value; // other keys can be used as object keys or array indexes
|
||||
} |
||||
|
||||
// With more keys is a deepSet. Apply recursively.
|
||||
} else { |
||||
nextKey = keys[1]; |
||||
|
||||
// '' is used to push values into the array,
|
||||
// with nextKey, set the value into the same object, in object[nextKey].
|
||||
// Covers the case of ['', 'foo'] and ['', 'var'] to push the object {foo, var}, and the case of nested arrays.
|
||||
if (key === '') { |
||||
lastIdx = o.length - 1; // asume o is array
|
||||
lastVal = o[lastIdx]; |
||||
if (f.isObject(lastVal) && (f.isUndefined(lastVal[nextKey]) || keys.length > 2)) { // if nextKey is not present in the last object element, or there are more keys to deep set
|
||||
key = lastIdx; // then set the new value in the same object element
|
||||
} else { |
||||
key = lastIdx + 1; // otherwise, point to set the next index in the array
|
||||
} |
||||
} |
||||
|
||||
// '' is used to push values into the array "array[]"
|
||||
if (nextKey === '') { |
||||
if (f.isUndefined(o[key]) || !$.isArray(o[key])) { |
||||
o[key] = []; // define (or override) as array to push values
|
||||
} |
||||
} else { |
||||
if (opts.useIntKeysAsArrayIndex && f.isValidArrayIndex(nextKey)) { // if 1, 2, 3 ... then use an array, where nextKey is the index
|
||||
if (f.isUndefined(o[key]) || !$.isArray(o[key])) { |
||||
o[key] = []; // define (or override) as array, to insert values using int keys as array indexes
|
||||
} |
||||
} else { // for anything else, use an object, where nextKey is going to be the attribute name
|
||||
if (f.isUndefined(o[key]) || !f.isObject(o[key])) { |
||||
o[key] = {}; // define (or override) as object, to set nested properties
|
||||
} |
||||
} |
||||
} |
||||
|
||||
// Recursively set the inner object
|
||||
tail = keys.slice(1); |
||||
f.deepSet(o[key], tail, value, opts); |
||||
} |
||||
} |
||||
|
||||
}; |
||||
|
||||
})); |
||||
File diff suppressed because one or more lines are too long
@ -1,8 +0,0 @@ |
||||
/** |
||||
* jQuery serializeObject |
||||
* @copyright 2014, macek <paulmacek@gmail.com> |
||||
* @link https://github.com/macek/jquery-serialize-object
|
||||
* @license BSD |
||||
* @version 2.5.0 |
||||
*/ |
||||
!function(e,i){if("function"==typeof define&&define.amd)define(["exports","jquery"],function(e,r){return i(e,r)});else if("undefined"!=typeof exports){var r=require("jquery");i(exports,r)}else i(e,e.jQuery||e.Zepto||e.ender||e.$)}(this,function(e,i){function r(e,r){function n(e,i,r){return e[i]=r,e}function a(e,i){for(var r,a=e.match(t.key);void 0!==(r=a.pop());)if(t.push.test(r)){var u=s(e.replace(/\[\]$/,""));i=n([],u,i)}else t.fixed.test(r)?i=n([],r,i):t.named.test(r)&&(i=n({},r,i));return i}function s(e){return void 0===h[e]&&(h[e]=0),h[e]++}function u(e){switch(i('[name="'+e.name+'"]',r).attr("type")){case"checkbox":return"on"===e.value?!0:e.value;default:return e.value}}function f(i){if(!t.validate.test(i.name))return this;var r=a(i.name,u(i));return l=e.extend(!0,l,r),this}function d(i){if(!e.isArray(i))throw new Error("formSerializer.addPairs expects an Array");for(var r=0,t=i.length;t>r;r++)this.addPair(i[r]);return this}function o(){return l}function c(){return JSON.stringify(o())}var l={},h={};this.addPair=f,this.addPairs=d,this.serialize=o,this.serializeJSON=c}var t={validate:/^[a-z_][a-z0-9_]*(?:\[(?:\d*|[a-z0-9_]+)\])*$/i,key:/[a-z0-9_]+|(?=\[\])/gi,push:/^$/,fixed:/^\d+$/,named:/^[a-z0-9_]+$/i};return r.patterns=t,r.serializeObject=function(){return new r(i,this).addPairs(this.serializeArray()).serialize()},r.serializeJSON=function(){return new r(i,this).addPairs(this.serializeArray()).serializeJSON()},"undefined"!=typeof i.fn&&(i.fn.serializeObject=r.serializeObject,i.fn.serializeJSON=r.serializeJSON),e.FormSerializer=r,r}); |
||||
|
Before Width: | Height: | Size: 697 B |
|
Before Width: | Height: | Size: 689 B |
@ -1,159 +0,0 @@ |
||||
/* |
||||
[Leo.C, Studio] (C)2004 - 2008 |
||||
|
||||
$Hanization: LeoChung $ |
||||
$E-Mail: who@imll.net $ |
||||
$HomePage: http://imll.net $
|
||||
$Date: 2008/11/8 18:02 $ |
||||
*/ |
||||
/* |
||||
A simple class for displaying file information and progress |
||||
Note: This is a demonstration only and not part of SWFUpload. |
||||
Note: Some have had problems adapting this class in IE7. It may not be suitable for your application. |
||||
*/ |
||||
|
||||
// Constructor
|
||||
// file is a SWFUpload file object
|
||||
// targetID is the HTML element id attribute that the FileProgress HTML structure will be added to.
|
||||
// Instantiating a new FileProgress object with an existing file will reuse/update the existing DOM elements
|
||||
function FileProgress(file, targetID) { |
||||
this.fileProgressID = file.id; |
||||
|
||||
this.opacity = 100; |
||||
this.height = 0; |
||||
|
||||
this.fileProgressWrapper = document.getElementById(this.fileProgressID); |
||||
if (!this.fileProgressWrapper) { |
||||
this.fileProgressWrapper = document.createElement("div"); |
||||
this.fileProgressWrapper.className = "progressWrapper"; |
||||
this.fileProgressWrapper.id = this.fileProgressID; |
||||
|
||||
this.fileProgressElement = document.createElement("div"); |
||||
this.fileProgressElement.className = "progressContainer"; |
||||
|
||||
var progressCancel = document.createElement("a"); |
||||
progressCancel.className = "progressCancel"; |
||||
progressCancel.href = "#"; |
||||
progressCancel.style.visibility = "hidden"; |
||||
progressCancel.appendChild(document.createTextNode(" ")); |
||||
|
||||
var progressText = document.createElement("div"); |
||||
progressText.className = "progressName"; |
||||
progressText.appendChild(document.createTextNode(file.name)); |
||||
|
||||
var progressBar = document.createElement("div"); |
||||
progressBar.className = "progressBarInProgress"; |
||||
|
||||
var progressStatus = document.createElement("div"); |
||||
progressStatus.className = "progressBarStatus"; |
||||
progressStatus.innerHTML = " "; |
||||
|
||||
this.fileProgressElement.appendChild(progressCancel); |
||||
this.fileProgressElement.appendChild(progressText); |
||||
this.fileProgressElement.appendChild(progressStatus); |
||||
this.fileProgressElement.appendChild(progressBar); |
||||
|
||||
this.fileProgressWrapper.appendChild(this.fileProgressElement); |
||||
|
||||
document.getElementById(targetID).appendChild(this.fileProgressWrapper); |
||||
} else { |
||||
this.fileProgressElement = this.fileProgressWrapper.firstChild; |
||||
} |
||||
|
||||
this.height = this.fileProgressWrapper.offsetHeight; |
||||
|
||||
} |
||||
FileProgress.prototype.setProgress = function (percentage) { |
||||
this.fileProgressElement.className = "progressContainer green"; |
||||
this.fileProgressElement.childNodes[3].className = "progressBarInProgress"; |
||||
this.fileProgressElement.childNodes[3].style.width = percentage + "%"; |
||||
}; |
||||
FileProgress.prototype.setComplete = function () { |
||||
this.fileProgressElement.className = "progressContainer blue"; |
||||
this.fileProgressElement.childNodes[3].className = "progressBarComplete"; |
||||
this.fileProgressElement.childNodes[3].style.width = ""; |
||||
|
||||
var oSelf = this; |
||||
setTimeout(function () { |
||||
oSelf.disappear(); |
||||
}, 10000); |
||||
}; |
||||
FileProgress.prototype.setError = function () { |
||||
this.fileProgressElement.className = "progressContainer red"; |
||||
this.fileProgressElement.childNodes[3].className = "progressBarError"; |
||||
this.fileProgressElement.childNodes[3].style.width = ""; |
||||
|
||||
var oSelf = this; |
||||
setTimeout(function () { |
||||
oSelf.disappear(); |
||||
}, 5000); |
||||
}; |
||||
FileProgress.prototype.setCancelled = function () { |
||||
this.fileProgressElement.className = "progressContainer"; |
||||
this.fileProgressElement.childNodes[3].className = "progressBarError"; |
||||
this.fileProgressElement.childNodes[3].style.width = ""; |
||||
|
||||
var oSelf = this; |
||||
setTimeout(function () { |
||||
oSelf.disappear(); |
||||
}, 2000); |
||||
}; |
||||
FileProgress.prototype.setStatus = function (status) { |
||||
this.fileProgressElement.childNodes[2].innerHTML = status; |
||||
}; |
||||
|
||||
// Show/Hide the cancel button
|
||||
FileProgress.prototype.toggleCancel = function (show, swfUploadInstance) { |
||||
this.fileProgressElement.childNodes[0].style.visibility = show ? "visible" : "hidden"; |
||||
if (swfUploadInstance) { |
||||
var fileID = this.fileProgressID; |
||||
this.fileProgressElement.childNodes[0].onclick = function () { |
||||
swfUploadInstance.cancelUpload(fileID); |
||||
return false; |
||||
}; |
||||
} |
||||
}; |
||||
|
||||
// Fades out and clips away the FileProgress box.
|
||||
FileProgress.prototype.disappear = function () { |
||||
|
||||
var reduceOpacityBy = 15; |
||||
var reduceHeightBy = 4; |
||||
var rate = 30; // 15 fps
|
||||
|
||||
if (this.opacity > 0) { |
||||
this.opacity -= reduceOpacityBy; |
||||
if (this.opacity < 0) { |
||||
this.opacity = 0; |
||||
} |
||||
|
||||
if (this.fileProgressWrapper.filters) { |
||||
try { |
||||
this.fileProgressWrapper.filters.item("DXImageTransform.Microsoft.Alpha").opacity = this.opacity; |
||||
} catch (e) { |
||||
// If it is not set initially, the browser will throw an error. This will set it if it is not set yet.
|
||||
this.fileProgressWrapper.style.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity=" + this.opacity + ")"; |
||||
} |
||||
} else { |
||||
this.fileProgressWrapper.style.opacity = this.opacity / 100; |
||||
} |
||||
} |
||||
|
||||
if (this.height > 0) { |
||||
this.height -= reduceHeightBy; |
||||
if (this.height < 0) { |
||||
this.height = 0; |
||||
} |
||||
|
||||
this.fileProgressWrapper.style.height = this.height + "px"; |
||||
} |
||||
|
||||
if (this.height > 0 || this.opacity > 0) { |
||||
var oSelf = this; |
||||
setTimeout(function () { |
||||
oSelf.disappear(); |
||||
}, rate); |
||||
} else { |
||||
this.fileProgressWrapper.style.display = "none"; |
||||
} |
||||
}; |
||||
@ -1,185 +0,0 @@ |
||||
/* |
||||
[Leo.C, Studio] (C)2004 - 2008 |
||||
|
||||
$Hanization: LeoChung $ |
||||
$E-Mail: who@imll.net $ |
||||
$HomePage: http://imll.net $
|
||||
$Date: 2008/11/8 18:02 $ |
||||
*/ |
||||
/* Demo Note: This demo uses a FileProgress class that handles the UI for displaying the file name and percent complete. |
||||
The FileProgress class is not part of SWFUpload. |
||||
*/ |
||||
|
||||
|
||||
/* ********************** |
||||
Event Handlers |
||||
These are my custom event handlers to make my |
||||
web application behave the way I went when SWFUpload |
||||
completes different tasks. These aren't part of the SWFUpload |
||||
package. They are part of my application. Without these none |
||||
of the actions SWFUpload makes will show up in my application. |
||||
********************** */ |
||||
function fileQueued(file) { |
||||
try { |
||||
var progress = new FileProgress(file, this.customSettings.progressTarget); |
||||
progress.setStatus("正在等待..."); |
||||
progress.toggleCancel(true, this); |
||||
|
||||
} catch (ex) { |
||||
this.debug(ex); |
||||
} |
||||
|
||||
} |
||||
|
||||
function fileQueueError(file, errorCode, message) { |
||||
try { |
||||
if (errorCode === SWFUpload.QUEUE_ERROR.QUEUE_LIMIT_EXCEEDED) { |
||||
alert("您正在上传的文件队列过多.\n" + (message === 0 ? "您已达到上传限制" : "您最多能选择 " + (message > 1 ? "上传 " + message + " 文件." : "一个文件."))); |
||||
return; |
||||
} |
||||
|
||||
var progress = new FileProgress(file, this.customSettings.progressTarget); |
||||
progress.setError(); |
||||
progress.toggleCancel(false); |
||||
|
||||
switch (errorCode) { |
||||
case SWFUpload.QUEUE_ERROR.FILE_EXCEEDS_SIZE_LIMIT: |
||||
progress.setStatus("文件尺寸过大."); |
||||
this.debug("错误代码: 文件尺寸过大, 文件名: " + file.name + ", 文件尺寸: " + file.size + ", 信息: " + message); |
||||
break; |
||||
case SWFUpload.QUEUE_ERROR.ZERO_BYTE_FILE: |
||||
progress.setStatus("无法上传零字节文件."); |
||||
this.debug("错误代码: 零字节文件, 文件名: " + file.name + ", 文件尺寸: " + file.size + ", 信息: " + message); |
||||
break; |
||||
case SWFUpload.QUEUE_ERROR.INVALID_FILETYPE: |
||||
progress.setStatus("不支持的文件类型."); |
||||
this.debug("错误代码: 不支持的文件类型, 文件名: " + file.name + ", 文件尺寸: " + file.size + ", 信息: " + message); |
||||
break; |
||||
default: |
||||
if (file !== null) { |
||||
progress.setStatus("未处理的错误"); |
||||
} |
||||
this.debug("错误代码: " + errorCode + ", 文件名: " + file.name + ", 文件尺寸: " + file.size + ", 信息: " + message); |
||||
break; |
||||
} |
||||
} catch (ex) { |
||||
this.debug(ex); |
||||
} |
||||
} |
||||
|
||||
function fileDialogComplete(numFilesSelected, numFilesQueued) { |
||||
try { |
||||
if (numFilesSelected > 0) { |
||||
document.getElementById(this.customSettings.cancelButtonId).disabled = false; |
||||
} |
||||
|
||||
/* I want auto start the upload and I can do that here */ |
||||
this.startUpload(); |
||||
} catch (ex) { |
||||
this.debug(ex); |
||||
} |
||||
} |
||||
|
||||
function uploadStart(file) { |
||||
try { |
||||
/* I don't want to do any file validation or anything, I'll just update the UI and |
||||
return true to indicate that the upload should start. |
||||
It's important to update the UI here because in Linux no uploadProgress events are called. The best |
||||
we can do is say we are uploading. |
||||
*/ |
||||
var progress = new FileProgress(file, this.customSettings.progressTarget); |
||||
progress.setStatus("正在上传..."); |
||||
progress.toggleCancel(true, this); |
||||
} |
||||
catch (ex) {} |
||||
|
||||
return true; |
||||
} |
||||
|
||||
function uploadProgress(file, bytesLoaded, bytesTotal) { |
||||
try { |
||||
var percent = Math.ceil((bytesLoaded / bytesTotal) * 100); |
||||
|
||||
var progress = new FileProgress(file, this.customSettings.progressTarget); |
||||
progress.setProgress(percent); |
||||
progress.setStatus("正在上传..."); |
||||
} catch (ex) { |
||||
this.debug(ex); |
||||
} |
||||
} |
||||
|
||||
function uploadSuccess(file, serverData) { |
||||
try { |
||||
var progress = new FileProgress(file, this.customSettings.progressTarget); |
||||
progress.setComplete(); |
||||
progress.setStatus("上传成功"); |
||||
progress.toggleCancel(false); |
||||
|
||||
} catch (ex) { |
||||
this.debug(ex); |
||||
} |
||||
} |
||||
|
||||
function uploadError(file, errorCode, message) { |
||||
try { |
||||
var progress = new FileProgress(file, this.customSettings.progressTarget); |
||||
progress.setError(); |
||||
progress.toggleCancel(false); |
||||
|
||||
switch (errorCode) { |
||||
case SWFUpload.UPLOAD_ERROR.HTTP_ERROR: |
||||
progress.setStatus("上传错误: " + message); |
||||
this.debug("错误代码: HTTP错误, 文件名: " + file.name + ", 信息: " + message); |
||||
break; |
||||
case SWFUpload.UPLOAD_ERROR.UPLOAD_FAILED: |
||||
progress.setStatus("上传失败"); |
||||
this.debug("错误代码: 上传失败, 文件名: " + file.name + ", 文件尺寸: " + file.size + ", 信息: " + message); |
||||
break; |
||||
case SWFUpload.UPLOAD_ERROR.IO_ERROR: |
||||
progress.setStatus("服务器 (IO) 错误"); |
||||
this.debug("错误代码: IO 错误, 文件名: " + file.name + ", 信息: " + message); |
||||
break; |
||||
case SWFUpload.UPLOAD_ERROR.SECURITY_ERROR: |
||||
progress.setStatus("安全错误"); |
||||
this.debug("错误代码: 安全错误, 文件名: " + file.name + ", 信息: " + message); |
||||
break; |
||||
case SWFUpload.UPLOAD_ERROR.UPLOAD_LIMIT_EXCEEDED: |
||||
progress.setStatus("超出上传限制."); |
||||
this.debug("错误代码: 超出上传限制, 文件名: " + file.name + ", 文件尺寸: " + file.size + ", 信息: " + message); |
||||
break; |
||||
case SWFUpload.UPLOAD_ERROR.FILE_VALIDATION_FAILED: |
||||
progress.setStatus("无法验证. 跳过上传."); |
||||
this.debug("错误代码: 文件验证失败, 文件名: " + file.name + ", 文件尺寸: " + file.size + ", 信息: " + message); |
||||
break; |
||||
case SWFUpload.UPLOAD_ERROR.FILE_CANCELLED: |
||||
// If there aren't any files left (they were all cancelled) disable the cancel button
|
||||
if (this.getStats().files_queued === 0) { |
||||
document.getElementById(this.customSettings.cancelButtonId).disabled = true; |
||||
} |
||||
progress.setStatus("取消"); |
||||
progress.setCancelled(); |
||||
break; |
||||
case SWFUpload.UPLOAD_ERROR.UPLOAD_STOPPED: |
||||
progress.setStatus("停止"); |
||||
break; |
||||
default: |
||||
progress.setStatus("未处理的错误: " + errorCode); |
||||
this.debug("错误代码: " + errorCode + ", 文件名: " + file.name + ", 文件尺寸: " + file.size + ", 信息: " + message); |
||||
break; |
||||
} |
||||
} catch (ex) { |
||||
this.debug(ex); |
||||
} |
||||
} |
||||
|
||||
function uploadComplete(file) { |
||||
if (this.getStats().files_queued === 0) { |
||||
document.getElementById(this.customSettings.cancelButtonId).disabled = true; |
||||
} |
||||
} |
||||
|
||||
// This event comes from the Queue Plugin
|
||||
function queueComplete(numFilesUploaded) { |
||||
var status = document.getElementById("divStatus"); |
||||
status.innerHTML = numFilesUploaded + " 个文件" + (numFilesUploaded === 1 ? "" : "s") + "已上传."; |
||||
} |
||||
|
Before Width: | Height: | Size: 1.9 KiB |
@ -1,980 +0,0 @@ |
||||
/** |
||||
* SWFUpload: http://www.swfupload.org, http://swfupload.googlecode.com
|
||||
* |
||||
* mmSWFUpload 1.0: Flash upload dialog - http://profandesign.se/swfupload/, http://www.vinterwebb.se/
|
||||
* |
||||
* SWFUpload is (c) 2006-2007 Lars Huring, Olov Nilzén and Mammon Media and is released under the MIT License: |
||||
* http://www.opensource.org/licenses/mit-license.php
|
||||
* |
||||
* SWFUpload 2 is (c) 2007-2008 Jake Roberts and is released under the MIT License: |
||||
* http://www.opensource.org/licenses/mit-license.php
|
||||
* |
||||
*/ |
||||
|
||||
|
||||
/* ******************* */ |
||||
/* Constructor & Init */ |
||||
/* ******************* */ |
||||
var SWFUpload; |
||||
|
||||
if (SWFUpload == undefined) { |
||||
SWFUpload = function (settings) { |
||||
this.initSWFUpload(settings); |
||||
}; |
||||
} |
||||
|
||||
SWFUpload.prototype.initSWFUpload = function (settings) { |
||||
try { |
||||
this.customSettings = {}; // A container where developers can place their own settings associated with this instance.
|
||||
this.settings = settings; |
||||
this.eventQueue = []; |
||||
this.movieName = "SWFUpload_" + SWFUpload.movieCount++; |
||||
this.movieElement = null; |
||||
|
||||
|
||||
// Setup global control tracking
|
||||
SWFUpload.instances[this.movieName] = this; |
||||
|
||||
// Load the settings. Load the Flash movie.
|
||||
this.initSettings(); |
||||
this.loadFlash(); |
||||
this.displayDebugInfo(); |
||||
} catch (ex) { |
||||
delete SWFUpload.instances[this.movieName]; |
||||
throw ex; |
||||
} |
||||
}; |
||||
|
||||
/* *************** */ |
||||
/* Static Members */ |
||||
/* *************** */ |
||||
SWFUpload.instances = {}; |
||||
SWFUpload.movieCount = 0; |
||||
SWFUpload.version = "2.2.0 2009-03-25"; |
||||
SWFUpload.QUEUE_ERROR = { |
||||
QUEUE_LIMIT_EXCEEDED : -100, |
||||
FILE_EXCEEDS_SIZE_LIMIT : -110, |
||||
ZERO_BYTE_FILE : -120, |
||||
INVALID_FILETYPE : -130 |
||||
}; |
||||
SWFUpload.UPLOAD_ERROR = { |
||||
HTTP_ERROR : -200, |
||||
MISSING_UPLOAD_URL : -210, |
||||
IO_ERROR : -220, |
||||
SECURITY_ERROR : -230, |
||||
UPLOAD_LIMIT_EXCEEDED : -240, |
||||
UPLOAD_FAILED : -250, |
||||
SPECIFIED_FILE_ID_NOT_FOUND : -260, |
||||
FILE_VALIDATION_FAILED : -270, |
||||
FILE_CANCELLED : -280, |
||||
UPLOAD_STOPPED : -290 |
||||
}; |
||||
SWFUpload.FILE_STATUS = { |
||||
QUEUED : -1, |
||||
IN_PROGRESS : -2, |
||||
ERROR : -3, |
||||
COMPLETE : -4, |
||||
CANCELLED : -5 |
||||
}; |
||||
SWFUpload.BUTTON_ACTION = { |
||||
SELECT_FILE : -100, |
||||
SELECT_FILES : -110, |
||||
START_UPLOAD : -120 |
||||
}; |
||||
SWFUpload.CURSOR = { |
||||
ARROW : -1, |
||||
HAND : -2 |
||||
}; |
||||
SWFUpload.WINDOW_MODE = { |
||||
WINDOW : "window", |
||||
TRANSPARENT : "transparent", |
||||
OPAQUE : "opaque" |
||||
}; |
||||
|
||||
// Private: takes a URL, determines if it is relative and converts to an absolute URL
|
||||
// using the current site. Only processes the URL if it can, otherwise returns the URL untouched
|
||||
SWFUpload.completeURL = function(url) { |
||||
if (typeof(url) !== "string" || url.match(/^https?:\/\//i) || url.match(/^\//)) { |
||||
return url; |
||||
} |
||||
|
||||
var currentURL = window.location.protocol + "//" + window.location.hostname + (window.location.port ? ":" + window.location.port : ""); |
||||
|
||||
var indexSlash = window.location.pathname.lastIndexOf("/"); |
||||
if (indexSlash <= 0) { |
||||
path = "/"; |
||||
} else { |
||||
path = window.location.pathname.substr(0, indexSlash) + "/"; |
||||
} |
||||
|
||||
return /*currentURL +*/ path + url; |
||||
|
||||
}; |
||||
|
||||
|
||||
/* ******************** */ |
||||
/* Instance Members */ |
||||
/* ******************** */ |
||||
|
||||
// Private: initSettings ensures that all the
|
||||
// settings are set, getting a default value if one was not assigned.
|
||||
SWFUpload.prototype.initSettings = function () { |
||||
this.ensureDefault = function (settingName, defaultValue) { |
||||
this.settings[settingName] = (this.settings[settingName] == undefined) ? defaultValue : this.settings[settingName]; |
||||
}; |
||||
|
||||
// Upload backend settings
|
||||
this.ensureDefault("upload_url", ""); |
||||
this.ensureDefault("preserve_relative_urls", false); |
||||
this.ensureDefault("file_post_name", "Filedata"); |
||||
this.ensureDefault("post_params", {}); |
||||
this.ensureDefault("use_query_string", false); |
||||
this.ensureDefault("requeue_on_error", false); |
||||
this.ensureDefault("http_success", []); |
||||
this.ensureDefault("assume_success_timeout", 0); |
||||
|
||||
// File Settings
|
||||
this.ensureDefault("file_types", "*.*"); |
||||
this.ensureDefault("file_types_description", "All Files"); |
||||
this.ensureDefault("file_size_limit", 0); // Default zero means "unlimited"
|
||||
this.ensureDefault("file_upload_limit", 0); |
||||
this.ensureDefault("file_queue_limit", 0); |
||||
|
||||
// Flash Settings
|
||||
this.ensureDefault("flash_url", "swfupload.swf"); |
||||
this.ensureDefault("prevent_swf_caching", true); |
||||
|
||||
// Button Settings
|
||||
this.ensureDefault("button_image_url", ""); |
||||
this.ensureDefault("button_width", 1); |
||||
this.ensureDefault("button_height", 1); |
||||
this.ensureDefault("button_text", ""); |
||||
this.ensureDefault("button_text_style", "color: #000000; font-size: 16pt;"); |
||||
this.ensureDefault("button_text_top_padding", 0); |
||||
this.ensureDefault("button_text_left_padding", 0); |
||||
this.ensureDefault("button_action", SWFUpload.BUTTON_ACTION.SELECT_FILES); |
||||
this.ensureDefault("button_disabled", false); |
||||
this.ensureDefault("button_placeholder_id", ""); |
||||
this.ensureDefault("button_placeholder", null); |
||||
this.ensureDefault("button_cursor", SWFUpload.CURSOR.ARROW); |
||||
this.ensureDefault("button_window_mode", SWFUpload.WINDOW_MODE.WINDOW); |
||||
|
||||
// Debug Settings
|
||||
this.ensureDefault("debug", false); |
||||
this.settings.debug_enabled = this.settings.debug; // Here to maintain v2 API
|
||||
|
||||
// Event Handlers
|
||||
this.settings.return_upload_start_handler = this.returnUploadStart; |
||||
this.ensureDefault("swfupload_loaded_handler", null); |
||||
this.ensureDefault("file_dialog_start_handler", null); |
||||
this.ensureDefault("file_queued_handler", null); |
||||
this.ensureDefault("file_queue_error_handler", null); |
||||
this.ensureDefault("file_dialog_complete_handler", null); |
||||
|
||||
this.ensureDefault("upload_start_handler", null); |
||||
this.ensureDefault("upload_progress_handler", null); |
||||
this.ensureDefault("upload_error_handler", null); |
||||
this.ensureDefault("upload_success_handler", null); |
||||
this.ensureDefault("upload_complete_handler", null); |
||||
|
||||
this.ensureDefault("debug_handler", this.debugMessage); |
||||
|
||||
this.ensureDefault("custom_settings", {}); |
||||
|
||||
// Other settings
|
||||
this.customSettings = this.settings.custom_settings; |
||||
|
||||
// Update the flash url if needed
|
||||
if (!!this.settings.prevent_swf_caching) { |
||||
this.settings.flash_url = this.settings.flash_url + (this.settings.flash_url.indexOf("?") < 0 ? "?" : "&") + "preventswfcaching=" + new Date().getTime(); |
||||
} |
||||
|
||||
if (!this.settings.preserve_relative_urls) { |
||||
//this.settings.flash_url = SWFUpload.completeURL(this.settings.flash_url); // Don't need to do this one since flash doesn't look at it
|
||||
this.settings.upload_url = SWFUpload.completeURL(this.settings.upload_url); |
||||
this.settings.button_image_url = SWFUpload.completeURL(this.settings.button_image_url); |
||||
} |
||||
|
||||
delete this.ensureDefault; |
||||
}; |
||||
|
||||
// Private: loadFlash replaces the button_placeholder element with the flash movie.
|
||||
SWFUpload.prototype.loadFlash = function () { |
||||
var targetElement, tempParent; |
||||
|
||||
// Make sure an element with the ID we are going to use doesn't already exist
|
||||
if (document.getElementById(this.movieName) !== null) { |
||||
throw "ID " + this.movieName + " is already in use. The Flash Object could not be added"; |
||||
} |
||||
|
||||
// Get the element where we will be placing the flash movie
|
||||
targetElement = document.getElementById(this.settings.button_placeholder_id) || this.settings.button_placeholder; |
||||
|
||||
if (targetElement == undefined) { |
||||
throw "Could not find the placeholder element: " + this.settings.button_placeholder_id; |
||||
} |
||||
|
||||
// Append the container and load the flash
|
||||
tempParent = document.createElement("div"); |
||||
tempParent.innerHTML = this.getFlashHTML(); // Using innerHTML is non-standard but the only sensible way to dynamically add Flash in IE (and maybe other browsers)
|
||||
targetElement.parentNode.replaceChild(tempParent.firstChild, targetElement); |
||||
|
||||
// Fix IE Flash/Form bug
|
||||
if (window[this.movieName] == undefined) { |
||||
window[this.movieName] = this.getMovieElement(); |
||||
} |
||||
|
||||
}; |
||||
|
||||
// Private: getFlashHTML generates the object tag needed to embed the flash in to the document
|
||||
SWFUpload.prototype.getFlashHTML = function () { |
||||
// Flash Satay object syntax: http://www.alistapart.com/articles/flashsatay
|
||||
return ['<object id="', this.movieName, '" type="application/x-shockwave-flash" data="', this.settings.flash_url, '" width="', this.settings.button_width, '" height="', this.settings.button_height, '" class="swfupload">', |
||||
'<param name="wmode" value="', this.settings.button_window_mode, '" />', |
||||
'<param name="movie" value="', this.settings.flash_url, '" />', |
||||
'<param name="quality" value="high" />', |
||||
'<param name="menu" value="false" />', |
||||
'<param name="allowScriptAccess" value="always" />', |
||||
'<param name="flashvars" value="' + this.getFlashVars() + '" />', |
||||
'</object>'].join(""); |
||||
}; |
||||
|
||||
// Private: getFlashVars builds the parameter string that will be passed
|
||||
// to flash in the flashvars param.
|
||||
SWFUpload.prototype.getFlashVars = function () { |
||||
// Build a string from the post param object
|
||||
var paramString = this.buildParamString(); |
||||
var httpSuccessString = this.settings.http_success.join(","); |
||||
|
||||
// Build the parameter string
|
||||
return ["movieName=", encodeURIComponent(this.movieName), |
||||
"&uploadURL=", encodeURIComponent(this.settings.upload_url), |
||||
"&useQueryString=", encodeURIComponent(this.settings.use_query_string), |
||||
"&requeueOnError=", encodeURIComponent(this.settings.requeue_on_error), |
||||
"&httpSuccess=", encodeURIComponent(httpSuccessString), |
||||
"&assumeSuccessTimeout=", encodeURIComponent(this.settings.assume_success_timeout), |
||||
"&params=", encodeURIComponent(paramString), |
||||
"&filePostName=", encodeURIComponent(this.settings.file_post_name), |
||||
"&fileTypes=", encodeURIComponent(this.settings.file_types), |
||||
"&fileTypesDescription=", encodeURIComponent(this.settings.file_types_description), |
||||
"&fileSizeLimit=", encodeURIComponent(this.settings.file_size_limit), |
||||
"&fileUploadLimit=", encodeURIComponent(this.settings.file_upload_limit), |
||||
"&fileQueueLimit=", encodeURIComponent(this.settings.file_queue_limit), |
||||
"&debugEnabled=", encodeURIComponent(this.settings.debug_enabled), |
||||
"&buttonImageURL=", encodeURIComponent(this.settings.button_image_url), |
||||
"&buttonWidth=", encodeURIComponent(this.settings.button_width), |
||||
"&buttonHeight=", encodeURIComponent(this.settings.button_height), |
||||
"&buttonText=", encodeURIComponent(this.settings.button_text), |
||||
"&buttonTextTopPadding=", encodeURIComponent(this.settings.button_text_top_padding), |
||||
"&buttonTextLeftPadding=", encodeURIComponent(this.settings.button_text_left_padding), |
||||
"&buttonTextStyle=", encodeURIComponent(this.settings.button_text_style), |
||||
"&buttonAction=", encodeURIComponent(this.settings.button_action), |
||||
"&buttonDisabled=", encodeURIComponent(this.settings.button_disabled), |
||||
"&buttonCursor=", encodeURIComponent(this.settings.button_cursor) |
||||
].join(""); |
||||
}; |
||||
|
||||
// Public: getMovieElement retrieves the DOM reference to the Flash element added by SWFUpload
|
||||
// The element is cached after the first lookup
|
||||
SWFUpload.prototype.getMovieElement = function () { |
||||
if (this.movieElement == undefined) { |
||||
this.movieElement = document.getElementById(this.movieName); |
||||
} |
||||
|
||||
if (this.movieElement === null) { |
||||
throw "Could not find Flash element"; |
||||
} |
||||
|
||||
return this.movieElement; |
||||
}; |
||||
|
||||
// Private: buildParamString takes the name/value pairs in the post_params setting object
|
||||
// and joins them up in to a string formatted "name=value&name=value"
|
||||
SWFUpload.prototype.buildParamString = function () { |
||||
var postParams = this.settings.post_params;
|
||||
var paramStringPairs = []; |
||||
|
||||
if (typeof(postParams) === "object") { |
||||
for (var name in postParams) { |
||||
if (postParams.hasOwnProperty(name)) { |
||||
paramStringPairs.push(encodeURIComponent(name.toString()) + "=" + encodeURIComponent(postParams[name].toString())); |
||||
} |
||||
} |
||||
} |
||||
|
||||
return paramStringPairs.join("&"); |
||||
}; |
||||
|
||||
// Public: Used to remove a SWFUpload instance from the page. This method strives to remove
|
||||
// all references to the SWF, and other objects so memory is properly freed.
|
||||
// Returns true if everything was destroyed. Returns a false if a failure occurs leaving SWFUpload in an inconsistant state.
|
||||
// Credits: Major improvements provided by steffen
|
||||
SWFUpload.prototype.destroy = function () { |
||||
try { |
||||
// Make sure Flash is done before we try to remove it
|
||||
this.cancelUpload(null, false); |
||||
|
||||
|
||||
// Remove the SWFUpload DOM nodes
|
||||
var movieElement = null; |
||||
movieElement = this.getMovieElement(); |
||||
|
||||
if (movieElement && typeof(movieElement.CallFunction) === "unknown") { // We only want to do this in IE
|
||||
// Loop through all the movie's properties and remove all function references (DOM/JS IE 6/7 memory leak workaround)
|
||||
for (var i in movieElement) { |
||||
try { |
||||
if (typeof(movieElement[i]) === "function") { |
||||
movieElement[i] = null; |
||||
} |
||||
} catch (ex1) {} |
||||
} |
||||
|
||||
// Remove the Movie Element from the page
|
||||
try { |
||||
movieElement.parentNode.removeChild(movieElement); |
||||
} catch (ex) {} |
||||
} |
||||
|
||||
// Remove IE form fix reference
|
||||
window[this.movieName] = null; |
||||
|
||||
// Destroy other references
|
||||
SWFUpload.instances[this.movieName] = null; |
||||
delete SWFUpload.instances[this.movieName]; |
||||
|
||||
this.movieElement = null; |
||||
this.settings = null; |
||||
this.customSettings = null; |
||||
this.eventQueue = null; |
||||
this.movieName = null; |
||||
|
||||
|
||||
return true; |
||||
} catch (ex2) { |
||||
return false; |
||||
} |
||||
}; |
||||
|
||||
|
||||
// Public: displayDebugInfo prints out settings and configuration
|
||||
// information about this SWFUpload instance.
|
||||
// This function (and any references to it) can be deleted when placing
|
||||
// SWFUpload in production.
|
||||
SWFUpload.prototype.displayDebugInfo = function () { |
||||
this.debug( |
||||
[ |
||||
"---SWFUpload Instance Info---\n", |
||||
"Version: ", SWFUpload.version, "\n", |
||||
"Movie Name: ", this.movieName, "\n", |
||||
"Settings:\n", |
||||
"\t", "upload_url: ", this.settings.upload_url, "\n", |
||||
"\t", "flash_url: ", this.settings.flash_url, "\n", |
||||
"\t", "use_query_string: ", this.settings.use_query_string.toString(), "\n", |
||||
"\t", "requeue_on_error: ", this.settings.requeue_on_error.toString(), "\n", |
||||
"\t", "http_success: ", this.settings.http_success.join(", "), "\n", |
||||
"\t", "assume_success_timeout: ", this.settings.assume_success_timeout, "\n", |
||||
"\t", "file_post_name: ", this.settings.file_post_name, "\n", |
||||
"\t", "post_params: ", this.settings.post_params.toString(), "\n", |
||||
"\t", "file_types: ", this.settings.file_types, "\n", |
||||
"\t", "file_types_description: ", this.settings.file_types_description, "\n", |
||||
"\t", "file_size_limit: ", this.settings.file_size_limit, "\n", |
||||
"\t", "file_upload_limit: ", this.settings.file_upload_limit, "\n", |
||||
"\t", "file_queue_limit: ", this.settings.file_queue_limit, "\n", |
||||
"\t", "debug: ", this.settings.debug.toString(), "\n", |
||||
|
||||
"\t", "prevent_swf_caching: ", this.settings.prevent_swf_caching.toString(), "\n", |
||||
|
||||
"\t", "button_placeholder_id: ", this.settings.button_placeholder_id.toString(), "\n", |
||||
"\t", "button_placeholder: ", (this.settings.button_placeholder ? "Set" : "Not Set"), "\n", |
||||
"\t", "button_image_url: ", this.settings.button_image_url.toString(), "\n", |
||||
"\t", "button_width: ", this.settings.button_width.toString(), "\n", |
||||
"\t", "button_height: ", this.settings.button_height.toString(), "\n", |
||||
"\t", "button_text: ", this.settings.button_text.toString(), "\n", |
||||
"\t", "button_text_style: ", this.settings.button_text_style.toString(), "\n", |
||||
"\t", "button_text_top_padding: ", this.settings.button_text_top_padding.toString(), "\n", |
||||
"\t", "button_text_left_padding: ", this.settings.button_text_left_padding.toString(), "\n", |
||||
"\t", "button_action: ", this.settings.button_action.toString(), "\n", |
||||
"\t", "button_disabled: ", this.settings.button_disabled.toString(), "\n", |
||||
|
||||
"\t", "custom_settings: ", this.settings.custom_settings.toString(), "\n", |
||||
"Event Handlers:\n", |
||||
"\t", "swfupload_loaded_handler assigned: ", (typeof this.settings.swfupload_loaded_handler === "function").toString(), "\n", |
||||
"\t", "file_dialog_start_handler assigned: ", (typeof this.settings.file_dialog_start_handler === "function").toString(), "\n", |
||||
"\t", "file_queued_handler assigned: ", (typeof this.settings.file_queued_handler === "function").toString(), "\n", |
||||
"\t", "file_queue_error_handler assigned: ", (typeof this.settings.file_queue_error_handler === "function").toString(), "\n", |
||||
"\t", "upload_start_handler assigned: ", (typeof this.settings.upload_start_handler === "function").toString(), "\n", |
||||
"\t", "upload_progress_handler assigned: ", (typeof this.settings.upload_progress_handler === "function").toString(), "\n", |
||||
"\t", "upload_error_handler assigned: ", (typeof this.settings.upload_error_handler === "function").toString(), "\n", |
||||
"\t", "upload_success_handler assigned: ", (typeof this.settings.upload_success_handler === "function").toString(), "\n", |
||||
"\t", "upload_complete_handler assigned: ", (typeof this.settings.upload_complete_handler === "function").toString(), "\n", |
||||
"\t", "debug_handler assigned: ", (typeof this.settings.debug_handler === "function").toString(), "\n" |
||||
].join("") |
||||
); |
||||
}; |
||||
|
||||
/* Note: addSetting and getSetting are no longer used by SWFUpload but are included |
||||
the maintain v2 API compatibility |
||||
*/ |
||||
// Public: (Deprecated) addSetting adds a setting value. If the value given is undefined or null then the default_value is used.
|
||||
SWFUpload.prototype.addSetting = function (name, value, default_value) { |
||||
if (value == undefined) { |
||||
return (this.settings[name] = default_value); |
||||
} else { |
||||
return (this.settings[name] = value); |
||||
} |
||||
}; |
||||
|
||||
// Public: (Deprecated) getSetting gets a setting. Returns an empty string if the setting was not found.
|
||||
SWFUpload.prototype.getSetting = function (name) { |
||||
if (this.settings[name] != undefined) { |
||||
return this.settings[name]; |
||||
} |
||||
|
||||
return ""; |
||||
}; |
||||
|
||||
|
||||
|
||||
// Private: callFlash handles function calls made to the Flash element.
|
||||
// Calls are made with a setTimeout for some functions to work around
|
||||
// bugs in the ExternalInterface library.
|
||||
SWFUpload.prototype.callFlash = function (functionName, argumentArray) { |
||||
argumentArray = argumentArray || []; |
||||
|
||||
var movieElement = this.getMovieElement(); |
||||
var returnValue, returnString; |
||||
|
||||
// Flash's method if calling ExternalInterface methods (code adapted from MooTools).
|
||||
try { |
||||
returnString = movieElement.CallFunction('<invoke name="' + functionName + '" returntype="javascript">' + __flash__argumentsToXML(argumentArray, 0) + '</invoke>'); |
||||
returnValue = eval(returnString); |
||||
} catch (ex) { |
||||
throw "Call to " + functionName + " failed"; |
||||
} |
||||
|
||||
// Unescape file post param values
|
||||
if (returnValue != undefined && typeof returnValue.post === "object") { |
||||
returnValue = this.unescapeFilePostParams(returnValue); |
||||
} |
||||
|
||||
return returnValue; |
||||
}; |
||||
|
||||
/* ***************************** |
||||
-- Flash control methods -- |
||||
Your UI should use these |
||||
to operate SWFUpload |
||||
***************************** */ |
||||
|
||||
// WARNING: this function does not work in Flash Player 10
|
||||
// Public: selectFile causes a File Selection Dialog window to appear. This
|
||||
// dialog only allows 1 file to be selected.
|
||||
SWFUpload.prototype.selectFile = function () { |
||||
this.callFlash("SelectFile"); |
||||
}; |
||||
|
||||
// WARNING: this function does not work in Flash Player 10
|
||||
// Public: selectFiles causes a File Selection Dialog window to appear/ This
|
||||
// dialog allows the user to select any number of files
|
||||
// Flash Bug Warning: Flash limits the number of selectable files based on the combined length of the file names.
|
||||
// If the selection name length is too long the dialog will fail in an unpredictable manner. There is no work-around
|
||||
// for this bug.
|
||||
SWFUpload.prototype.selectFiles = function () { |
||||
this.callFlash("SelectFiles"); |
||||
}; |
||||
|
||||
|
||||
// Public: startUpload starts uploading the first file in the queue unless
|
||||
// the optional parameter 'fileID' specifies the ID
|
||||
SWFUpload.prototype.startUpload = function (fileID) { |
||||
this.callFlash("StartUpload", [fileID]); |
||||
}; |
||||
|
||||
// Public: cancelUpload cancels any queued file. The fileID parameter may be the file ID or index.
|
||||
// If you do not specify a fileID the current uploading file or first file in the queue is cancelled.
|
||||
// If you do not want the uploadError event to trigger you can specify false for the triggerErrorEvent parameter.
|
||||
SWFUpload.prototype.cancelUpload = function (fileID, triggerErrorEvent) { |
||||
if (triggerErrorEvent !== false) { |
||||
triggerErrorEvent = true; |
||||
} |
||||
this.callFlash("CancelUpload", [fileID, triggerErrorEvent]); |
||||
}; |
||||
|
||||
// Public: stopUpload stops the current upload and requeues the file at the beginning of the queue.
|
||||
// If nothing is currently uploading then nothing happens.
|
||||
SWFUpload.prototype.stopUpload = function () { |
||||
this.callFlash("StopUpload"); |
||||
}; |
||||
|
||||
/* ************************ |
||||
* Settings methods |
||||
* These methods change the SWFUpload settings. |
||||
* SWFUpload settings should not be changed directly on the settings object |
||||
* since many of the settings need to be passed to Flash in order to take |
||||
* effect. |
||||
* *********************** */ |
||||
|
||||
// Public: getStats gets the file statistics object.
|
||||
SWFUpload.prototype.getStats = function () { |
||||
return this.callFlash("GetStats"); |
||||
}; |
||||
|
||||
// Public: setStats changes the SWFUpload statistics. You shouldn't need to
|
||||
// change the statistics but you can. Changing the statistics does not
|
||||
// affect SWFUpload accept for the successful_uploads count which is used
|
||||
// by the upload_limit setting to determine how many files the user may upload.
|
||||
SWFUpload.prototype.setStats = function (statsObject) { |
||||
this.callFlash("SetStats", [statsObject]); |
||||
}; |
||||
|
||||
// Public: getFile retrieves a File object by ID or Index. If the file is
|
||||
// not found then 'null' is returned.
|
||||
SWFUpload.prototype.getFile = function (fileID) { |
||||
if (typeof(fileID) === "number") { |
||||
return this.callFlash("GetFileByIndex", [fileID]); |
||||
} else { |
||||
return this.callFlash("GetFile", [fileID]); |
||||
} |
||||
}; |
||||
|
||||
// Public: addFileParam sets a name/value pair that will be posted with the
|
||||
// file specified by the Files ID. If the name already exists then the
|
||||
// exiting value will be overwritten.
|
||||
SWFUpload.prototype.addFileParam = function (fileID, name, value) { |
||||
return this.callFlash("AddFileParam", [fileID, name, value]); |
||||
}; |
||||
|
||||
// Public: removeFileParam removes a previously set (by addFileParam) name/value
|
||||
// pair from the specified file.
|
||||
SWFUpload.prototype.removeFileParam = function (fileID, name) { |
||||
this.callFlash("RemoveFileParam", [fileID, name]); |
||||
}; |
||||
|
||||
// Public: setUploadUrl changes the upload_url setting.
|
||||
SWFUpload.prototype.setUploadURL = function (url) { |
||||
this.settings.upload_url = url.toString(); |
||||
this.callFlash("SetUploadURL", [url]); |
||||
}; |
||||
|
||||
// Public: setPostParams changes the post_params setting
|
||||
SWFUpload.prototype.setPostParams = function (paramsObject) { |
||||
this.settings.post_params = paramsObject; |
||||
this.callFlash("SetPostParams", [paramsObject]); |
||||
}; |
||||
|
||||
// Public: addPostParam adds post name/value pair. Each name can have only one value.
|
||||
SWFUpload.prototype.addPostParam = function (name, value) { |
||||
this.settings.post_params[name] = value; |
||||
this.callFlash("SetPostParams", [this.settings.post_params]); |
||||
}; |
||||
|
||||
// Public: removePostParam deletes post name/value pair.
|
||||
SWFUpload.prototype.removePostParam = function (name) { |
||||
delete this.settings.post_params[name]; |
||||
this.callFlash("SetPostParams", [this.settings.post_params]); |
||||
}; |
||||
|
||||
// Public: setFileTypes changes the file_types setting and the file_types_description setting
|
||||
SWFUpload.prototype.setFileTypes = function (types, description) { |
||||
this.settings.file_types = types; |
||||
this.settings.file_types_description = description; |
||||
this.callFlash("SetFileTypes", [types, description]); |
||||
}; |
||||
|
||||
// Public: setFileSizeLimit changes the file_size_limit setting
|
||||
SWFUpload.prototype.setFileSizeLimit = function (fileSizeLimit) { |
||||
this.settings.file_size_limit = fileSizeLimit; |
||||
this.callFlash("SetFileSizeLimit", [fileSizeLimit]); |
||||
}; |
||||
|
||||
// Public: setFileUploadLimit changes the file_upload_limit setting
|
||||
SWFUpload.prototype.setFileUploadLimit = function (fileUploadLimit) { |
||||
this.settings.file_upload_limit = fileUploadLimit; |
||||
this.callFlash("SetFileUploadLimit", [fileUploadLimit]); |
||||
}; |
||||
|
||||
// Public: setFileQueueLimit changes the file_queue_limit setting
|
||||
SWFUpload.prototype.setFileQueueLimit = function (fileQueueLimit) { |
||||
this.settings.file_queue_limit = fileQueueLimit; |
||||
this.callFlash("SetFileQueueLimit", [fileQueueLimit]); |
||||
}; |
||||
|
||||
// Public: setFilePostName changes the file_post_name setting
|
||||
SWFUpload.prototype.setFilePostName = function (filePostName) { |
||||
this.settings.file_post_name = filePostName; |
||||
this.callFlash("SetFilePostName", [filePostName]); |
||||
}; |
||||
|
||||
// Public: setUseQueryString changes the use_query_string setting
|
||||
SWFUpload.prototype.setUseQueryString = function (useQueryString) { |
||||
this.settings.use_query_string = useQueryString; |
||||
this.callFlash("SetUseQueryString", [useQueryString]); |
||||
}; |
||||
|
||||
// Public: setRequeueOnError changes the requeue_on_error setting
|
||||
SWFUpload.prototype.setRequeueOnError = function (requeueOnError) { |
||||
this.settings.requeue_on_error = requeueOnError; |
||||
this.callFlash("SetRequeueOnError", [requeueOnError]); |
||||
}; |
||||
|
||||
// Public: setHTTPSuccess changes the http_success setting
|
||||
SWFUpload.prototype.setHTTPSuccess = function (http_status_codes) { |
||||
if (typeof http_status_codes === "string") { |
||||
http_status_codes = http_status_codes.replace(" ", "").split(","); |
||||
} |
||||
|
||||
this.settings.http_success = http_status_codes; |
||||
this.callFlash("SetHTTPSuccess", [http_status_codes]); |
||||
}; |
||||
|
||||
// Public: setHTTPSuccess changes the http_success setting
|
||||
SWFUpload.prototype.setAssumeSuccessTimeout = function (timeout_seconds) { |
||||
this.settings.assume_success_timeout = timeout_seconds; |
||||
this.callFlash("SetAssumeSuccessTimeout", [timeout_seconds]); |
||||
}; |
||||
|
||||
// Public: setDebugEnabled changes the debug_enabled setting
|
||||
SWFUpload.prototype.setDebugEnabled = function (debugEnabled) { |
||||
this.settings.debug_enabled = debugEnabled; |
||||
this.callFlash("SetDebugEnabled", [debugEnabled]); |
||||
}; |
||||
|
||||
// Public: setButtonImageURL loads a button image sprite
|
||||
SWFUpload.prototype.setButtonImageURL = function (buttonImageURL) { |
||||
if (buttonImageURL == undefined) { |
||||
buttonImageURL = ""; |
||||
} |
||||
|
||||
this.settings.button_image_url = buttonImageURL; |
||||
this.callFlash("SetButtonImageURL", [buttonImageURL]); |
||||
}; |
||||
|
||||
// Public: setButtonDimensions resizes the Flash Movie and button
|
||||
SWFUpload.prototype.setButtonDimensions = function (width, height) { |
||||
this.settings.button_width = width; |
||||
this.settings.button_height = height; |
||||
|
||||
var movie = this.getMovieElement(); |
||||
if (movie != undefined) { |
||||
movie.style.width = width + "px"; |
||||
movie.style.height = height + "px"; |
||||
} |
||||
|
||||
this.callFlash("SetButtonDimensions", [width, height]); |
||||
}; |
||||
// Public: setButtonText Changes the text overlaid on the button
|
||||
SWFUpload.prototype.setButtonText = function (html) { |
||||
this.settings.button_text = html; |
||||
this.callFlash("SetButtonText", [html]); |
||||
}; |
||||
// Public: setButtonTextPadding changes the top and left padding of the text overlay
|
||||
SWFUpload.prototype.setButtonTextPadding = function (left, top) { |
||||
this.settings.button_text_top_padding = top; |
||||
this.settings.button_text_left_padding = left; |
||||
this.callFlash("SetButtonTextPadding", [left, top]); |
||||
}; |
||||
|
||||
// Public: setButtonTextStyle changes the CSS used to style the HTML/Text overlaid on the button
|
||||
SWFUpload.prototype.setButtonTextStyle = function (css) { |
||||
this.settings.button_text_style = css; |
||||
this.callFlash("SetButtonTextStyle", [css]); |
||||
}; |
||||
// Public: setButtonDisabled disables/enables the button
|
||||
SWFUpload.prototype.setButtonDisabled = function (isDisabled) { |
||||
this.settings.button_disabled = isDisabled; |
||||
this.callFlash("SetButtonDisabled", [isDisabled]); |
||||
}; |
||||
// Public: setButtonAction sets the action that occurs when the button is clicked
|
||||
SWFUpload.prototype.setButtonAction = function (buttonAction) { |
||||
this.settings.button_action = buttonAction; |
||||
this.callFlash("SetButtonAction", [buttonAction]); |
||||
}; |
||||
|
||||
// Public: setButtonCursor changes the mouse cursor displayed when hovering over the button
|
||||
SWFUpload.prototype.setButtonCursor = function (cursor) { |
||||
this.settings.button_cursor = cursor; |
||||
this.callFlash("SetButtonCursor", [cursor]); |
||||
}; |
||||
|
||||
/* ******************************* |
||||
Flash Event Interfaces |
||||
These functions are used by Flash to trigger the various |
||||
events. |
||||
|
||||
All these functions a Private. |
||||
|
||||
Because the ExternalInterface library is buggy the event calls |
||||
are added to a queue and the queue then executed by a setTimeout. |
||||
This ensures that events are executed in a determinate order and that |
||||
the ExternalInterface bugs are avoided. |
||||
******************************* */ |
||||
|
||||
SWFUpload.prototype.queueEvent = function (handlerName, argumentArray) { |
||||
// Warning: Don't call this.debug inside here or you'll create an infinite loop
|
||||
|
||||
if (argumentArray == undefined) { |
||||
argumentArray = []; |
||||
} else if (!(argumentArray instanceof Array)) { |
||||
argumentArray = [argumentArray]; |
||||
} |
||||
|
||||
var self = this; |
||||
if (typeof this.settings[handlerName] === "function") { |
||||
// Queue the event
|
||||
this.eventQueue.push(function () { |
||||
this.settings[handlerName].apply(this, argumentArray); |
||||
}); |
||||
|
||||
// Execute the next queued event
|
||||
setTimeout(function () { |
||||
self.executeNextEvent(); |
||||
}, 0); |
||||
|
||||
} else if (this.settings[handlerName] !== null) { |
||||
throw "Event handler " + handlerName + " is unknown or is not a function"; |
||||
} |
||||
}; |
||||
|
||||
// Private: Causes the next event in the queue to be executed. Since events are queued using a setTimeout
|
||||
// we must queue them in order to garentee that they are executed in order.
|
||||
SWFUpload.prototype.executeNextEvent = function () { |
||||
// Warning: Don't call this.debug inside here or you'll create an infinite loop
|
||||
|
||||
var f = this.eventQueue ? this.eventQueue.shift() : null; |
||||
if (typeof(f) === "function") { |
||||
f.apply(this); |
||||
} |
||||
}; |
||||
|
||||
// Private: unescapeFileParams is part of a workaround for a flash bug where objects passed through ExternalInterface cannot have
|
||||
// properties that contain characters that are not valid for JavaScript identifiers. To work around this
|
||||
// the Flash Component escapes the parameter names and we must unescape again before passing them along.
|
||||
SWFUpload.prototype.unescapeFilePostParams = function (file) { |
||||
var reg = /[$]([0-9a-f]{4})/i; |
||||
var unescapedPost = {}; |
||||
var uk; |
||||
|
||||
if (file != undefined) { |
||||
for (var k in file.post) { |
||||
if (file.post.hasOwnProperty(k)) { |
||||
uk = k; |
||||
var match; |
||||
while ((match = reg.exec(uk)) !== null) { |
||||
uk = uk.replace(match[0], String.fromCharCode(parseInt("0x" + match[1], 16))); |
||||
} |
||||
unescapedPost[uk] = file.post[k]; |
||||
} |
||||
} |
||||
|
||||
file.post = unescapedPost; |
||||
} |
||||
|
||||
return file; |
||||
}; |
||||
|
||||
// Private: Called by Flash to see if JS can call in to Flash (test if External Interface is working)
|
||||
SWFUpload.prototype.testExternalInterface = function () { |
||||
try { |
||||
return this.callFlash("TestExternalInterface"); |
||||
} catch (ex) { |
||||
return false; |
||||
} |
||||
}; |
||||
|
||||
// Private: This event is called by Flash when it has finished loading. Don't modify this.
|
||||
// Use the swfupload_loaded_handler event setting to execute custom code when SWFUpload has loaded.
|
||||
SWFUpload.prototype.flashReady = function () { |
||||
// Check that the movie element is loaded correctly with its ExternalInterface methods defined
|
||||
var movieElement = this.getMovieElement(); |
||||
|
||||
if (!movieElement) { |
||||
this.debug("Flash called back ready but the flash movie can't be found."); |
||||
return; |
||||
} |
||||
|
||||
this.cleanUp(movieElement); |
||||
|
||||
this.queueEvent("swfupload_loaded_handler"); |
||||
}; |
||||
|
||||
// Private: removes Flash added fuctions to the DOM node to prevent memory leaks in IE.
|
||||
// This function is called by Flash each time the ExternalInterface functions are created.
|
||||
SWFUpload.prototype.cleanUp = function (movieElement) { |
||||
// Pro-actively unhook all the Flash functions
|
||||
try { |
||||
if (this.movieElement && typeof(movieElement.CallFunction) === "unknown") { // We only want to do this in IE
|
||||
this.debug("Removing Flash functions hooks (this should only run in IE and should prevent memory leaks)"); |
||||
for (var key in movieElement) { |
||||
try { |
||||
if (typeof(movieElement[key]) === "function") { |
||||
movieElement[key] = null; |
||||
} |
||||
} catch (ex) { |
||||
} |
||||
} |
||||
} |
||||
} catch (ex1) { |
||||
|
||||
} |
||||
|
||||
// Fix Flashes own cleanup code so if the SWFMovie was removed from the page
|
||||
// it doesn't display errors.
|
||||
window["__flash__removeCallback"] = function (instance, name) { |
||||
try { |
||||
if (instance) { |
||||
instance[name] = null; |
||||
} |
||||
} catch (flashEx) { |
||||
|
||||
} |
||||
}; |
||||
|
||||
}; |
||||
|
||||
|
||||
/* This is a chance to do something before the browse window opens */ |
||||
SWFUpload.prototype.fileDialogStart = function () { |
||||
this.queueEvent("file_dialog_start_handler"); |
||||
}; |
||||
|
||||
|
||||
/* Called when a file is successfully added to the queue. */ |
||||
SWFUpload.prototype.fileQueued = function (file) { |
||||
file = this.unescapeFilePostParams(file); |
||||
this.queueEvent("file_queued_handler", file); |
||||
}; |
||||
|
||||
|
||||
/* Handle errors that occur when an attempt to queue a file fails. */ |
||||
SWFUpload.prototype.fileQueueError = function (file, errorCode, message) { |
||||
file = this.unescapeFilePostParams(file); |
||||
this.queueEvent("file_queue_error_handler", [file, errorCode, message]); |
||||
}; |
||||
|
||||
/* Called after the file dialog has closed and the selected files have been queued. |
||||
You could call startUpload here if you want the queued files to begin uploading immediately. */ |
||||
SWFUpload.prototype.fileDialogComplete = function (numFilesSelected, numFilesQueued, numFilesInQueue) { |
||||
this.queueEvent("file_dialog_complete_handler", [numFilesSelected, numFilesQueued, numFilesInQueue]); |
||||
}; |
||||
|
||||
SWFUpload.prototype.uploadStart = function (file) { |
||||
file = this.unescapeFilePostParams(file); |
||||
this.queueEvent("return_upload_start_handler", file); |
||||
}; |
||||
|
||||
SWFUpload.prototype.returnUploadStart = function (file) { |
||||
var returnValue; |
||||
if (typeof this.settings.upload_start_handler === "function") { |
||||
file = this.unescapeFilePostParams(file); |
||||
returnValue = this.settings.upload_start_handler.call(this, file); |
||||
} else if (this.settings.upload_start_handler != undefined) { |
||||
throw "upload_start_handler must be a function"; |
||||
} |
||||
|
||||
// Convert undefined to true so if nothing is returned from the upload_start_handler it is
|
||||
// interpretted as 'true'.
|
||||
if (returnValue === undefined) { |
||||
returnValue = true; |
||||
} |
||||
|
||||
returnValue = !!returnValue; |
||||
|
||||
this.callFlash("ReturnUploadStart", [returnValue]); |
||||
}; |
||||
|
||||
|
||||
|
||||
SWFUpload.prototype.uploadProgress = function (file, bytesComplete, bytesTotal) { |
||||
file = this.unescapeFilePostParams(file); |
||||
this.queueEvent("upload_progress_handler", [file, bytesComplete, bytesTotal]); |
||||
}; |
||||
|
||||
SWFUpload.prototype.uploadError = function (file, errorCode, message) { |
||||
file = this.unescapeFilePostParams(file); |
||||
this.queueEvent("upload_error_handler", [file, errorCode, message]); |
||||
}; |
||||
|
||||
SWFUpload.prototype.uploadSuccess = function (file, serverData, responseReceived) { |
||||
file = this.unescapeFilePostParams(file); |
||||
this.queueEvent("upload_success_handler", [file, serverData, responseReceived]); |
||||
}; |
||||
|
||||
SWFUpload.prototype.uploadComplete = function (file) { |
||||
file = this.unescapeFilePostParams(file); |
||||
this.queueEvent("upload_complete_handler", file); |
||||
}; |
||||
|
||||
/* Called by SWFUpload JavaScript and Flash functions when debug is enabled. By default it writes messages to the |
||||
internal debug console. You can override this event and have messages written where you want. */ |
||||
SWFUpload.prototype.debug = function (message) { |
||||
this.queueEvent("debug_handler", message); |
||||
}; |
||||
|
||||
|
||||
/* ********************************** |
||||
Debug Console |
||||
The debug console is a self contained, in page location |
||||
for debug message to be sent. The Debug Console adds |
||||
itself to the body if necessary. |
||||
|
||||
The console is automatically scrolled as messages appear. |
||||
|
||||
If you are using your own debug handler or when you deploy to production and |
||||
have debug disabled you can remove these functions to reduce the file size |
||||
and complexity. |
||||
********************************** */ |
||||
|
||||
// Private: debugMessage is the default debug_handler. If you want to print debug messages
|
||||
// call the debug() function. When overriding the function your own function should
|
||||
// check to see if the debug setting is true before outputting debug information.
|
||||
SWFUpload.prototype.debugMessage = function (message) { |
||||
if (this.settings.debug) { |
||||
var exceptionMessage, exceptionValues = []; |
||||
|
||||
// Check for an exception object and print it nicely
|
||||
if (typeof message === "object" && typeof message.name === "string" && typeof message.message === "string") { |
||||
for (var key in message) { |
||||
if (message.hasOwnProperty(key)) { |
||||
exceptionValues.push(key + ": " + message[key]); |
||||
} |
||||
} |
||||
exceptionMessage = exceptionValues.join("\n") || ""; |
||||
exceptionValues = exceptionMessage.split("\n"); |
||||
exceptionMessage = "EXCEPTION: " + exceptionValues.join("\nEXCEPTION: "); |
||||
SWFUpload.Console.writeLine(exceptionMessage); |
||||
} else { |
||||
SWFUpload.Console.writeLine(message); |
||||
} |
||||
} |
||||
}; |
||||
|
||||
SWFUpload.Console = {}; |
||||
SWFUpload.Console.writeLine = function (message) { |
||||
var console, documentForm; |
||||
|
||||
try { |
||||
console = document.getElementById("SWFUpload_Console"); |
||||
|
||||
if (!console) { |
||||
documentForm = document.createElement("form"); |
||||
document.getElementsByTagName("body")[0].appendChild(documentForm); |
||||
|
||||
console = document.createElement("textarea"); |
||||
console.id = "SWFUpload_Console"; |
||||
console.style.fontFamily = "monospace"; |
||||
console.setAttribute("wrap", "off"); |
||||
console.wrap = "off"; |
||||
console.style.overflow = "auto"; |
||||
console.style.width = "700px"; |
||||
console.style.height = "350px"; |
||||
console.style.margin = "5px"; |
||||
documentForm.appendChild(console); |
||||
} |
||||
|
||||
console.value += message + "\n"; |
||||
|
||||
console.scrollTop = console.scrollHeight - console.clientHeight; |
||||
} catch (ex) { |
||||
alert("Exception: " + ex.name + " Message: " + ex.message); |
||||
} |
||||
}; |
||||
@ -1,85 +0,0 @@ |
||||
/* |
||||
[Leo.C, Studio] (C)2004 - 2008 |
||||
|
||||
$Hanization: LeoChung $ |
||||
$E-Mail: who@imll.net $ |
||||
$HomePage: http://imll.net $
|
||||
$Date: 2008/11/8 18:02 $ |
||||
*/ |
||||
/* |
||||
Queue Plug-in |
||||
|
||||
Features: |
||||
*Adds a cancelQueue() method for cancelling the entire queue. |
||||
*All queued files are uploaded when startUpload() is called. |
||||
*If false is returned from uploadComplete then the queue upload is stopped. |
||||
If false is not returned (strict comparison) then the queue upload is continued. |
||||
*Adds a QueueComplete event that is fired when all the queued files have finished uploading. |
||||
Set the event handler with the queue_complete_handler setting. |
||||
|
||||
*/ |
||||
|
||||
var SWFUpload; |
||||
if (typeof(SWFUpload) === "function") { |
||||
SWFUpload.queue = {}; |
||||
|
||||
SWFUpload.prototype.initSettings = (function (oldInitSettings) { |
||||
return function () { |
||||
if (typeof(oldInitSettings) === "function") { |
||||
oldInitSettings.call(this); |
||||
} |
||||
|
||||
this.customSettings.queue_cancelled_flag = false; |
||||
this.customSettings.queue_upload_count = 0; |
||||
|
||||
this.settings.user_upload_complete_handler = this.settings.upload_complete_handler; |
||||
this.settings.upload_complete_handler = SWFUpload.queue.uploadCompleteHandler; |
||||
|
||||
this.settings.queue_complete_handler = this.settings.queue_complete_handler || null; |
||||
}; |
||||
})(SWFUpload.prototype.initSettings); |
||||
|
||||
SWFUpload.prototype.startUpload = function (fileID) { |
||||
this.customSettings.queue_cancelled_flag = false; |
||||
this.callFlash("StartUpload", false, [fileID]); |
||||
}; |
||||
|
||||
SWFUpload.prototype.cancelQueue = function () { |
||||
this.customSettings.queue_cancelled_flag = true; |
||||
this.stopUpload(); |
||||
|
||||
var stats = this.getStats(); |
||||
while (stats.files_queued > 0) { |
||||
this.cancelUpload(); |
||||
stats = this.getStats(); |
||||
} |
||||
}; |
||||
|
||||
SWFUpload.queue.uploadCompleteHandler = function (file) { |
||||
var user_upload_complete_handler = this.settings.user_upload_complete_handler; |
||||
var continueUpload; |
||||
|
||||
if (file.filestatus === SWFUpload.FILE_STATUS.COMPLETE) { |
||||
this.customSettings.queue_upload_count++; |
||||
} |
||||
|
||||
if (typeof(user_upload_complete_handler) === "function") { |
||||
continueUpload = (user_upload_complete_handler.call(this, file) === false) ? false : true; |
||||
} else { |
||||
continueUpload = true; |
||||
} |
||||
|
||||
if (continueUpload) { |
||||
var stats = this.getStats(); |
||||
if (stats.files_queued > 0 && this.customSettings.queue_cancelled_flag === false) { |
||||
this.startUpload(); |
||||
} else if (this.customSettings.queue_cancelled_flag === false) { |
||||
this.queueEvent("queue_complete_handler", [this.customSettings.queue_upload_count]); |
||||
this.customSettings.queue_upload_count = 0; |
||||
} else { |
||||
this.customSettings.queue_cancelled_flag = false; |
||||
this.customSettings.queue_upload_count = 0; |
||||
} |
||||
} |
||||
}; |
||||
} |
||||
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 1.9 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,119 @@ |
||||
/** |
||||
* 字典类 |
||||
* 初始化：ms.dict.list("A类型,B类型,C类型","子业务类型") |
||||
* 获取值：ms.dict.getDictValue("A类型标签") ；ms.dict.getDictValue("C类型标签",3) |
||||
* 获取值：ms.dict.getDictLabel("B类型值",2) |
||||
*/ |
||||
(function() { |
||||
|
||||
var dictData; |
||||
|
||||
/** |
||||
* 获取所有字典类型的数组集合 |
||||
* @param dictType 字典类型 支持多个类型用英文逗号隔开 |
||||
* @param isChild 子业务类型 可选 |
||||
*/ |
||||
function list(dictType,isChild) { |
||||
var _dict={ |
||||
dictType:dictType, |
||||
isChild:isChild, |
||||
} |
||||
ms.http.get(ms.manager+'/mdiy/dict/dictList.do', _dict).then(function (res) { |
||||
if(res.code==200){ |
||||
dict.dictData = res.data; |
||||
} |
||||
}).catch(function (err) { |
||||
console.log(err); |
||||
}); |
||||
} |
||||
function get(index, dictLabel, dictValue,isChild){ |
||||
var dicts= (dict.dictData?dict.dictData[index-1]:[]).filter(function(element,index,self){ |
||||
if(dictLabel&&dictLabel!=element.dictLabel){ |
||||
return false |
||||
}else if(dictValue&&dictValue!=element.dictValue){ |
||||
return false |
||||
} |
||||
return true |
||||
}) |
||||
if(dicts.length){ |
||||
return dicts[0]; |
||||
}else { |
||||
return null; |
||||
} |
||||
} |
||||
|
||||
/** |
||||
* 获取字典列表 |
||||
* @param index list方法中dictType的索引值 从1开始 |
||||
* @returns {*} |
||||
*/ |
||||
function getList(index){ |
||||
if(index){ |
||||
return dict.dictData[0] |
||||
}else { |
||||
return dict.dictData[index-1] |
||||
} |
||||
|
||||
} |
||||
|
||||
/** |
||||
* 获取字典值 |
||||
* @param dictLabel 字典标签值 |
||||
* @param index list方法中dictType的索引值 从1开始 |
||||
* @param defaultValue 默认值 |
||||
* @returns {string|string|rules.dictValue|{message, required}} |
||||
*/ |
||||
function getDictValue( dictLabel, index, defaultValue) { |
||||
if (!defaultValue) { |
||||
defaultValue=""; |
||||
} |
||||
var dictEntity = '' |
||||
if (index && dictLabel) { |
||||
dictEntity = get(index, dictLabel, null); |
||||
} |
||||
if (!index && dictLabel) { |
||||
dictEntity = get(1, dictLabel, null); |
||||
} |
||||
if(dictEntity){ |
||||
return dictEntity.dictValue; |
||||
} |
||||
return defaultValue; |
||||
} |
||||
|
||||
/** |
||||
* 获取字典标签 |
||||
* @param dictValue 字典值 |
||||
* @param index list方法中dictType的索引值 从1开始 |
||||
* @param defaultValue 默认值 |
||||
* @returns {string|string|rules.dictLabel|{message, required}|data.mdiyFormRule.dictLabel|{trigger, message, required}} |
||||
*/ |
||||
function getDictLabel( dictValue, index, defaultValue) { |
||||
if (!defaultValue) { |
||||
defaultValue = ""; |
||||
} |
||||
var dictEntity = '' |
||||
if(!index && dictValue){ |
||||
dictEntity = get(1,"", dictValue, null); |
||||
} |
||||
if (index && dictValue) { |
||||
dictEntity = get(index,"", dictValue, null); |
||||
} |
||||
if(dictEntity){ |
||||
return dictEntity.dictLabel; |
||||
} |
||||
return defaultValue; |
||||
} |
||||
|
||||
var dict = { |
||||
list: list, |
||||
dictData: dictData, |
||||
getList:getList, |
||||
getDictValue:getDictValue, |
||||
getDictLabel:getDictLabel, |
||||
} |
||||
|
||||
if (typeof ms != "object") { |
||||
window.ms = {}; |
||||
} |
||||
window.ms.dict = dict; |
||||
}()); |
||||
Loading…
Reference in new issue