wide/static/js/windows.js

/*
 * Copyright (c) 2014-2015, b3log.org
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

var windows = {
    isMaxEditor: false,
    init: function () {
        // bottom windows
        $(".footer .ico-restore:eq(1)").click(function () {
            windows.restoreBottom();
            if ($(".footer .ico-restore:eq(0)").css("display") === "none"
                    && $(".footer .ico-restore:eq(2)").css("display") === "none") {
                $(".toolbars .ico-restore").removeClass("ico-restore").addClass("ico-max")
                        .attr({
                            "title": config.label.max_editor,
                            "onclick": "windows.maxEditor()"
                        });
            }
        });

        $(".bottom-window-group .ico-min").click(function () {
            windows.minBottom();
            if ($(".footer .ico-restore:eq(0)").css("display") === "inline"
                    && $(".footer .ico-restore:eq(2)").css("display") === "inline") {
                $(".toolbars .ico-max").removeClass("ico-max").addClass("ico-restore")
                        .attr({
                            "title": config.label.restore_editor,
                            "onclick": "windows.restoreEditor()"
                        });
            }
        });

        $(".bottom-window-group .tabs").dblclick(function () {
            windows.maxBottom();
        });

        // side
        $(".footer .ico-restore:eq(0)").click(function () {
            windows.restoreSide();
            if ($(".footer .ico-restore:eq(1)").css("display") === "none"
                    && $(".footer .ico-restore:eq(2)").css("display") === "none") {
                $(".toolbars .ico-restore").removeClass("ico-restore").addClass("ico-max")
                        .attr({
                            "title": config.label.max_editor,
                            "onclick": "windows.maxEditor()"
                        });
            }
        });

        $(".side .ico-min").click(function () {
            windows.minSide();
            if ($(".footer .ico-restore:eq(1)").css("display") === "inline"
                    && $(".footer .ico-restore:eq(2)").css("display") === "inline") {
                $(".toolbars .ico-max").removeClass("ico-max").addClass("ico-restore")
                        .attr({
                            "title": config.label.restore_editor,
                            "onclick": "windows.restoreEditor()"
                        });
            }
        });

        $(".side .tabs").dblclick(function () {
            windows.maxSide();
        });

        // side right
        $(".footer .ico-restore:eq(2)").click(function () {
            windows.restoreSideRight();
            if ($(".footer .ico-restore:eq(1)").css("display") === "none"
                    && $(".footer .ico-restore:eq(0)").css("display") === "none") {
                $(".toolbars .ico-restore").removeClass("ico-restore").addClass("ico-max")
                        .attr({
                            "title": config.label.max_editor,
                            "onclick": "windows.maxEditor()"
                        });
            }
        });

        $(".side-right .ico-min").click(function () {
            windows.minSideRight();
            if ($(".footer .ico-restore:eq(1)").css("display") === "inline"
                    && $(".footer .ico-restore:eq(0)").css("display") === "inline") {
                $(".toolbars .ico-max").removeClass("ico-max").addClass("ico-restore")
                        .attr({
                            "title": config.label.restore_editor,
                            "onclick": "windows.restoreEditor()"
                        });
            }
        });

        $(".side-right .tabs").dblclick(function () {
            windows.maxSideRight();
        });

        $(window).click(function (event) {
            if ($(event.target).closest(".footer").length === 1
                    || $(event.target).closest(".bottom-window-group").length === 1
                    || $(event.target).closest(".toolbars").length === 1
                    || $(event.target).closest(".side").length === 1
                    || $(event.target).closest(".side-right").length === 1) {
            } else {
                windows.clearFloat();
            }
        });
    },
    maxBottom: function () {
        var $it = $(".bottom-window-group");

        if ($it.hasClass("bottom-window-group-max")) {
            windows.restoreBottom();
            if ($(".side").css("left") !== "0px" && $(".side").css("left") !== "auto") {
                $it.css({
                    "left": "0px",
                    "width": "100%"
                });
            }
        } else {
            $it.attr("style", "");

            var bottomH = $(".content").height();
            $(".bottom-window-group > .tabs-panel > div > div").height(bottomH - $it.children(".tabs").height());

            $it.addClass("bottom-window-group-max");
        }
    },
    maxSide: function () {
        var $it = $(".side");
        if ($it.hasClass("side-max")) {
            windows.restoreSide();
        } else {
            $it.addClass("side-max");
        }
    },
    maxSideRight: function () {
        var $it = $(".side-right");
        if ($it.hasClass("side-right-max")) {
            windows.restoreSideRight();
        } else {
            $it.addClass("side-right-max");
            $(".side-right > .tabs-panel > div").height($(".content").height() - $it.children(".tabs").height());
        }
    },
    restoreBottom: function () {
        var $it = $(".bottom-window-group");
        $it.removeClass("bottom-window-group-max").attr("style", "");
        var bottomH = $it.height();

        $(".bottom-window-group > .tabs-panel > div > div").height(bottomH - $it.children(".tabs").height());

        $it.animate({
            "top": "70%"
        }, function () {
            $(".edit-panel, .side-right").css("height", "70%");

            var editorDatas = editors.data,
                    height = $(".edit-panel").height() - $(".edit-panel .tabs").height();
            for (var i = 0, ii = editorDatas.length; i < ii; i++) {
                editorDatas[i].editor.setSize("100%", height);
            }

            $it.show();
            $(".footer .ico-restore:eq(1)").hide();
        });

        if ($(".footer .ico-restore:eq(0)").css("display") === "inline") {
            // 当文件树最小化时
            $it.css({
                "width": "100%",
                "left": "0"
            });
        }
    },
    restoreSide: function () {
        $(".side").animate({
            "left": "0"
        }, function () {
            $(".edit-panel, .bottom-window-group").css({
                "left": "20%",
                "width": "80%"
            });

            if ($(".footer .ico-restore:eq(2)").css("display") === "inline") {
                // 当outline最小化时
                $(".edit-panel").css("width", "80%");
            } else {
                $(".edit-panel").css("width", "60%");
            }

            $(".footer .ico-restore:eq(0)").hide();
        }).removeClass("side-max");
    },
    restoreSideRight: function () {
        $(".side-right").animate({
            "right": "0"
        }, function () {
            if ($(".footer .ico-restore:eq(0)").css("display") === "inline") {
                // 当文件树最小化时
                $(".edit-panel").css("width", "80%");
            } else {
                $(".edit-panel").css("width", "60%");
            }

            $(".footer .ico-restore:eq(2)").hide();
            $(".side-right > .tabs-panel > div").height($('.side-right').height()
                    - $(this).children(".tabs").height());
        }).removeClass("side-right-max");
    },
    minBottom: function () {
        $(".edit-panel, .side-right").css("height", "100%");

        var editorDatas = editors.data,
                height = $(".content").height() - $(".edit-panel .tabs").height();
        for (var i = 0, ii = editorDatas.length; i < ii; i++) {
            editorDatas[i].editor.setSize("100%", height);
        }

        $(".bottom-window-group").css("top", "100%").hide();
        $(".footer .ico-restore:eq(1)").show();
    },
    minSide: function () {
        $(".side").css("left", "-20%").removeClass("side-max");

        var width = '80%';
        if ($(".footer .ico-restore:eq(2)").css("display") === "inline") {
            // 当 outline 最小化时
            width = '100%';
        }

        $(".edit-panel, .bottom-window-group").css({
            "left": "0",
            "width": width
        });

        $(".bottom-window-group").css({
            "left": "0",
            "width": '100%'
        });


        $(".footer .ico-restore:eq(0)").show();
    },
    minSideRight: function () {
        $(".side-right").css("right", "-20%");
        $(".footer .ico-restore:eq(2)").show();

        if ($(".footer .ico-restore:eq(0)").css("display") === "inline") {
            // 当文件树最小化时
            $(".edit-panel").css("width", "100%");
        } else {
            $(".edit-panel").css("width", "80%");
        }
    },
    maxEditor: function () {
        $(".toolbars .ico-max").removeClass("ico-max").addClass("ico-restore")
                .attr({
                    "title": config.label.restore_editor,
                    "onclick": "windows.restoreEditor()"
                });

        windows.minBottom();
        windows.minSide();
        windows.minSideRight();
        if (wide.curEditor) {
            wide.curEditor.focus();
        }

        windows.isMaxEditor = true;
    },
    restoreEditor: function () {
        $(".toolbars .ico-restore").removeClass("ico-restore").addClass("ico-max")
                .attr({
                    "title": config.label.max_editor,
                    "onclick": "windows.maxEditor()"
                });

        windows.restoreBottom();
        windows.restoreSide();
        windows.restoreSideRight();
        if (wide.curEditor) {
            wide.curEditor.focus();
        }

        windows.isMaxEditor = false;
    },
    clearFloat: function () {
        if ($(".footer .ico-restore:eq(0)").css("display") === "inline") {
            // 当文件树最小化时
            windows.minSide();
        }

        if ($(".footer .ico-restore:eq(1)").css("display") === "inline") {
            // 当底部最小化时
            windows.minBottom();
        }

        if ($(".footer .ico-restore:eq(2)").css("display") === "inline") {
            // 当 outline 最小化时
            windows.minSideRight();
        }
    },
    flowBottom: function () {
        if ($(".footer .ico-restore:eq(1)").css("display") === "inline") {
            // 当底部树最小化时
            $(".bottom-window-group").css({
                "top": "70%",
                "left": "0px",
                "width": "100%",
                "z-index": "8"
            }).show();
        }
    }
};