Synnefo

var flavors = [], images = [], servers = [], disks = [], cpus = [], ram = [];

var changes_since = 0, deferred = 0, update_request = false, load_request = false, pending_actions = [];

var API_URL = "/api/v1.1";

var serverlength = 0;

function ISODateString(d){

    //return a date in an ISO 8601 format using UTC. 

    //do not include time zone info (Z) at the end

    //taken from the Mozilla Developer Center 

    function pad(n){ return n<10 ? '0'+n : n }

    return  d.getUTCFullYear()+ '-' +

                        pad(d.getUTCMonth()+1) + '-' +

                        pad(d.getUTCDate()) + 'T' +

                        pad(d.getUTCHours()) + ':' +

                        pad(d.getUTCMinutes()) + ':' +

                        pad(d.getUTCSeconds()) +'Z'

}

function parse_error(responseText){

        var errors = [];

        if (responseText.length == 0){

                errors[0] = {'code': 503};

        } else {

                responseObj = JSON.parse(responseText);

                //console.info(inp);

                for (var err in responseObj){

                        errors[errors.length] = responseObj[err];

                }

        }

        return errors;

}

// indexOf prototype for IE

if (!Array.prototype.indexOf) {

  Array.prototype.indexOf = function(elt /*, from*/) {

    var len = this.length;

    var from = Number(arguments[1]) || 0;

    from = (from < 0)

         ? Math.ceil(from)

         : Math.floor(from);

    if (from < 0)

      from += len;

    for (; from < len; from++) {

      if (from in this &&

          this[from] === elt)

        return from;

    }

    return -1;

  };

}

function update_confirmations(){

    // hide all confirm boxes to begin with

    $('div.confirm_single').hide();

    $('div.confirm_multiple').hide();

        // standard view only

        if ($.cookie("list") != '1') { 

                for (i=0;i<pending_actions.length;i++){

            // show single confirms

                        $("div.machine#"+pending_actions[i][1]+' .confirm_single').show();        

                }                

        }

        // if more than one pending action show multiple confirm box

        if (pending_actions.length>1 || $.cookie("list") == '1' && pending_actions.length == 1){ 

                $('div.confirm_multiple span.actionLen').text(pending_actions.length);

                $('div.confirm_multiple').show();

        }

}

function list_view() {

    serverlength = 0;  // reset server length

        changes_since = 0; // to reload full list

        pending_actions = []; // clear pending actions

        update_confirmations();

        clearTimeout(deferred);        // clear old deferred calls

        try {

                update_request.abort(); // cancel pending ajax updates

                load_request.abort();

        }catch(err){}

    $.cookie("list", '1'); // set list cookie

        uri = $("#list").attr("href");

    load_request = $.ajax({

        url: uri,

        type: "GET",

        timeout: TIMEOUT,

        dataType: "html",

        error: function(jqXHR, textStatus, errorThrown) {                                                

                        return false;

                },

        success: function(data, textStatus, jqXHR) {

                        $("a#list")[0].className += ' activelink';

                        $("a#standard")[0].className = '';

                        $("div#machinesview").html(data);

                }

        });

    return false;

}

function standard_view() {

    serverlength = 0; // reset server length

        changes_since = 0; // to reload full list

        pending_actions = []; // clear pending actions

        update_confirmations();

        clearTimeout(deferred);        // clear old deferred calls

        try {

                update_request.abort() // cancel pending ajax updates

                load_request.abort();

        }catch(err){}        

    $.cookie("list", '0');

    uri = $("a#standard").attr("href");

    load_request = $.ajax({

        url: uri,

        type: "GET",

        timeout: TIMEOUT,

        dataType: "html",

        error: function(jqXHR, textStatus, errorThrown) {                                                

                        return false;

                },

        success: function(data, textStatus, jqXHR) {

                        $("a#standard")[0].className += ' activelink';

                        $("a#list")[0].className = '';

                        $("div#machinesview").html(data);

                }

        });        

    return false;

}

function choose_view() {

    if ($.cookie("list")=='1') {

        list_view();

    } else {

        standard_view();

    }

}

function toggleMenu() {

    var primary = $("ul.css-tabs li a.primary");

    var secondary = $("ul.css-tabs li a.secondary");

    var all = $("ul.css-tabs li a");                        

    var toggled = $('ul.css-tabs li a.current').hasClass('secondary');

    // if anything is still moving, do nothing

    if ($(":animated").length) {

        return;

    } 

    // nothing is current to begin with

    $('ul.css-tabs li a.current').removeClass('current');

    // move stuff around

    all.animate({top:'30px'}, {complete: function() { 

        $(this).hide();

        if (toggled) {

            primary.show();

            primary.animate({top:'9px'}, {complete: function() {

                $('ul.css-tabs li a.primary#machines').addClass('current');

                $('a#machines').click();                                   

            }});

        } else {

            secondary.show();

            secondary.animate({top:'9px'}, {complete: function() {

                $('ul.css-tabs li a.secondary#files').addClass('current');

                $('a#files').click();                                                                           

            }});

        }                                              

    }});

    // rotate arrow icon

    if (toggled) {

        $("#arrow").rotate({animateAngle: (0), bind:[{"click":function(){toggleMenu()}}]});

        $("#arrow").rotateAnimation(0);                    

    } else {

        $("#arrow").rotate({animateAngle: (-180), bind:[{"click":function(){toggleMenu()}}]});

        $("#arrow").rotateAnimation(-180);

    }            

}

// confirmation overlay generation

function confirm_action(action_string, action_function, serverIDs, serverNames) {

    if (serverIDs.length == 1){

        $("#yes-no h3").text('You are about to ' + action_string + ' vm ' + serverNames[0]);

    } else if (serverIDs.length > 1){

        $("#yes-no h3").text('You are about to ' + action_string + ' ' + serverIDs.length + ' machines');

    } else {

        return false;

    }

    // action confirmation overlay

    var triggers = $("a#confirmation").overlay({

            // some mask tweaks suitable for modal dialogs

            mask: {

                    color: '#ebecff',

                    opacity: '0.9'

            },

        top: 'center',

        load: false

    });

    // yes or no?

    var buttons = $("#yes-no button").click(function(e) {

            // get user input

            var yes = buttons.index(this) === 0;

        //close the confirmation window

        $("a#confirmation").overlay().close(); 

        // return true=yes or false=no

        if (yes) {

            action_function(serverIDs);

        }

    });

    $("a#confirmation").data('overlay').load();

    return false;

}

// get and show a list of running and terminated machines

function update_vms(interval) {

    try{ console.info('updating machines'); } catch(err){}

        var uri= API_URL + '/servers/detail';

        if (changes_since != 0)

                uri+='?changes-since='+changes_since

    update_request = $.ajax({

        url: uri,

        type: "GET",

        timeout: TIMEOUT,

        dataType: "json",

        error: function(jqXHR, textStatus, errorThrown) {

                        // don't forget to try again later

                        if (interval) {

                                clearTimeout(deferred);        // clear old deferred calls

                                deferred = setTimeout(update_vms,interval,interval);

                        }

                        // as for now, just show an error message

                        try { console.info('update_vms errback:' + jqXHR.status ) } catch(err) {}

                        ajax_error(jqXHR.status, undefined, 'Update VMs', jqXHR.responseText);                                                

                        return false;

                        },

        success: function(data, textStatus, jqXHR) {

                        // create changes_since string if necessary

                        if (jqXHR.getResponseHeader('Date') != null){

                                changes_since_date = new Date(jqXHR.getResponseHeader('Date'));

                                changes_since = ISODateString(changes_since_date);

                        }

                        if (interval) {

                                clearTimeout(deferred);        // clear old deferred calls

                                deferred = setTimeout(update_vms,interval,interval);

                        }

                        if (jqXHR.status == 200 || jqXHR.status == 203) {

                                try {

                                        servers = data.servers.values;

                                } catch(err) { ajax_error('400', undefined, 'Update VMs', jqXHR.responseText);}

                                update_machines_view(data);

                        } else if (jqXHR.status != 304){

                                try { console.info('update_vms callback:' + jqXHR.status ) } catch(err) {}

                                //ajax_error(jqXHR.status, undefined, 'Update VMs', jqXHR.responseText);                                        

                        }

                        return false;

        }

    });

    return false;

}

// get and show a list of available standard and custom images

function update_images() { 

    $.ajax({

        url: API_URL + '/images/detail',

        type: "GET",

        //async: false,

        dataType: "json",

        timeout: TIMEOUT,

        error: function(jqXHR, textStatus, errorThrown) { 

                    ajax_error(jqXHR.status, undefined, 'Update Images', jqXHR.responseText);

                    },

        success: function(data, textStatus, jqXHR) {

            try {

                                images = data.images.values;

                                update_wizard_images();

                        } catch(err){

                                ajax_error("NO_IMAGES");

                        }

        }

    });

    return false;

}

function update_wizard_images() {

        if ($("ul#standard-images li").toArray().length + $("ul#custom-images li").toArray().length == 0) {

                $.each(images, function(i,image){

                        var img = $('#image-template').clone().attr("id","img-"+image.id).fadeIn("slow");

                        img.find("label").attr('for',"img-radio-" + image.id);

                        img.find(".image-title").text(image.name);

            if (image.metadata) {

                if (image.metadata.values.description != undefined) {

                    img.find(".description").text(image.metadata.values.description);

                }

                if (image.metadata.values.size != undefined) {

                                img.find("#size").text(image.metadata.values.size);

                }

            }

                        img.find("input.radio").attr('id',"img-radio-" + image.id);

                        if (i==0) img.find("input.radio").attr("checked","checked"); 

            var image_logo = os_icon(image.metadata);

                        img.find("img.image-logo").attr('src','static/os_logos/'+image_logo+'.png');

            if (image.metadata) {

                if (image.metadata.values.serverId != undefined) {

                    img.appendTo("ul#custom-images");

                } else {

                    img.appendTo("ul#standard-images");

                }

            } else {

                img.appendTo("ul#standard-images");

            }

                });

        }        

}

function update_wizard_flavors(){

        // sliders for selecting VM flavor

        $("#cpu:range").rangeinput({min:0,

                                                           value:0,

                                                           step:1,

                                                           progress: true,

                                                           max:cpus.length-1});

        $("#storage:range").rangeinput({min:0,

                                                           value:0,

                                                           step:1,

                                                           progress: true,

                                                           max:disks.length-1});

        $("#ram:range").rangeinput({min:0,

                                                           value:0,

                                                           step:1,

                                                           progress: true,

                                                           max:ram.length-1});

        $("#small").click();

        // update the indicators when sliding

        $("#cpu:range").data().rangeinput.onSlide(function(event,value){

                $("#cpu-indicator")[0].value = cpus[Number(value)];

        $("#cpu-indicator").addClass('selectedrange');

        });

        $("#cpu:range").data().rangeinput.change(function(event,value){

                $("#cpu-indicator")[0].value = cpus[Number(value)];                                

                $("#custom").click();

        $("#custom input").attr('checked', 'checked');                

        $("#cpu-indicator").removeClass('selectedrange');                

        });                        

        $("#ram:range").data().rangeinput.onSlide(function(event,value){

                $("#ram-indicator")[0].value = ram[Number(value)];

        $("#ram-indicator").addClass('selectedrange');

        });

        $("#ram:range").data().rangeinput.change(function(event,value){

                $("#ram-indicator")[0].value = ram[Number(value)];                                

                $("#custom").click();

        $("#custom input").attr('checked', 'checked');

        $("#ram-indicator").removeClass('selectedrange');                

        });                        

        $("#storage:range").data().rangeinput.onSlide(function(event,value){

                $("#storage-indicator")[0].value = disks[Number(value)];

        $("#storage-indicator").addClass('selectedrange');

        });

        $("#storage:range").data().rangeinput.change(function(event,value){

                $("#storage-indicator")[0].value = disks[Number(value)];                                

                $("#custom").click();

        $("#custom input").attr('checked', 'checked');

        $("#storage-indicator").removeClass('selectedrange');                

        });                                

}

Array.prototype.unique = function () {

        var r = new Array();

        o:for(var i = 0, n = this.length; i < n; i++)

        {

                for(var x = 0, y = r.length; x < y; x++)

                {

                        if(r[x]==this[i])

                        {

                                continue o;

                        }

                }

                r[r.length] = this[i];

        }

        return r;

}

// get and configure flavor selection

function update_flavors() { 

    $.ajax({

        url: API_URL + '/flavors/detail',

        type: "GET",

        //async: false,

        dataType: "json",

        timeout: TIMEOUT,

        error: function(jqXHR, textStatus, errorThrown) { 

            try {

                                ajax_error(jqXHR.status, undefined, 'Update Flavors', jqXHR.responseText);

                        } catch (err) {

                                ajax_error(err);

                        }

        },

        success: function(data, textStatus, jqXHR) {

            flavors = data.flavors.values;

            $.each(flavors, function(i, flavor) {

                cpus[i] = flavor['cpu'];

                disks[i] = flavor['disk'];

                ram[i] = flavor['ram'];

            });

            cpus = cpus.unique();

            disks = disks.unique();

            ram = ram.unique();

                        update_wizard_flavors();

        }

    });

    return false;

}

// return flavorRef from cpu, disk, ram values

function identify_flavor(cpu, disk, ram){

    for (i=0;i<flavors.length;i++){

        if (flavors[i]['cpu'] == cpu && flavors[i]['disk']==disk && flavors[i]['ram']==ram) {

            return flavors[i]['id']

        }

    }

    return 0;

}

// return image entry from imageRef

function get_image(imageRef) {

    for (i=0;i<images.length;i++){

        if (images[i]['id'] == imageRef) {

            return images[i];

        }

    }

    return 0;

}

// update the actions in list view

function updateActions() {

        var states = [];

        var on = [];

        var checked = $("table.list-machines tbody input[type='checkbox']:checked");

        // disable all actions to begin with

        for (action in actions) {

                $("#action-" + action).removeClass('enabled');

        }

        // are there multiple machines selected?

        if (checked.length>1)

                states[0] = 'multiple';

        // check the states of selected machines

        checked.each(function(i,checkbox) {

                states[states.length] = checkbox.className;

                var ip = $("#" + checkbox.id.replace('input-','') + ".ip span.public").text();

                if (ip.replace('undefined','').length)

                        states[states.length] = 'network';

        });

        // decide which actions should be enabled

        for (a in actions) {

                var enabled = false;

                for (var s =0; s<states.length; s++) {

                        if (actions[a].indexOf(states[s]) != -1 ) {

                                enabled = true;

                        } else {

                                enabled = false;

                                break;

                        }

                }

                if (enabled)

                        on[on.length]=a;

        }

        // enable those actions

        for (action in on) {

                $("#action-" + on[action]).addClass('enabled');

        }

}

//create server action

function create_vm(machineName, imageRef, flavorRef){

    var image_logo = os_icon(get_image(imageRef).metadata);

    var payload = {

        "server": {

            "name": machineName,

            "imageRef": imageRef,

            "flavorRef" : flavorRef,

            "metadata" : {

                "OS" : image_logo

            }

        }

    };

        var uri = API_URL + '/servers';

    $.ajax({

    url: uri,

    type: "POST",

        contentType: "application/json",

    dataType: "json",    

    data: JSON.stringify(payload),

    timeout: TIMEOUT,

    error: function(jqXHR, textStatus, errorThrown) { 

                ajax_error(jqXHR.status, undefined, 'Create VM', jqXHR.responseText);

           },

    success: function(data, textStatus, jqXHR) {

                if ( jqXHR.status == '202') {

                    ajax_success("CREATE_VM_SUCCESS", data.server.adminPass);                   

                } else {

                    ajax_error(jqXHR.status, undefined, 'Create VM', jqXHR.responseText);

                }

            }

    });

}

// reboot action

function reboot(serverIDs){

        if (!serverIDs.length){

                //ajax_success('DEFAULT');

                return false;

        }        

    // ajax post reboot call

    var payload = {

        "reboot": {"type" : "HARD"}

    };

    var serverID = serverIDs.pop();

        $.ajax({

                url: API_URL + '/servers/' + serverID + '/action',

                type: "POST",

                contentType: "application/json",

                dataType: "json",

                data: JSON.stringify(payload),

                timeout: TIMEOUT,

                error: function(jqXHR, textStatus, errorThrown) {

                    display_failure(jqXHR.status, serverID, 'Reboot', jqXHR.responseText)

                                },

                success: function(data, textStatus, jqXHR) {

                                        if ( jqXHR.status == '202') {

                        try {

                            console.info('rebooted ' + serverID);

                        } catch(err) {}

                                                // indicate that the action succeeded

                                                display_success(serverID);

                                                // continue with the rest of the servers

                                                reboot(serverIDs);

                                        } else {

                                                ajax_error(jqXHR.status, serverID, 'Reboot', jqXHR.responseText);

                                        }

                                }

    });

    return false;

}

// shutdown action

function shutdown(serverIDs) {

        if (!serverIDs.length){

                //ajax_success('DEFAULT');

                return false;

        }

    // ajax post shutdown call

    var payload = {

        "shutdown": {"timeout" : "5"}

    };   

        var serverID = serverIDs.pop()

    $.ajax({

            url: API_URL + '/servers/' + serverID + '/action',

            type: "POST",

                contentType: "application/json",

            dataType: "json",

        data: JSON.stringify(payload),

        timeout: TIMEOUT,

        error: function(jqXHR, textStatus, errorThrown) { 

                    display_failure(jqXHR.status, serverID, 'Shutdown', jqXHR.responseText)

                    },

        success: function(data, textStatus, jqXHR) {

                    if ( jqXHR.status == '202') {

                                                try {

                            console.info('suspended ' + serverID);

                        } catch(err) {}

                                                // indicate that the action succeeded

                                                display_success(serverID);

                                                // continue with the rest of the servers                        

                        shutdown(serverIDs);

                    } else {

                        ajax_error(jqXHR.status, serverID, 'Shutdown', jqXHR.responseText);

                    }

                }             

    });

    return false;    

}

// destroy action

function destroy(serverIDs) {

        if (!serverIDs.length){

                //ajax_success('DEFAULT');

                return false;

        }

    // ajax post destroy call can have an empty request body

    var payload = {};   

        serverID = serverIDs.pop()

    $.ajax({

            url: API_URL + '/servers/' + serverID,

            type: "DELETE",

                contentType: "application/json",

            dataType: "json",

        data: JSON.stringify(payload),

        timeout: TIMEOUT,

        error: function(jqXHR, textStatus, errorThrown) { 

                    display_failure(jqXHR.status, serverID, 'Destroy', jqXHR.responseText)

                    },

        success: function(data, textStatus, jqXHR) {

                    if ( jqXHR.status == '204') {

                                                try {

                            console.info('destroyed ' + serverID);

                        } catch (err) {}

                                                // indicate that the action succeeded

                                                display_success(serverID);

                                                // continue with the rest of the servers

                        destroy(serverIDs);

                    } else {

                        ajax_error(jqXHR.status, serverID, 'Destroy', jqXHR.responseText);

                    }

                }             

    });

    return false;    

}

// start action

function start(serverIDs){

        if (!serverIDs.length){

                //ajax_success('DEFAULT');

                return false;

        }        

    // ajax post start call

    var payload = {

        "start": {"type" : "NORMAL"}

    };   

        var serverID = serverIDs.pop()

    $.ajax({

        url: API_URL + '/servers/' + serverID + '/action',

        type: "POST",

                contentType: "application/json",

        dataType: "json",

        data: JSON.stringify(payload),

        timeout: TIMEOUT,

        error: function(jqXHR, textStatus, errorThrown) { 

                    display_failure(jqXHR.status, serverID, 'Start', jqXHR.responseText)

                    },

        success: function(data, textStatus, jqXHR) {

                    if ( jqXHR.status == '202') {

                                            try {

                            console.info('started ' + serverID);

                        } catch(err) {}

                                                // indicate that the action succeeded

                                                display_success(serverID);

                                                // continue with the rest of the servers                                                

                        start(serverIDs);

                    } else {

                        ajax_error(jqXHR.status, serverID, 'Start', jqXHR.responseText);

                    }

                }

    });

    return false;

}

// get server metadata

function get_metadata(serverID) { 

    $.ajax({

        url: API_URL + '/servers/' + serverID + '/meta',

        type: "GET",

        //async: false,

        dataType: "json",

        timeout: TIMEOUT,

        error: function(jqXHR, textStatus, errorThrown) { 

            try {

                                ajax_error(jqXHR.status, undefined, 'Get metadata', jqXHR.responseText);

                        } catch (err) {

                                ajax_error(err);

                        }

        },

        success: function(data, textStatus, jqXHR) {

            list_metadata(data);

        }

    });

    return false;

}

// show the welcome screen

function showWelcome() {

    $("#view-select").fadeOut("fast");

    $("#machinesview.standard").fadeOut("fast");

    $("#createcontainer").addClass('emptycreatecontainer')

    $("#create").addClass('emptycreate')

    $("#emptymachineslist").fadeIn("fast");

    $("#createbody").fadeIn("fast");

    $("#create").css("display", "block");

}

// hide the welcome screen

function hideWelcome() {

    $("#emptymachineslist").fadeOut("fast");

    $("#createbody").fadeOut("fast");

    $("#createcontainer").removeClass('emptycreatecontainer')

    $("#create").removeClass('emptycreate')

    $("#view-select").fadeIn("fast");

    $("#machinesview.standard").fadeIn("fast");

    $("div#view-select").show();

    $("#create").css("display", "inline");

}