webapp/static/widgets.js

/*
 * Copyright (C) 2008 Google Inc.
 *
 * 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.
 */


// utilities
// =============================================================================

function trim(str)
{
    return str.replace(/^\s+|\s+$/g, '');
}

function add_input(mom, type, name, value)
{
    var input = document.createElement("input");
    input.type = type;
    if (name) input.name = name
    if (value) input.value = value;
    mom.appendChild(input);
    return input;
}

function add_option(select, text, value, selected)
{
    var opt = document.createElement("option");
    opt.text = text;
    opt.value = value;
    opt.selected = selected;
    select.appendChild(opt);
    return opt;
}

function set_error(me, error)
{
    var o = me.error_div;
    if (error) {
        var N = o.childNodes.length;
        for (var i=0; i<N; i++) {
            o.removeChild(o.childNodes[0]);
        }
        o.appendChild(document.createTextNode(error));
        o.style.display = "block";
    } else {
        o.style.display = "none";
    }
}

// UserGroupField
// =============================================================================

function UserGroupField_add_keydown(ev, me)
{
    if (ev.keyCode == 13) {
        // enter
        UserGroupField_add(me);
        return false;
    }
    return true;
}

function UserGroupField_insertEntry(me, entry)
{
    var type = entry["type"];
    var key = entry["key"];
    var display_name;
    if (type == "user") {
        display_name = entry["real_name"] + " <" + entry["email"] + ">";
    } else if (type == "group") {
        display_name = "Group: " + entry["name"];
    }

    var tr = me.table.insertRow(me.table.rows.length-1);
    var td = tr.insertCell(-1);
    td.appendChild(document.createTextNode(display_name));
    var td = tr.insertCell(-1);
    var input = document.createElement("input");
    var input = add_input(td, "button", null, "delete");
    input.onclick = function () { UserGroupField_delete(me, tr); };
    add_input(td, "hidden", me.name + "_keys", key);

    me.people[me.people.length] = key;
}

function UserGroupField_insertField(mom, name, allow_users, allow_groups, initial)
{
    var me = new Object();
    me.name = name;
    me.allow_users = allow_users;
    me.allow_groups = allow_groups;
    me.people = []; // The users and groups already added

    // the table
    me.table = document.createElement("table");

    // the add field button
    var tr = me.table.insertRow(-1);
    var td = tr.insertCell(-1);
    me.add_text = add_input(td, "text", name + "_add", "");
    me.add_text.onkeypress = function(ev) {
            return UserGroupField_add_keydown(ev, me);
        };
    var td = tr.insertCell(-1);
    var add_button = add_input(td, "button", null, "add");
    add_button.onclick = function() {
            UserGroupField_add(me);
        };
    var td = tr.insertCell(-1);
    me.error_div = document.createElement("div");
    me.error_div.style.display = "none";
    me.error_div.style.color = "red"; // TODO(joeo) CSS!
    td.appendChild(me.error_div);

    for (var i=0; i<initial.length; i++) {
        UserGroupField_insertEntry(me, initial[i]);
    }

    mom.appendChild(me.table);
}

function UserGroupField_add(me)
{
    // figure out the value they want
    var val = trim(me.add_text.value);
    if (val.length == 0) {
        // bail if it is empty
        me.add_text.value = "";
        return;
    }

    if (me.add_text.ajaxController) {
        me.add_text.ajaxController.cancel();
    }
    me.add_text.ajaxController = get_json(
            "/admin/people_info?op=get_user_info&id=" + escape(val)
                + "&allow_users=" + me.allow_users + "&allow_groups=" + me.allow_groups,
            function(success, result) {
                if (!success) {
                    show_bad_connection_error("UserGroupField_add_callback");
                    return;
                }
                
                if (!result) {
                    if (me.allow_users && me.allow_groups) {
                        set_error(me, "Not a registered email address or group name.");
                    } else if (me.allow_users) {
                        set_error(me, "Not a registered email address.");
                    } else if (me.allow_groups) {
                        set_error(me, "Not a registered group name.");
                    }
                    return;
                }

                // check to make sure it is not a duplicate
                var key = result["key"];
                var type = result["type"];
                for (var i=0; i<me.people.length; i++) {
                    if (me.people[i] == key) {
                        if (type == "user") {
                            set_error(me, "That user is already added.");
                        } else {
                            set_error(me, "That group is already added.");
                        }
                        return;
                    }
                }

                // add the new row and hidden inputs
                UserGroupField_insertEntry(me, result);

                // clear the error and text box
                set_error(me, null);
                me.add_text.value = "";
            });
}

function UserGroupField_delete(me, tr)
{
    me.table.deleteRow(tr);
}


// ApproversField
// =============================================================================

function ApproversField_insertEntry(me, entry)
{
    var files;
    var key;
    var approvers;
    var verifiers;
    var bad_files;
    if (entry) {
        files = entry["files"];
        bad_files = entry["bad_files"];
        key = entry["key"];
        approvers = entry["approvers"];
        verifiers = entry["verifiers"];
    } else {
        files = "";
        bad_files = "";
        key = "added_" + me.key_index;
        me.key_index = me.key_index + 1;
        approvers = [];
        verifiers = [];
    }
    var field_key = me.name + "_" + key;

    var tr = me.table.insertRow(me.table.rows.length);
    var td = tr.insertCell(-1);

    var style = me.styles["approval"];
    if (style) {
        td.className = style;
    }

    if (bad_files.length > 0) {
        var bad_files_div = document.createElement("div");
        td.appendChild(bad_files_div);
        bad_files_div.className = "bad_files";
        bad_files_div.appendChild(document.createTextNode("Illegal file paths:"));
        var bad_files_ul = document.createElement("ul");
        bad_files_div.appendChild(bad_files_ul);
        for (var i in bad_files) {
            var bad_file_li = document.createElement("li");
            bad_files_ul.appendChild(bad_file_li);
            bad_file_li.appendChild(document.createTextNode(bad_files[i]));
        }
    }

    var textarea = document.createElement("textarea");
    textarea.name = field_key + "_files";
    textarea.cols = 100;
    textarea.rows = 5;
    textarea.appendChild(document.createTextNode(files));
    td.appendChild(textarea);

    me.keys_field = add_input(td, "hidden", me.name + "_keys", key);

    var field_table = document.createElement("table");
    field_table.width = "100%";
    td.appendChild(field_table);
    var field_tr = field_table.insertRow(-1);
    var field_td = document.createElement("th");
    field_tr.appendChild(field_td);
    field_td.appendChild(document.createTextNode("Approvers"));
    field_td = document.createElement("th");
    field_tr.appendChild(field_td);
    field_td.appendChild(document.createTextNode("Verifiers"));
    var field_tr = field_table.insertRow(-1);
    field_td = field_tr.insertCell(-1);
    UserGroupField_insertField(field_td, field_key + "_approvers", true, true, approvers);
    
    field_td = field_tr.insertCell(-1);
    UserGroupField_insertField(field_td, field_key + "_verifiers", true, true, verifiers);

    
    var td = tr.insertCell(-1);
    td.vAlign = "top";
    var input = add_input(td, "button", null, "delete");
    input.onclick = function () { ApproversField_delete(me, tr); };
    if (style) {
        td.className = style;
    }
}

function ApproversField_insertField(mom, name, initial, styles)
{
    var me = new Object();
    me.name = name;
    me.key_index = 0;
    me.styles = styles;

    mom = document.getElementById(mom);

    me.div = document.createElement("div");
    me.table = document.createElement("table");
    me.div.appendChild(me.table);

    for (var i=0; i<initial.length; i++) {
        ApproversField_insertEntry(me, initial[i]);
    }

    var add_button = add_input(me.div, "button", null, "Add Approver");
    add_button.onclick = function() { ApproversField_add(me); };

    mom.appendChild(me.div);
}

function ApproversField_add(me)
{
    ApproversField_insertEntry(me, null);
}

function ApproversField_delete(me, tr)
{
    me.table.deleteRow(tr);
}


// ApproversField
// =============================================================================

function ProjectField_insertEntry(me, name, project_list, value)
{
    var s = document.createElement("select");
    s.name = name;
    s.className = "project-field"
    me.mom.appendChild(s);
    add_option(s, "--", null, value == null);
    for (var i in project_list) {
        var p = project_list[i];
        add_option(s, p["name"], p["key"], p["key"] == value);
    }
    me.last = s;

    s.onclick = function() {
            if (s.selectedIndex == 0) {
                // the -- item
                if (s != me.last) {
                    me.mom.removeChild(s);
                }
            } else {
                if (s == me.last) {
                    ProjectField_insertEntry(me, name, project_list, "--");
                }
            }
        };
}

function ProjectField_insertField(mom, name, project_list, initial)
{
    var me = new Object();
    me.mom = mom;

    var current = new Array(initial.length);
    for (var i in initial) {
        current[i] = initial[i];
    }

    for (var i in current) {
        ProjectField_insertEntry(me, name, project_list, current[i]);
    }
    ProjectField_insertEntry(me, name, project_list, null);
}