/* -*- Mode: java; tab-width: 2; c-label-minimum-indentation: 4; indent-tabs-mode: nil; c-basic-offset: 4 -*- */

/* Cyrus: comparator-i;ascii-numeric fileinto reject vacation imapflags
   notify envelope relational regex subaddress copy */
var sieveCapabilities = [];

var filter;

var selectedRuleDiv = null;
var selectedActionDiv = null;

var fieldLabels;
var methodLabels;
var operatorLabels;
var operatorRequirements;
var methodRequirements;
var flagLabels;

var mailboxes = [];

function onLoadHandler() {
    setupConstants();
    setupEventHandlers();

    if (window.opener)
        sieveCapabilities = window.opener.getSieveCapabilitiesFromEditor();
    if (!window.opener || filterId == "new") {
        setupNewFilterData();
    } else {
        filter = window.opener.getFilterFromEditor(filterId).evalJSON();
    }

    if (!window.opener || window.opener.userMailboxes) {
        setupFilterViews();
    } else {
        loadMailboxes();
    }
}

function loadMailboxes() {
    var url = ApplicationBaseURL + "/Mail/0/mailboxes";
    triggerAjaxRequest(url, onLoadMailboxesCallback);
}

function onLoadMailboxesCallback(http) {
    if (http.readyState == 4) {
        // log("http.status: " + http.status);
        if (http.status == 200) {
            checkAjaxRequestsState();
            if (http.responseText.length > 0) {
                var jsonResponse = http.responseText.evalJSON(true);
                window.opener.setupMailboxesFromJSON(jsonResponse);
            }
        }
        setupFilterViews();
    }
}

function setupConstants() {
    fieldLabels = { "subject": _("Subject"),
                    "from": _("From"),
                    "to": _("To"),
                    "cc": _("Cc"),
                    "to_or_cc": _("To or Cc"),
                    "size": _("Size (Kb)"),
                    "header": _("Header"),
                    "body": _("Body") };
    methodLabels = { "addflag": _("Flag the message with"),
                     "discard": _("Discard the message"),
                     "fileinto": _("File the message in"),
                     "keep": _("Keep the message"),
                     "redirect": _("Forward the message to"),
                     "reject": _("Send a reject message"),
                     "vacation": _("Send a vacation message"),
                     "stop": _("Stop processing filter rules") };

    operatorLabels = { "under": _("is under"),
                       "over": _("is over"),
                       "is": _("is"),
                       "is_not": _("is not"),
                       "contains": _("contains"),
                       "contains_not": _("does not contain"),
                       "matches": _("matches"),
                       "matches_not": _("does not match"),
                       "regex": _("matches regex"),
                       "regex_not": _("does not match regex") };

    flagLabels = { "seen": _("Seen"),
                   "deleted": _("Deleted"),
                   "answered": _("Answered"),
                   "flagged": _("Flagged"),
                   "junk": _("Junk"),
                   "not_junk": _("Not Junk") };

    for (var name in mailTags) {
        flagLabels[name] = _( mailTags[name][0] );
    }
}

function setupEventHandlers() {
    var filterName = $($("mainForm").filterName);
    if (filterName) {
        filterName.on('change', onFilterNameChange);
    }
    var matchTypeSelect = $("matchType");
    if (matchTypeSelect) {
        matchTypeSelect.on('change', onMatchTypeChange);
    }

    // Filter rules
    $("filterRules").on('click', onFilterRulesDivClick);
    var ruleAdd = $("ruleAdd");
    if (ruleAdd) {
        ruleAdd.on('click', onRuleAddClick);
    }
    var ruleDelete = $("ruleDelete");
    if (ruleDelete) {
        ruleDelete.on('click', onRuleDeleteClick);
    }

    // Filter actions
    $('filterActions').on('click', onFilterActionsDivClick);
    var actionAdd = $("actionAdd");
    if (actionAdd) {
        actionAdd.on('click', onActionAddClick);
    }
    var actionDelete = $("actionDelete");
    if (actionDelete) {
        actionDelete.on('click', onActionDeleteClick);
    }
}

function onFilterNameChange(event) {
    filter.name = this.value;
}

function onMatchTypeChange() {
    var matchType = this.value;
    filter.match = matchType;
    var container = $("filterRulesContainer");
    var otherContainer = $("filterActionsContainer");
    var otherContainerTop;
    if (matchType == "allmessages") {
        container.hide();
        otherContainerTop = 130;
    } else {
        container.show();
        otherContainerTop = 240;
    }
    otherContainer.setStyle({ top: otherContainerTop + "px" });
}

function onFilterRulesDivClick(event) {
    setSelectedRuleDiv(null);
    Event.stop(event);
}

function onFilterActionsDivClick(event) {
    setSelectedActionDiv(null);
    Event.stop(event);
}

function createFilterRule() {
    return { field: "subject", operator: "contains", value: "" };
}

function createFilterAction() {
    return { method: "fileinto", argument: "INBOX" };
}

function setupNewFilterData() {
    var newFilterTemplate = $({ name: _("Untitled Filter"),
                                match: "any",
                                active: true });
    newFilterTemplate.rules = $([ createFilterRule() ]);
    newFilterTemplate.actions = $([ createFilterAction() ]);

    filter = newFilterTemplate;
}

function setupFilterViews() {
    var filterName = $("mainForm").filterName;
    if (filterName) {
        filterName.value = filter.name;
        if (filterId == "new") {
            filterName.focus();
            $(filterName).selectText(0, filterName.value.length);
        }
    }

    var matchTypeSelect = $("matchType");
    if (matchTypeSelect) {
        matchTypeSelect.value = filter.match;
    }
    if (filter.match != "allmessages") {
        var filterRules = $("filterRules");
        if (filterRules && filter.rules) {
            for (var i = 0; i < filter.rules.length; i++) {
                appendRule(filterRules, filter.rules[i]);
            }
        }
    }
    onMatchTypeChange.apply(matchTypeSelect);

    var filterActions = $("filterActions");
    if (filterActions && filter.actions) {
        for (var i = 0; i < filter.actions.length; i++) {
            appendAction(filterActions, filter.actions[i]);
        }
    }
}

function appendRule(container, rule) {
    var ruleDiv = createElement("div", null, "rule",
                                { rule: rule }, null,
                                container);
    ruleDiv.on('click', onRuleDivClick);
    ensureRuleRepresentation(ruleDiv);

    return ruleDiv;
}

function onRuleDivClick(event) {
    setSelectedRuleDiv(this);
    Event.stop(event);
}

function setSelectedRuleDiv(newDiv) {
    if (selectedRuleDiv) {
        selectedRuleDiv.removeClassName("_selected");
    }
    selectedRuleDiv = newDiv;
    if (selectedRuleDiv) {
        selectedRuleDiv.addClassName("_selected");
    }
}

function ensureRuleRepresentation(container) {
    ensureFieldRepresentation(container);
    ensureOperatorRepresentation(container);
    ensureValueRepresentation(container);
}

function ensureFieldRepresentation(container) {
    var fieldSpans = container.select("SPAN.fieldContainer");
    var fieldSpan;
    if (fieldSpans.length)
        fieldSpan = fieldSpans[0];
    else {
        while (container.firstChild) {
            container.removeChild(container.firstChild);
        }
        fieldSpan = createElement("span", null, "fieldContainer",
                                  null, null, container);
    }
    ensureFieldSelectRepresentation(container, fieldSpan);
    ensureFieldCustomHeaderRepresentation(container, fieldSpan);
}

function ensureFieldSelectRepresentation(container, fieldSpan) {
    var fields = [ "subject", "from", "to", "cc", "to_or_cc", "size", "header" ];
    if (sieveCapabilities.indexOf("body") > -1) {
        fields.push("body");
    }
    var selects = fieldSpan.select("SELECT");
    var select;
    if (selects.length)
        select = selects[0];
    else {
        select = createElement("select");
        select.rule = container.rule;
        select.on('change', onFieldSelectChange);
        for (var i = 0; i < fields.length; i++) {
            var field = fields[i];
            var fieldOption = createElement("option", null, null,
                                            { value: field }, null, select);
            fieldOption.appendChild(document.createTextNode(fieldLabels[field]));
        }
        fieldSpan.appendChild(select);
    }
    select.value = container.rule.field;
    container.rule.field = select.value;
}

function onFieldSelectChange(event) {
    this.rule.field = this.value;
    var fieldSpan = this.parentNode;
    var container = fieldSpan.parentNode;
    ensureFieldCustomHeaderRepresentation(container, fieldSpan);
    ensureOperatorRepresentation(container);
    ensureValueRepresentation(container);
}

function ensureFieldCustomHeaderRepresentation(container, fieldSpan) {
    var headerInputs = fieldSpan.select("INPUT");
    var headerInput = null;
    if (headerInputs.length) {
        headerInput = headerInputs[0];
    }
    if (container.rule.field == "header") {
        if (!headerInput) {
            headerInput = createElement("input", null, null,
                                        { type: "text" }, null, fieldSpan);
            headerInput.rule = container.rule;
            if (!container.rule.custom_header)
                container.rule.custom_header = "";
            headerInput.value = container.rule.custom_header;
            headerInput.on('change', onFieldCustomHeaderChange);
            headerInput.focus();
        }
    } else {
        if (headerInput) {
            if (container.rule.custom_header)
                container.rule.custom_header = null;
            fieldSpan.removeChild(headerInput);
        }
    }
}

function onFieldCustomHeaderChange(event) {
    this.rule.custom_header = this.value;
}

function ensureOperatorRepresentation(container) {
    var operatorSpans = container.select("SPAN.operatorContainer");
    var operatorSpan;
    if (operatorSpans.length)
        operatorSpan = operatorSpans[0];
    else
        operatorSpan = createElement("span", null, "operatorContainer",
                                     null, null, container);
    ensureOperatorSelectRepresentation(container, operatorSpan);
}

function ensureOperatorSelectRepresentation(container, operatorSpan) {
    var operators = determineOperators(container.rule.field);

    var ruleField = container.rule.field;
    var selects = operatorSpan.select("SELECT");
    var select = null;
    if (selects.length) {
        select = selects[0];
        if ((ruleField == "size" && !select.sizeOperator)
            || (ruleField != "size" && select.sizeOperator)) {
            operatorSpan.removeChild(select);
            select = null;
        }
    }
    if (!select) {    
        select = createElement("select");
        select.rule = container.rule;
        select.sizeOperator = (ruleField == "size");
        select.on('change', onOperatorSelectChange);
        for (var i = 0; i < operators.length; i++) {
            var operator = operators[i];
            var operatorOption = createElement("option", null, null,
                                               { value: operator }, null,
                                               select);
            operatorOption.appendChild(document.createTextNode(operatorLabels[operator]));
        }
        operatorSpan.appendChild(select);
    }
    if (container.rule.operator
        && operators.indexOf(container.rule.operator) == -1) {
        container.rule.operator = operators[0];
    }
    select.value = container.rule.operator;
    container.rule.operator = select.value;
}

function onOperatorSelectChange(event) {
    this.rule.operator = this.value;
    var valueSpans = this.parentNode.parentNode.select("SPAN.valueContainer");
    if (valueSpans.length) {
        var valueInputs = valueSpans[0].select("INPUT");
        if (valueInputs.length) {
            valueInputs[0].focus();
        }
    }
}

function determineOperators(field) {
    var operators;
    if (field == "size") {
        operators = [ "under", "over" ];
    } else {
        var baseOperators = [ "is", "contains", "matches" ];
        if (sieveCapabilities.indexOf("regex") > -1) {
            baseOperators.push("regex");
        }
        operators = [];
        for (var i = 0; i < baseOperators.length; i++) {
            operators.push(baseOperators[i]);
            operators.push(baseOperators[i] + "_not");
        }
    }

    return operators;
}

function ensureValueRepresentation(container) {
    var valueSpans = container.select("SPAN.valueContainer");
    var valueSpan;
    if (valueSpans.length)
        valueSpan = valueSpans[0];
    else
        valueSpan = createElement("span", null, "valueContainer",
                                  null, null, container);
    ensureValueInputRepresentation(container, valueSpan);
}

function ensureValueInputRepresentation(container, valueSpan) {
    var inputs = valueSpan.select("INPUT");
    var input;
    if (inputs.length) {
        input = inputs[0];
    }
    else {
        input = createElement("input", null, "textField");
        input.rule = container.rule;
        input.on('change', onValueInputChange);
        valueSpan.appendChild(input);
    }
    input.value = container.rule.value;
    ensureFieldValidity(input);
}

function ensureFieldValidity(input) {
    var valid = ensureFieldIsNotEmpty(input);
    if (valid && input.rule.field == "size") {
        valid = ensureFieldIsNumerical(input);
    }

    return valid;
}

function onValueInputChange(event) {
    if (ensureFieldValidity(this))
        this.rule.value = this.value;
    else
        this.rule.value = "";
}

function ensureFieldIsNumerical(input) {
    var valid = !isNaN(input.value);
    if (valid) {
        input.removeClassName("_invalid");
    } else {
        input.addClassName("_invalid");
    }

    return valid;
}

function ensureFieldIsNotEmpty(input) {
    var valid = !input.value.blank();
    if (valid) {
        input.removeClassName("_invalid");
    } else {
        input.addClassName("_invalid");
    }

    return valid;
}

function appendAction(container, action) {
    var actionDiv = createElement("div", null, "action",
                                  { action: action }, null,
                                  container);
    actionDiv.on('click', onActionDivClick);
    ensureActionRepresentation(actionDiv);

    return actionDiv;
}

function onActionDivClick(event) {
    setSelectedActionDiv(this);
    Event.stop(event);
}

function setSelectedActionDiv(newSpan) {
    if (selectedActionDiv) {
        selectedActionDiv.removeClassName("_selected");
    }
    selectedActionDiv = newSpan;
    if (selectedActionDiv) {
        selectedActionDiv.addClassName("_selected");
    }
}

function ensureActionRepresentation(container) {
    ensureMethodRepresentation(container);
    ensureArgumentRepresentation(container);
}

function ensureMethodRepresentation(container) {
    var methodSpans = container.select("SPAN.methodContainer");
    var methodSpan;
    if (methodSpans.length)
        methodSpan = methodSpans[0];
    else {
        while (container.firstChild) {
            container.removeChild(container.firstChild);
        }
        methodSpan = createElement("span", null, "methodContainer",
                                   null, null, container);
    }
    ensureMethodSelectRepresentation(container, methodSpan);
}

function ensureMethodSelectRepresentation(container, methodSpan) {
    var methods = [ "redirect", "discard", "keep" ];
    if (sieveCapabilities.indexOf("reject") > -1) {
        methods.push("reject");
    }
    if (sieveCapabilities.indexOf("fileinto") > -1) {
        methods.push("fileinto");
    }
    if (sieveCapabilities.indexOf("imapflags") > -1 || sieveCapabilities.indexOf("imap4flags") > -1) {
        methods.push("addflag");
    }
    methods.push("stop");
    /* TODO: those are currently unimplemented */
    // if (sieveCapabilities.indexOf("notify") > -1) {
    //     methods.push("notify");
    // }
    // if (sieveCapabilities.indexOf("vacation") > -1) {
    //     methods.push("vacation");
    // }

    var selects = methodSpan.select("SELECT");
    var select;
    if (selects.length)
        select = selects[0];
    else {
        select = createElement("select");
        select.action = container.action;
        select.on('change', onMethodSelectChange);
        for (var i = 0; i < methods.length; i++) {
            var method = methods[i];
            var methodOption = createElement("option", null, null,
                                             { value: method }, null, select);
            methodOption.appendChild(document.createTextNode(methodLabels[method]));
        }
        methodSpan.appendChild(select);
    }
    select.value = container.action.method;
}

function onMethodSelectChange(event) {
    this.action.method = this.value;
    var methodSpan = this.parentNode;
    var container = methodSpan.parentNode;
    ensureArgumentRepresentation(container);
}

function ensureArgumentRepresentation(container) {
    var argumentWidgetMethods
        = { "addflag": ensureFlagArgRepresentation,
            "fileinto": ensureMailboxArgRepresentation,
            "redirect": ensureRedirectArgRepresentation,
            "reject": ensureRejectArgRepresentation,
            "vacation": ensureVacationArgRepresentation };

    var widgetMethod = argumentWidgetMethods[container.action.method];
    var spanClass = container.action.method + "Argument";

    var argumentSpans = container.select("SPAN.argumentContainer");
    var argumentSpan;
    if (argumentSpans.length) {
        argumentSpan = argumentSpans[0];
        if (argumentSpan
            && (!widgetMethod || !argumentSpan.hasClassName(spanClass))) {
            container.removeChild(argumentSpan);
            container.action.argument = null;
            argumentSpan = null;
        }
    }
    else
        argumentSpan = null;

    if (!argumentSpan && widgetMethod) {
        argumentSpan = createElement("span", null,
                                     ["argumentContainer", spanClass],
                                     null, null, container);
        widgetMethod(container, argumentSpan);
    }
}

function ensureFlagArgRepresentation(container, argumentSpan) {
    var selects = argumentSpan.select("SELECT");
    var select;
    if (selects.length)
        select = selects[0];
    else {
        select = createElement("select");
        select.action = container.action;
        select.on('change', onFlagArgumentSelectChange);
        for (var flag in flagLabels) {
            if (typeof flag != 'undefined') {
                var flagOption = createElement("option", null, null,
                                               { value: flag }, null, select);
                var label = flagLabels[flag];
                flagOption.appendChild(document.createTextNode(label));
            }
        }
        argumentSpan.appendChild(select);
    }
    /* 1) initialize the value if null
       2) set the SELECT to the corresponding value
       3) if value was not null in 1, we must ensure the SELECT contains it */
    if (!container.action.argument)
        container.action.argument = "seen";
    select.value = container.action.argument;
    container.action.argument = select.value;
}

function onFlagArgumentSelectChange(event) {
    this.action.argument = this.value;
}

function ensureMailboxArgRepresentation(container, argumentSpan) {
    var selects = argumentSpan.select("SELECT");
    var select;
    if (selects.length)
        select = selects[0];
    else {
        select = createElement("select");
        select.action = container.action;
        if (!container.action.argument)
            container.action.argument = "INBOX";
        select.on('change', onMailboxArgumentSelectChange);
        var mailboxes = (window.opener
                         ? window.opener.userMailboxes
                         : {'displayName': 'INBOX', 'path': 'INBOX' });
        for (var i = 0; i < mailboxes.length; i++) {
            var mailbox = mailboxes[i];
            var folderValue;
            ((sieveFolderEncoding == "UTF-8") ? folderValue = mailbox.displayName
                                              : folderValue = mailbox.path);
              
            var mboxOption = createElement("option", null, null,
                                           { value: folderValue }, null, select);
            mboxOption.appendChild(document.createTextNode(mailbox.displayName));
        }
        argumentSpan.appendChild(select);
    }
    select.value = container.action.argument;
    container.action.argument = select.value;
}

function onMailboxArgumentSelectChange(event) {
    this.action.argument = this.value;
}

function ensureRedirectArgRepresentation(container, argumentSpan) {
    var emailInputs = argumentSpan.select("INPUT");
    var emailInput = null;
    if (emailInputs.length) {
        emailInput = emailInputs[0];
    }
    if (!emailInput) {
        emailInput = createElement("input", null, "textField",
                                   { type: "text" }, null, argumentSpan);
        emailInput.action = container.action;
        if (!container.action.argument)
            container.action.argument = "";
        emailInput.on('change', onEmailArgumentChange);
        emailInput.focus();
    }
    emailInput.value = container.action.argument;
}

function onEmailArgumentChange(event) {
    this.action.argument = this.value;
}

function ensureRejectArgRepresentation(container, argumentSpan) {
    var msgAreas = argumentSpan.select("TEXTAREA");
    var msgArea = null;
    if (msgAreas.length) {
        msgArea = msgAreas[0];
    }
    if (!msgArea) {
        msgArea = createElement("textarea", null, null,
                                { action: container.action }, null,
                                argumentSpan);
        if (!container.action.argument)
            container.action.argument = "";
        msgArea.on('change', onMsgArgumentChange);
        msgArea.focus();
    }
    msgArea.value = container.action.argument;
}

function onMsgArgumentChange(event) {
    this.action.argument = this.value;
}

function ensureVacationArgRepresentation(container, argumentSpan) {
    
}

function onRuleAddClick(event) {
    var filterRules = $("filterRules");
    if (filterRules) {
        var newRule = createFilterRule();
        if (!filter.rules)
            filter.rules = [];
        filter.rules.push(newRule);
        var newRuleDiv = appendRule(filterRules, newRule);
        setSelectedRuleDiv(newRuleDiv);
        filterRules.scrollTop = newRuleDiv.offsetTop;
    }
    Event.stop(event);
}

function onRuleDeleteClick(event) {
    if (selectedRuleDiv) {
        var ruleIndex = filter.rules.indexOf(selectedRuleDiv.rule);
        filter.rules.splice(ruleIndex, 1);
        var nextSelected = selectedRuleDiv.next();
        if (!nextSelected)
            nextSelected = selectedRuleDiv.previous();
        selectedRuleDiv.parentNode.removeChild(selectedRuleDiv);
        setSelectedRuleDiv(nextSelected);
    }

    Event.stop(event);
}

function onActionAddClick(event) {
    var filterActions = $("filterActions");
    if (filterActions) {
        var newAction = createFilterAction();
        filter.actions.push(newAction);
        var newActionDiv = appendAction(filterActions, newAction);
        setSelectedActionDiv(newActionDiv);
        filterActions.scrollTop = newActionDiv.offsetTop;
    }
    Event.stop(event);
}

function onActionDeleteClick(event) {
    if (selectedActionDiv) {
        var actionIndex = filter.actions.indexOf(selectedActionDiv.action);
        filter.actions.splice(actionIndex, 1);
        var nextSelected = selectedActionDiv.next();
        if (!nextSelected)
            nextSelected = selectedActionDiv.previous();
        selectedActionDiv.parentNode.removeChild(selectedActionDiv);
        setSelectedActionDiv(nextSelected);
    }

    Event.stop(event);
}

function savePreferences(event) {
    var valid = true;

    var container = $('filterRulesContainer');
    if (container.visible()) {
        var rules = container.select("DIV#filterRules DIV.rule");
        if (rules.length == 0) {
            onRuleAddClick(event);
            valid = false;
        }
        else {
            var inputs = $$("DIV#filterRules input");
            inputs.each(function(input) {
                    if (input.hasClassName("_invalid"))
                        valid = false;
                });
        }
    }

    var actions = $$("DIV#filterActions DIV.action");
    if (actions.length == 0) {
        onActionAddClick(event);        
        valid = false;
    }

    if (valid) {
        if (window.opener) {
            window.opener.updateFilterFromEditor(filterId, Object.toJSON(filter));
        }
        window.close();
    }
    
    return false;
}

// function configureDragHandles() {
//     var handle = $("splitter");
//     if (handle) {
//         handle.addInterface(SOGoDragHandlesInterface);
//         handle.upperBlock = $("filterRulesContainer");
//         handle.lowerBlock = $("filterActionsContainer");
//     }
// }

document.observe("dom:loaded", onLoadHandler);
