提交 98e06996 编写于 作者: NoSubject's avatar NoSubject

整理web项目

上级 b6d534e5

要显示的变更太多。

To preserve performance only 1000 of 1000+ files are displayed.
......@@ -22,6 +22,7 @@ o2.addReady(function(){
"Request": Request,
"typeOf": o2.typeOf
};
COMMON.Browser.Platform.isMobile = o2.session.isMobile;
COMMON.DOM.addReady = o2.addReady;
MWF = o2;
MWF.getJSON = o2.JSON.get;
......
......@@ -38,6 +38,25 @@
* |uuid: o2.uuid() |
* |------------------------------------------------------------------------------|
*/
//Element.firstElementChild Polyfill
(function(constructor) {
if (constructor &&
constructor.prototype &&
constructor.prototype.firstElementChild == null) {
Object.defineProperty(constructor.prototype, 'firstElementChild', {
get: function() {
var node, nodes = this.childNodes, i = 0;
while (node = nodes[i++]) {
if (node.nodeType === 1) {
return node;
}
}
return null;
}
});
}
})(window.Node || window.Element);
(function(){
var _href = window.location.href;
var _debug = (_href.indexOf("debugger")!==-1);
......@@ -52,19 +71,33 @@
if (_kv[0].toLowerCase()==="lp") _lp = _kv[1];
}
}
this.o2 = {
"version": {
"v": "2.3.1",
"build": "2019.07.31",
"info": "O2OA 活力办公 创意无限. Copyright © 2018, o2oa.net O2 Team All rights reserved."
},
"session": {
"isDebugger": _debug,
"path": "/o2_core/o2"
},
"language": _lp,
"splitStr": /\s*(?:,|;)\s*/
};
this.o2 = window.o2 || {};
this.o2.version = {
"v": "2.3.1",
"build": "2019.07.31",
"info": "O2OA 活力办公 创意无限. Copyright © 2018, o2oa.net O2 Team All rights reserved."
};
if (!this.o2.session) this.o2.session ={
"isDebugger": _debug,
"path": "/o2_core/o2"
};
this.o2.language = _lp;
this.o2.splitStr = /\s*(?:,|;)\s*/;
// this.o2 = {
// "version": {
// "v": "2.3.1",
// "build": "2019.07.31",
// "info": "O2OA 活力办公 创意无限. Copyright © 2018, o2oa.net O2 Team All rights reserved."
// },
// "session": {
// "isDebugger": _debug,
// "path": "/o2_core/o2"
// },
// "language": _lp,
// "splitStr": /\s*(?:,|;)\s*/
// };
this.wrdp = this.o2;
var _attempt = function(){
......@@ -184,6 +217,8 @@
"sequence": !!(options && options.sequence),
"doc": doc,
"dom": (options && options.dom) || document.body,
"module": (options && options.module) || null,
"noConflict": (options && options.noConflict) || false,
"bind": (options && options.bind) || null,
"position": (options && options.position) || "beforeend" //'beforebegin' 'afterbegin' 'beforeend' 'afterend'debugger
}
......@@ -218,12 +253,30 @@
"sequence": !!(options && options.sequence),
"doc": doc,
"dom": (options && options.dom) || null,
"module": (options && options.module) || null,
"noConflict": (options && options.noConflict) || false,
"bind": (options && options.bind) || null,
"position": (options && options.position) || "beforeend" //'beforebegin' 'afterbegin' 'beforeend' 'afterend'
}
};
_filterUrl = function(url){
if (o2.base){
if (url.indexOf(":")===-1){
var s = url.substring(0, url.indexOf("/")+1);
var r = url.substring(url.indexOf("/")+1, url.length);
if ("../"===s || "./"===s || "/"===s){
return s+o2.base+r;
}else{
return o2.base+url
}
}
}
return url;
};
this.o2.filterUrl = _filterUrl;
var _xhr_get = function(url, success, failure, completed){
var xhr = new _request();
url = _filterUrl(url);
xhr.open("GET", url, true);
var _checkCssLoaded= function(_, err){
......@@ -285,14 +338,14 @@
var _frameworks = {
"o2.core": ["/o2_core/o2/o2.core.js"],
"o2.more": ["/o2_core/o2/o2.more.js"],
"ie_adapter": ["/o2_lib/o2/ie_adapter.js"],
"ie_adapter": ["/o2_core/o2/ie_adapter.js"],
"jquery": ["/o2_lib/jquery/jquery.min.js"],
"mootools": ["/o2_lib/mootools/mootools-1.6.0_all.js"],
"ckeditor": ["/o2_lib/htmleditor/ckeditor4114/ckeditor.js"],
"ckeditor5": ["/o2_lib/htmleditor/ckeditor5-12-1-0/ckeditor.js"],
"raphael": ["/o2_lib/raphael/raphael.js"],
"d3": ["/o2_lib/d3/d3.min.js"],
"ace": ["/o2_lib/ace/src-noconflict/ace.js","/o2_lib/ace/src-noconflict/ext-language_tools.js"],
"ace": ["/o2_lib/ace/src-min-noconflict/ace.js","/o2_lib/ace/src-min-noconflict/ext-language_tools.js"],
"JSBeautifier": ["/o2_lib/JSBeautifier/beautify.js"],
"JSBeautifier_css": ["/o2_lib/JSBeautifier/beautify-css.js"],
"JSBeautifier_html": ["/o2_lib/JSBeautifier/beautify-html.js"],
......@@ -319,7 +372,7 @@
var s = op.doc.createElement('script');
head.appendChild(s);
s.id = uuid;
s.src = url;
s.src = this.o2.filterUrl(url);
var _checkScriptLoaded = function(_, isAbort, err){
if (isAbort || !s.readyState || s.readyState === "loaded" || s.readyState === "complete") {
......@@ -410,31 +463,39 @@
var cssText = xhr.responseText;
try{
if (cssText){
cssText = cssText.replace(/\/\*(\s|\S)*?\*\//g, "");
if (op.bind) cssText = cssText.bindJson(op.bind);
if (op.dom){
var rex = new RegExp("(.+)(?=\\{)", "g");
var match;
var prefix = "." + uuid + " ";
while ((match = rex.exec(cssText)) !== null) {
// var rule = prefix + match[0];
// cssText = cssText.substring(0, match.index) + rule + cssText.substring(rex.lastIndex, cssText.length);
// rex.lastIndex = rex.lastIndex + prefix.length;
var rulesStr = match[0];
if (rulesStr.indexOf(",")!=-1){
var rules = rulesStr.split(/\s*,\s*/g);
rules = rules.map(function(r){
return prefix + r;
});
var rule = rules.join(", ");
cssText = cssText.substring(0, match.index) + rule + cssText.substring(rex.lastIndex, cssText.length);
rex.lastIndex = rex.lastIndex + (prefix.length*rules.length);
if (rulesStr.substr(0,1)=="@" || rulesStr.indexOf("%")!=-1){
// var begin = 0;
// var end = 0;
}else{
var rule = prefix + match[0];
cssText = cssText.substring(0, match.index) + rule + cssText.substring(rex.lastIndex, cssText.length);
rex.lastIndex = rex.lastIndex + prefix.length;
if (rulesStr.indexOf(",")!=-1){
var rules = rulesStr.split(/\s*,\s*/g);
rules = rules.map(function(r){
return prefix + r;
});
var rule = rules.join(", ");
cssText = cssText.substring(0, match.index) + rule + cssText.substring(rex.lastIndex, cssText.length);
rex.lastIndex = rex.lastIndex + (prefix.length*rules.length);
}else{
var rule = prefix + match[0];
cssText = cssText.substring(0, match.index) + rule + cssText.substring(rex.lastIndex, cssText.length);
rex.lastIndex = rex.lastIndex + prefix.length;
}
}
}
}
......@@ -527,7 +588,7 @@
};
this.o2.loadCss = _loadCss;
this.o2.removeCss = _removeCss;
Element.prototype.loadCss = function(modules, options, callback){
if (window.Element) Element.prototype.loadCss = function(modules, options, callback){
var op = (_typeOf(options)==="object") ? options : {};
var cb = (_typeOf(options)==="function") ? options : callback;
op.dom = this;
......@@ -556,7 +617,67 @@
var _injectHtml = function(op, data){
if (op.bind) data = data.bindJson(op.bind);
if (op.dom) _parseDom(op.dom, function(node){ node.insertAdjacentHTML(op.position, data) }, op.doc);
if (op.dom) _parseDom(op.dom, function(node){
if (op.module){
_parseModule(node, data, op);
//node.insertAdjacentHTML(op.position, data);
}else{
node.insertAdjacentHTML(op.position, data);
}
}, op.doc);
};
var _parseModule = function(node, data, op){
var dom = op.noConflict ? document.createElement("div") : node;
if (op.noConflict){
dom.insertAdjacentHTML("afterbegin", data);
}else{
dom.insertAdjacentHTML(op.position, data);
}
var els = dom.querySelectorAll("[data-o2-element]");
for (var i=0; i<els.length; i++){
var el = els.item(i);
var name = el.getAttribute("data-o2-element").toString();
if (name) _bindToModule(op.module, el, name);
if (el.hasAttribute("data-o2-events")){
var events = el.getAttribute("data-o2-events").toString();
if (events) _bindToEvents(op.module, el, events);
}
}
if (op.noConflict){
var n = dom.firstElementChild;
var newNode = node.insertAdjacentElement(op.position, n);
nextNode = dom.firstElementChild;
while (nextNode) {
newNode = newNode.insertAdjacentElement("afterend", nextNode);
nextNode = dom.firstElementChild;
}
dom.destroy();
}
};
var _bindToEvents = function(m, node, events){
var eventList = events.split(/\s*;\s*/);
eventList.forEach(function(ev){
var evs = ev.split(/\s*:\s*/);
if (evs.length>1){
node.addEventListener(evs[0], function(e){
if (m[evs[1]]) m[evs[1]].apply(m, [e]);
}, false);
}
});
}
var _bindToModule = function(m, node, name){
// if (m[name]){
// if (o2.typeOf(m[name])!=="array"){
// var tmp = m[name];
// m[name] = [];
// m[name].push(tmp);
// }
// m[name].push(node);
// }else{
m[name] = node;
// }
};
var _loadHtml = function(modules, options, callback){
var ms = (_typeOf(modules)==="array") ? modules : [modules];
......@@ -571,12 +692,21 @@
}
};
this.o2.loadHtml = _loadHtml;
Element.prototype.loadHtml = function(modules, options, callback){
if (window.Element) Element.prototype.loadHtml = function(modules, options, callback){
var op = (_typeOf(options)==="object") ? options : {};
var cb = (_typeOf(options)==="function") ? options : callback;
op.dom = this;
_loadHtml(modules, op, cb);
};
this.o2.injectHtml = function(html, op){
_injectHtml(op, html);
};
if (window.Element) Element.prototype.injectHtml = function(html, options){
var op = (_typeOf(options)==="object") ? options : {};
op.dom = this;
op.position = (options && options.position) || "beforeend"
_injectHtml(op, html);
};
//load all
_loadAll = function(modules, options, callback){
......@@ -612,7 +742,7 @@
}
};
this.o2.loadAll = _loadAll;
Element.prototype.loadAll = function(modules, options, callback){
if (window.Element) Element.prototype.loadAll = function(modules, options, callback){
var op = (_typeOf(options)==="object") ? options : {};
var cb = (_typeOf(options)==="function") ? options : callback;
op.dom = this;
......
(function(){
debugger;
if (Browser.iecomp){
if (!document.body.addEvent){
document.body.addEvent = function(type, fn){
// if (!document.body.addEvent){
// document.body.addEvent = function(type, fn){
// if (window.attachEvent && !window.addEventListener){
// collected[Slick.uidOf(this)] = this;
// }
// if (this.addEventListener) this.addEventListener(type, fn, !!arguments[2]);
// else this.attachEvent('on' + type, fn);
// return this;
// };
// }
if (!Element.prototype.addEvent){
Element.prototype.addEvent = function(type, fn){
if (window.attachEvent && !window.addEventListener){
collected[Slick.uidOf(this)] = this;
}
......@@ -87,28 +98,28 @@
if (!Object.defineProperty || (Browser.name=="ie" && Browser.version==8)){
Object.defineProperty = MWF.defineProperty;
}
MWF.defineProperties(HTMLInputElement.prototype, {"files": {
"get": function(){
MWF.require("MWF.widget.contentType", null, false);
var v = this.value;
var tmpv = v.replace(/\\/g, "/");
var i = tmpv.lastIndexOf("/");
var name = (i===-1) ? v : v.substr(i+1, tmpv.length-i);
var el = this;
var data = {
"path": v,
"name": name,
"size": 0,
"type": MWFContentType.get(v),
"el": el
};
return {
"length": (v) ? 1 : 0,
"data": data,
"item": function(){ return this.data; }
};
}
}});
o2.defineProperties(HTMLInputElement.prototype, {"files": {
"get": function(){
o2.require("o2.widget.contentType", null, false);
var v = this.value;
var tmpv = v.replace(/\\/g, "/");
var i = tmpv.lastIndexOf("/");
var name = (i===-1) ? v : v.substr(i+1, tmpv.length-i);
var el = this;
var data = {
"path": v,
"name": name,
"size": 0,
"type": MWFContentType.get(v),
"el": el
};
return {
"length": (v) ? 1 : 0,
"data": data,
"item": function(){ return this.data; }
};
}
}});
WebSocket = window.WebSocket || function(){};
WebSocket.prototype = {
......
o2.LP = window.LP || {
"name": "名称",
"description": "描述"
"description": "描述",
"searchKey": "请输入搜索关键字",
"desktop_style": "桌面风格",
"flat_style": "扁平风格"
};
o2.LP.process = {
......@@ -141,9 +144,19 @@ o2.LP.desktop = {
"say": "",
"clearMessage": "清除消息",
"lnkAppTitle": "常用应用",
"deleteLnk": "删除常用应用快捷方式",
"addLnk": "添加常用应用快捷方式",
"changeViewTitle": "切换视图样式确认",
"changeView": "您确定要切换视图样式吗?<br><br>如果您选择“确定”,页面将直接刷新,未保存的数据可能丢失。",
"messsage": {
"appliction": "应用",
"application": "应用",
"process": "流程",
"infor": "信息",
"query": "数据",
"taskMessage": "待办提醒",
"receiveTask": "您收到一条待办,标题为:",
"activity": "活动",
......@@ -191,6 +204,18 @@ o2.LP.desktop = {
"panda": "熊猫",
"star": "星空"
},
"styleFlatMenu": {
"blue": "蓝色",
"red": "红色",
"orange": "水果橙",
"green": "青草绿",
"cyan": "碧水青",
"purple": "魅力紫",
"gray": "沉稳灰",
"darkgreen": "墨绿",
"tan": "棕色",
"navy": "藏青"
},
"notice": {
"unload": "如果关闭或刷新当前页面,未保存的内容会丢失,请确定您的操作",
"changePassword": "您的密码已过期,请及时修改密码",
......@@ -249,6 +274,7 @@ o2.LP.desktop = {
"collectNotConnectedText": "无法连接到O2云,请检查服务器网络!"
}
};
o2.LP.desktop.message = o2.LP.desktop.messsage;
o2.LP.widget = {
"upload": "上传",
"uploadTitle": "上传文件",
......@@ -381,4 +407,4 @@ o2.LP.authentication = {
};
o2.LP.script = {
"error": "脚本运行错误,请查看以下详细信息"
};
\ No newline at end of file
};
......@@ -63,7 +63,7 @@
jsPath = (jsPath.indexOf("?")!==-1) ? jsPath+"&v="+this.o2.version.v : jsPath+"?v="+this.o2.version.v;
var xhr = new Request({
url: jsPath, async: async, method: "get",
url: o2.filterUrl(jsPath), async: async, method: "get",
onSuccess: function(){
//try{
_loaded[key] = true;
......@@ -79,17 +79,21 @@
xhr.send();
};
var _requireSingle = function(module, callback, async, compression){
module = module.replace("MWF", "o2");
var levels = module.split(".");
if (levels[levels.length-1]==="*") levels[levels.length-1] = "package";
levels.shift();
if (o2.typeOf(module)==="array"){
_requireAppSingle(module, callback, async, compression);
}else{
module = module.replace("MWF.", "o2.");
var levels = module.split(".");
if (levels[levels.length-1]==="*") levels[levels.length-1] = "package";
levels.shift();
var jsPath = this.o2.session.path;
jsPath +="/"+levels.join("/")+".js";
var jsPath = this.o2.session.path;
jsPath +="/"+levels.join("/")+".js";
var loadAsync = (async!==false);
var loadAsync = (async!==false);
_requireJs(jsPath, callback, loadAsync, compression, module);
_requireJs(jsPath, callback, loadAsync, compression, module);
}
};
var _requireSequence = function(fun, module, thisLoaded, thisErrorLoaded, callback, async, compression){
var m = module.shift();
......@@ -182,6 +186,7 @@
}
};
JSON = window.JSON || {};
var _json = JSON;
_json.get = function(url, callback, async, nocache){
var loadAsync = (async !== false);
......@@ -191,7 +196,7 @@
var json = null;
var res = new Request.JSON({
url: url,
url: o2.filterUrl(url),
secure: false,
method: "get",
noCache: noJsonCache,
......@@ -222,7 +227,7 @@
url = (url.indexOf("?")!==-1) ? url+"&v="+o2.version.v : url+"?v="+o2.version.v;
var res = new Request.JSONP({
url: url,
url: o2.filterUrl(url),
secure: false,
method: "get",
noCache: true,
......@@ -246,7 +251,7 @@
var jsPath = o2.session.path;
jsPath = jsPath+"/lp/"+name+".js";
var r = new Request({
url: jsPath,
url: o2.filterUrl(jsPath),
async: false,
method: "get",
onSuccess: function(responseText){
......@@ -290,7 +295,7 @@
}
//var noCache = false;
var res = new Request.JSON({
url: address,
url: o2.filterUrl(address),
secure: false,
method: method,
emulation: false,
......@@ -431,4 +436,4 @@
}
})();
o2.core = true;
\ No newline at end of file
o2.core = true;
......@@ -194,7 +194,7 @@
}
};
String.implement({
if (String.implement) String.implement({
"getAllIndexOf": function(str){
var idxs= [];
var idx = this.indexOf(str);
......@@ -205,7 +205,7 @@
return idxs;
}
});
Array.implement({
if (Array.implement) Array.implement({
"trim": function(){
var arr = [];
this.each(function(v){
......@@ -217,7 +217,7 @@
return this.some(function(item){ return (arr.indexOf(item)!==-1); })
}
});
Element.implement({
if (window.Element && Element.implement) Element.implement({
"isIntoView": function() {
var pNode = this.getParent();
while (pNode && ((pNode.getScrollSize().y-(pNode.getComputedSize().height+1)<=0) || pNode.getStyle("overflow")==="visible")) pNode = pNode.getParent();
......@@ -481,6 +481,13 @@
node = node.getParent();
}
return node || null;
},
"getEdgeHeight": function(notMargin){
var h = 0;
h += (this.getStyle("border-top-width").toFloat() || 0)+ (this.getStyle("border-bottom-width").toFloat() || 0);
h += (this.getStyle("padding-top").toFloat() || 0)+ (this.getStyle("padding-bottom").toFloat() || 0);
if (!notMargin) h += (this.getStyle("margin-top").toFloat() || 0)+ (this.getStyle("margin-bottom").toFloat() || 0);
return h;
}
});
Object.copy = function(from, to){
......@@ -496,57 +503,67 @@
});
};
JSON.format = JSON.encode;
if (window.JSON) JSON.format = JSON.encode;
Slick.definePseudo('src', function(value){
return Element.get(this,"src").indexOf(value) !== -1;
});
Slick.definePseudo('srcarr', function(value){
var vList = value.split(",");
var src = Element.get(this,"src");
var flag = false;
for (var i=0; i<vList.length; i++){
if (src.indexOf(vList[i])!==-1){
flag = true;
break;
if (window.Slick) {
Slick.definePseudo('src', function (value) {
return Element.get(this, "src").indexOf(value) !== -1;
});
Slick.definePseudo('srcarr', function (value) {
var vList = value.split(",");
var src = Element.get(this, "src");
var flag = false;
for (var i = 0; i < vList.length; i++) {
if (src.indexOf(vList[i]) !== -1) {
flag = true;
break;
}
}
}
return flag;
});
Slick.definePseudo('ahref', function(value){
var href = Element.get(this,"href");
if (!href) href = "";
href = href.toString().toLowerCase();
return (href.indexOf(value)!==-1);
});
return flag;
});
Slick.definePseudo('ahref', function (value) {
var href = Element.get(this, "href");
if (!href) href = "";
href = href.toString().toLowerCase();
return (href.indexOf(value) !== -1);
});
Slick.definePseudo('rowspanBefore', function(line){
var tr = MWF.getParent(this, "tr");
var rowspan = this.get("rowspan").toInt() || 1;
var currentRowIndex = tr.rowIndex.toInt();
Slick.definePseudo('rowspanBefore', function (line) {
var tr = MWF.getParent(this, "tr");
var rowspan = this.get("rowspan").toInt() || 1;
var currentRowIndex = tr.rowIndex.toInt();
return rowspan>1 && currentRowIndex<line.toInt() && currentRowIndex+rowspan-1>=line;
});
Slick.definePseudo('rowspan', function(){
var rowspan = this.get("rowspan").toInt() || 1;
return rowspan>1;
});
return rowspan > 1 && currentRowIndex < line.toInt() && currentRowIndex + rowspan - 1 >= line;
});
Slick.definePseudo('rowspan', function () {
var rowspan = this.get("rowspan").toInt() || 1;
return rowspan > 1;
});
Slick.definePseudo('colspanBefore', function(col){
var tr = MWF.getParent(this, "tr");
var colspan = this.get("colspan").toInt() || 1;
var currentColIndex = this.cellIndex.toInt();
Slick.definePseudo('colspanBefore', function (col) {
var tr = MWF.getParent(this, "tr");
var colspan = this.get("colspan").toInt() || 1;
var currentColIndex = this.cellIndex.toInt();
return colspan>1 && currentColIndex<col.toInt() && currentColIndex+colspan-1>=col.toInt();
});
return colspan > 1 && currentColIndex < col.toInt() && currentColIndex + colspan - 1 >= col.toInt();
});
Slick.definePseudo('colspan', function(){
var colspan = this.get("colspan").toInt() || 1;
return colspan>1;
});
Slick.definePseudo('colspan', function () {
var colspan = this.get("colspan").toInt() || 1;
return colspan > 1;
});
}
o2.common = o2.common || {};
o2.common.encodeHtml = function(str){
str = str.toString();
str = str.replace(/\&/g, "&amp;");
str = str.replace(/>/g, "&gt;");
str = str.replace(/</g, "&lt;");
return str.replace(/\"/g, "&quot;");
};
o2.common.getResponseTextPost = function(path, body, contentType){
var returnText = "";
var options = {
......@@ -634,15 +651,18 @@
return {"x": x, "y": y};
};
if (Browser.name==="ie" && Browser.version<9){
Browser.ieuns = true;
}else if(Browser.name==="ie" && Browser.version<10){
Browser.iecomp = true;
}
if (Browser.iecomp){
o2.load("ie_adapter", null, false);
layout["debugger"] = true;
if (window.Browser){
if (Browser.name==="ie" && Browser.version<9){
Browser.ieuns = true;
}else if(Browser.name==="ie" && Browser.version<10){
Browser.iecomp = true;
}
if (Browser.iecomp){
o2.load("ie_adapter", null, false);
o2.session.isDebugger = true;
//layout["debugger"] = true;
}
o2.session.isMobile = (["mac", "win", "linux"].indexOf(Browser.Platform.name)===-1);
}
})();
o2.more = true;
\ No newline at end of file
o2.more = true;
......@@ -27,6 +27,11 @@
"min-height": "30px",
"overflow": "hidden"
},
"minContentNode_mobile": {
"clear":"both",
"min-height": "30px",
"overflow": "hidden"
},
"titleNode": {
"height": "30px",
"background-color": "#DDD",
......@@ -333,6 +338,18 @@
"-webkit-user-select": "text",
"-moz-user-select": "text"
},
"minAttachmentNode_sequence_mobile": {
"width": "auto",
"height": "30px",
"padding": "0px",
"float": "none",
"border-radius": "0px",
"border": "0px solid #FFF",
"background": "transparent",
"margin": "0px 5px",
"-webkit-user-select": "text",
"-moz-user-select": "text"
},
"minAttachmentNode_sequence_over": {
"border": "0px solid #cdcfd1",
"background-color": "#eaf0f5"
......@@ -354,6 +371,17 @@
"width" : "48%"
//"border-bottom" : "1px dashed #dcdcdc"
},
"minAttachmentNode_list_mobile": {
"width": "auto",
"height": "30px",
"padding": "13px 0px 13px 10px",
"border-radius": "0px",
"border": "0px solid #FFF",
"background": "transparent",
"-webkit-user-select": "text",
"-moz-user-select": "text"
//"border-bottom" : "1px dashed #dcdcdc"
},
"minAttachmentSepNode_list" : {
"width" : "1px",
"height" : "30px",
......
......@@ -27,6 +27,11 @@
"min-height": "30px",
"overflow": "hidden"
},
"minContentNode_mobile": {
"clear":"both",
"min-height": "30px",
"overflow": "hidden"
},
"titleNode": {
"height": "30px",
"background-color": "#DDD",
......@@ -331,6 +336,18 @@
"-webkit-user-select": "text",
"-moz-user-select": "text"
},
"minAttachmentNode_sequence_mobile": {
"width": "auto",
"height": "30px",
"padding": "0px",
"float": "none",
"border-radius": "0px",
"border": "0px solid #FFF",
"background": "transparent",
"margin": "0px 5px",
"-webkit-user-select": "text",
"-moz-user-select": "text"
},
"minAttachmentNode_sequence_over": {
"border": "0px solid #cdcfd1",
"background-color": "#eaf0f5"
......@@ -352,6 +369,17 @@
"width" : "48%",
"border-bottom" : "1px dashed #dcdcdc"
},
"minAttachmentNode_list_mobile": {
"width": "auto",
"height": "30px",
"padding": "13px 0px 13px 10px",
"border-radius": "0px",
"border": "0px solid #FFF",
"background": "transparent",
"-webkit-user-select": "text",
"-moz-user-select": "text",
"border-bottom" : "1px dashed #dcdcdc"
},
"minAttachmentSepNode_list" : {
"width" : "1px",
"height" : "30px",
......
......@@ -25,6 +25,10 @@
"margin-right":"108px",
"min-height": "30px"
},
"minContentNode_mobile": {
"clear":"both",
"min-height": "30px"
},
"titleNode": {
"color" : "#3587d7",
"height": "30px",
......@@ -332,6 +336,18 @@
"-webkit-user-select": "text",
"-moz-user-select": "text"
},
"minAttachmentNode_sequence_mobile": {
"width": "auto",
"height": "30px",
"padding": "0px",
"float": "none",
"border-radius": "0px",
"border": "0px solid #FFF",
"background": "transparent",
"margin": "0px 5px",
"-webkit-user-select": "text",
"-moz-user-select": "text"
},
"minAttachmentNode_sequence_over": {
"border": "0px solid #cdcfd1",
"background-color": "#eaf0f5"
......@@ -353,6 +369,17 @@
"width" : "46%",
"border-right" : "1px dashed #dcdcdc"
},
"minAttachmentNode_list_mobile": {
"height": "30px",
"padding": "0px 10px",
"border-radius": "0px",
"border": "0px solid #FFF",
"background": "transparent",
"margin": "5px 5px",
"-webkit-user-select": "text",
"-moz-user-select": "text",
"border-right" : "1px dashed #dcdcdc"
},
"minAttachmentSepNode_list" : {
},
"minAttachmentNode_list_over": {
......
......@@ -26,7 +26,12 @@
"margin-right":"150px",
"min-height": "30px",
"overflow": "hidden"
},
},
"minContentNode_mobile": {
"clear":"both",
"min-height": "30px",
"overflow": "hidden"
},
"titleNode": {
"height": "30px",
"background-color": "#DDD",
......@@ -336,6 +341,18 @@
"-webkit-user-select": "text",
"-moz-user-select": "text"
},
"minAttachmentNode_sequence_mobile": {
"width": "auto",
"height": "30px",
"padding": "0px",
"float": "none",
"border-radius": "0px",
"border": "0px solid #FFF",
"background": "transparent",
"margin": "0px 5px",
"-webkit-user-select": "text",
"-moz-user-select": "text"
},
"minAttachmentNode_sequence_over": {
"border": "0px solid #cdcfd1",
"background-color": "#eaf0f5"
......@@ -358,6 +375,18 @@
"width" : "46%",
"border-right" : "1px dashed #dcdcdc"
},
"minAttachmentNode_list_mobile": {
"width": "auto",
"height": "30px",
"padding": "0px 10px",
"border-radius": "0px",
"border": "0px solid #FFF",
"background": "transparent",
"margin": "5px 5px",
"-webkit-user-select": "text",
"-moz-user-select": "text",
"border-right" : "1px dashed #dcdcdc"
},
"minAttachmentSepNode_list" : {
},
"minAttachmentNode_list_over": {
......
{
"container": {
"border": "1px solid #b6b6b6",
// "height": "180px",
"min-height": "180px",
"background": "#FFF",
"margin-top": "10px",
"overflow": "hidden"
},
"container_min": {
"border": "0px solid #b6b6b6",
"min-height": "30px",
"overflow": "hidden",
"background": "transparent",
"height": "auto"
},
"minActionAreaNode": {
"margin-top" : "10px"
// "float": "right"
// "height": "80px",
// "margin": "2px",
// "border": "1px solid #979797",
// "border-radius": "8px",
// "background-image": "url("+o2.session.path+"/widget/$AttachmentController/default/buttonbg.png)"
},
"minContentNode": {
"margin-right":"150px",
"min-height": "30px",
"overflow": "hidden"
},
"minContentNode_mobile": {
"clear":"both",
"min-height": "30px",
"margin" : "0px 10px",
"overflow": "hidden"
},
"titleNode": {
"height": "30px",
"background-color": "#DDD",
"border-top": "1px solid #FFF",
"border-bottom": "1px solid #b6b6b6",
"line-height": "30px",
"font-weight": "bold",
"padding-left": "10px",
"text-align": "left"
},
"topNode": {
// "height": "56px"
// "background-image": "url("+o2.session.path+"/widget/$AttachmentController/default/bg.png)",
// "border-top": "1px solid #FFF",
// "border-bottom": "1px solid #b6b6b6"
},
"actionsBoxNode": {
// "overflow": "hidden",
// "border-bottom": "1px solid #eaebea",
"float": "left"
// "margin-left": "10px",
// "margin-top": "5px",
// "border-radius": "3px",
// "background-image": "url("+o2.session.path+"/widget/$AttachmentController/default/buttonbg.png)"
},
"actionsGroupNode": {
"margin-top" : "10px"
// "height": "26px",
// "border": "1px solid #979797",
// "border-radius": "3px",
// "background-image": "url("+o2.session.path+"/widget/$AttachmentController/default/buttonbg.png)"
},
"actionNode": {
"float": "left",
"width": "252px",
"height": "56px",
"line-height": "56px",
"font-size" : "32px",
"margin-left" : "20px",
"border-radius" : "4px",
"border" : "2px solid #32AAFF",
"color" : "#32AAFF",
"cursor": "default",
"text-align" : "center"
},
"actionIconNode": {
"width": "48px",
"height": "48px",
"background-repeat": "no-repeat",
"background-position": "center center",
"background-size": "48px 48px"
},
"separateNode": {
// "width":"0px",
// "height": "70px",
// "margin-top": "5px",
// "margin-left": "5px",
// "margin-right": "5px",
// "border-left": "1px solid #bcbcbc",
// "background-color": "#f1f1f1",
// "float": "left"
},
"contentScrollNode": {
"background-color": "#FFF",
"overflow": "hidden",
"min-height": "130px"
},
"contentNode": {
"background-color": "#FFF",
"overflow": "hidden",
"margin-right": "6px"
},
"bottomNode": {
"height": "7px",
"border-top": "1px solid #b6b6b6",
"background-color": "#e8e8e8"
},
"resizeNode": {
"height": "7px",
"cursor": "row-resize"
},
"attachmentNode_icon": {
"width": "90px",
"height": "100px",
"padding": "5px",
"float": "left",
"margin": "10px 0px 10px 10px",
"border-radius": "3px",
//"border": "2px solid #FFF",
"background": "transparent",
"-webkit-user-select": "text",
"-moz-user-select": "text"
},
"attachmentNode_icon_over": {
//"border": "2px solid #cdcfd1",
"background": "#eaf0f5"
},
"attachmentNode_icon_selected": {
//"border": "2px solid #d7e1e8",
"background": "#d7e1e8"
},
"attachmentIconNode": {
"width": "90px",
"height": "66px",
"text-align": "center"
},
"attachmentIconImgAreaNode": {
"width": "64px",
"height": "64px",
"margin": "auto"
},
"attachmentIconImgNode": {
"width": "64px",
"height": "64px"
},
"attachmentTextNode": {
"height": "34px",
"line-height": "17px",
"overflow": "hidden",
"word-break": "break-all",
"text-overflow": "ellipsis",
"text-align": "center"
},
"attachmentNode_sequence": {
"width": "auto",
"height": "30px",
"padding": "0px",
"float": "none",
"border-radius": "0px",
"border": "0px solid #FFF",
"background": "transparent",
"margin": "0px 10px",
"-webkit-user-select": "text",
"-moz-user-select": "text"
},
"attachmentNode_sequence_over": {
"border": "0px solid #cdcfd1",
"background": "#eaf0f5"
},
"attachmentNode_sequence_selected": {
"border": "0px solid #d7e1e8",
"background": "#d7e1e8"
},
"attachmentSeqNode_sequence": {
"width": "40px",
"height": "115px",
"line-height": "115px",
"color": "#666666",
"float": "left",
"text-align": "center"
},
"attachmentTextNode_sequence": {
"height": "30px",
"line-height": "30px",
"margin-left": "70px",
"overflow": "hidden",
"word-break": "break-all",
"text-overflow": "ellipsis",
"text-align": "left"
},
"attachmentNode_list": {
"width": "auto",
"height": "30px",
"padding": "0px",
"float": "none",
"border-radius": "0px",
"border": "0px solid #FFF",
"background": "transparent",
"margin": "0px 10px",
"-webkit-user-select": "text",
"-moz-user-select": "text"
},
"attachmentNode_list_over": {
"border": "0px solid #cdcfd1",
"background": "#eaf0f5"
},
"attachmentNode_list_selected": {
"border": "0px solid #d7e1e8",
"background": "#d7e1e8"
},
"attachmentIconNode_list": {
"width": "40px",
"height": "30px",
"float": "left"
},
"attachmentIconImgAreaNode_list": {
"width": "24px",
"height": "24px",
"margin": "3px 8px"
},
"attachmentIconImgNode_list": {
"width": "24px",
"height": "24px"
},
"attachmentTextNode_list": {
"height": "30px",
"line-height": "30px",
"margin-left": "40px",
"overflow": "hidden",
"word-break": "break-all",
"text-overflow": "ellipsis",
"text-align": "left"
},
"attachmentTextTitleNode_list": {
"height": "30px",
"float": "left",
"width": "30%"
},
"attachmentTextSizeNode_list": {
"height": "30px",
"float": "left",
"width": "15%"
},
"attachmentTextUploaderNode_list": {
"height": "30px",
"float": "left",
"width": "15%"
},
"attachmentTextTimeNode_list": {
"height": "30px",
"float": "left",
"width": "20%"
},
"attachmentTextActivityNode_list": {
"height": "30px",
"float": "left",
"width": "20%"
},
"attachmentNode_preview": {
"width": "180px",
"height": "160px",
"padding": "5px",
"float": "left",
"margin": "10px 5px 10px 5px",
"border-radius": "3px",
//"border": "2px solid #FFF",
"background": "transparent",
"-webkit-user-select": "text",
"-moz-user-select": "text"
},
"attachmentNode_preview_over": {
//"border": "2px solid #cdcfd1",
"background": "#eaf0f5"
},
"attachmentNode_preview_selected": {
//"border": "2px solid #d7e1e8",
"background": "#d7e1e8"
},
"attachmentPreviewIconNode": {
"width": "180px",
"height": "126px",
"text-align": "center"
},
"attachmentPreviewIconImgAreaNode": {
"width": "72px",
"height": "72px",
"margin": "auto"
},
"attachmentPreviewIconImgNode": {
"width": "72px",
"height": "72px",
"margin-top": "22px"
},
"attachmentPreviewAudioNode": {
"width": "180px",
"height": "30px",
"position": "relative",
"top": "-64px",
"opacity": "0.7"
},
"attachmentPreviewVideoNode": {
"width": "180px",
"height": "126px"
},
"attachmentPreviewTextNode": {
"height": "34px",
"line-height": "17px",
"overflow": "hidden",
"word-break": "break-all",
"text-overflow": "ellipsis",
"text-align": "center"
},
"minActionNode": {
"float": "left",
"width": "74px",
"font-size" : "32px",
"height": "115px",
"line-height": "115px",
"color" : "#32AAFF",
"margin" : "0px 5px",
"cursor": "pointer"
},
"minActionIconNode": {
"width": "26px",
"height": "26px",
"background-repeat": "no-repeat",
"background-position": "center center"
},
"minAttachmentNode_sequence": {
"width": "auto",
"font-size" : "32px",
"color" : "#333",
"height": "115px",
"padding": "0px 0px 0px 20px",
"border-radius": "0px",
"border": "0px solid #FFF",
"background": "transparent",
"-webkit-user-select": "text",
"-moz-user-select": "text",
"box-shadow" : "inset 0 -1px 0 0 #DAE1EC"
},
"minAttachmentNode_sequence_mobile": {
"width": "auto",
"font-size" : "32px",
"color" : "#333",
"height": "115px",
"padding": "0px 0px 0px 20px",
"border-radius": "0px",
"border": "0px solid #FFF",
"background": "transparent",
"-webkit-user-select": "text",
"-moz-user-select": "text",
"box-shadow" : "inset 0 -1px 0 0 #DAE1EC"
},
"minAttachmentNode_sequence_over": {
"border": "0px solid #cdcfd1",
"background-color": "#eaf0f5"
},
"minAttachmentNode_sequence_selected": {
"border": "0px solid #d7e1e8",
"background-color": "#d7e1e8"
},
"minAttachmentNode_list": {
"width": "auto",
"height": "115px",
"padding": "13px 0px 13px 10px",
"border-radius": "0px",
"border": "0px solid #FFF",
"background": "transparent",
"-webkit-user-select": "text",
"-moz-user-select": "text",
"width" : "100%"
//"border-bottom" : "1px dashed #dcdcdc"
},
"minAttachmentNode_list_mobile": {
"width": "auto",
"font-size" : "32px",
"color" : "#333",
"height": "115px",
"padding": "0px 0px 0px 20px",
"border-radius": "0px",
"border": "0px solid #FFF",
"background": "transparent",
"-webkit-user-select": "text",
"-moz-user-select": "text",
"box-shadow" : "inset 0 -1px 0 0 #DAE1EC"
},
"minAttachmentSepNode_list" : {
"width" : "1px",
"height" : "30px",
"float" : "right",
"overflow" : "hidden",
"border-right" : "1px dashed #dcdcdc"
},
"minAttachmentNode_list_over": {
//"border": "0px solid #cdcfd1",
//"background-color": "#eaf0f5"
},
"minAttachmentNode_list_selected": {
//"border": "0px solid #d7e1e8",
"background-color": "#e6f2ff"
},
"minAttachmentIconNode_list": {
"float": "left"
},
"minAttachmentIconImgAreaNode_list": {
"width": "46px",
"height": "58px",
"margin": "27px 3px"
},
"minAttachmentIconImgNode_list": {
"width": "46px",
"height": "58px"
},
"minAttachmentTextNode_list": {
"height": "115px",
"cursor": "default",
"line-height": "115px",
"padding-left": "20px",
"margin-right": "0px",
"overflow": "hidden",
"word-break": "break-all",
"text-overflow": "ellipsis",
"text-align": "left",
"white-space" : "nowrap",
"color" : "#333"
},
"minAttachmentSizeNode_list": {
"height": "0px",
"line-height": "0px",
"margin-left" : "0px",
"margin-right": "0px",
"display" : "none",
"color" : "#c2c6ce"
},
"minAttachmentActionAreaNode" : {
"float" : "right",
"overflow" : "hidden"
},
"inputUploadAreaNode": {
"width": "450px",
"height": "160px",
"border-radius": "5px",
"box-shadow": "0px 0px 10px #FFF",
"position": "absolute",
"border": "2px solid #999",
"border-top": "4px solid #5290e5",
"background-color": "#FFF",
"z-index": 100
},
"inputUploadAreaTitleNode": {
"height": "30px",
"line-height": "30px",
"text-align": "center",
"font-weight": "bold",
"font-family": "Microsoft YaHei",
"font-size": "14px"
},
"inputUploadAreaInforNode": {
"height": "24px",
"line-height": "24px",
"text-align": "center",
"color": "#666",
"font-family": "Microsoft YaHei",
"font-size": "12px",
"text-align": "left",
"margin": "10px 20px 0px 20px"
},
"inputUploadAreaInputAreaNode": {
"margin": "0px 20px 20px 20px",
"height": "24px"
},
"inputUploadAreaInputNode": {
"width": "407px",
"height": "23px",
"border": "1px solid #666",
},
"inputUploadActionNode": {
"margin": "0px 20px",
"border-top": "1px solid #999",
},
"inputUploadOkButton": {
"height": "24px",
"width": "80px",
"color": "#FFF",
"background-color": "#42699e",
"border": "1px solid #1e3d67",
"border-radius": "3px",
"float": "right",
"margin-top": "10px",
"margin-left": "10px"
},
"inputUploadCancelButton": {
"height": "24px",
"width": "80px",
"color": "#666",
"background-color": "#DFDFDF",
"border": "1px solid #666",
"border-radius": "3px",
"float": "right",
"margin-top": "10px",
"margin-left": "10px"
}
}
\ No newline at end of file
<div class="MWF_calendar_container container">
<div class="MWF_calendar_title dateTitle">
<div class="MWF_calendar_prev datePrev"></div>
<div class="MWF_calendar_next dateNext"></div>
<div class="MWF_calendar_current dateCurrent"><span class="MWF_calendar_currentText dateCurrentText"></span></div>
</div>
<div class="MWF_calendar_content calendarContent">
<div class="MWF_calendar_content_date contentDate">
</div>
</div>
<div class="MWF_calendar_bottom dateBottom"></div>
</div>
\ No newline at end of file
{
"container": {
"border": "0px solid #888888",
"padding": "3px",
"background-color": "#FFF",
"z-index": "20001",
"font-size": "12px",
"overflow": "hidden"
},
"dateTitle": {
"height": "50px",
"line-height": "50px",
"text-align": "center",
"border-bottom": "1px solid #e6e6e6",
},
"todayNode": {
"height": "50px",
"line-height": "50px",
"float": "right",
"width": "40px",
"color": "#4A90E2",
"cursor": "pointer",
"font-size": "16px",
"text-align": "left"
},
"datePrev": {
"width": "22px",
"height": "50px",
"float": "left",
"background": "url("+o2.session.path+"/widget/$Calendar/homepage/left.png) no-repeat center center",
"cursor": "pointer"
},
"dateNext": {
"width": "22px",
"height": "50px",
"float": "right",
"background": "url("+o2.session.path+"/widget/$Calendar/homepage/right.png) no-repeat center center",
"cursor": "pointer"
},
"dateCurrent": {
"margin-left": "22px",
"margin-right": "22px",
"color": "#4A90E2",
"font-family": "Microsoft YaHei",
"background-position": "center center",
"cursor": "pointer",
"font-size": "16px"
},
"dateCurrentText": {
"cursor": "pointer"
},
"calendarContent": {
"overflow": "hidden"
},
"calendarDaysContent": {
"width": "100%",
"padding": "2px",
"float": "left",
"height": "330px",
"font-size": "14px"
},
"calendarDaysContentTd": {
"text-align": "center",
"cursor": "pointer",
"border": "1px solid #FFF",
"font-size": "14px",
"border-radius": "20px"
},
"calendarMonthsContent": {
"width": "100%",
"height": "330px",
"padding": "2px",
"float": "left"
},
"calendarMonthsContentTd": {
"text-align": "center",
"cursor": "pointer",
"border": "1px solid #FFF",
"font-size": "16px",
"border-radius": "20px"
},
"calendarYearsContent": {
"width": "100%",
"height": "330px",
"padding": "2px",
"float": "left"
},
"calendarYearsContentTd": {
"text-align": "center",
"cursor": "pointer",
"border": "1px solid #FFF",
"font-size": "16px",
"border-radius": "20px"
},
"calendarTimeContent": {
"width": "100%",
"height": "330px",
"padding": "2px",
"float": "left"
},
"calendarTimeContentTd": {
"text-align": "center",
"cursor": "pointer",
"border": "1px solid #FFF",
"width": "37px",
"font-size": "14px",
"border-radius": "20px"
},
"gray_homepage": {
"background-color": "transparent",
"border": "1px solid #FFF",
"color": "#cccccc"
},
"today_homepage": {
"border": "1px solid #4A90E2",
"color": "#ffffff",
"background-color": "#4A90E2;"
},
"current_homepage": {
"background-color": "#8E8E8E",
"border": "1px solid #8E8E8E",
"color": "#FFF"
},
"normal_homepage": {
"background-color": "transparent",
"border": "1px solid #FFF",
"color": "#333333"
},
"past_homepage": {
"background-color": "transparent",
"border": "1px solid #fff",
"color": "#999999"
},
"dateBottom": {
"height": "10px",
"overflow": "hidden"
},
"calendarTimeSlider": {
"margin-top": "8px",
"height": "10px",
"overflow": "hidden",
"margin-left": "27px",
"margin-right": "15px",
"border-top": "1px solid #999",
"border-left": "1px solid #999",
"border-bottom": "1px solid #E1E1E1",
"border-right": "1px solid #E1E1E1",
"background-color": "#EEE"
},
"calendarTimeArea": {
"height": "25px",
"line-height": "25px",
"margin-top": "4px"
},
"calendarTimeSliderKnob": {
"height": "8px",
"width": "8px",
"background-color": "#999",
"position": "absolute",
"z-index": "20001",
"border-top": "1px solid #DDD",
"border-left": "1px solid #DDD",
"border-bottom": "1px solid #777",
"border-right": "1px solid #777",
"cursor": "pointer"
},
"calendarTimeShow": {
"width": "120px",
"margin-top": "10px",
"cursor": "pointer"
},
"calendarTimeShowItem": {
"border": "3px solid #CCC",
"background": "#666",
"color": "#FFF",
"font-size": "24px",
"font-weight": "bolder",
"float": "left",
"width": "36px",
"margin-left": "3px"
},
"calendarActionShow": {
"margin-top": "16px",
"text-align": "right",
"overflow": "hidden",
"margin-right": "10px"
},
"calendarActionShowButton": {
"margin-left": "15px"
}
}
<table border="0" cellpadding="2" cellspacing="20" class="MWF_calendar_days calendarDaysContent" width="100%">
<thead style="width:100%">
<tr>
<th>&nbsp;</th>
<th>&nbsp;</th>
<th>&nbsp;</th>
<th>&nbsp;</th>
<th>&nbsp;</th>
<th>&nbsp;</th>
<th>&nbsp;</th>
</tr>
</thead>
<tbody style="width:100%">
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</tbody>
</table>
<table border="0" cellpadding="0" cellspacing="20" class="MWF_calendar_months calendarMonthsContent" height="330px">
<tbody>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</tbody>
</table>
.container {
border: 1px solid #888888;
padding: 3px;
position: absolute;
width: 148px;
background-color:#FFF;
z-index: 99;
font-size: 12px;
}
.dateTitle {
background-image: url(titlebg.gif);
width: 148px;
height: 22px;
line-height: 20px;
text-align: center;
}
.datePrev {
width: 22px;
height: 22px;
float: left;
background: url(prev.gif) no-repeat center center;
cursor:pointer;
}
.dateNext {
width: 22px;
height: 22px;
float: right;
background: url(next.gif) no-repeat center center;
cursor:pointer;
}
.dateCurrent {
margin-left: 22px;
margin-right: 22px;
color: #FFF;
font-family: "Microsoft YaHei";
background-position: center center;
cursor: move;
font-size: 12px;
}
.dateCurrentText{
cursor: pointer;
}
.calendarContent {
width: 148px;
height: 155px;
overflow:hidden;
}
.calendarDaysContent{
width: 100%;
padding: 2px;
float: left;
height: 155px;
font-size: 12px;
}
.calendarDaysContent td{
text-align:center;
cursor:pointer;
border: 1px solid #FFF;
font-size: 12px;
}
.calendarMonthsContent{
width: 100%;
height: 155px;
padding: 2px;
float: left;
}
.calendarMonthsContent td{
text-align:center;
cursor:pointer;
border: 1px solid #FFF;
width: 37px;
font-size: 12px;
padding: 10px 4px;
}
.calendarMonthsContent{
width: 100%;
height: 155px;
padding: 2px;
float: left;
}
.calendarMonthsContent td{
text-align:center;
cursor:pointer;
border: 1px solid #FFF;
width: 37px;
font-size: 12px;
}
.calendarYearsContent{
width: 100%;
height: 155px;
padding: 2px;
float: left;
}
.calendarYearsContent td{
text-align:center;
cursor:pointer;
border: 1px solid #FFF;
width: 37px;
font-size: 12px;
padding: 10px 4px;
}
.calendarTimeContent{
width: 100%;
height: 155px;
padding: 2px;
float: left;
}
.calendarTimeContent td{
text-align:center;
cursor:pointer;
border: 1px solid #FFF;
width: 37px;
font-size: 12px;
}
.gray_default {
color: #999;
}
.today_default {
border: 1px solid #999;
background-color: #EFEFEF;
}
.current_default {
background-color: #8E8E8E;
color:#FFF;
}
.dateBottom {
width: 148px;
height: 10px;
background-image: url(bottombg.gif);
overflow: hidden;
}
.calendarTimeSlider{
margin-top: 14px;
height: 10px;
overflow: hidden;
margin-left: 27px;
margin-right: 15px;
border-top:1px solid #999;
border-left:1px solid #999;
border-bottom:1px solid #E1E1E1;
border-right:1px solid #E1E1E1;
background-color:#EEE;
}
.calendarTimeArea{
height: 25px;
line-height: 25px;
margin-top: 4px;
}
.calendarTimeSliderKnob{
height:8px;
width: 8px;
background-color:#999;
/*position: absolute;*/
z-index: 99;
border-top:1px solid #DDD;
border-left:1px solid #DDD;
border-bottom:1px solid #777;
border-right:1px solid #777;
cursor:pointer;
}
.calendarTimeShow{
width: 85px;
margin: auto;
margin-top: 10px;
cursor:pointer;
overflow: hidden;
}
.calendarTimeShowItem{
border: 3px solid #CCC;
background:#666;
color: #FFF;
font-size: 24px;
font-weight: bolder;
float: left;
width: 32px;
margin-left: 4px;
}
.calendarActionShow {
margin-top: 16px;
text-align: right;
overflow: hidden;
margin-right: 10px;
}
.calendarActionShow button{
margin-left: 15px;
}
\ No newline at end of file
<div style="padding:5px; text-align:center">
<div class="MWF_calendar_time_h calendarTimeArea">
<div style="width: 25px; float:left">时 0</div>
<div style="width: 10px; float:right">23</div>
<div class="MWF_calendar_time_h_slider calendarTimeSlider"><div class="calendarTimeSliderKnob"></div></div>
</div>
<div class="MWF_calendar_time_m calendarTimeArea">
<div style="width: 25px; float:left">分 0</div>
<div style="width: 10px; float:right">59</div>
<div class="MWF_calendar_time_m_slider calendarTimeSlider"><div class="calendarTimeSliderKnob"></div></div>
</div>
<!--<div class="MWF_calendar_time_s calendarTimeArea">
<div style="width: 25px; float:left">秒 0</div>
<div style="width: 10px; float:right">59</div>
<div class="MWF_calendar_time_s_slider calendarTimeSlider"><div class="calendarTimeSliderKnob"></div></div>
</div>-->
<div class="MWF_calendar_time_show calendarTimeShow">
<div class="MWF_calendar_time_show_h calendarTimeShowItem"></div>
<div class="MWF_calendar_time_show_m calendarTimeShowItem"></div>
<!--<div class="MWF_calendar_time_show_s calendarTimeShowItem"></div>-->
</div>
<div class="MWF_calendar_action_show calendarActionShow"></div>
</div>
\ No newline at end of file
<table border="0" cellpadding="0" cellspacing="20" class="MWF_calendar_years calendarYearsContent" height="330px">
<tbody>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</tbody>
</table>
<div class="MWF_calendar_container container">
<div class="MWF_calendar_title dateTitle">
<div class="MWF_calendar_prev datePrev"></div>
<div class="MWF_calendar_next dateNext"></div>
<div class="MWF_calendar_current dateCurrent"><span class="MWF_calendar_currentText dateCurrentText"></span></div>
</div>
<div class="MWF_calendar_content calendarContent">
<div class="MWF_calendar_content_date contentDate">
</div>
</div>
<div class="MWF_calendar_bottom dateBottom"></div>
</div>
\ No newline at end of file
{
"container": {
"border": "1px solid #888888",
"margin": "5px",
"background-color": "#FFF",
"z-index": "99",
"font-size": "12px",
"position": "absolute",
"height": "223px",
"overflow": "hidden"
},
"dateTitle": {
"background-color": "#576e86",
"width": "200px",
"height": "26px",
"line-height": "26px",
"text-align": "center",
"font-weight": "bold"
},
"datePrev": {
"width": "22px",
"height": "22px",
"float": "left",
"background": "url("+o2.session.path+"/widget/Calendar/oa/prev.gif) no-repeat center center",
"cursor": "pointer"
},
"dateNext": {
"width": "22px",
"height": "22px",
"float": "right",
"background": "url("+o2.session.path+"/widget/Calendar/oa/next.gif) no-repeat center center",
"cursor": "pointer"
},
"dateCurrent": {
"margin-left": "22px",
"margin-right": "22px",
"color": "#FFF",
"font-family": "Microsoft YaHei",
"background-position": "center center",
"cursor": "move",
"font-size": "12px"
},
"dateCurrentText": {
"cursor": "pointer"
},
"calendarContent": {
"width": "200px",
"overflow": "hidden"
},
"calendarDaysContent": {
"display": "table",
"width": "100%",
"padding": "2px",
"float": "left",
"height": "195px",
"font-size": "12px",
"background-color:": "#ccc"
},
"calendarDaysContentTh": {
"text-align": "center",
"cursor": "pointer",
"border": "1px solid #FFF",
//"border-bottom": "1px solid #e7e7e7",
"font-size": "12px",
"height": "18px",
"line-height": "18px",
"background-color": "#FFF"
},
"calendarDaysContentTd": {
"text-align": "center",
"cursor": "pointer",
"border": "0px solid #FFF",
"background": "url("+o2.session.path+"/widget/Calendar/oa/tdbg.gif) repeat-x bottom",
//"background": "#FFF",
"font-size": "12px"
},
"calendarMonthsContent": {
"width": "100%",
"display": "table",
"height": "195px",
"padding": "2px",
"float": "left"
},
"calendarMonthsContentTd": {
"background-color": "#FFFFFF",
"background-image": "url("+o2.session.path+"/widget/Calendar/oa/tdbg.gif)",
"background-repeat": "repeat-x",
"background-position": "bottom",
"text-align": "center",
"cursor": "pointer",
"border": "1px solid #FFF",
"width": "37px",
"font-size": "12px"
},
"calendarYearsContent": {
"display": "table",
"width": "100%",
"height": "195px",
"padding": "2px",
"float": "left"
},
"calendarYearsContentTd": {
"background-color": "#FFFFFF",
"background-image": "url("+o2.session.path+"/widget/Calendar/oa/tdbg.gif)",
"background-repeat": "repeat-x",
"background-position": "bottom",
"text-align": "center",
"cursor": "pointer",
"border": "1px solid #FFF",
"width": "37px",
"font-size": "12px"
},
"calendarTimeContent": {
"width": "100%",
"height": "144px",
"padding": "2px",
"float": "left"
},
"calendarTimeContentTd": {
"text-align": "center",
"cursor": "pointer",
"border": "1px solid #FFF",
"width": "37px",
"font-size": "12px"
},
"gray_oa": {
// "background": "url("+o2.session.path+"/widget/Calendar/portlet/tdbg.gif)",
"background": "#FFF",
"border": "0px solid #FFF",
"color": "#999"
},
"today_oa": {
"border": "0px solid #FFF",
"color": "#FF0000",
"background": "url("+o2.session.path+"/widget/Calendar/oa/tdbg.gif) repeat-x bottom"
},
"current_oa": {
"background": "#8E8E8E",
"border": "1px solid #FFF",
"color": "#FFF"
},
"normal_oa": {
"background": "url("+o2.session.path+"/widget/Calendar/oa/tdbg.gif) repeat-x bottom",
// "background": "#FFF",
"border": "0px solid #FFF",
"color": "#000"
},
"dateBottom": {
"display": "none"
},
"calendarTimeSlider": {
"margin-top": "8px",
"height": "15px",
"overflow": "hidden",
"margin-left": "27px",
"margin-right": "15px",
"border-top": "1px solid #999",
"border-left": "1px solid #999",
"border-bottom": "1px solid #E1E1E1",
"border-right": "1px solid #E1E1E1",
"background-color": "#EEE"
},
"calendarTimeSliderNoStyle": {
"margin-top": "8px",
"height": "auto",
"overflow": "visible",
"margin-left": "50px",
"margin-right": "50px",
"border-top": "0px solid #999",
"border-left": "0px solid #999",
"border-bottom": "0px solid #E1E1E1",
"border-right": "0px solid #E1E1E1",
"background-color": "transparent"
},
"calendarTimeArea": {
"height": "25px",
"line-height": "25px",
"margin-top": "4px"
},
"calendarTimeSliderKnob": {
"height": "10px",
"width": "10px",
"background-color": "#999",
"position": "absolute",
"z-index": "99",
"border-top": "1px solid #DDD",
"border-left": "1px solid #DDD",
"border-bottom": "1px solid #777",
"border-right": "1px solid #777",
"cursor": "pointer"
},
"calendarTimeShow": {
"width": "102px",
"text-align": "center",
"margin-top": "20px",
"cursor": "pointer"
},
"calendarTimeShowItem": {
"border": "3px solid #CCC",
"background": "#666",
"color": "#FFF",
"font-size": "28px",
"font-weight": "bolder",
"float": "left",
"width": "46px",
"margin-left": "3px"
},
"calendarActionShow": {
"margin-top": "30px",
"text-align": "center",
"overflow": "hidden",
"margin-right": "10px"
},
"calendarActionShowButton": {
"margin-left": "15px",
"width": "40px",
"border": "1px solid #999"
}
}
\ No newline at end of file
{
"container": {
"border": "2px solid #999",
"margin": "5px 5px 5px 10px",
"background-color": "#FFF",
"z-index": "300",
"font-size": "12px",
"position": "absolute",
"height": "330px",
"padding": "10px",
"font-family": "Microsoft YaHei",
"overflow": "hidden",
"width" : "90%"
},
"dateTitle": {
"background-color": "#FFF",
"margin" : "0px auto",
"width": "100%",
"height": "40px",
"font-size": "16px",
"line-height": "40px",
"text-align": "center"
},
"datePrev": {
"width": "22px",
"height": "22px",
"float": "left",
"background": "url("+o2.session.path+"/widget/$Calendar/meeting/left.png) no-repeat center center",
"cursor": "pointer"
},
"dateNext": {
"width": "22px",
"height": "22px",
"float": "right",
"background": "url("+o2.session.path+"/widget/$Calendar/meeting/right.png) no-repeat center center",
"cursor": "pointer"
},
"dateCurrent": {
"margin-left": "22px",
"margin-right": "22px",
"color": "#333",
"font-size": "24px",
"font-family": "Microsoft YaHei",
"background-position": "center center",
"cursor": "move"
},
"dateCurrentText": {
"cursor": "pointer"
},
"calendarContent": {
"margin" : "0px auto",
"width": "100%",
"overflow": "hidden"
},
"calendarDaysContent": {
// "display": "table",
"margin" : "0px auto",
"width": "98%",
"padding": "0px",
"float": "left",
"height": "195px",
"font-size": "14px",
"background-color:": "#FFF"
},
"calendarDaysContentTh": {
"text-align": "center",
"cursor": "pointer",
//"border": "1px solid #FFF",
//"border-bottom": "1px solid #e7e7e7",
"font-size": "14px",
"height": "36px",
"line-height": "36px",
"background-color": "#FFF"
},
"calendarDaysContentTd": {
"text-align": "center",
"cursor": "pointer",
"background-color": "#FFF",
//"border": "0px solid #FFF",
"height": "36px",
//"background": "url("+o2.session.path+"/widget/$Calendar/xform/tdbg.gif) repeat-x bottom",
//"background": "#FFF",
"font-size": "14px"
},
"calendarMonthsContent": {
"width": "100%",
// "display": "table",
"height": "294px",
"padding": "0px",
"float": "left"
},
"calendarMonthsContentTd": {
"background-color": "#FFFFFF",
//"background-image": "url("+o2.session.path+"/widget/$Calendar/xform/tdbg.gif)",
"background-repeat": "repeat-x",
"background-position": "bottom",
"text-align": "center",
"cursor": "pointer",
"border": "1px solid #FFF",
"font-size": "14px"
},
"calendarYearsContent": {
// "display": "table",
"width": "100%",
"height": "294px",
"padding": "0px",
"float": "left"
},
"calendarYearsContentTd": {
"background-color": "#FFFFFF",
//"background-image": "url("+o2.session.path+"/widget/$Calendar/xform/tdbg.gif)",
"background-repeat": "repeat-x",
"background-position": "bottom",
"text-align": "center",
"cursor": "pointer",
"border": "1px solid #FFF",
"font-size": "14px"
},
"calendarTimeContent": {
"width": "100%",
"height": "244px",
"padding": "5px",
"float": "left"
},
"calendarTimeContentTd": {
"text-align": "center",
"cursor": "pointer",
"border": "1px solid #FFF",
"width": "37px",
"font-size": "12px"
},
"gray_xform_mobile": {
// "background": "url("+o2.session.path+"/widget/$Calendar/portlet/tdbg.gif)",
"background": "#FFF",
"border": "0px solid #FFF",
"color": "#999"
},
"today_xform_mobile": {
"border": "0px solid #FFF",
"color": "#FF0000",
// "background": "url("+o2.session.path+"/widget/$Calendar/xform/tdbg.gif) repeat-x bottom"
},
"current_xform_mobile": {
"background": "#CCC",
// "border": "1px solid #FFF",
"color": "#333"
},
"normal_xform_mobile": {
// "background": "url("+o2.session.path+"/widget/$Calendar/xform/tdbg.gif) repeat-x bottom",
// "background": "#FFF",
"border": "0px solid #FFF",
"color": "#333"
},
"dateBottom": {
"display": "none"
},
"calendarTimeSlider": {
"margin-top": "5px",
"height": "16px",
"overflow": "hidden",
"margin-left": "5px",
"margin-right": "5px",
"border": "1px solid #999",
"float": "left",
"width": "240px",
"background-color": "#FFF"
},
"calendarTimeSliderNoStyle": {
"margin-top": "0px",
"width": "auto",
"height": "auto",
"overflow": "visible",
"margin-left": "50px",
"margin-right": "50px",
"border-top": "0px solid #999",
"border-left": "0px solid #999",
"border-bottom": "0px solid #E1E1E1",
"border-right": "0px solid #E1E1E1",
"background-color": "transparent"
},
"calendarTimeArea": {
"height": "25px",
"line-height": "25px",
"margin-top": "4px",
"border": "1px solid #FFF"
},
"calendarTimeSliderKnob": {
"height": "16px",
"width": "20px",
"background-color": "#666",
"color": "#FFF",
"text-align": "center",
"font-size": "12px",
"line-height": "16px",
"z-index": "99",
"cursor": "pointer"
},
"calendarTimeShow": {
"overflow": "hidden",
"text-align": "center",
"margin-top": "20px",
"padding-left": "90px",
"cursor": "pointer"
},
"calendarTimeShowItem": {
"border": "3px solid #CCC",
"background": "#666",
"color": "#FFF",
"font-size": "28px",
"font-weight": "bolder",
"float": "left",
"width": "46px",
"height": "46px",
"line-height": "46px",
"margin-left": "3px"
},
"calendarActionShow": {
"overflow": "hidden",
"margin-top": "20px",
"text-align": "center",
"overflow": "hidden"
},
"calendarActionShowButton": {
"margin-left": "5px",
"margin-right": "5px",
"width": "50px",
"padding": "5px",
"border": "1px solid #999"
},
"calendarTimeContent_mobile" : {
"padding-top":"10px 5px",
"text-align":"center",
"margin":"0px",
"-webkit-transition": "all .4s",
"transition": "all .4s"
},
"calendarTimeFixWidthNode_mobile" : {
"width" : "90%",
"margin" : "0px auto",
"position" : "relative"
},
"calendarTimeWheels_mobile" : {
"width" : "100%",
"height" : "200px",
"overflow" : "hidden"
},
"calendarTimeWheel_mobile" : {
"width" : "50%",
"position" : "relative",
"float" : "left",
"height" : "200px",
"overflow" : "hidden",
"-webkit-transition": "width .3s ease",
"transition": "width .3s ease"
},
"calendarTimeSelectContainer_mobile" : {
"display": "block",
"text-align": "center",
"-webkit-transition": "-webkit-transform .18s ease-out",
"transition": "-webkit-transform .18s ease-out",
"transition": "transform .18s ease-out",
"transition": "transform .18s ease-out, -webkit-transform .18s ease-out"
},
"calendarTimeSelectItem_mobile" : {
"font-size": "20px",
"display": "block",
"height": "40px",
"line-height": "40px",
"cursor": "pointer",
"overflow": "hidden",
"white-space": "nowrap",
"text-overflow": "ellipsis"
},
"calendarTimeSelectLine_mobile" : {
"height": "40px",
"width": "100%",
"position": "absolute",
"top": "80px",
"pointer-events": "none",
"-webkit-box-sizing": "border-box",
"box-sizing": "border-box",
"border-top": "1px solid #dcdcdc",
"border-bottom": "1px solid #dcdcdc"
},
"calendarTimeShadowMask_mobile" : {
"position": "absolute",
"top": "0px",
"left" : "0px",
"width": "100%",
"height": "200px",
"background": "-webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(rgba(255, 255, 255, 0)), to(#ffffff))",
"background": "-webkit-linear-gradient(top, #ffffff, rgba(255, 255, 255, 0), #ffffff)",
"background": "linear-gradient(to bottom, #ffffff, rgba(255, 255, 255, 0), #ffffff)",
"opacity": ".9",
"pointer-events": "none"
},
"calendarActionShowButton_mobile_ok": {
"margin-left": "5px",
"margin-right": "5px",
"width": "60px",
"padding": "7px",
"border": "1px solid #3296fa",
"border-raidus" : "2px",
"color" : "#fff",
"background-color" : "rgb(50, 150, 250)"
},
"calendarActionShowButton_mobile_cancel": {
"margin-left": "5px",
"margin-right": "5px",
"width": "60px",
"padding": "7px",
"border": "1px solid #dfdfdf",
"border-raidus" : "2px",
"background-color" : "#fff"
}
// "calendarTimeWraper" : {
// "float" : "left",
// "overflow" : "hidden",
// "border": "1px solid #e2e3e7"
// },
// "calendarTimeScrollArea": {
// "width" : "55px",
// "height": "150px",
// "overflow-y": "scroll",
// "overflow-x": "hidden"
// },
// "calendarTimeContainer" : {
//
// },
// "calendarTimeItem" : {
// "cursor" : "pointer",
// "height" : "24px",
// "line-height" : "24px",
// "border" : "1px solid #fff",
// "background-color" : "transparent",
// "color" : "#333"
// },
// "calendarTimeItem_over" : {
// "border" : "1px solid #999",
// "background-color" : "transparent",
// "color" : "#333"
// },
// "calendarTimeItem_selected" : {
// "border" : "1px solid #576e86",
// "background-color" : "#576e86",
// "color" : "#fff"
// }
}
\ No newline at end of file
{
"container": {
"border": "1px solid #888888",
"margin": "5px",
"background-color": "#FFF",
"z-index": "300",
"font-size": "12px",
"position": "absolute",
"height": "223px",
"overflow": "hidden"
},
"dateTitle": {
"background-color": "#576e86",
"width": "200px",
"height": "26px",
"line-height": "26px",
"text-align": "center",
"font-weight": "bold"
},
"datePrev": {
"width": "22px",
"height": "22px",
"float": "left",
"background": "url("+o2.session.path+"/widget/$Calendar/xform/prev.gif) no-repeat center center",
"cursor": "pointer"
},
"dateNext": {
"width": "22px",
"height": "22px",
"float": "right",
"background": "url("+o2.session.path+"/widget/$Calendar/xform/next.gif) no-repeat center center",
"cursor": "pointer"
},
"dateCurrent": {
"margin-left": "22px",
"margin-right": "22px",
"color": "#FFF",
"font-family": "Microsoft YaHei",
"background-position": "center center",
"cursor": "move",
"font-size": "12px"
},
"dateCurrentText": {
"cursor": "pointer"
},
"calendarContent": {
"width": "200px",
"overflow": "hidden"
},
"calendarDaysContent": {
// "display": "table",
"width": "100%",
"padding": "2px",
"float": "left",
"height": "195px",
"font-size": "12px",
"background-color:": "#ccc"
},
"calendarDaysContentTh": {
"text-align": "center",
"cursor": "pointer",
"border": "1px solid #FFF",
//"border-bottom": "1px solid #e7e7e7",
"font-size": "12px",
"height": "18px",
"line-height": "18px",
"background-color": "#FFF"
},
"calendarDaysContentTd": {
"text-align": "center",
"cursor": "pointer",
"border": "0px solid #FFF",
"background": "url("+o2.session.path+"/widget/$Calendar/xform/tdbg.gif) repeat-x bottom",
//"background": "#FFF",
"font-size": "12px"
},
"calendarMonthsContent": {
"width": "100%",
// "display": "table",
"height": "195px",
"padding": "2px",
"float": "left"
},
"calendarMonthsContentTd": {
"background-color": "#FFFFFF",
"background-image": "url("+o2.session.path+"/widget/$Calendar/xform/tdbg.gif)",
"background-repeat": "repeat-x",
"background-position": "bottom",
"text-align": "center",
"cursor": "pointer",
"border": "1px solid #FFF",
"width": "37px",
"font-size": "12px"
},
"calendarYearsContent": {
// "display": "table",
"width": "100%",
"height": "195px",
"padding": "2px",
"float": "left"
},
"calendarYearsContentTd": {
"background-color": "#FFFFFF",
"background-image": "url("+o2.session.path+"/widget/$Calendar/xform/tdbg.gif)",
"background-repeat": "repeat-x",
"background-position": "bottom",
"text-align": "center",
"cursor": "pointer",
"border": "1px solid #FFF",
"width": "37px",
"font-size": "12px"
},
"calendarTimeContent": {
"width": "100%",
"height": "144px",
"padding": "2px",
"float": "left"
},
"calendarTimeContentTd": {
"text-align": "center",
"cursor": "pointer",
"border": "1px solid #FFF",
"width": "37px",
"font-size": "12px"
},
"gray_xform": {
// "background": "url("+o2.session.path+"/widget/$Calendar/portlet/tdbg.gif)",
"background": "#FFF",
"border": "0px solid #FFF",
"color": "#999"
},
"today_xform": {
"border": "0px solid #FFF",
"color": "#FF0000",
"background": "url("+o2.session.path+"/widget/$Calendar/xform/tdbg.gif) repeat-x bottom"
},
"current_xform": {
"background": "#8E8E8E",
"border": "1px solid #FFF",
"color": "#FFF"
},
"normal_xform": {
"background": "url("+o2.session.path+"/widget/$Calendar/xform/tdbg.gif) repeat-x bottom",
// "background": "#FFF",
"border": "0px solid #FFF",
"color": "#000"
},
"dateBottom": {
"display": "none"
},
"calendarTimeSlider": {
"margin-top": "5px",
"height": "16px",
"overflow": "hidden",
"margin-left": "5px",
"margin-right": "5px",
"border": "1px solid #999",
"float": "left",
"width": "140px",
"background-color": "#FFF"
},
"calendarTimeSliderNoStyle": {
"margin-top": "0px",
"width": "auto",
"height": "auto",
"overflow": "visible",
"margin-left": "50px",
"margin-right": "50px",
"border-top": "0px solid #999",
"border-left": "0px solid #999",
"border-bottom": "0px solid #E1E1E1",
"border-right": "0px solid #E1E1E1",
"background-color": "transparent"
},
"calendarTimeArea": {
"height": "25px",
"line-height": "25px",
"margin-top": "4px",
"border": "1px solid #FFF"
},
"calendarTimeSliderKnob": {
"height": "16px",
"width": "20px",
"background-color": "#666",
"color": "#FFF",
"text-align": "center",
"font-size": "12px",
"line-height": "16px",
"z-index": "99",
"cursor": "pointer"
},
"calendarTimeShow": {
"overflow": "hidden",
"text-align": "center",
"margin-top": "12px",
"padding-left": "28px",
"cursor": "pointer"
},
"calendarTimeShowItem": {
"border": "3px solid #CCC",
"background": "#666",
"color": "#FFF",
"font-size": "24px",
"font-weight": "bolder",
"float": "left",
"width": "40px",
"height": "30px",
"line-height": "30px",
"margin-left": "3px"
},
"calendarActionShow": {
"overflow": "hidden",
"margin-top": "12px",
"text-align": "center",
"overflow": "hidden"
},
"calendarActionShowButton": {
"margin-left": "5px",
"margin-right": "5px",
"width": "50px",
"padding": "5px",
"border": "1px solid #999"
},
"calendarTimeWraper" : {
"float" : "left",
"overflow" : "hidden",
"border": "1px solid #e2e3e7"
},
"calendarTimeScrollArea": {
"width" : "55px",
"height": "150px",
"overflow-y": "scroll",
"overflow-x": "hidden"
},
"calendarTimeContainer" : {
},
"calendarTimeItem" : {
"cursor" : "pointer",
"height" : "24px",
"line-height" : "24px",
"border" : "1px solid #fff",
"background-color" : "transparent",
"color" : "#333"
},
"calendarTimeItem_over" : {
"border" : "1px solid #999",
"background-color" : "transparent",
"color" : "#333"
},
"calendarTimeItem_selected" : {
"border" : "1px solid #576e86",
"background-color" : "#576e86",
"color" : "#fff"
}
}
\ No newline at end of file
<table border="0" cellpadding="0" cellspacing="0" bgcolor="#FFF" class="MWF_calendar_days calendarDaysContent" width="100%">
<thead style="width:100%">
<tr>
<th>&nbsp;</th>
<th>&nbsp;</th>
<th>&nbsp;</th>
<th>&nbsp;</th>
<th>&nbsp;</th>
<th>&nbsp;</th>
<th>&nbsp;</th>
</tr>
</thead>
<tbody style="width:100%">
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</tbody>
</table>
\ No newline at end of file
<table border="0" cellpadding="0" cellspacing="0" bgcolor="#FFF" class="MWF_calendar_months calendarMonthsContent">
<tbody>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</tbody>
</table>
\ No newline at end of file
.container {
border: 1px solid #888888;
padding: 3px;
position: absolute;
width: 148px;
background-color:#FFF;
z-index: 99;
font-size: 12px;
}
.dateTitle {
background-image: url(titlebg.gif);
width: 148px;
height: 22px;
line-height: 20px;
text-align: center;
}
.datePrev {
width: 22px;
height: 22px;
float: left;
background: url(prev.gif) no-repeat center center;
cursor:pointer;
}
.dateNext {
width: 22px;
height: 22px;
float: right;
background: url(next.gif) no-repeat center center;
cursor:pointer;
}
.dateCurrent {
margin-left: 22px;
margin-right: 22px;
color: #FFF;
font-family: "Microsoft YaHei";
background-position: center center;
cursor: move;
font-size: 12px;
}
.dateCurrentText{
cursor: pointer;
}
.calendarContent {
width: 300px;
height: 155px;
overflow:hidden;
}
.calendarDaysContent{
width: 100%;
padding: 20px;
float: left;
height: 155px;
font-size: 12px;
}
.calendarDaysContent td{
text-align:center;
cursor:pointer;
border: 1px solid #FFF;
font-size: 12px;
}
.calendarMonthsContent{
width: 100%;
height: 155px;
padding: 2px;
float: left;
}
.calendarMonthsContent td{
text-align:center;
cursor:pointer;
border: 1px solid #FFF;
width: 37px;
font-size: 12px;
padding: 10px 4px;
}
.calendarMonthsContent{
width: 100%;
height: 155px;
padding: 2px;
float: left;
}
.calendarMonthsContent td{
text-align:center;
cursor:pointer;
border: 1px solid #FFF;
width: 37px;
font-size: 12px;
}
.calendarYearsContent{
width: 100%;
height: 155px;
padding: 2px;
float: left;
}
.calendarYearsContent td{
text-align:center;
cursor:pointer;
border: 1px solid #FFF;
width: 37px;
font-size: 12px;
padding: 10px 4px;
}
.calendarTimeContent{
width: 100%;
height: 155px;
padding: 2px;
float: left;
}
.calendarTimeContent td{
text-align:center;
cursor:pointer;
border: 1px solid #FFF;
width: 37px;
font-size: 12px;
}
.gray_default {
color: #999;
}
.today_default {
border: 1px solid #999;
background-color: #EFEFEF;
}
.current_default {
background-color: #8E8E8E;
color:#FFF;
}
.dateBottom {
width: 148px;
height: 10px;
background-image: url(bottombg.gif);
overflow: hidden;
}
.calendarTimeSlider{
margin-top: 14px;
height: 10px;
overflow: hidden;
margin-left: 27px;
margin-right: 15px;
border-top:1px solid #999;
border-left:1px solid #999;
border-bottom:1px solid #E1E1E1;
border-right:1px solid #E1E1E1;
background-color:#EEE;
}
.calendarTimeArea{
height: 25px;
line-height: 25px;
margin-top: 4px;
}
.calendarTimeSliderKnob{
height:8px;
width: 8px;
background-color:#999;
/*position: absolute;*/
z-index: 99;
border-top:1px solid #DDD;
border-left:1px solid #DDD;
border-bottom:1px solid #777;
border-right:1px solid #777;
cursor:pointer;
}
.calendarTimeShow{
width: 85px;
margin: auto;
margin-top: 10px;
cursor:pointer;
overflow: hidden;
}
.calendarTimeShowItem{
border: 3px solid #CCC;
background:#666;
color: #FFF;
font-size: 24px;
font-weight: bolder;
float: left;
width: 32px;
margin-left: 4px;
}
.calendarActionShow {
margin-top: 16px;
text-align: right;
overflow: hidden;
margin-right: 10px;
}
.calendarActionShow button{
margin-left: 15px;
}
\ No newline at end of file
<div class="calendarTimeContent_mobile">
<div class="calendarTimeFixWidthNode_mobile">
<div class="calendarTimeWheels_mobile">
<div class="calendarTimeWheel_mobile">
<div class="calendarTimeSelectContainer_mobile MWF_calendar_time_h"></div>
</div>
<div class="calendarTimeWheel_mobile">
<div class="calendarTimeSelectContainer_mobile MWF_calendar_time_m"></div>
</div>
<div class="calendarTimeWheel_mobile">
<div class="calendarTimeSelectContainer_mobile MWF_calendar_time_s"></div>
</div>
</div>
<div class="calendarTimeSelectLine_mobile"></div>
<div class="calendarTimeShadowMask_mobile"></div>
</div>
<div class="MWF_calendar_action_show calendarActionShow"></div>
</div>
<table border="0" cellpadding="0" cellspacing="0" bgcolor="#FFF" class="MWF_calendar_years calendarYearsContent">
<tbody>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</tbody>
</table>
\ No newline at end of file
......@@ -12,9 +12,7 @@
"background-color": "#fff",
"box-shadow": "0px 0px 20px #999999",
"z-index": "1000",
"padding": "3px" ,
"opacity": 0
},
"to": {
......@@ -92,6 +90,20 @@
"cursor": "pointer",
"background": "url("+o2.session.path+"/widget/$Dialog/blue_flat/img/close.png) center center no-repeat"
},
"maxAction": {
"height": "38px",
"width": "38px",
"float": "right",
"cursor": "pointer",
"background": "url("+o2.session.path+"/widget/$Dialog/blue_flat/img/max.png) center center no-repeat"
},
"restoreAction": {
"height": "38px",
"width": "38px",
"float": "right",
"cursor": "pointer",
"background": "url("+o2.session.path+"/widget/$Dialog/blue_flat/img/restore.png) center center no-repeat"
},
"MWF_dialod_bottom_resize": {
"height": "8px",
"width": "8px",
......
{
"from": {
"width": "1px",
"height": "1px",
"position": "absolute",
"top": $(document.body).getSize().y/2,
"left": $(document.body).getSize().x/2,
"border-style": "solid",
"border-color": "#999",
"border-width": "0",
"border-radius": "0px",
"background-color": "#fff",
"box-shadow": "0px 0px 0px #999",
"z-index": "99",
"padding": "3px",
"opacity": 0
},
"to": {
"background-color": "#fff",
"border-style": "solid",
"border-color": "#999",
"border-width": "0",
"box-shadow": "0px 0px 0px #999",
"z-index": "99",
"border-radius": "0px",
"font-size": "12px",
"height": "60",
"padding": "3px",
"width": "300",
"position": "absolute",
"top": "0",
"left": "0",
"opacity": 1
},
"mark": {
"height": "0",
"width": "0",
"opacity": 0.3,
"position": "absolute",
"top": "0px",
"left": "0px",
"z-index": "98",
"border-style": "none",
"border-width": "0",
"background-color": "#CCC"
},
"okButton": {
"border" : "0px",
"height": "88px",
"line-height": "88px",
"background-color" : "#32AAFF",
"color": "#FFF",
"font-size": "32px",
"margin-top" : "20px",
"border-radius": "8px",
"cursor": "pointer",
"text-align" : "center",
"width" : "44.7%",
"float" : "left"
},
"cancelButton" : {
"border" : "0px",
"margin-left" : "4%",
"margin-right" : "2.6%",
"height": "88px",
"line-height": "88px",
"margin-top" : "20px",
"background-color" : "#E6EBEE",
"color": "#333",
"font-size": "32px",
"border-radius": "8px",
"cursor": "pointer",
"text-align" : "center",
"width" : "44.7%",
"float" : "left"
},
"button": {
"border" : "0px",
"height": "88px",
"line-height": "88px",
"background-color" : "#32AAFF",
"color": "#FFF",
"font-size": "32px",
"margin-top" : "20px",
"border-radius": "8px",
"cursor": "pointer",
"text-align" : "center",
"width" : "44.7%",
"float" : "left"
}
}
\ No newline at end of file
<div style="background-color: #FFF;">
<div style="padding: 0px 30px; height: 88px; text-align: center; font-size: 36px; position: relative; background-color: rgb(50, 170, 255);" class="MWF_dialod_title">
<div class="MWF_dialod_Action_back" style="background: url(/o2_core/o2/widget/$Dialog/mobile_blue_flat/img/back@2x.png) no-repeat center / 16px 33px; left: 20px; top: 14px; width: 40px; height: 60px; color: rgb(255, 255, 255); position: absolute;"></div>
<div style="height: 88px; color: rgb(255, 255, 255); line-height: 88px;" class="MWF_dialod_title_text"></div>
</div>
<div class="MWF_dialod_content" style="text-align: left; padding: 0px; line-height:20px;background:#f5f5f5;overflow:auto;"></div>
<div class="MWF_dialod_button" style="height: 128px; margin: 0px 0px;background: #ffffff;">
<input type="button" class="MWF_dialod_cancel_button" style="display: none;"/>
<input type="button" class="MWF_dialod_ok_button" style="display: none;"/>
</div>
</div>
\ No newline at end of file
......@@ -74,7 +74,7 @@
"display":"block",
"height": "1px",
"overflow": "hidden",
"margin-left": "28px",
"margin-left": "0px",
"margin-top": "3px",
"margin-bottom": "3px",
"background-color": "#CCCCCC",
......@@ -119,4 +119,4 @@
"margin-top": "4px",
"float": "right"
}
}
\ No newline at end of file
}
{
"borderNode": {
"border": "0px solid #333",
"background-color": "#ffffff",
"padding": "0px",
"overflow": "hidden",
"display": "none",
"z-index": "999",
"opacity": 0,
"position": "absolute",
"float": "left",
"min-width": (Browser.iecomp) ? "auto" : "220px",
"border-radius": "2px",
"box-shadow": "0 0 10px 0 rgba(0,0,0,0.25)",
"cursor": "default"
},
"container": {
"border-top": "1px solid #FFF",
"border-left": "1px solid #FFF",
"border-right": "1px solid #FFF",
"border-bottom": "1px solid #FFF",
"border-radius": "2px",
"background-color": "#FFF",
"padding": "0px",
"overflow": "hidden",
"cursor": "default"
},
"menuItem": {
"border-radius": "0px",
"display":"block",
"position": "static",
"height": "70px",
"border": "0px solid #FFF",
"background-color": "#FFF",
"cursor": "pointer",
"color": "#333333",
"font-family": "Microsoft YaHei",
"font-size": "12px"
},
"menuItemImgDiv": {
"display":"block",
"float": "left",
"width": "130px",
"height": "70px"
},
"menuItemImg": {
"height": "50px",
"width": "90px",
"margin-top": "10px",
"margin-left": "20px",
"border-radius": "4px"
},
"menuItemSeparator": {
"display":"block",
"float": "left",
"height": "34px",
"width": "0px",
"background-color": "#d7d7d7",
"border-right": "0px solid #d7d7d7",
"overflow": "hidden"
},
"menuItemText": {
"display":"block",
"position": "static",
"height": "65px",
"margin-left": "130px",
"margin-right": "10px",
"padding-right": "10px",
"line-height": "65px"
},
"menuLine": {
"position": "static",
"display":"block",
"height": "1px",
"overflow": "hidden",
"margin": "3px 20px",
"background-color": "#CCCCCC",
"border-bottom": "1px solid #FFFFFF"
},
"menuItemDisable": {
"color": "#333",
"background-color": "#f6f6f6",
},
"menuOver": {
"border": "0px solid #999",
"background-color": "#F0F0F0"
},
"menuOut": {
"border": "0px solid #FFF",
"background-color": "#FFF"
},
"menuDown": {
"border": "0px solid #000000",
"background-color": "#F0F0F0"
},
"menuUp": {
"border": "0px solid #8d9cc3",
"background-color": "#FFF"
},
"toolbarButtonDownNode": {
"display":"block",
"float": "left",
"padding-left": "2px",
"padding-right": "2px",
"padding-top": "0px",
"height": "18px",
"color": "#ff0000",
"cursor": "pointer"
},
"menuItemSubmenuIcon":{
"background-image": "url("+o2.session.path+"/widget/$Menu/desktopStyle/submenu.png)",
"height": "16px",
"width": "16px",
"margin-top": "4px",
"float": "right"
}
}
{
"borderNode": {
"border": "0px solid #333",
"background-color": "#ffffff",
"padding": "0px",
"overflow": "hidden",
"display": "none",
"z-index": "999",
"opacity": 0,
"position": "absolute",
"float": "left",
"min-width": "130px" ,
"border-radius": "2px",
"box-shadow": "0 0 10px 0 rgba(0,0,0,0.25)",
"cursor": "default"
},
"container": {
"border-top": "1px solid #FFF",
"border-left": "1px solid #FFF",
"border-right": "1px solid #FFF",
"border-bottom": "1px solid #FFF",
"border-radius": "2px",
"background-color": "#FFF",
"padding": "0px",
"overflow": "hidden",
"cursor": "default"
},
"menuItem": {
"border-radius": "0px",
"display":"block",
"position": "static",
"height": "30px",
"border": "0px solid #FFF",
"background-color": "#FFF",
"cursor": "pointer",
"color": "#333333",
"font-family": "Microsoft YaHei",
"font-size": "12px"
},
"menuItemImgDiv": {
"display":"block",
"float": "left",
"width": "40px",
"height": "30px"
},
"menuItemImg": {
"height": "16px",
"width": "16px",
"margin-top": "7px",
"margin-left": "17px",
"border-radius": "4px"
},
"menuItemSeparator": {
"display":"block",
"float": "left",
"height": "34px",
"width": "0px",
"background-color": "#d7d7d7",
"border-right": "0px solid #d7d7d7",
"overflow": "hidden"
},
"menuItemText": {
"display":"block",
"position": "static",
"height": "30px",
"margin-left": "30px",
"margin-right": "10px",
"padding-right": "10px",
"line-height": "30px"
},
"menuLine": {
"position": "static",
"display":"block",
"height": "1px",
"overflow": "hidden",
"margin": "3px 5px",
"clear": "both",
"background-color": "#CCCCCC",
"border-bottom": "1px solid #FFFFFF"
},
"menuItemDisable": {
"color": "#333",
"background-color": "#f6f6f6",
},
"menuOver": {
"border": "0px solid #999",
"background-color": "#F0F0F0"
},
"menuOut": {
"border": "0px solid #FFF",
"background-color": "#FFF"
},
"menuDown": {
"border": "0px solid #000000",
"background-color": "#F0F0F0"
},
"menuUp": {
"border": "0px solid #8d9cc3",
"background-color": "#FFF"
},
"toolbarButtonDownNode": {
"display":"block",
"float": "left",
"padding-left": "2px",
"padding-right": "2px",
"padding-top": "0px",
"height": "18px",
"color": "#ff0000",
"cursor": "pointer"
},
"menuItemSubmenuIcon":{
"background-image": "url("+o2.session.path+"/widget/$Menu/desktopStyle/submenu.png)",
"height": "16px",
"width": "16px",
"margin-top": "4px",
"float": "right"
}
}
......@@ -9,6 +9,15 @@
"color": "",
"cursor": "pointer"
},
"identityNode_mobile" : {
"padding": "0px 5px",
"margin-right": "10px",
"margin-bottom": "0px",
"background": "transparent",
"border-radius":"5px",
"color": "",
"cursor": "pointer"
},
"identityNode_over": {
"padding": "0px 5px",
"float": "left",
......@@ -19,6 +28,15 @@
"color": "#FFF",
"cursor": "pointer"
},
"identityNode_over_mobile": {
"padding": "0px 5px",
"margin-right": "10px",
"margin-bottom": "0px",
"background-color": "#da7429",
"border-radius":"5px",
"color": "#FFF",
"cursor": "pointer"
},
"identityRemoveNode": {
"background": "url("+o2.session.path+"/widget/$O2Identity/default/icon/del.png) center center no-repeat",
"width": "16px",
......
{
"scrollVAreaNode": {
"opacity": 0,
"float": "right",
"width": "0px",
"border-radius": "3px",
// "background": "#afcde2"
"background": "#CCC"
},
"scrollVNode": {
"width": "0px",
"height": "50px",
// "background": "#4095d4"
"background": "#888",
"border-radius": "3px",
"cursor": "pointer"
}
}
{
"tabNodeContainer": {
"height": "100px",
"background": "#E8ECEE",
"border-top": "0px solid #CCC",
"border-bottom": "0px solid #CCC",
"margin-right" : "-2px"
},
"contentNodeContainer": {
"line-height": "normal",
"clear": "both",
"overflow": "hidden"
},
"contentNodeArea": {
"overflow": "hidden",
"display": "none",
"opacity": 0
},
"tabNode": {
"position": "relative",
"margin-right": "0px",
"float": "left",
"height": "96px",
"cursor": "pointer",
"min-width": "70px",
"background": "#E8ECEE",
"border-bottom": "4px solid #E8ECEE",
"border-right": "2px solid #CFD9DF",
"border-radius" : "0px"
// "width" : "calc(33.3% - 2px)"
},
"tabTextNode": {
"color": "#000000",
"line-height": "100px",
"font-weight" : "normal",
"text-align": "center",
"margin-right": "4px",
"margin-top": "0px",
"margin-left": "4px",
"font-size": "36px"
},
"tabCloseNode": {
"height": "24px",
"width": "20px",
"background": "url("+o2.session.path+"/widget/$Tab/default/close.gif) center center"
},
"tabNodeCurrent": {
"position": "relative",
"margin-top": "0px",
"margin-right": "0px",
"float": "left",
"height": "96px",
"min-width": "70px",
"background": "#ffffff",
"border-bottom": "4px solid #1D1E1F",
"border-right": "2px solid #CFD9DF",
"border-radius" : "0px"
// "width" : "calc(33.3% - 2px)"
},
"tabTextNodeCurrent": {
"color": "#000000",
"line-height": "100px",
"font-weight" : "normal",
"text-align": "center",
"margin-right": "4px",
"margin-left": "4px",
"font-size": "36px"
},
"tabCloseNodeCurrent": {
"height": "24px",
"width": "20px",
"background": "url("+o2.session.path+"/widget/$Tab/default/close.gif) center center"
}
}
\ No newline at end of file
{
"tabNodeContainer": {
"height": "30px",
"padding": "20px",
"line-height": "30px"
},
"contentNodeContainer": {
"overflow": "hidden",
"clear": "left"
},
"contentNodeArea": {
"overflow": "hidden",
"display": "none",
"opacity": 0
},
"tabNode": {
"position": "static",
"float": "left",
"text-align": "center",
"border-bottom": "0px",
"padding": "0px 15px",
"height": "30px",
"line-height": "30px",
"background": "#F7F7F7",
"border-radius": "100px",
"margin": "0 10px 0 0"
},
"tabTextNode": {
"line-height": "30px",
"display": "inline",
"font-family": "MicrosoftYaHei",
"font-size": "14px",
"color": "#666666",
"text-align": "center"
},
"tabCloseNode": {
"height": "28px",
"width": "16px",
"background": "url("+o2.session.path+"/widget/$Tab/processlayout/close_gray.png) left center",
"background-repeat": "no-repeat",
"float": "right"
},
"tabNodeCurrent": {
"position": "static",
"float": "left",
"text-align": "center",
"border-bottom": "0px",
"padding": "0px 15px",
"height": "30px",
"line-height": "30px",
"background": "#4A90E2",
"border-radius": "100px",
"margin": "0 10px 0 0",
},
"tabTextNodeCurrent": {
"line-height": "30px",
"display": "inline",
"font-family": "MicrosoftYaHei",
"font-size": "14px",
"color": "#FFFFFF",
"text-align": "center"
},
"tabCloseNodeCurrent": {
"height": "28px",
"width": "16px",
"background": "url("+o2.session.path+"/widget/$Tab/processlayout/close.png) left center",
"background-repeat": "no-repeat",
"float": "left"
}
}
\ No newline at end of file
{
"tabNodeContainer": {
"height": "40px",
"height": "50px",
"background": "#4c6b87",
"border-bottom": "0px solid #CCC"
},
......@@ -21,7 +21,7 @@
"margin-left": "2px",
"margin-right": "0px",
"float": "left",
"height": "40px",
"height": "50px",
"cursor": "pointer",
//"min-width": "60px",
"background": "#ffffff",
......@@ -29,7 +29,7 @@
},
"tabTextNode": {
"color": "#666666",
"line-height": "40px",
"line-height": "50px",
"text-align": "center",
"margin-right": "4px",
"margin-top": "0px",
......@@ -47,14 +47,14 @@
"margin-left": "2px",
"margin-right": "0px",
"float": "left",
"height": "40px",
"height": "50px",
//"min-width": "60px",
"background": "#ffffff",
"border-bottom": "2px solid #bf6364"
},
"tabTextNodeCurrent": {
"color": "#fb4747",
"line-height": "40px",
"line-height": "50px",
"text-align": "center",
"margin-right": "4px",
"margin-left": "4px",
......
{
"tabNodeContainer": {
"height": "50px",
"border-bottom": "1px solid #E6E6E6",
"line-height": "50px"
},
"contentNodeContainer": {
"overflow": "hidden",
"clear": "left"
},
"contentNodeArea": {
"overflow": "hidden",
"display": "none",
"opacity": 0
},
"tabNode": {
"position": "static",
"margin-left": "0px",
"margin-right": "-1px",
"margin-top": "1px",
"float": "left",
"height": "28px",
"cursor": "pointer",
"width": "90px",
"text-align": "center",
"border-bottom": "0px"
},
"tabTextNode": {
"line-height": "28px",
"text-align": "center",
"margin-right": "8px",
"margin-top": "0px",
"margin-left": "8px",
"display": "inline",
"font-family": "MicrosoftYaHei",
"font-size": "16px",
"color": "#151515"
},
"tabCloseNode": {
"height": "28px",
"width": "16px",
"background": "url("+o2.session.path+"/widget/$Tab/processlayout/close_gray.png) left center",
"background-repeat": "no-repeat",
"float": "right"
},
"tabNodeCurrent": {
"position": "static",
"margin-left": "0px",
"margin-right": "-1px",
"margin-top": "1px",
"height": "47px",
"width": "90px",
"text-align": "center",
"border-bottom": "3px solid #4A90E2"
},
"tabTextNodeCurrent": {
"font-size": "12px",
"line-height": "29px",
"text-align": "center",
"margin-right": "8px",
"margin-left": "8px",
"margin-top": "0px",
"display": "inline",
"font-family": "MicrosoftYaHei",
"font-size": "16px",
"color": "#4A90E2"
},
"tabCloseNodeCurrent": {
"height": "28px",
"width": "16px",
"background": "url("+o2.session.path+"/widget/$Tab/processlayout/close.png) left center",
"background-repeat": "no-repeat",
"float": "left"
}
}
\ No newline at end of file
{
"container": {
"background-color": "#fff",
"padding-top": "6px",
"padding-bottom": "1px",
"padding-left": "10px",
"padding-right": "2px",
"word-wrap" : "normal",
"word-break" : "keep-all",
"cursor": "pointer",
"overflow": "hidden",
"height": "auto",
"display":"block",
"min-height" : "36px",
"font-size": "14px",
"border-bottom": "1px solid #3c76b7"
},
"toolbarSeparator": {
"display":"block",
"float": "left",
"margin-bottom": "5px",
"margin-top": "5px",
"height": "22px",
"width": "1px",
"background-color": "#888888",
"border-right": "1px solid #FFFFFF",
"overflow": "hidden"
},
"button": {
"display":"block",
"position": "static",
"float": "left",
"border": "1px solid #fff",
"color" : "inherit",
"background-color": "#fff",
"height": "30px",
"margin-right": "8px",
"padding-left": "2px",
"padding-right": "2px",
"cursor": "pointer",
"border-radius": "5px"
},
"buttonImgDiv": {
"display":"block",
"float": "left",
"padding-top": "7px",
"padding-bottom": "1px",
"padding-left": "1px",
"padding-right": "1px",
"cursor": "pointer"
},
"buttonImg": {
"height": "16px",
"width": "16px",
"cursor": "pointer",
"margin-top": "0px"
},
"buttonTextDiv": {
"display":"block",
"float": "left",
"height": "30px",
"padding-left": "2px",
"padding-right": "2px",
"line-height": "30px",
"cursor": "pointer"
},
"buttonDisable": {
"color": "#999"
},
"buttonImgDivDisable": {
"color": "#999"
},
"buttonTextDivDisable": {
"color": "#999"
},
"buttonOver": {
"color" : "inherit",
"background-color": "#e7e7e7"
},
"buttonOut": {
"color" : "inherit",
"background-color": "#fff"
},
"buttonDown": {
"background-color": "#f0f0f0"
},
"buttonUp": {
"background-color": "#e7e7e7"
},
"toolbarButtonDownNode": {
"display":"block",
"float": "left",
"padding-left": "2px",
"padding-right": "2px",
"padding-top": "5px",
"height": "18px",
"color": "#ff0000",
"cursor": "pointer"
}
}
\ No newline at end of file
......@@ -114,7 +114,7 @@ o2.widget.AttachmentController = o2.widget.ATTER = new Class({
if (!this.node) this.node = new Element("div", {"styles": this.css.container_min});
if (!this.minActionAreaNode){
this.minActionAreaNode = new Element("div", {"styles": this.css.minActionAreaNode}).inject(this.node);
this.minActionAreaNode = new Element("div", {"styles": this.css.minActionAreaNode }).inject(this.node);
//this.minContent = new Element("div", {"styles": this.css.minContentNode}).inject(this.node);
this.loadMinActions();
......@@ -143,7 +143,13 @@ o2.widget.AttachmentController = o2.widget.ATTER = new Class({
if( flag )this.minActionAreaNode.setStyle("display","none");
if( !this.minContent ){
this.minContent = new Element("div", {"styles": this.css.minContentNode}).inject(this.node);
this.minContent = new Element("div", {"styles":
layout.mobile ? this.css.minContentNode_mobile : this.css.minContentNode
}).inject(this.node);
if( layout.mobile ){
this.minContent.setStyle("clear","both");
}
}else{
this.minContent.setStyle("display", "block");
this.minContent.empty();
......@@ -906,7 +912,7 @@ o2.widget.AttachmentController = o2.widget.ATTER = new Class({
var isContinue = true;
if (beforeUpload) isContinue = beforeUpload(files);
debugger;
debugger;
if (isContinue){
var accepts = (accept) ? accept.split(o2.splitStr) : null;
......@@ -934,18 +940,91 @@ debugger;
formData.append(k, v)
});
formData.append('file', file);
restActions.invoke({
"name": invokeUrl,
"async": true,
"data": formData,
"file": file,
"parameter": parameter,
"success": function(json){
current++;
if (every) every(json, current, count);
callback();
}
});
if(parameter.fileMd5){
o2.load("/o2_lib/CryptoJS/components/spark-md5-min.js", function(){
var fileReader = new FileReader(), box = document.getElementById('box');
var blobSlice = File.prototype.mozSlice || File.prototype.webkitSlice || File.prototype.slice;
var chunkSize = 20971520;
// read in chunks of 20MB
var chunks = Math.ceil(file.size / chunkSize), currentChunk = 0, spark = new SparkMD5();
fileReader.onload = function(e) {
console.log("read chunk nr", currentChunk + 1, "of", chunks);
spark.appendBinary(e.target.result);
currentChunk++;
if (currentChunk < chunks) {
loadNext();
} else {
console.log("finished loading");
var fileMd5 = spark.end();
restActions.invoke({
"name": "checkFileExist",
"async": true,
"parameter": {"fileMd5":fileMd5},
"success": function(json){
if(json.data.value){
var formData2 = new FormData();
formData2.append("fileMd5",fileMd5);
formData2.append("fileName",file.name);
restActions.invoke({
"name": "addAttachmentMd5",
"async": true,
"data": formData2,
"parameter": parameter,
"success": function(json){
current++;
if (every) every(json, current, count);
callback();
}
});
}else{
restActions.invoke({
"name": invokeUrl,
"async": true,
"data": formData,
"file": file,
"parameter": parameter,
"success": function(json){
current++;
if (every) every(json, current, count);
callback();
}
});
}
}
});
// compute hash
}
};
function loadNext() {
var start = currentChunk * chunkSize, end = start + chunkSize >= file.size ? file.size : start + chunkSize;
fileReader.readAsBinaryString(blobSlice.call(file, start, end));
}
loadNext();
}.bind(this),null,false);
}else{
restActions.invoke({
"name": invokeUrl,
"async": true,
"data": formData,
"file": file,
"parameter": parameter,
"success": function(json){
current++;
if (every) every(json, current, count);
callback();
}
});
}
}
}
}
......@@ -1077,7 +1156,8 @@ debugger;
o2.release(att);
});
this.attachments = [];
this.content.empty();
var content = (this.minContent || this.content);
if (content) content.empty();
}
});
......@@ -1570,7 +1650,7 @@ o2.widget.AttachmentController.AttachmentMin = new Class({
}
this.createInforNode();
if (!Browser.Platform.ios){
if (!Browser.Platform.ios && !layout.mobile){
this.tooltip = new mBox.Tooltip({
content: this.inforNode,
setStyles: {content: {padding: 15, lineHeight: 20}},
......@@ -1581,9 +1661,12 @@ o2.widget.AttachmentController.AttachmentMin = new Class({
this.setEvent();
},
loadList: function() {
this.node.setStyles(this.css.minAttachmentNode_list);
debugger;
this.node.setStyles( layout.mobile ? this.css.minAttachmentNode_list_mobile : this.css.minAttachmentNode_list);
this.sepNode = new Element("div", {"styles": this.css.minAttachmentSepNode_list}).inject(this.node);
if( !layout.mobile ){
this.sepNode = new Element("div", {"styles": this.css.minAttachmentSepNode_list}).inject(this.node);
}
this.actionAreaNode = new Element("div", {"styles": this.css.minAttachmentActionAreaNode}).inject(this.node);
......@@ -1702,7 +1785,8 @@ o2.widget.AttachmentController.AttachmentMin = new Class({
"mouseout": function(){
if (!this.isSelected){
if (this.controller.options.listStyle==="list" || this.controller.options.listStyle==="sequence"){
this.node.setStyles(this.css["minAttachmentNode_"+this.controller.options.listStyle]);
var cssKey = "minAttachmentNode_"+this.controller.options.listStyle + ( layout.mobile ? "_mobile" : "" );
this.node.setStyles(this.css[cssKey]);
}else{
this.node.setStyles(this.css["attachmentNode_"+this.controller.options.listStyle]);
}
......@@ -1760,7 +1844,8 @@ o2.widget.AttachmentController.AttachmentMin = new Class({
this.isSelected = false;
//this.node.setStyles(this.css["minAttachmentNode_list"]);
if (this.controller.options.listStyle==="list" || this.controller.options.listStyle==="sequence"){
this.node.setStyles(this.css["minAttachmentNode_"+this.controller.options.listStyle]);
var cssKey = "minAttachmentNode_"+this.controller.options.listStyle + ( layout.mobile ? "_mobile" : "" );
this.node.setStyles(this.css[cssKey]);
}else{
this.node.setStyles(this.css["attachmentNode_"+this.controller.options.listStyle]);
}
......
......@@ -112,17 +112,14 @@ o2.widget.CalendarPage = o2.CalendarPage = new Class({
baseDate.setMonth(thisMonth-1);
var selectDate =new Date(dateStr);
//var baseDate = this.options.baseDate;
// var firstDate = baseDate.clone();
// firstDate.setDate(1);
// var day = firstDate.getDay();
//
// firstDate.getMonth();
// var tmpDate = firstDate.clone();
var tbody;
if (el){
tbody = el.getParent("tbody");
}else{
tbody = this.contentTable.getElement("tbody");
}
var tbody = el.getParent("tbody");
var tds = tbody.getElements("td");
for (var i=0; i<tds.length; i++){
......@@ -131,55 +128,34 @@ o2.widget.CalendarPage = o2.CalendarPage = new Class({
if (thisDate.clearTime().toString() == this.today.clearTime().toString()){
tds[i].setStyles(this.css["today_"+this.options.style]);
tds[i].setStyle("border", "0px solid #AAA");
}else if (thisDate.toString() == selectDate.toString()){
}else if (thisDate.clearTime().toString() == selectDate.clearTime().toString()){
tds[i].addClass("current_"+this.options.style);
tds[i].setStyles(this.css["current_"+this.options.style]);
tds[i].removeClass("gray_"+this.options.style);
tds[i].removeClass("past_"+this.options.style);
tds[i].setStyle("border", "1px solid #FFF");
}else if(baseDate.getMonth()!=thisDate.getMonth()){
tds[i].addClass("gray_"+this.options.style);
tds[i].setStyles(this.css["gray_"+this.options.style]);
tds[i].removeClass("current_"+this.options.style);
tds[i].removeClass("past_"+this.options.style);
tds[i].setStyle("border", "1px solid #FFF");
}else if (thisDate.diff(this.today)>0){
if (this.css["past_"+this.options.style]) tds[i].setStyles(this.css["past_"+this.options.style]);
tds[i].addClass("past_"+this.options.style);
tds[i].removeClass("current_"+this.options.style);
tds[i].removeClass("gray_"+this.options.style);
}else{
tds[i].setStyles(this.css["normal_"+this.options.style]);
tds[i].addClass("normal_"+this.options.style);
tds[i].removeClass("current_"+this.options.style);
tds[i].removeClass("gray_"+this.options.style);
tds[i].removeClass("past_"+this.options.style);
tds[i].setStyle("border", "1px solid #FFF");
}
// tds[i].set("text", firstDate.getDate());
// if (firstDate.toString() == this.options.baseDate.toString()){
// tds[i].addClass("current_"+this.options.style);
// tds[i].setStyles(this.css["current_"+this.options.style]);
// tds[i].removeClass("gray_"+this.options.style);
// tds[i].setStyle("border", "1px solid #FFF");
// }else if (firstDate.getMonth()!=baseDate.getMonth()){
// tds[i].addClass("gray_"+this.options.style);
// tds[i].setStyles(this.css["gray_"+this.options.style]);
// tds[i].removeClass("current_"+this.options.style);
// tds[i].setStyle("border", "1px solid #FFF");
// }else{
// tds[i].setStyles(this.css["normal_"+this.options.style]);
// tds[i].removeClass("current_"+this.options.style);
// tds[i].removeClass("gray_"+this.options.style);
// tds[i].setStyle("border", "1px solid #FFF");
// }
// var tmp = firstDate.clone();
// if (tmp.clearTime().toString() == this.today.clearTime().toString()){
// //tds[i].addClass("today_"+this.options.style);
// tds[i].setStyles(this.css["today_"+this.options.style]);
// tds[i].setStyle("border", "0px solid #AAA");
// }
// //tds[i].retrieve("dateValue")
// tds[i].store("dateValue", firstDate.toString());
// firstDate.increment("day", 1);
}
el.setStyles(this.css["current_"+this.options.style]);
}
//el.setStyles(this.css["current_"+this.options.style]);
// this.node.set("value", dv);
// this.hide();
this.fireEvent("complate");
......@@ -187,4 +163,4 @@ o2.widget.CalendarPage = o2.CalendarPage = new Class({
}
}
});
\ No newline at end of file
});
......@@ -163,7 +163,7 @@ o2.widget.Dialog = o2.DL = new Class({
if (layout.desktop.currentApp) content = layout.desktop.currentApp.content;
this.containerDrag = new Drag.Move(this.node, {
"handle": this.title,
"container": this.markNode || content,
"container": this.options.container || this.markNode || content,
"snap": 5
});
......@@ -514,4 +514,4 @@ o2.widget.Dialog = o2.DL = new Class({
this.markNode_up = null;
}
}
});
\ No newline at end of file
});
......@@ -248,7 +248,7 @@ o2.widget.FlashImageClipper = new Class({
}.bind(this));
}else{
//公共图片服务
var addressObj = layout.desktop.serviceAddressList["x_file_assemble_control"];
var addressObj = layout.serviceAddressList["x_file_assemble_control"];
if (addressObj){
var address = layout.config.app_protocol+"//"+addressObj.host+(addressObj.port==80 ? "" : ":"+addressObj.port)+addressObj.context;
}else{
......@@ -1037,4 +1037,4 @@ o2.widget.HTML5ImageClipper = new Class({
return new Blob( [ab] , {type : this.fileType });
}
});
\ No newline at end of file
});
......@@ -35,14 +35,14 @@ o2.widget.Menu = new Class({
if (this.fireEvent("queryLoad")){
this.node = new Element("div.MWFMenu");
this.node.set("styles", this.css.container);
if (this.options.event){
if (this.target) this.target.addEvent(this.options.event, this.showIm.bind(this));
}
//this.node.inject(this.options.container || $(document.body));
this.node.inject(this.options.container || this.target);
this.node.inject(this.options.container || this.target);
this.hide = this.hideMenu.bind(this);
this.hide = this.hideMenu.bind(this);
this.fireEvent("postLoad");
}
},
......
......@@ -11,4 +11,4 @@
"clazz": "x_faceset_control"
}
\ No newline at end of file
}
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册