CocoRoboDesktop/js/Desktop/DeskTop.js

/*
此处为桌面系统启动应用区域
*/
Namespace.register("U.MD.D.I"); //桌面应用处理

//判断图片是否在拖拽，如果是拖拽图标的过程是不会打开图片的
U.MD.D.I.IsDrag;

U.MD.D.I.Ip;

//桌面图标的全局变量
U.MD.D.I.DeskIcon = [
    // { "Name": "我的云盘", "Url": "disk", "Img": { "x": "-15", "y": "-296"} },
    // { "Name": "互联办公", "Url": "boomYun", "Img": { "x": "-844", "y": "-419"} },
    // { "Name": "Word", "Url": "word", "Img": { "x": "-462", "y": "-296"} },
    // { "Name": "Execl", "Url": "excel", "Img": { "x": "-523", "y": "-296"} },
    // { "Name": "文本文件", "Url": "txt", "Img": { "x": "-267", "y": "-413"} },
    // { "Name": "我的好友", "Url": "friend", "Img": { "x": "-648", "y": "-297"} },
    // { "Name": "查找好友", "Url": "lookupFriend", "Img": { "x": "-85", "y": "-413"} },
    // { "Name": "我的设置", "Url": "set", "Img": { "x": "-400", "y": "-296"} },
    // { "Name": "系统设置", "Url": "systemSet", "Img": { "x": "-144", "y": "-413"} },
    // { "Name": "云端下载", "Url": "client", "Img": { "x": "-648", "y": "-357"} },
    // { "Name": "云端产品", "Url": "xz", "Img": { "x": "-24", "y": "-413"} }
//    { "Name": "FTP", "Url": "ftp", "Img": { "x": "-24", "y": "-413"} },
//    { "Name": "群文档", "Url": "group", "Img": { "x": "-85", "y": "-413"} },
//    { "Name": "web编程", "Url": "frontEndProgramming", "Img": { "x": "-275", "y": "-297"} },
//    { "Name": "后端编程", "Url": "backEndProgramming", "Img": { "x": "-275", "y": "-297"} },

];

//#region 桌面初始化

/**
* 初始化桌面的起始函数
*
*/
U.MD.D.I.init = function () {
    if ($("#U_MD_D_K")[0]) {
        //初始化桌面图标
        U.MD.D.I.initDesktopIcons($("#U_MD_D_K")[0]);
        // var clickUrl = ':12588/requestIp.php';
        // U.MD.D.I.Mysqlrequest(clickUrl,function(data){
        //     U.MD.D.I.Ip = data; 
        //     var AccessUrl = ':12588/useAccess.php?ip=' + U.MD.D.I.Ip;
        //     U.MD.D.I.Mysqlrequest(AccessUrl,function(data){
        //         U.selectEl("#U_MD_D_RW").css("width", US.width - 165 + "px");
        //     })
        //     //初始化任务栏，因为是静态的，所以直接改变样式即可.
        // })
    }
}

/**
* 隐藏任务栏
*
* @param  {element} 桌面元素
*/
U.MD.D.I.hiddenTaskbar = function (el) {
    //任务栏位置变小
    U.selectEl(el).parentElement(3).css({ "bottom": "-39px" });
    //桌面的位置变大
    //  U.selectEl("#U_MD_D_K").css({ "left": "5px" });
}

/**
* 初始化打印桌面图标
*
* @param  {element} 桌面元素
*/
U.MD.D.I.initDesktopIcons = function (el) {
    var i, //用于循环
    _content, //桌面图标元素
    _iconcontent, //桌面图标元素
    _frag = $$("frag"), //定义一个碎片元素
    _DesktopIconInfo = U.MD.D.I.DeskIcon; //获取桌面图标
    //清楚桌面图标
    el.innerHTML = "";
    //循环创建桌面图标
    for (i = 0; i < _DesktopIconInfo.length; i++) {
        _content = $$("div", {
            className: "U_MD_D_KO",
            "onmousedown": U.UF.C.closure(function (obj) {
                //防止拖动图标即打开了桌面应用
                U.MD.D.click(this, obj);
            }, [_DesktopIconInfo[i]]),
            "onclick": U.UF.C.closure(function (obj) {
                //防止拖动图标即打开了桌面应用
                U.MD.D.click(this, obj);
            }, [_DesktopIconInfo[i]])
        }, _frag); // 
        _iconcontent = $$("div", { className: "U_MD_D_KOA" }, _content);
        $$("div", { className: "U_MD_D_KOS U_Img", "style": { "backgroundPosition": _DesktopIconInfo[i].Img.x + "px " + _DesktopIconInfo[i].Img.y + "px"} }, _iconcontent);
        $$("div", { className: "U_MD_D_KOX", "style": { "cssText": "text-shadow: #000 2px 1px 3px,#666 0 1px 0,#555 -1px 0 0,#999 0 -1px 0; -webkit-text-shadow: #333 1px 0 0,#666 0 1px 0,#555 -1px 0 0,#999 0 -1px 0; -moz-text-shadow: #333 1px 0 0,#666 0 1px 0,#555 -1px 0 0,#999 0 -1px 0; filter: Glow(color=#777777, strength=1)\9;" }, "innerHTML": _DesktopIconInfo[i].Name }, _iconcontent);
    }
    //加载好后给图标定位
    U.MD.D.iconPostion($(_frag).Child());
    //把图标加载到页面
    el.appendChild(_frag);
}

/**
* 显示任务栏
*
* @param  {element} 桌面元素
*/
U.MD.D.I.displayTaskbar = function (el) {
    //判断是否需要形式任务栏，由于用了mouseover事件会冒泡响应多次，这里做了过滤
    if (!U.UF.EV.stopBubbleMouseOutOrOver(el) && U.selectEl(el).css("bottom") != "0px") {
        //任务栏位置变化
        U.selectEl(el).css({ "bottom": "0px" });
        //桌面位置变话
        //  U.selectEl("#U_MD_D_K").css({ "left": "70px" });
    }
}

//#region 桌面图标拖动逻辑

/**
* 桌面排列图标
*
* @param  {element} 桌面元素
* @param  {object} 上下相距的距离
* @param  {object} 左右相距的距离
* @return  {object} 命名空间
*/
U.MD.D.iconPostion = function (childs, top, left) {
    var i; //用于循环处理
    top = top || 15; //如果没有设置元素的间距处理默认上间距为15
    left = left || 20; //如果没有设置元素的间距处理默认左间距为15
    //循环所有的图标，设置每个图标的间距，打印顺序是竖排打印的方式
    for (i = 0; i < childs.length; i++) {
        //如果竖排top超过了范围处理
        if (top + 95 > US.height - 85) {
            //left超过了页面范围处理，则向上重叠打印处理
            if ((left + 180) > US.width) {
                top -= 115;
                left -= 90;
            }
            //没有超过范围，那么left+90添加到下一个竖排打印
            else {
                left += 90;
                top = 15;
            };
        }
        //给图标的位置赋值
        U.selectEl(childs[i]).css({ top: top + "px", left: left + "px" });
        if (i < childs.length - 1) {
            //页面图标每次向下加115
            top += 115;
        }
    }
    //返回最后调用的图标的位置
    return [top, left];
}

/**
* 桌面点击事件逻辑
*
* @param  {element} 桌面元素
* @param  {object} 上下相距的距离
* @param  {object} 左右相距的距离
* @return  {object} 命名空间
*/
U.MD.D.click = function (el, obj) {
    var _buttonnumber = event.button; //点击的按钮的事件值
    U.UF.EV.stopBubble(); //阻止向上冒泡
    //onmousedown 包含了左键和右键 这里大于2是为了兼容 所有浏览器的右键处理
    if (_buttonnumber < 2) {
        //如果是click事件的处理
        if (event.type == "click") {
            //如果元素在mousemove事件中没有移动则出发click事件
            if (!U.MD.D.I.IsDrag) {
                //打开应用处理
                U.MD.D.I.openApplication(obj.Url, { "userid": US.userInfo.UserId, "directoryid": US.FTPFOLDERID });
            }
        }
        //如果是mouse事件的处理
        else {
            //拖动处理,添加拖动和拖动结束事件
            U.UF.F.drag(el, U.MD.D.iconMove, U.MD.D.iconUp);
        }
        U.MD.D.I.IsDrag = false;
    }
}

/**
* 拖动的处理
*
*/
U.MD.D.iconMove = function () {
    //如果当前位置点击初始化的位置出现了变化，则设置是否拖动的属性   U.MD.D.I.IsDrag为true
    U.MD.D.I.IsDrag = true;
}

/**
* 拖动结束后，这里是定位处理，以网状的形式定位
*
* @param  {element} 拖动的元素
* @return  {object} 命名空间
*/
U.MD.D.iconUp = function (el) {
    var _top = 15,
        _left = 20,
        _margin,
        _childs = U.selectEl("#U_MD_D_K").Child(), //桌面所有的图标
        _positioninfo = U.UF.EL.getElementInfo(el); //获取拖动结束的元素的位置
    if (_positioninfo["OT"] > 15) {
        //网状的形式定位，如果差超过了55，那么向下定位，否则向上定位
        _margin = ((_positioninfo["OT"] - 15) % 115 > 55 && _positioninfo["OT"] + 115 < US.height) ? 1 : 0;
        _top = (Math.floor((_positioninfo["OT"] - 15) / 115) + _margin) * 115 + 15;
    }
    if (_positioninfo["OL"] > 20) {
        //网状的形式定位，如果差超过了90，那么向右定位，否则向左定位
        _margin = ((_positioninfo["OL"] - 20) % 90 > 45 && _positioninfo["OL"] + 90 < US.width) ? 1 : 0;
        _left = (Math.floor((_positioninfo["OL"] - 20) / 90) + _margin) * 90 + 20
    }
    //while循环判断么一个重叠的元素
    do {
        _positioninfo = U.MD.D.iconPostion([el], _top, _left); //给重叠的元素向下定位
        _top = _positioninfo[0] + 115; //得到定位后的top
        _left = _positioninfo[1]; //得到定位后的left
    } while (el = U.MD.D.isOverlap(el, _childs, _positioninfo))
}

/**
* 判断拖动后图标是否重叠
*
* @param  {element} 拖动的元素
* @param  {element} 桌面所有的元素
* @param  {array} 拖动元素的位置
----------[0]  上 top
----------[1]  左 left
* @return  {object} 命名空间
*/
U.MD.D.isOverlap = function (el, childs, postionarray) {
    //循环所有的图标
    for (var i = 0; i < childs.length; i++) {
        //判断有没有和该图标诶子重叠的元素
        if (el != childs[i] && (childs[i].offsetTop == postionarray[0] && childs[i].offsetLeft == postionarray[1])) {
            return childs[i]; //如果有返回
        }
    }
}

//#endregion

//#endregion

//#region 桌面应用
/**
* 打开应用
*
* @param  {string} 类型
-----------------Disk 网盘系统
-----------------PDisk 学习系统网盘
-----------------Poto 图片
-----------------Video 视频
-----------------Music 音乐
-----------------Word word
-----------------Excel excel
-----------------Txt 记事本
-----------------PB 学习系统
-----------------Blog 朋友圈系统
-----------------FTP ftp系统
-----------------Group 好友群
-----------------SY 首页系统
-----------------Set 个人设置
-----------------XSet 系统设置
-----------------App 我们所有的app
-----------------BC c.1473.cn 平台
-----------------CWeb d.1473.cn 变成平台
-----------------其他的外联系统 我们统一用iframe打开
* @param  {array} 类型
如果第一个参数为"disk"，则第二个参数为object，里面包含了用户id和目录id{userid:"",directoryid:""}
如果第一个参数为"word"或者"excel","txt"，则第二个参数为文件信息fileinfo。
如果第一个参数为"blog"或者"PDisk"。建议删除。
如果第一个参数为其他，则无第二个参数
* @returns {array} 
*/
U.MD.D.I.openApplication = function (str, obj, info) {
    obj = obj || {};
    var _taskbar, //_taskbar 作为任务栏显示的元素，包含图标和名字
        _formdiv, //创建任务栏时同时弹出的窗体元素。
        _userinfo = US.userInfo, //登录用户信息
        _userid = obj.userid || _userinfo.UserId //登录用户id
    ;
    //选择应用处理
    switch (str) {
        case "friend": //好友打开
            U.MD.D.I.IsDrag = true;
            U.MD.F.W.viewFriend(info); //打开好友
            //  U.MD.N.urlWrite("friend/" + obj.directoryid, "好友"); //好友的url重写
            break;
        case "domain":
            var _iframe = $$('iframe', { src: '//domain.1473.cn/DomainSystem.aspx/?fileId=' + info.fileId + '&type=' + info.type + '&mode=' + info.mode, frameborder: "0", style: { cssText: "width:100%;height:100%;border:0px"} });
            _formdiv = new U.UF.UI.form("域名管理", _iframe, { id: "U_MD_DS_DomainShare", style: { "width": "370px", "height": "390px"} }).form;
            if (_formdiv) {
                //生成任务栏的变量
                _taskbar = { "id": str + _formdiv.id, "backgroundPostion": "-15px -296px", "name": "网盘", "forms": _formdiv, "click": function () { U.MD.D.I.openApplication(str, obj, info); } }
            }
            break;
        case "disk": //个人网盘查看 
            _formdiv = U.MD.DK.initDisk(_userid, obj.directoryid); //根据网盘数据，并加载网盘，里面包含了url重写
            if (_formdiv) {
                //生成任务栏的变量
                _taskbar = { "id": str + _formdiv.id, "backgroundPostion": "-15px -296px", "name": "网盘", "forms": _formdiv, "click": function () { U.MD.D.I.openApplication(str, obj); } }
            }
            break;
        case "word": //Word打开
            var _wordinfo = U.MD.O.word(_userinfo, obj, arguments[2]); //初始化word的处理
            _formdiv = _wordinfo[0];
            if (_formdiv) {
                //生成任务栏的变量
                _taskbar = { "id": str + _formdiv.id, "backgroundPostion": "-462px -296px", "name": "文档", "forms": _formdiv, "click": function () { U.MD.D.I.openApplication(str, _wordinfo[1]); } }
            }
            if (obj.UrlType != 'join') {
                U.MD.N.urlWrite("word/" + _formdiv.id.substr(-36), "在线文档"); //word的url重写
            }
            break;
        case "excel": //Excel打开
            _formdiv = U.MD.O.excel(_userinfo, obj);
            if (_formdiv) {
                //生成任务栏的变量
                _taskbar = { "id": str + _formdiv.id, "backgroundPostion": "-523px -296px", "name": "Excel", "forms": _formdiv, "click": function () { U.MD.D.I.openApplication(str, obj); } }
            }
            U.MD.N.urlWrite("excel/" + _formdiv.id.substr(-36), "Excel");
            break;
        case "txt": //Txt打开
            _formdiv = U.MD.D.Txt.textCreate();
            if (_formdiv) {
                //生成任务栏的变量
                _taskbar = { "id": str + obj.directoryid, "backgroundPostion": "-267px -413px", "name": "文本", "forms": _formdiv, "click": function () { U.MD.D.I.openApplication(str, obj); } }
            }
            U.MD.N.urlWrite("txt/" + _formdiv.id.substr(-36), "文本");
            break;
        case "lookupFriend":
            _formdiv = U.MD.F.S.popSearchFriendsOrGroupForm(0);
            //生成任务栏的变量
            _taskbar = { "id": str + _formdiv.id, "backgroundPostion": "-85px -413px", "name": "查找好友", "forms": _formdiv, "click": function () { U.MD.D.I.openApplication(str, obj); } }
            U.MD.N.urlWrite("lookupfriend/" + obj.directoryid.substr(-36), "查找好友"); //查找好友的url重写
            break;
        case "ftp": //Ftp 
            _formdiv = U.MD.F.S.popupsSearchFtp();
            //生成任务栏的变量
            _taskbar = { "id": str + _formdiv.id, "backgroundPostion": "-144px -413px", "name": "FTP", "forms": _formdiv, "click": function () { U.MD.D.I.openApplication(str, obj); } }
            break;
        case "group": //群组
            _formdiv = U.MD.F.S.popupsSearchGroups(0);
            //生成任务栏的变量
            _taskbar = { "id": str + _formdiv.id, "backgroundPostion": "-85px -413px", "name": "群组", "forms": _formdiv, "click": function () { U.MD.D.I.openApplication(str, obj); } }
            break;
        case "set": //个人设置
            _formdiv = U.MD.U.P.userDataSet();
            if (_formdiv) {
                //生成任务栏的变量
                _taskbar = { "id": str + _formdiv.id, "backgroundPostion": "-400px -296px", "name": "个人设置", "forms": _formdiv, "click": function () { U.MD.D.I.openApplication(str, obj); } }
            }
            break;
        case "systemSet": //系统设置 
            _formdiv = U.MD.D.B.init();
            //生成任务栏的变量
            _taskbar = { "id": str + _formdiv.id, "backgroundPostion": "-400px -296px", "name": "系统设置", "forms": _formdiv, "click": function () { U.MD.D.I.openApplication(str, obj); } }
            break;
        case "boomYun": //BoomYun 
            _formdiv = U.Boom.I.onload();
            //生成任务栏的变量
            _taskbar = { "id": str + _formdiv.id, "backgroundPostion": "-844px -419px", "name": "互联办公", "forms": _formdiv, "click": function () { U.MD.D.I.openApplication(str, obj); } }
            U.MD.N.urlWrite("boomyun", "互联办公"); //boomyun的url重写
            break;
        case "xz": //App下载 
            window.open("http://xz.1473.cn");
            break;
        case "client": //App下载 
            window.open("http://client.1473.cn");
            break;
        case "backEndProgramming": //在线编程平台打开 
            window.open("http://c.1473.cn");
            break;
        case "frontEndProgramming": //在线web编程 
            window.open("http://d.1473.cn");
            break;
        default: break;
    }
    //U.MD.D.I.openClick(str);
    //如果有任务栏信息
    if (_taskbar) {
        U.MD.D.T.taskbar(_taskbar); //创建任务处理
    }

}


// U.MD.D.I.openClick = function(str){
//        var click = '';
//         switch(str){
//                 case 'friend':
//                     click = '我的好友';
//                     break;
//                 case 'domain':
//                     click = '域名管理';
//                     break;
//                 case 'disk':
//                     click = '我的云盘';
//                     break;
//                 case 'word':
//                     click = 'Word';
//                     break;
//                 case 'excel':
//                     click = 'Execl';
//                     break;
//                 case 'txt':
//                     click = '文本文件';
//                     break;
//                 case 'lookupFriend':
//                     click = '查找好友';
//                     break;
//                 case 'ftp':
//                     click = 'FTP';
//                     break;
//                 case 'group':
//                     click = '群组';
//                     break;
//                 case 'set':
//                     click = '我的设置';
//                     break;
//                 case 'systemSet':
//                     click = '系统设置';
//                     break;
//                 case 'boomYun':
//                     click = '互联办公';
//                     break;
//                 case 'xz':
//                     click = '云端下载';
//                     break;
//                 case 'client':
//                     click = '有思浏览器';
//                     break;
//                 case 'backEndProgramming':
//                     click = '在线后台编程';
//                     break;
//                 case 'frontEndProgramming':
//                     click = '在线前端编程';
//                     break;
//                 default: break;
//             }
        
//             if(U.MD.D.I.Ip && click){
//                 var clickUrl = ':12588/useClick.php?name=' + click + '&ip=' + U.MD.D.I.Ip;
//                 U.MD.D.I.Mysqlrequest(clickUrl,function(data){
//             })
//         }
// }


/**
*函数作用：ajax简易函数，使用post格式
*@param url   {data}    后台地址
*@param data  {data}    参数json
*@param fn    {data}    回调函数
*
*/
// U.MD.D.I.Mysqlrequest = function(url,fn){
//     var xhr = new XMLHttpRequest();
//     xhr.open("GET",url,true);
//     xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
//     xhr.onreadystatechange = function(){
//         if(xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 304)){
//             fn.call(this,xhr.responseText);
//         }
//     };
//     xhr.send();
// }

/*判断是否是内网IP*/  
// U.MD.D.I.isInnerIPFn = function(str){

//     var curPageUrl = str;
 
//     var reg1 = /(http|ftp|https|www):\/\//g;//去掉前缀
//     curPageUrl =curPageUrl.replace(reg1,'');
//     // console.log('curPageUrl-1  '+curPageUrl);
 
//     var reg2 = /\:+/g;//替换冒号为一点
//     curPageUrl =curPageUrl.replace(reg2,'.');
//     // console.log('curPageUrl-2  '+curPageUrl);
 
//     curPageUrl = curPageUrl.split('.');//通过一点来划分数组
 
 
//     var ipAddress = curPageUrl[0]+'.'+curPageUrl[1]+'.'+curPageUrl[2]+'.'+curPageUrl[3];
//     if(curPageUrl[2] != '16'){
//         return ipAddress;
//     }else{
//         return false;
//     }
    
// }  



// U.MD.D.I.getUserIP = function(onNewIP) { //  onNewIp - your listener function for new IPs
//       //compatibility for firefox and chrome
//       var myPeerConnection = window.RTCPeerConnection || window.mozRTCPeerConnection || window.webkitRTCPeerConnection;
//       var pc = new myPeerConnection({
//          iceServers: []
//      }),
//      noop = function() {},
//      localIPs = {},
//      ipRegex = /([0-9]{1,3}(\.[0-9]{1,3}){3}|[a-f0-9]{1,4}(:[a-f0-9]{1,4}){7})/g,
//      key;
 
//      function iterateIP(ip) {
//          if (!localIPs[ip]) onNewIP(ip);
//          localIPs[ip] = true;
//     }
 
//       //create a bogus data channel
//      pc.createDataChannel("");
 
//      // create offer and set local description
//      pc.createOffer().then(function(sdp) {
//          sdp.sdp.split('\n').forEach(function(line) {
//              if (line.indexOf('candidate') < 0) return;
//              line.match(ipRegex).forEach(iterateIP);
//          });
         
//          pc.setLocalDescription(sdp, noop, noop);
//      }).catch(function(reason) {
//          // An error occurred, so handle the failure to connect
//      });
 
//      //sten for candidate events
//      pc.onicecandidate = function(ice) {
//          if (!ice || !ice.candidate || !ice.candidate.candidate || !ice.candidate.candidate.match(ipRegex)) return;
//          ice.candidate.candidate.match(ipRegex).forEach(iterateIP);
//      };
// }
 
// U.MD.D.I.getUserIpBool = function(callback){
//     U.MD.D.I.getUserIP(function(ip){
//      alert("Got IP! :" + ip);
// });

      
   
}


//#endregion