/**
 * Yobi, Project Hosting SW
 *
 * Copyright 2013 NAVER Corp.
 * http://yobi.io
 *
 * @author Yi EungJun
 *
 * 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.
 */

yobi = yobi || {};

yobi.CodeCommentBox = (function(){
    "use strict";

    var htVar = {};
    var htElement = {};

    /**
     * @private
     */
    function _init(htOptions){
        _initVar(htOptions);
        _initElement();
        _attachEvent();

        _initFileUploader();
    }

    /**
     * Initialize Variables
     * @param htOptions
     * @private
     */
    function _initVar(htOptions){
        htVar.sTplFileItem = htOptions.sTplFileItem || $('#tplAttachedFile').text();
    }

    /**
     * Initialize Elements
     * @private
     */
    function _initElement(){
        htElement.welCommentWrap = $("#review-form");
        htElement.welCommentForm = htElement.welCommentWrap.find("form");
        htElement.welCommentTextarea = htElement.welCommentForm.find('textarea[data-editor-mode="code-review-body"]');
        htElement.welCommentUploader = htElement.welCommentForm.find(".upload-wrap");
        htElement.welInitialParent = htElement.welCommentWrap.parent();
    }

    /**
     * Attach event handlers
     * @private
     */
    function _attachEvent(){
        htElement.welCommentForm.on("click", '[data-toggle="close"]', _hide);
    }

    function _show(welTarget, htOptions) {
        htOptions = htOptions || {};

        // show comment form
        var sPlacement = (htOptions.sPlacement || "bottom").toLowerCase();
        _setArrowPlacement(sPlacement);
        _placeReviewForm(welTarget, sPlacement);
        htElement.welCommentWrap.show();
        htElement.welCommentTextarea.focus();

        $.event.trigger("CodeCommentBox:aftershow");
    }

    /**
     * Set arrow placement of welCommentWrap
     * arrow will be placed on opposite side to sPlacement
     *
     * @param sPlacement Where to show commentBox from welTarget (top or bottom)
     * @private
     */
    function _setArrowPlacement(sPlacement){
        htVar.htArrowPlacement = htVar.htArrowPlacement || {
            "top": "bottom",
            "bottom": "top"
        };

        htElement.welCommentWrap.removeClass("arrow-top arrow-bottom")
            .addClass("arrow-" + htVar.htArrowPlacement[sPlacement]);
    }

    /**
     * Place welCommentWrap in proper position with welTarget
     *
     * @param welTarget
     * @param sPlacement
     * @private
     */
    function _placeReviewForm(welTarget, sPlacement){
        var welFormTarget = _getReviewFormTarget(welTarget);
        var welFormPlace = _getReviewFormPlace(welFormTarget, sPlacement);

        _setReviewFormFields(_getReviewFormFieldData(welFormTarget));

        welFormPlace.find(".write-comment-form").append(htElement.welCommentWrap);
    }

    /**
     * Get target element to place review form
     *
     * @param welTarget
     * @returns {Wrapped Element}
     * @private
     */
    function _getReviewFormTarget(welTarget){
        if(!welTarget.data("thread-id") && !welTarget.data("line")){
            return welTarget.prevUntil("tr[data-line]");
        }

        return welTarget;
    }

    /**
     * Get element to append review form
     *
     * @param welTarget
     * @param sPlacement
     * @returns {Wrapped Element}
     * @private
     */
    function _getReviewFormPlace(welTarget, sPlacement){
        if(welTarget.data("thread-id")){
            return welTarget.closest(".comment-thread-wrap")
        }

        var welPlace = $('<tr class="comment-form"></tr>');
        welPlace.html('<td colspan="3" class="write-comment-form"></td>');

        if(sPlacement === "top"){
            welTarget.before(welPlace);
        } else {
            welTarget.after(welPlace);
        }

        return welPlace;
    }

    /**
     * Get data for review form
     *
     * @param welTarget
     * @returns {Object}
     * @private
     */
    function _getReviewFormFieldData(welTarget){
        return !welTarget.data("thread-id") ?
                _getFormFieldsFromBlockInfo(welTarget.data("blockInfo")) :
                {"thread.id": welTarget.data("thread-id")};
    }

    /**
     * @private
     */
    function _getFormFieldsFromBlockInfo(htBlockInfo){
        var sNewKey;
        var htData = {};
        var aBlockWords = ["bIsReversed"];

        for(var sKey in htBlockInfo){
            // 특정한 항목은 폼 데이터에 넣지 않는다
            if(aBlockWords.indexOf(sKey) > -1){
                continue;
            }

            sNewKey = sKey.substr(1,1).toLowerCase() + sKey.substring(2);
            htData[sNewKey] = htBlockInfo[sKey];
        }

        return htData;
    }

    /**
     * @private
     */
    function _setReviewFormFields(htData){
        var aInput = [];
        var welField, elField, sFieldName;
        var welForm = htElement.welCommentForm;

        // 필드가 없으면 만들고, 있으면 값 지정
        for(sFieldName in htData){
            welField = welForm.find('input[type="hidden"][name="' + sFieldName + '"]');

            if(welField.length === 0){
                elField = _getHiddenField(sFieldName, htData[sFieldName]);
                aInput.push(elField); // append new field
            } else {
                welField.val(htData[sFieldName]);
            }
        }

        // prepend new INPUT elements to welForm
        if(aInput.length > 0){
            welForm.prepend(aInput);
        }
    }

    /**
     * @param sFieldName
     * @param sFieldValue
     * @returns {HTMLElement}
     * @private
     */
    function _getHiddenField(sFieldName, sFieldValue){
        var elInput = document.createElement("INPUT");
        elInput.setAttribute("name", sFieldName);
        elInput.setAttribute("type", "hidden");
        elInput.value = sFieldValue;
        return elInput;
    }

    /**
     * @private
     */
    function _hide(){
        htElement.welCommentWrap.hide();
        var welFormWrap = htElement.welCommentWrap.closest("tr.comment-form");
        htElement.welInitialParent.append(htElement.welCommentWrap);
        welFormWrap.remove();

        $.event.trigger("CodeCommentBox:afterhide");
    }

    /**
     * @private
     */
    function _toggleVisibility(welTr, htOptions){
       if(htElement.welCommentWrap.css("display") === "block"){
           _hide(htOptions);
       } else {
           _show(welTr, htOptions);
       }
    }

    /**
     * @returns {boolean}
     * @private
     */
    function _isVisible(){
        return (htElement.welCommentWrap &&
                htElement.welCommentWrap.css("display") === "block");
    }

    /**
     * @private
     */
    function _initFileUploader(){
        var oUploader = yobi.Files.getUploader(htElement.welCommentUploader, htElement.welCommentTextarea);

        if(oUploader){
            (new yobi.Attachments({
                "elContainer"  : htElement.welCommentUploader,
                "elTextarea"   : htElement.welCommentTextarea,
                "sTplFileItem" : htVar.sTplFileItem,
                "sUploaderId"  : oUploader.attr("data-namespace")
            }));
        }
    }

    /**
     * @private
     */
    function _getWrapHeight(){
       return htElement.welCommentWrap.height();
    }

    /**
     * @private
     */
    function _getWrapOffset(){
       return htElement.welCommentWrap.offset();
    }

    // public interface
    return {
        "init"  : _init,
        "show"  : _show,
        "hide"  : _hide,
        "toggle": _toggleVisibility,
        "isVisible": _isVisible,
        "height": _getWrapHeight,
        "offset": _getWrapOffset
    };
})();