CocoRoboDesktop/js/Office/Word/Word.js

//查看指定文件,,判断是否保存或者覆盖，包括创建邀请协作人员，创建编辑历史，创建生成链接.创建热门模板。加载当前word文档的内容。创建光标，监控键盘输入等。这里是iframe中的word起始点。
//监控输入输出，
//添加成员，共同编辑。

Namespace.register("U.MD.O.W");
//由于当前文档的js是加载在ifame里面的，获取不到外部的文档(www.1473.cn)信息。所以通过传递参数设置全局变量的形式保存当前文档信息。
//id是word文档id，PID是文档归属的目录id，fileinfo是文档的实体信息fileinfo，OL初始化回调函数，userid是当前文档创建者的id。 historyid就是最新历史记录的id
U.MD.O.W = {
    "fileinfo": null, //文档的信息
    "userinfo": null, //文档用户的信息
    "historyid": US.EMPTYGUID, //历史记录更新的id
    "permission": {      //权限设置
        "edit": false,
        "web": false
    },
    "init": false
};

US = parent.US;

//#region 初始化区域
//------------------------------------------------------------------------------初始化Word----------------------------------------------------------------------------
//查看指定文件,,判断是否保存或者覆盖，包括创建邀请协作人员，创建编辑历史，创建生成链接.创建热门模板。加载当前word文档的内容。创建光标，监控键盘输入等。这里是iframe中的word起始点。

/**
* word初始化的处理
*
* @param   {object}    文档信息
* @param   {object}    登录用户信息  
* @return  {object}    返回当前窗体 
*/
U.MD.O.W.load = function (fileid) {
    var fileinfo = U.MD.O.W.getfile(fileid),
        userinfo = U.MD.O.W.getuser();

    U.MD.O.W.variable(fileinfo, userinfo); //初始化全局变量
    U.MD.O.W.LoadContent(fileinfo); //加载内容
    U.MD.O.W.setEvent(); //设置事件
    //加载功能
    U.MD.O.W.Panel.LoadPlayUser(fileinfo); //加载协助人员窗体
    U.MD.O.W.Panel.loadlink(fileinfo); //加载链接窗体
    U.MD.O.W.Panel.LoadHotTemplates(); //加载热门模板
    U.MD.O.W.Panel.LoadOfficeHistory(fileinfo); //加载历史记录
}

/**
* 根据cookie获取用户
*
*/
U.MD.O.W.getuser = function () {
    return {};
}


/**
* 根据文件id获取文件
*
*/
U.MD.O.W.getfile = function (fileid) {
    return {
        UserDirectoryExtendType: "",
        UserDirectoryID: Guid.newGuid(),
        newfile: true
    };
}



/**
* 设置事件
*
*/
U.MD.O.W.setEvent = function () {
    //设置建站文件的保存及新建事件
    if (U.MD.O.W.fileinfo.UserDirectoryExtendType == 'un') {
        //设置新建事件
        $('#U_MD_O_H_new')[0].onclick = function () {
            U.MD.O.W.T.N.newNav();
        }
        //设置保存事件
        $('#U_MD_O_H_save')[0].onclick = function () {
            U.MD.O.W.T.N.saveNav(function () {
                U.MD.O.W.T.N.savePage(null, true);
            });
        }
        $('body').addClass('U_MD_O_W_Nav');
    }
    //添加Ctrl+S快捷保存事件
    $('body').bind('keydown', function (e) {
        var currKey = 0;
        e = e || event || window.event;
        currKey = e.keyCode;
        if (currKey == 83 && (e.ctrlKey || e.metaKey)) {
            $('#U_MD_O_H_save')[0].onclick();
            U.UF.EV.stopDefault();
            U.UF.EV.stopBubble()
        }
    });
}


/**
* 初始化全局变量
* @param   {object}    文档信息
* @param   {object}    登录用户信息  
*
*/
U.MD.O.W.variable = function (fileinfo, userinfo) {
    if (!U.MD.O.W.fileinfo) {
        U.MD.O.W.fileinfo = fileinfo //文档信息
        //        return true;
    }
    U.MD.O.W.userinfo = userinfo; //用户信息
    U.MD.O.W.setPermission();  //获取权限
    return false;
}

/**
* 加载Word编辑区域的内容
* @param   {string}    文档信息
*/
U.MD.O.W.LoadContent = function (fileinfo) {
    var _permission = U.MD.O.W.permission;  //获取权限
    var _synergy = _permission.web; //获取协同权限
    var _fileid = fileinfo.UserDirectoryID; //文档id
    //新建文件的处理
    if (fileinfo.newfile) {
        //un新建文件的处理
        if (U.MD.O.W.fileinfo.UserDirectoryExtendType == 'un') {
            var _defaultnav;
            try {
                _defaultnav = JSON.parse(U.MD.O.W.fileinfo.UsOffice);
            } catch (e) {
                _defaultnav = { logo: "", nav: [{ pageId: Guid.newGuid(), name: "初始页面" }] };
            }
            U.MD.O.W.T.N.form(_defaultnav);
        }
        //初始化编辑器
        U.MD.O.W.E.initEditor();
        delete fileinfo.newfile;
    }
    //互联办公文档获取数据
    else if (_synergy) {
        parent.U.A.Request(US.SCOKET, [U.MD.O.W.fileinfo.UserDirectoryExtendType == 'un' ? 'getNav' : "getWord", _fileid, US.pageId, U.MD.O.W.userinfo.UserId], U.MD.O.W.AsynLoad, ["", fileinfo, _synergy]); //获取office内容
    }
    //普通文档在数据库里面获取数据
    else {
        parent.U.A.Request(US.AUTH, ["GetFileContent", _fileid], U.MD.O.W.AsynLoad, ["", fileinfo, _synergy]);
    }
}

/**
* 异步获取Word编辑区域的数据
*
*/
U.MD.O.W.AsynLoad = function (r) {     //object 值
    var _permission,
        _context = r.context, //获取array值
        _fileinfo = _context[1], //获取文件信息
        _synergy = _context[2]; //互联权限
    //内容处理
    if (r.value && r.value.UsOffice !== undefined) {
        r = r.value.UsOffice;
    } else {
        r = r.value;
    }
    //un文件 导航文件处理
    if (U.MD.O.W.fileinfo.UserDirectoryExtendType == 'un') {
        if (typeof r != 'object') {
            try {
                r = JSON.parse(r);
            } catch (e) {
                r = { logo: "", nav: [{ pageId: Guid.newGuid(), name: "恢复内容" }] };
            }
        }
        U.MD.O.W.T.N.form(r);
    }
    //word文件处理
    else {
        U.MD.O.W.fileinfo.UsOffice = (r || _fileinfo.UsOffice || "").unEscapeQuotes();  //word内容
        //加载编辑器和内容
        U.MD.O.W.E.initEditor(_synergy); //初始化编辑器
    }
}

//#endregion    

//#region 保存区域

/**
* 保存Word
*
* @param  {function} 保存回调函数
*/
U.MD.O.W.save = function () {
    //判断用户是否登录，只有登录用户才能保存信息
    if (!top.U.MD.U.L.isLogin(function (userinfo) { U.MD.O.W.userinfo = userinfo; })) {
        var _isftp,
            _isgroupuser,
            _uid = U.MD.O.W.userinfo.UserId,
            _el = $("#U_MD_O_H_wordEditor")[0], //word编辑区域
            _fileinfo = U.MD.O.W.fileinfo, //文件信息
            _fileid = _fileinfo.UserDirectoryID, //文件ID
            _name = top.$('#UD_Word' + _fileid + ' .U_MD_O_H_head_navigation_Title')[0].value, //文件名
            _html = _el.innerHTML.escapeQuotes(); //内容

        //判断文档是否是已经保存到数据库的文档
        if (_fileid && _fileinfo.UserId && _fileinfo.UserallDirectoryName && U.MD.O.W.permission.edit) { //如果是已经保存到数据库的文档，那么直接保存内容
            U.MD.O.W.Panel.InsertOfficeHistory(_fileinfo, _html, _name, _el); //插入历史记录
            //保存到数据库

            top.U.A.Request(US.AUTH, ["SaveFileContent", US.userInfo.UserId, _fileid, _html, _name], function (r) {
                U.MD.O.W.fileinfo.UsOffice = r.context[1].innerHTML;
                U.Alert("保存成功");
            }, (['', _el])); //保存到数据库
        }
        //如果文件没有保存，那么直接新建文件
        else {
            var _newfileid = Guid.newGuid();
            //调用word新建文档的处理
            top.U.MD.DK.VW.chosenSaveFile('uw', _newfileid, _name, function (fileinfo) {
                top.$('#UD_Word' + _fileid)[0].id = 'UD_Word' + _newfileid;
                top.$('#UD_Word' + _newfileid + ' .U_MD_O_H_head_navigation_Title')[0].value = fileinfo.UserDirectoryName;
                U.MD.O.W.fileinfo = fileinfo //文档信息
                _isgroup = U.Json.select(US.friend.group, {
                    "GroupManageID": fileinfo.GroupID
                })[0];
                if (_isgroup) {
                    U.MD.O.W.permission.web = true;
                    top.U.A.Request(US.SCOKET, ["newWordSave", _newfileid, _html, fileinfo.UserDirectoryName, US.userInfo.UserId, US.pageId], function (r) {
                        U.Alert("保存成功");
                        U.MD.O.W.fileinfo.UsOffice = _el.innerHTML;
                        $('#U_MD_O_H_wordEditor')[0].editor.operaNotice = U.MD.O.W.E.operationNotice;
                        U.MD.O.W.permission.edit = true;
                    });
                } else {
                    //保存到数据库
                    top.U.A.Request(US.AUTH, ["SaveFileContent", US.userInfo.UserId, _newfileid, _html, fileinfo.UserDirectoryName], function (r) {
                        U.MD.O.W.fileinfo.UsOffice = r.context[1].innerHTML;
                        U.MD.O.W.permission.edit = true;
                        U.Alert("保存成功");
                    }, (['', _el])); //保存到数据库
                }
            });
        }
    }
}

U.MD.O.W.updateName = function () {
    if (!top.U.MD.U.L.isLogin(function (userinfo) { U.MD.O.W.userinfo = userinfo; })) {
        var _fileinfo = U.MD.O.W.fileinfo, //文件信息
            _type = U.MD.O.W.fileinfo.UserDirectoryExtendType == 'un' ? 'nav' : 'word',
            _fileid = _fileinfo.UserDirectoryID,             //文件ID
            _name = top.$('#UD_Word' + _fileid + ' .U_MD_O_H_head_navigation_Title')[0].value; //文件名
        //判断文档是否是已经保存到数据库的文档
        if (U.MD.O.W.permission.edit && _fileid && _fileinfo.UserId && _fileinfo.UserallDirectoryName) { //如果是已经保存到数据库的文档，那么直接保存内容
            if (U.MD.O.W.permission.web) {
                top.U.A.Request(US.SCOKET, ["updateName", _type, _fileid, _name, US.userInfo.UserId, US.pageId], function (r) {
                    if (r.value == "updateNameSuccess") {
                        _fileinfo.UserallDirectoryName = _name; //文件全写的名字
                        _fileinfo.UserDirectoryName = _name.addEllipsis(20); //文件的缩略名
                    }
                });
            }
            else {
                top.U.A.Request(US.DISK, ["UpdateFileInfo", _fileid, _name], function (r) {
                    if (r.value) {
                        _fileinfo.UserallDirectoryName = _name; //文件全写的名字
                        _fileinfo.UserDirectoryName = _name.addEllipsis(20); //文件的缩略名
                    }
                });
            }
        }
    }
}

//#endregion

//#region 新建文档

/**
* 文件文档
*
*/
U.MD.O.W.newDoc = function () {
    parent.U.MD.D.I.openApplication("word", { "userid": US.userInfo.UserId, "directoryid": US.FTPFOLDERID }); //打开文档处理
}

//#endregion

//#region 纸张大小

/**
* 编辑器权限函数
* @return 返回用户权限json
*/
U.MD.O.W.setPermission = function () {
    var _iseditor,              //是否可编辑
        _isgroup;            //群用户

    if (!U.MD.O.W.fileinfo.UserId && !U.MD.O.W.fileinfo.UserID) { //新建文档给予编辑权限
        U.MD.O.W.permission.edit = false;    //就给其编辑权限
        return;
    }
    if (U.MD.O.W.fileinfo && US.friend.group) {//判断用户是否在群里操作群文件
        _isgroup = U.Json.select(US.friend.group, {
            "GroupManageID": U.MD.O.W.fileinfo.GroupID
        })[0];
    }
    if (U.MD.O.W.fileinfo && ((U.MD.O.W.fileinfo.GroupID && U.MD.O.W.fileinfo.GroupID == U.MD.O.W.userinfo.UserId) || U.MD.O.W.fileinfo.UserId == US.userInfo.UserId)) {//判断是否是有编辑权限
        _iseditor = true;
    }
    if (_isgroup) {//是ftp用户就判断是不是群用户
        U.MD.O.W.permission.web = true;     //互联办公的权限
        U.MD.O.W.permission.edit = true;    //就给其编辑权限
    } else if (_iseditor) {
        U.MD.O.W.permission.edit = true;    //就给其编辑权限
    }
}

/**
* 文档分享
*/
U.MD.O.W.shareFileToChat = function () {
    top.U.MD.F.J.selectFriendForm(function (groupid) {
        var _fileInfo = U.MD.O.W.fileinfo,
            _message = {
                fileName: _fileInfo.UserallDirectoryName,
                fileType: _fileInfo.UserDirectoryExtendType,
                fileSize: _fileInfo.UserDirectorySize,
                fileID: _fileInfo.UserDirectoryID
            }
        if (!groupid) {
            var _chooseNumber = top.U.MD.F.J.selectUserInfo.NeedUser;

            for (var i = 0; i < _chooseNumber.length; i++) {
                U.A.Request(US.CD, [US.DB, "UseStudio_Friends", "SentMessageToFriend", US.userInfo.UserId, _chooseNumber[i].UserId, US.userInfo.UserNickName, JSON.stringify(_message), 6, false], function () {
                    U.alert('文档已分享到小伙伴！');
                });
            }
        } else {
            U.A.Request(US.CD, [US.DB, "UseStudio_Friends", "SendMessageToGroup", groupid, Guid.newGuid(), US.userInfo.UserId, JSON.stringify(_message), US.userInfo.UserNickName], function () {
                U.alert('文档分享成功，到群看看吧！');
            });
        }
    });
}

document.oncontextmenu = U.UF.EV.stopDefault; //禁止右键菜单

/**
* 附件
*/
U.MD.O.W.accessory = function () {
    if (!U.MD.U.L.isLogin()) {
        var _confirm = $$('div'),
            _pickarea = $$("div", { "style": { "cssText": "display:table; width: 100%; height: auto; " } }, _confirm),
            _picklocal = $$("div", { "style": { "cssText": "display:table-cell; width:235px; height:170px; background-color:#f5f5f5;text-align:center; vertical-align: middle;cursor: pointer;" } }, _pickarea),
            _pickline = $$("div", { "style": { "cssText": "display:table-cell; width:1px; height: 100%; background-color:#cecece;" } }, _pickarea),
            _pickoa = $$("div", { "style": { "cssText": "display:table-cell; width:234px; height:100%; background-color:#f5f5f5;text-align:center; vertical-align: middle;cursor: pointer;" } }, _pickarea);
        $$("img", { "onerror": U.MD.C.imgError, src: "/img/officefileicon.png", style: { "vertical-align": "middle" } }, _picklocal);
        $$("img", { "onerror": U.MD.C.imgError, src: "/img/oaofficeicon.png", style: { "vertical-align": "middle" } }, _pickoa);
        $$('span', { innerText: '从网盘添加', style: { "margin-left": "10px" } }, _pickoa);
        $$('span', { innerText: '从本地上传', style: { "margin-left": "10px" } }, _picklocal);
        var _locaInp = $$('input', { id: "U_MD_O_cloud", type: "file", style: { cssText: "position: absolute; visibility: hidden;" }, multiple: "" }, _picklocal);
        var _range;
        var _form = new U.UF.UI.form(
            "上传附件",
            _confirm,
            {
                "style": {
                    "cssText": "font-size: 16px; background: rgb(255,255,255); width: 470px; position: fixed; box-shadow: rgb(0, 0, 0) 2px 1px 5px; "
                }
            },
            {
                "istop": true,
                "isenlarge": false,
                "isstretching": false,
                "isnarrow": false
            },
            {
                "style": {
                    "cssText": " background: #3c475b;padding:4px 0 ; color: rgb(255,255,255); "
                }
            });

        $(_picklocal).bind({
            "mouseover": function () { _picklocal.style.backgroundColor = "#dcdcdc"; },
            "mouseout": function () { _picklocal.style.backgroundColor = "#f5f5f5"; },
            "mousedown": function () {
                _range = U.UF.E.getRangeAt();

                _locaInp.click();
            }
        });
        $(_pickoa).bind({
            "mouseover": function () { _pickoa.style.backgroundColor = "#dcdcdc"; },
            "mouseout": function () { _pickoa.style.backgroundColor = "#f5f5f5"; },
            "mousedown": function () {
                _range = U.UF.E.getRangeAt();
            },
            "click": function () {
                top.U.MD.DK.VW.choseFile(function (file) {
                    //                    var _ppel = $$('span', { style: { cssText: "display:inline-block; position: relative; max-width: 300px;"} }),
                    //                        _parent = $$('img', { "src": "http://fs.1473.cn/" + file.UserDirectoryUrl, style: { cssText: "width: 100%;"} }, _ppel),
                    //                        _videoStart = $$("span", { "style": { "width": "97px", "height": "96px", "background-image": "url('/img/YS2017.png')", "display": "inline-block", "background-repeat": "no-repeat", "background-position": "-1015px -362px", "position": "absolute", "top": "25%", "left": "35%"} }, _ppel);

                    //                    var _message = {
                    //                        fileName: file.UserallDirectoryName,
                    //                        fileType: file.UserDirectoryExtendType,
                    //                        fileSize: file.UserDirectorySize,
                    //                        fileID: file.UserDirectoryID,
                    //                        fileUrl: file.UserDirectoryUrl
                    //                    };
                    //                    U.UF.E.reSelectRange(_range);
                    U.UF.E.reSelectRange(_range);
                    var _box = $$('div');
                    var _img = $$('img', { src: "http://fs.1473.cn/" + file.UserDirectoryUrl }, _box)

                    U.UF.E.textFormat(_box.outerHTML, $('#U_MD_O_H_wordEditor')[0])

                });
            }
        });

        $(_locaInp).bind({
            "mousedown": function () {
                _range = U.UF.E.getRangeAt(); //记录失焦前光标的位置
            },
            "change": function (e) {
                U.UF.E.reSelectRange(_range); //重新聚焦光标
                var _file = e.target.files[0], //获取本地选中文件
                    _type = _file.type.split('/'); //获取选中文件的类型

                switch (_type[0]) {
                    case "image": //图片
                        U.UF.E.picture(this, $('#U_MD_O_H_wordEditor')[0]);
                        break;
                    case "audio": //音频
                        U.UF.UP.inputUpload([this], "http://disk.1473.cn/USUpfile.ashx?typename=UseStudioEditor&UserId=c1fd0834-ea9a-44eb-b216-2a051c2240d8", function (data) {
                            var _el = U.MD.O.W.accessory.printFile('video', data.value); //样式

                            //以下代码仅仅提供展示，音频暂时无法上传
                            if ($('#showplace').length) {
                                $('#showplace').find('div[usbody="true"]')[0].appendchild(_el);
                                return;
                            }
                            var _box = $$('div', {});
                            _box.appendChild(_el);
                            new U.UF.UI.form("展示位", _box, { id: "showplace", style: { cssText: "width: 600px; height: 500px" } });
                        })
                        break;
                    case "video":
                        //                        U.UF.UP.inputUpload([this], "http://disk.1473.cn/USUpfile.ashx?typename=UseStudioEditor&UserId=c1fd0834-ea9a-44eb-b216-2a051c2240d8", function (data) { //最终用例
                        //                            //var _el = U.MD.O.W.accessory.printFile('video', data.value, _file);
                        //                            
                        //                        })

                        var _box = $$('span'), //测试能否将canvas插入文档中用例
                            _canvas = $$('canvas', {}, _box);
                        var _ctx = _canvas.getContext('2d');
                        _canvas.width = 300;
                        _canvas.height = 200;
                        _ctx.fillRect(0, 0, 300, 200);

                        U.UF.E.insertContent(_box, _range, $('#U_MD_O_H_wordEditor')[0]);
                        break;
                }
            }
        })
    }
}

/**
* 打开视频控件
*/
U.MD.O.W.accessory.openVideo = function () {
    alert(11);
}

/**
* 输出文件样式
*/
U.MD.O.W.accessory.printFile = function (type, data, files) {
    var _div = $$('span', { style: { cssText: "display: inline-block" } });

    switch (type) {
        case "video":
            var video = document.createElement('video'),
                _second, _mintue;
            video.src = "http://fs.1473.cn/" + data[0]

            video.addEventListener('canplaythrough', function (e) { //拿到视频的时长
                var s = Math.ceil(e.target.duration) % 60,
                    m = Math.floor(e.target.duration / 60);
                _second = s < 10 ? "0" + s : s;
                _mintue = m < 10 ? "0" + m : m;

                var _img = $$('img', { src: "/img/YS2017.png" }),
                    _img2 = $$('img', { src: "http://fs.1473.cn/" + data[1] });

                _img2.onload = function () { //当图片加载好后
                    _ctx.drawImage(_img2, 0, 0, 300, 150); //关键帧图片
                    _ctx.drawImage(_img, 1015, 362, 97, 97, 110, 20, 97, 97); //播放图片
                    _ctx.fillStyle = "#ffffff"; //填充颜色
                    _ctx.fillText(_mintue + ":" + _second, 10, 140);
                }
            })

            var _canvas = $$('canvas', { style: { cssText: "border:1px solid #000000;" } }, _div),
                _ctx = _canvas.getContext('2d');

            _canvas.width = 300;
            _canvas.height = 150;

            _canvas.onclick = function () {
                U.MD.UI.video("http://fs.1473.cn/" + data[0], 300, 150, false, $('#showplace').find('div[usbody="true"]')[0]);
            }
            break;
        case "audio":
            //            var _box = $$('div', { style: { cssText: "display:inline-block; width: 146px; background-color: #3F8BDD; color: #ffffff;"} }, _div);
            //            $$('img', { src: "#", style: { cssText: "width: 17px; height: 20px; background-color: #ffffff;"} });
            //            $$('span', { innerText: '15"' });

            break;
    }

    return _div;
}
//#endregion