Statistics
| Branch: | Tag: | Revision:

root / ui / static / synnefo.js @ af6fc929

History | View | Annotate | Download (63.4 kB)

1
//
2
// Copyright 2011 GRNET S.A. All rights reserved.
3
//
4
// Redistribution and use in source and binary forms, with or
5
// without modification, are permitted provided that the following
6
// conditions are met:
7
//
8
//   1. Redistributions of source code must retain the above
9
//      copyright notice, this list of conditions and the following
10
//      disclaimer.
11
//
12
//   2. Redistributions in binary form must reproduce the above
13
//      copyright notice, this list of conditions and the following
14
//      disclaimer in the documentation and/or other materials
15
//      provided with the distribution.
16
//
17
// THIS SOFTWARE IS PROVIDED BY GRNET S.A. ``AS IS'' AND ANY EXPRESS
18
// OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
19
// WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
20
// PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL GRNET S.A OR
21
// CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
22
// SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
23
// LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF
24
// USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
25
// AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT
26
// LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN
27
// ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
28
// POSSIBILITY OF SUCH DAMAGE.
29
//
30
// The views and conclusions contained in the software and
31
// documentation are those of the authors and should not be
32
// interpreted as representing official policies, either expressed
33
// or implied, of GRNET S.A.
34
//
35
var API_URL = "/api/v1.1";
36
var changes_since = 0, deferred = 0, update_request = false, load_request = false, pending_actions = [];
37
var flavors = [], images = [], servers = [], disks = [], cpus = [], ram = [];
38
var networks = [], networks_changes_since = 0;
39

    
40

    
41
//FIXME: authentication
42
//if cookie with value X-Auth-Token exists, set the value on the headers.
43
    $.ajaxSetup({
44
        'beforeSend': function(xhr) {
45
            //if ($.cookie("X-Auth-Token") != null) {
46
              xhr.setRequestHeader("X-Auth-Token", $.cookie("X-Auth-Token"));
47
            //} else {
48
            //    $.cookie("X-Auth-Token", "46e427d657b20defe352804f0eb6f8a2"); // set X-Auth-Token cookie
49
            //}
50
        }
51
    });
52

    
53

    
54
// jquery show/hide events
55
var _oldshow = $.fn.show;
56
$.fn.show = function(speed, callback) {
57
    $(this).trigger('show');
58
    return _oldshow.apply(this,arguments);
59
}
60
var _oldhide = $.fn.hide;
61
$.fn.hide = function(speed, callback) {
62
    $(this).trigger('hide');
63
    return _oldhide.apply(this,arguments);
64
}
65

    
66
function ISODateString(d){
67
    //return a date in an ISO 8601 format using UTC.
68
    //do not include time zone info (Z) at the end
69
    //taken from the Mozilla Developer Center
70
    function pad(n){ return n<10 ? '0'+n : n }
71
    return  d.getUTCFullYear()+ '-' +
72
            pad(d.getUTCMonth()+1) + '-' +
73
            pad(d.getUTCDate()) + 'T' +
74
            pad(d.getUTCHours()) + ':' +
75
            pad(d.getUTCMinutes()) + ':' +
76
            pad(d.getUTCSeconds()) +'Z'
77
}
78

    
79
function parse_error(responseText, errorCode){
80
    var errors = [];
81
    try {
82
        responseObj = JSON.parse(responseText);
83
    }
84
    catch(err) {
85
        errors[0] = {'code': errorCode};
86
        return errors;
87
    }
88
    for (var err in responseObj){
89
        errors[errors.length] = responseObj[err];
90
    }
91
    return errors;
92
}
93

    
94
// indexOf prototype for IE
95
if (!Array.prototype.indexOf) {
96
  Array.prototype.indexOf = function(elt /*, from*/) {
97
    var len = this.length;
98
    var from = Number(arguments[1]) || 0;
99
    from = (from < 0)
100
         ? Math.ceil(from)
101
         : Math.floor(from);
102
    if (from < 0)
103
      from += len;
104

    
105
    for (; from < len; from++) {
106
      if (from in this &&
107
          this[from] === elt)
108
        return from;
109
    }
110
    return -1;
111
  };
112
}
113

    
114
// trim prototype for IE
115
if(typeof String.prototype.trim !== 'function') {
116
    String.prototype.trim = function() {
117
        return this.replace(/^\s+|\s+$/g, '');
118
    }
119
}
120

    
121
function update_confirmations() {
122
    // hide all confirm boxes to begin with
123
    $('#machines-pane div.confirm_single').hide();
124
    $('#machines-pane div.confirm_multiple').hide();
125
    var action_type = [];
126
    // standard view or single view
127
    if ($.cookie("view") == '0' || $.cookie("view") == '2') {
128
        for (var i=0; i<pending_actions.length; i++) {
129
            // show single confirms
130
            if (pending_actions[i][0] == reboot) {
131
                action_type = "reboot";
132
            } else if (pending_actions[i][0] == shutdown) {
133
                action_type = "shutdown";
134
            } else if (pending_actions[i][0] == start) {
135
                action_type = "start";
136
            } else if (pending_actions[i][0] == open_console) {
137
                action_type = "console";
138
            } else {
139
                action_type = "destroy";
140
            }
141
            $("#machines-pane #" + pending_actions[i][1] +
142
            " div.action-container." + action_type + " div.confirm_single").show();
143
        }
144
    }
145
    // if more than one pending action show multiple confirm box
146
    if (pending_actions.length>1 || $.cookie("view") == '1' && pending_actions.length == 1){
147
        $('#machines-pane div.confirm_multiple span.actionLen').text(pending_actions.length);
148
        $('#machines-pane div.confirm_multiple').show();
149
    }
150
}
151

    
152
function update_network_confirmations(){
153
    // hide all confirm boxes to begin with
154
    $('#networks-pane div.confirm_multiple').hide();
155

    
156
    for (var i=0;i<pending_actions.length;i++){
157
        // show single confirms depending on the action
158
        if (pending_actions[i][0] == delete_network) {
159
            $("#networks-pane div.network#net-"+pending_actions[i][1]).children('.confirm_single').show();
160
        } else if (pending_actions[i][0] == remove_server_from_network) {
161
            $("#networks-pane div.network #net-"+pending_actions[i][1]+"-server-"+pending_actions[i][2]).children('.confirm_single').show();
162
        } // else {}
163
    }
164

    
165
    // if more than one pending action show multiple confirm box
166
    if (pending_actions.length > 1){
167
        $('#networks-pane div.confirm_multiple span.actionLen').text(pending_actions.length);
168
        $('#networks-pane div.confirm_multiple').show();
169
    }
170
}
171

    
172
function list_view() {
173
    changes_since = 0; // to reload full list
174
    pending_actions = []; // clear pending actions
175
    update_confirmations();
176
    clearTimeout(deferred);    // clear old deferred calls
177
    try {
178
        update_request.abort(); // cancel pending ajax updates
179
        load_request.abort();
180
    }catch(err){}
181
    $.cookie("view", '1'); // set list cookie
182
    uri = $("a#list").attr("href");
183
    load_request = $.ajax({
184
        url: uri,
185
        type: "GET",
186
        timeout: TIMEOUT,
187
        dataType: "html",
188
        error: function(jqXHR, textStatus, errorThrown) {
189
            return false;
190
        },
191
        success: function(data, textStatus, jqXHR) {
192
            $("a#list")[0].className += ' activelink';
193
            $("a#standard")[0].className = '';
194
            $("a#single")[0].className = '';
195
            $("div#machinesview").html(data);
196
        }
197
    });
198
    return false;
199
}
200

    
201
function single_view() {
202
    changes_since = 0; // to reload full list
203
    pending_actions = []; // clear pending actions
204
    update_confirmations();
205
    clearTimeout(deferred);    // clear old deferred calls
206
    try {
207
        update_request.abort(); // cancel pending ajax updates
208
        load_request.abort();
209
    }catch(err){}
210
    $.cookie("view", '2'); // set list cookie
211
    uri = $("a#single").attr("href");
212
    load_request = $.ajax({
213
        url: uri,
214
        type: "GET",
215
        timeout: TIMEOUT,
216
        dataType: "html",
217
        error: function(jqXHR, textStatus, errorThrown) {
218
            return false;
219
        },
220
        success: function(data, textStatus, jqXHR) {
221
            $("a#single")[0].className += ' activelink';
222
            $("a#standard")[0].className = '';
223
            $("a#list")[0].className = '';
224
            $("div#machinesview").html(data);
225
        }
226
    });
227
    return false;
228
}
229

    
230
function standard_view() {
231
    changes_since = 0; // to reload full list
232
    pending_actions = []; // clear pending actions
233
    update_confirmations();
234
    clearTimeout(deferred);    // clear old deferred calls
235
    try {
236
        update_request.abort() // cancel pending ajax updates
237
        load_request.abort();
238
    }catch(err){}
239
    $.cookie("view", '0');
240
    uri = $("a#standard").attr("href");
241
    load_request = $.ajax({
242
        url: uri,
243
        type: "GET",
244
        timeout: TIMEOUT,
245
        dataType: "html",
246
        error: function(jqXHR, textStatus, errorThrown) {
247
            return false;
248
        },
249
        success: function(data, textStatus, jqXHR) {
250
            $("a#standard")[0].className += ' activelink';
251
            $("a#list")[0].className = '';
252
            $("a#single")[0].className = '';
253
            $("div#machinesview").html(data);
254
        }
255
    });
256
    return false;
257
}
258

    
259
function choose_view() {
260
    if ($.cookie("view")=='1') {
261
        list_view();
262
    } else if ($.cookie("view")=='2'){
263
        single_view();
264
    } else {
265
        standard_view();
266
    }
267
}
268

    
269
// return value from metadata key "OS", if it exists
270
function os_icon(metadata) {
271
    if (!metadata) {
272
        return 'unknown';
273
    }
274
    if (metadata.values.OS == undefined || metadata.values.OS == '') {
275
        return 'unknown';
276
    } else {
277
        if (os_icons.indexOf(metadata.values.OS) == -1) {
278
            return 'unknown';
279
        } else {
280
            return metadata.values.OS;
281
        }
282
    }
283
}
284

    
285
function os_icon_from_value(metadata) {
286
    if (!metadata) {
287
        return 'unknown';
288
    }
289
if (metadata == undefined || metadata == '') {
290
        return 'unknown';
291
    } else {
292
        if (os_icons.indexOf(metadata) == -1) {
293
            return 'unknown';
294
        } else {
295
            return metadata;
296
        }
297
    }
298
}
299

    
300
// get and show a list of running and terminated machines
301
function update_vms(interval) {
302
    try{ console.info('updating machines'); } catch(err){}
303
    var uri= API_URL + '/servers/detail';
304

    
305
    if (changes_since != 0)
306
        uri+='?changes-since='+changes_since
307

    
308
    update_request = $.ajax({
309
        cache: false,
310
        url: uri,
311
        type: "GET",
312
        timeout: TIMEOUT,
313
        dataType: "json",
314
        error: function(jqXHR, textStatus, errorThrown) {
315
            // don't forget to try again later
316
            if (interval) {
317
                clearTimeout(deferred);    // clear old deferred calls
318
                deferred = setTimeout(function() {update_vms(interval);},interval,interval);
319
            }
320
            // as for now, just show an error message
321
            try { console.info('update_vms errback:' + jqXHR.status ) } catch(err) {}
322
            try {
323
                ajax_error(jqXHR.status, undefined, 'Update VMs', jqXHR.responseText);
324
            } catch(err) {
325
                ajax_error(0, undefined, 'Update VMs', jqXHR.responseText);
326
            }
327
            return false;
328
            },
329
        success: function(data, textStatus, jqXHR) {
330
            // create changes_since string if necessary
331
            if (jqXHR.getResponseHeader('Date') != null){
332
                changes_since_date = new Date(jqXHR.getResponseHeader('Date'));
333
                changes_since = ISODateString(changes_since_date);
334
            }
335

    
336
            if (interval) {
337
                clearTimeout(deferred);    // clear old deferred calls
338
                deferred = setTimeout(function() {update_vms(interval);},interval,interval);
339
            }
340

    
341
            if (jqXHR.status == 200 || jqXHR.status == 203) {
342
                try {
343
                    servers = data.servers.values;
344
                    jQuery.parseJSON(data);
345
                    update_machines_view(data);
346
                } catch(err) { ajax_error('400', undefined, 'Update VMs', jqXHR.responseText);}
347
            } else if (jqXHR.status != 304){
348
                try { console.info('update_vms callback:' + jqXHR.status ) } catch(err) {}
349
                /*
350
                FIXME:  Here it should return the error, however Opera does not support 304.
351
                        Instead 304 it returns 0. To dealt with this we treat 0 as an
352
                        304, which should be corrected (Bug #317).
353
                */
354
                //ajax_error(jqXHR.status, undefined, 'Update VMs', jqXHR.responseText);
355
            }
356
            return false;
357
        }
358
    });
359
    return false;
360
}
361

    
362
// get a list of running and terminated machines, used in network view
363
function update_networks(interval) {
364
    try{ console.info('updating networks'); } catch(err){}
365
    var uri= API_URL + '/servers/detail';
366

    
367
    if (changes_since != 0)
368
        uri+='?changes-since='+changes_since
369

    
370
    update_request = $.ajax({
371
        cache: false,
372
        url: uri,
373
        type: "GET",
374
        timeout: TIMEOUT,
375
        dataType: "json",
376
        error: function(jqXHR, textStatus, errorThrown) {
377
            // don't forget to try again later
378
            if (interval) {
379
                clearTimeout(deferred);    // clear old deferred calls
380
                deferred = setTimeout(function() {update_networks(interval);},interval,interval);
381
            }
382
            // as for now, just show an error message
383
            try { console.info('update_networks errback:' + jqXHR.status ) } catch(err) {}
384
            try {
385
                ajax_error(jqXHR.status, undefined, 'Update networks', jqXHR.responseText);
386
            } catch(err) {
387
                ajax_error(0, undefined, 'Update networks', jqXHR.responseText);
388
            }
389
            return false;
390
            },
391
        success: function(data, textStatus, jqXHR) {
392
            // create changes_since string if necessary
393
            if (jqXHR.getResponseHeader('Date') != null){
394
                changes_since_date = new Date(jqXHR.getResponseHeader('Date'));
395
                changes_since = ISODateString(changes_since_date);
396
            }
397

    
398
            if (interval) {
399
                clearTimeout(deferred);    // clear old deferred calls
400
                deferred = setTimeout(function() {update_networks(interval);},interval,interval);
401
            }
402

    
403
            if (jqXHR.status == 200 || jqXHR.status == 203) {
404
                try {
405
                    servers = data.servers.values;
406
                    jQuery.parseJSON(data);
407
                    update_network_names(data);
408
                } catch(err) { ajax_error('400', undefined, 'Update networks', jqXHR.responseText);}
409
            } else if (jqXHR.status == 304) {
410
                update_network_names();
411
            }
412
            else {
413
                try { console.info('update_networks callback:' + jqXHR.status ) } catch(err) {}
414
                /*
415
                FIXME:  Here it should return the error, however Opera does not support 304.
416
                        Instead 304 it returns 0. To dealt with this we treat 0 as an
417
                        304, which should be corrected (Bug #317).
418
                */
419
                //ajax_error(jqXHR.status, undefined, 'Update networks', jqXHR.responseText);
420
                update_network_names();
421
            }
422
            return false;
423
        }
424
    });
425
    return false;
426
}
427

    
428
// get and show a list of public and private networks
429
function update_network_names(servers_data) {
430
    try{ console.info('updating network names'); } catch(err){}
431
    var uri= API_URL + '/networks/detail';
432

    
433
    if (networks_changes_since != 0)
434
        //FIXME: Comment out the following, until metadata do not 304 when changed
435
        uri+='?changes-since=' + networks_changes_since
436

    
437
    update_request = $.ajax({
438
        cache: false,
439
        url: uri,
440
        type: "GET",
441
        timeout: TIMEOUT,
442
        dataType: "json",
443
        error: function(jqXHR, textStatus, errorThrown) {
444
            // as for now, just show an error message
445
            try {
446
                console.info('update_network names errback:' + jqXHR.status )
447
            } catch(err) {}
448
            try {
449
                ajax_error(jqXHR.status, undefined, 'Update network names', jqXHR.responseText);
450
            } catch(err) {
451
                ajax_error(0, undefined, 'Update network names', jqXHR.responseText);
452
            }
453
            return false;
454
            },
455
        success: function(data, textStatus, jqXHR) {
456
            // create changes_since string if necessary
457
            if (jqXHR.getResponseHeader('Date') != null){
458
                changes_since_date = new Date(jqXHR.getResponseHeader('Date'));
459
                networks_changes_since = ISODateString(changes_since_date);
460
            }
461

    
462
            if (jqXHR.status == 200 || jqXHR.status == 203) {
463
                try {
464
                    networks = data.networks.values;
465
                    jQuery.parseJSON(data);
466
                    update_networks_view(servers_data, data);
467
                } catch(err) {
468
                    ajax_error('400', undefined, 'Update network names', jqXHR.responseText);
469
                }
470
            } else if (jqXHR.status == 304) {
471
                update_networks_view(servers_data);
472
            } else if (jqXHR.status != 304){
473
                try { console.info('update_network_names callback:' + jqXHR.status ) } catch(err) {}
474
                /*
475
                FIXME:  Here it should return the error, however Opera does not support 304.
476
                        Instead 304 it returns 0. To dealt with this we treat 0 as an
477
                        304, which should be corrected (Bug #317).
478
                */
479
                //ajax_error(jqXHR.status, undefined, 'Update network names', jqXHR.responseText);
480
                update_networks_view(servers_data);
481
            }
482
            return false;
483
        }
484
    });
485
    return false;
486
}
487

    
488
// get and show a list of available standard and custom images
489
function update_images() {
490
    $.ajax({
491
        url: API_URL + '/images/detail',
492
        type: "GET",
493
        //async: false,
494
        dataType: "json",
495
        timeout: TIMEOUT,
496
        error: function(jqXHR, textStatus, errorThrown) {
497
                    try {
498
                        ajax_error(jqXHR.status, undefined, 'Update Images', jqXHR.responseText);
499
                    } catch(err) {
500
                        ajax_error(0, undefined, 'Update Images', jqXHR.responseText);
501
                    }
502
                },
503
        success: function(data, textStatus, jqXHR) {
504
            try {
505
                images = data.images.values;
506
                jQuery.parseJSON(data);
507
                update_wizard_images();
508
            } catch(err){
509
                ajax_error("NO_IMAGES");
510
            }
511
        }
512
    });
513
    return false;
514
}
515

    
516
function update_wizard_images() {
517
    if ($("ul#standard-images li").toArray().length + $("ul#custom-images li").toArray().length == 0) {
518
        $.each(images, function(i,image){
519
            var img = $('#image-template').clone().attr("id","img-"+image.id).fadeIn("slow");
520
            img.find("label").attr('for',"img-radio-" + image.id);
521
            img.find(".image-title").text(image.name);
522
            if (image.metadata) {
523
                if (image.metadata.values.description != undefined) {
524
                    img.find(".description").text(image.metadata.values.description);
525
                }
526
                if (image.metadata.values.size != undefined) {
527
                    img.find("#size").text(image.metadata.values.size);
528
                }
529
            }
530
            img.find("input.radio").attr('id',"img-radio-" + image.id);
531
            if (i==0) img.find("input.radio").attr("checked","checked");
532
            var image_logo = os_icon(image.metadata);
533
            img.find("img.image-logo").attr('src','static/icons/os/'+image_logo+'.png');
534
            if (image.metadata) {
535
                if (image.metadata.values.serverId != undefined) {
536
                    img.appendTo("ul#custom-images");
537
                } else {
538
                    img.appendTo("ul#standard-images");
539
                }
540
            } else {
541
                img.appendTo("ul#standard-images");
542
            }
543
        });
544
    }
545
}
546

    
547
function update_wizard_flavors(){
548
    // sliders for selecting VM flavor
549
    $("#cpu:range").rangeinput({min:0,
550
                               value:0,
551
                               step:1,
552
                               progress: true,
553
                               max:cpus.length-1});
554

    
555
    $("#storage:range").rangeinput({min:0,
556
                               value:0,
557
                               step:1,
558
                               progress: true,
559
                               max:disks.length-1});
560

    
561
    $("#ram:range").rangeinput({min:0,
562
                               value:0,
563
                               step:1,
564
                               progress: true,
565
                               max:ram.length-1});
566
    $("#small").click();
567

    
568
    // update the indicators when sliding
569
    $("#cpu:range").data().rangeinput.onSlide(function(event,value){
570
        $("#cpu-indicator")[0].value = cpus[Number(value)];
571
        $("#cpu-indicator").addClass('selectedrange');
572
    });
573
    $("#cpu:range").data().rangeinput.change(function(event,value){
574
        $("#cpu-indicator")[0].value = cpus[Number(value)];
575
        $("#custom").click();
576
        $("#cpu-indicator").removeClass('selectedrange');
577
    });
578
    $("#ram:range").data().rangeinput.onSlide(function(event,value){
579
        $("#ram-indicator")[0].value = ram[Number(value)];
580
        $("#ram-indicator").addClass('selectedrange');
581
    });
582
    $("#ram:range").data().rangeinput.change(function(event,value){
583
        $("#ram-indicator")[0].value = ram[Number(value)];
584
        $("#custom").click();
585
        $("#ram-indicator").removeClass('selectedrange');
586
    });
587
    $("#storage:range").data().rangeinput.onSlide(function(event,value){
588
        $("#storage-indicator")[0].value = disks[Number(value)];
589
        $("#storage-indicator").addClass('selectedrange');
590
    });
591
    $("#storage:range").data().rangeinput.change(function(event,value){
592
        $("#storage-indicator")[0].value = disks[Number(value)];
593
        $("#custom").click();
594
        $("#storage-indicator").removeClass('selectedrange');
595
    });
596
}
597

    
598
Array.prototype.unique = function () {
599
    var r = new Array();
600
    o:for(var i = 0, n = this.length; i < n; i++)
601
    {
602
        for(var x = 0, y = r.length; x < y; x++)
603
        {
604
            if(r[x]==this[i])
605
            {
606
                continue o;
607
            }
608
        }
609
        r[r.length] = this[i];
610
    }
611
    return r;
612
}
613

    
614
// get and configure flavor selection
615
function update_flavors() {
616
    $.ajax({
617
        url: API_URL + '/flavors/detail',
618
        type: "GET",
619
        //async: false,
620
        dataType: "json",
621
        timeout: TIMEOUT,
622
        error: function(jqXHR, textStatus, errorThrown) {
623
            try {
624
                ajax_error(jqXHR.status, undefined, 'Update Flavors', jqXHR.responseText);
625
            } catch (err) {
626
                ajax_error(err);
627
            }
628
            // start updating vm list
629
            update_vms(UPDATE_INTERVAL);
630
        },
631
        success: function(data, textStatus, jqXHR) {
632

    
633
            try {
634
                flavors = data.flavors.values;
635
                jQuery.parseJSON(data);
636
                $.each(flavors, function(i, flavor) {
637
                    cpus[i] = flavor['cpu'];
638
                    disks[i] = flavor['disk'];
639
                    ram[i] = flavor['ram'];
640
                });
641
                cpus = cpus.unique();
642
                disks = disks.unique();
643
                ram = ram.unique();
644
                update_wizard_flavors();
645
            } catch(err){
646
                ajax_error("NO_FLAVORS");
647
            }
648
            // start updating vm list
649
            update_vms(UPDATE_INTERVAL);
650
        }
651
    });
652
    return false;
653
}
654

    
655
// return flavorRef from cpu, disk, ram values
656
function identify_flavor(cpu, disk, ram){
657
    for (i=0;i<flavors.length;i++){
658
        if (flavors[i]['cpu'] == cpu && flavors[i]['disk']==disk && flavors[i]['ram']==ram) {
659
            return flavors[i]['id']
660
        }
661
    }
662
    return 0;
663
}
664

    
665
// return image entry from imageRef
666
function get_image(imageRef) {
667
    for (i=0;i<images.length;i++){
668
        if (images[i]['id'] == imageRef) {
669
            return images[i];
670
        }
671
    }
672
    return 0;
673
}
674

    
675
// return machine entry from serverID
676
function get_machine(serverID) {
677
    for (i=0;i<servers.length;i++){
678
        if (servers[i]['id'] == serverID) {
679
            return servers[i];
680
        }
681
    }
682
    return 0;
683
}
684

    
685
// update the actions in icon view, per server
686
function update_iconview_actions(serverID, server_status) {
687
    if ($.cookie("view")=='2') {
688
        // remove .disable from all actions to begin with
689
        $('#machinesview-single #' + serverID + ' div.single-action').show();
690
        // decide which actions should be disabled
691
        for (current_action in actions) {
692
            if (actions[current_action].indexOf(server_status) == -1 ) {
693
                $('#machinesview-single #' + serverID + ' div.action-' + current_action).hide();
694
            }
695
        }
696
    } else {
697
        // remove .disable from all actions to begin with
698
        $('#machinesview-icon.standard #' + serverID + ' div.actions').find('a').removeClass('disabled');
699
        // decide which actions should be disabled
700
        for (current_action in actions) {
701
            if (actions[current_action].indexOf(server_status) == -1 ) {
702
                $('#machinesview-icon.standard #' + serverID + ' a.action-' + current_action).addClass('disabled');
703
            }
704
        }
705
    }
706
}
707

    
708
// update the actions in list view
709
function update_listview_actions() {
710
    var states = [];
711
    var on = [];
712
    var checked = $("table.list-machines tbody input[type='checkbox']:checked");
713
    // disable all actions to begin with
714
    $('#machinesview .list div.actions').children().removeClass('enabled');
715

    
716
    // are there multiple machines selected?
717
    if (checked.length>1)
718
        states[0] = 'multiple';
719

    
720
    // check the states of selected machines
721
    checked.each(function(i,checkbox) {
722
        states[states.length] = checkbox.className;
723
        var ip = $("#" + checkbox.id.replace('input-','') + ".ip span.public").text();
724
        if (ip.replace('undefined','').length)
725
            states[states.length] = 'network';
726
    });
727

    
728
    // decide which actions should be enabled
729
    for (a in actions) {
730
        var enabled = false;
731
        for (var s =0; s<states.length; s++) {
732
            if (actions[a].indexOf(states[s]) != -1 ) {
733
                enabled = true;
734
            } else {
735
                enabled = false;
736
                break;
737
            }
738
        }
739
        if (enabled)
740
            on[on.length]=a;
741
    }
742
    // enable those actions
743
    for (action in on) {
744
        $("#action-" + on[action]).addClass('enabled');
745
    }
746
}
747

    
748
//create server action
749
function create_vm(machineName, imageRef, flavorRef){
750
    var image_logo = os_icon(get_image(imageRef).metadata);
751
    var uri = API_URL + '/servers';
752
    var payload = {
753
        "server": {
754
            "name": machineName,
755
            "imageRef": imageRef,
756
            "flavorRef" : flavorRef,
757
            "metadata" : {
758
                "OS" : image_logo
759
            }
760
        }
761
    };
762

    
763
    $.ajax({
764
    url: uri,
765
    type: "POST",
766
    contentType: "application/json",
767
    dataType: "json",
768
    data: JSON.stringify(payload),
769
    timeout: TIMEOUT,
770
    error: function(jqXHR, textStatus, errorThrown) {
771
                // close wizard and show error box
772
                $('#machines-pane a#create').data('overlay').close();
773
                    try {
774
                        ajax_error(jqXHR.status, undefined, 'Create VM', jqXHR.responseText);
775
                    } catch(err) {
776
                        ajax_error(0, undefined, 'Create VM', jqXHR.responseText);
777
                    }
778
           },
779
    success: function(data, textStatus, jqXHR) {
780
                if ( jqXHR.status == '202') {
781
                    ajax_success("CREATE_VM_SUCCESS", data.server.adminPass);
782
                } else {
783
                    // close wizard and show error box
784
                    $('#machines-pane a#create').data('overlay').close();
785
                    ajax_error(jqXHR.status, undefined, 'Create VM', jqXHR.responseText);
786
                }
787
            }
788
    });
789
}
790

    
791
// reboot action
792
function reboot(serverIDs){
793
    if (!serverIDs.length){
794
        //ajax_success('DEFAULT');
795
        return false;
796
    }
797
    // ajax post reboot call
798
    var payload = {
799
        "reboot": {"type" : "HARD"}
800
    };
801

    
802
    var serverID = serverIDs.pop();
803

    
804
    $.ajax({
805
        url: API_URL + '/servers/' + serverID + '/action',
806
        type: "POST",
807
        contentType: "application/json",
808
        dataType: "json",
809
        data: JSON.stringify(payload),
810
        timeout: TIMEOUT,
811
        error: function(jqXHR, textStatus, errorThrown) {
812
                    // in machine views
813
                    if ( $.cookie("pane") == 0) {
814
                        try {
815
                            display_failure(jqXHR.status, serverID, 'Reboot', jqXHR.responseText);
816
                        } catch (err) {
817
                            display_failure(0, serverID, 'Reboot', jqXHR.responseText);
818
                        }
819
                    }
820
                    // in network view
821
                    else {
822
                        try {
823
                            display_reboot_failure(jqXHR.status, serverID, jqXHR.responseText);
824
                        } catch (err) {
825
                            display_reboot_failure(0, serverID, jqXHR.responseText);
826
                        }
827
                    }
828
                },
829
        success: function(data, textStatus, jqXHR) {
830
                    if ( jqXHR.status == '202') {
831
                        try {
832
                            console.info('rebooted ' + serverID);
833
                        } catch(err) {}
834
                        // indicate that the action succeeded
835
                        // in machine views
836
                        if ( $.cookie("pane") == 0) {
837
                            display_success(serverID);
838
                        }
839
                        // in network view
840
                        else {
841
                            display_reboot_success(serverID);
842
                        }
843
                        // continue with the rest of the servers
844
                        reboot(serverIDs);
845
                    } else {
846
                        ajax_error(jqXHR.status, serverID, 'Reboot', jqXHR.responseText);
847
                    }
848
                }
849
    });
850
    return false;
851
}
852

    
853
// shutdown action
854
function shutdown(serverIDs) {
855
    if (!serverIDs.length){
856
        //ajax_success('DEFAULT');
857
        return false;
858
    }
859
    // ajax post shutdown call
860
    var payload = {
861
        "shutdown": {}
862
    };
863

    
864
    var serverID = serverIDs.pop();
865

    
866
    $.ajax({
867
        url: API_URL + '/servers/' + serverID + '/action',
868
        type: "POST",
869
        contentType: "application/json",
870
        dataType: "json",
871
        data: JSON.stringify(payload),
872
        timeout: TIMEOUT,
873
        error: function(jqXHR, textStatus, errorThrown) {
874
                    try {
875
                        display_failure(jqXHR.status, serverID, 'Shutdown', jqXHR.responseText);
876
                    } catch(err) {
877
                        display_failure(0, serverID, 'Shutdown', jqXHR.responseText);
878
                    }
879
                },
880
        success: function(data, textStatus, jqXHR) {
881
                    if ( jqXHR.status == '202') {
882
                        try {
883
                            console.info('suspended ' + serverID);
884
                        } catch(err) {}
885
                        // indicate that the action succeeded
886
                        display_success(serverID);
887
                        // continue with the rest of the servers
888
                        shutdown(serverIDs);
889
                    } else {
890
                        ajax_error(jqXHR.status, serverID, 'Shutdown', jqXHR.responseText);
891
                    }
892
                }
893
    });
894
    return false;
895
}
896

    
897
// destroy action
898
function destroy(serverIDs) {
899
    if (!serverIDs.length){
900
        //ajax_success('DEFAULT');
901
        return false;
902
    }
903
    // ajax post destroy call can have an empty request body
904
    var payload = {};
905

    
906
    var serverID = serverIDs.pop();
907

    
908
    $.ajax({
909
        url: API_URL + '/servers/' + serverID,
910
        type: "DELETE",
911
        contentType: "application/json",
912
        dataType: "json",
913
        data: JSON.stringify(payload),
914
        timeout: TIMEOUT,
915
        error: function(jqXHR, textStatus, errorThrown) {
916
                    try {
917
                        display_failure(jqXHR.status, serverID, 'Destroy', jqXHR.responseText);
918
                    } catch(err) {
919
                        display_failure(0, serverID, 'Destroy', jqXHR.responseText);
920
                    }
921
                },
922
        success: function(data, textStatus, jqXHR) {
923
                    if ( jqXHR.status == '204') {
924
                        try {
925
                            console.info('destroyed ' + serverID);
926
                        } catch (err) {}
927
                        // indicate that the action succeeded
928
                        display_success(serverID);
929
                        // continue with the rest of the servers
930
                        destroy(serverIDs);
931
                    } else {
932
                        ajax_error(jqXHR.status, serverID, 'Destroy', jqXHR.responseText);
933
                    }
934
                }
935
    });
936
    return false;
937
}
938

    
939
// start action
940
function start(serverIDs){
941
    if (!serverIDs.length){
942
        //ajax_success('DEFAULT');
943
        return false;
944
    }
945
    // ajax post start call
946
    var payload = {
947
        "start": {}
948
    };
949

    
950
    var serverID = serverIDs.pop();
951

    
952
    $.ajax({
953
        url: API_URL + '/servers/' + serverID + '/action',
954
        type: "POST",
955
        contentType: "application/json",
956
        dataType: "json",
957
        data: JSON.stringify(payload),
958
        timeout: TIMEOUT,
959
        error: function(jqXHR, textStatus, errorThrown) {
960
                    try {
961
                        display_failure(jqXHR.status, serverID, 'Start', jqXHR.responseText);
962
                    } catch(err) {
963
                        display_failure(0, serverID, 'Start', jqXHR.responseText);
964
                    }
965
                },
966
        success: function(data, textStatus, jqXHR) {
967
                    if ( jqXHR.status == '202') {
968
                        try {
969
                            console.info('started ' + serverID);
970
                        } catch(err) {}
971
                        // indicate that the action succeeded
972
                        display_success(serverID);
973
                        // continue with the rest of the servers
974
                        start(serverIDs);
975
                    } else {
976
                        ajax_error(jqXHR.status, serverID, 'Start', jqXHR.responseText);
977
                    }
978
                }
979
    });
980
    return false;
981
}
982

    
983
// Show VNC console
984
function vnc_attachment(host, port, password) {
985
    // FIXME: Must be made into parameters, in settings.py
986
    //vnc = open("", "displayWindow",
987
    //    "status=yes,toolbar=yes,menubar=yes");
988
    vd = document.open("application/x-vnc");
989

    
990
    vd.writeln("[connection]");
991
    vd.writeln("host=" + host);
992
    vd.writeln("port=" + port);
993
    vd.writeln("password=" + password);
994

    
995
    vd.close();
996
}
997

    
998
// Show VNC console
999
function show_vnc_console(serverID, serverName, serverIP, host, port, password) {
1000
    var params_url = '?machine=' + serverName + '&host_ip=' + serverIP + '&host=' + host + '&port=' + port + '&password=' + password;
1001
    var params_window = 'scrollbars=no,' +
1002
                        'menubar=no,' +
1003
                        'toolbar=no,' +
1004
                        'status=no,' +
1005
                        'top=0,' +
1006
                        'left=0,' +
1007
                        'height=' + screen.height + ',' +
1008
                        'width=' + screen.width + ',' +
1009
                        'fullscreen=yes';
1010

    
1011
    window.open('machines/console' + params_url, 'formresult' + serverID, params_window);
1012

    
1013
    // Restore os icon in list view
1014
    osIcon = $('#'+serverID).parent().parent().find('.list-logo');
1015
    osIcon.attr('src',osIcon.attr('os'));
1016
    return false;
1017
}
1018

    
1019
// console action
1020
function open_console(serverIDs){
1021
    if (!serverIDs.length){
1022
        //ajax_success('DEFAULT');
1023
        return false;
1024
    }
1025
    // ajax post start call
1026
    var payload = {
1027
        "console": {"type": "vnc"}
1028
    };
1029

    
1030
    var serverID = serverIDs.pop();
1031

    
1032
    var machine = get_machine(serverID);
1033
    var serverName = machine.name;
1034
    var serverIP = machine.addresses.values[0].values[0].addr;
1035

    
1036
    $.ajax({
1037
        url: API_URL + '/servers/' + serverID + '/action',
1038
        type: "POST",
1039
        contentType: "application/json",
1040
        dataType: "json",
1041
        data: JSON.stringify(payload),
1042
        timeout: TIMEOUT,
1043
        error: function(jqXHR, textStatus, errorThrown) {
1044
                    try {
1045
                        display_failure(jqXHR.status, serverID, 'Console', jqXHR.responseText);
1046
                    } catch(err) {
1047
                        display_failure(0, serverID, 'Console', jqXHR.responseText);
1048
                    }
1049
                },
1050
        success: function(data, textStatus, jqXHR) {
1051
                    if ( jqXHR.status == '200') {
1052
                        try {
1053
                            console.info('got_console ' + serverID);
1054
                        } catch(err) {}
1055
                        // indicate that the action succeeded
1056
                        // show_vnc_console(serverID, serverName, serverIP,
1057
                        // data.console.host,data.console.port,data.console.password);
1058
                        show_vnc_console(serverID, serverName, serverIP,
1059
                                         data.console.host,data.console.port,data.console.password);
1060
                        display_success(serverID);
1061
                        // hide spinner
1062
                        $('#' + serverID + ' .spinner').hide();
1063
                        // continue with the rest of the servers
1064
                        open_console(serverIDs);
1065
                    } else {
1066
                        ajax_error(jqXHR.status, serverID, 'Console', jqXHR.responseText);
1067
                    }
1068
                }
1069
    });
1070
    return false;
1071
}
1072

    
1073
// rename server
1074
function rename(serverID, serverName){
1075
    if (!serverID.length){
1076
        //ajax_success('DEFAULT');
1077
        return false;
1078
    }
1079
    // ajax post rename call
1080
    var payload = {
1081
        "server": {"name": serverName}
1082
    };
1083

    
1084
    $.ajax({
1085
        url: API_URL + '/servers/' + serverID,
1086
        type: "PUT",
1087
        contentType: "application/json",
1088
        dataType: "json",
1089
        data: JSON.stringify(payload),
1090
        timeout: TIMEOUT,
1091
        error: function(jqXHR, textStatus, errorThrown) {
1092
                    try {
1093
                        display_failure(jqXHR.status, serverID, 'Rename', jqXHR.responseText);
1094
                    } catch(err) {
1095
                        display_failure(0, serverID, 'Rename', jqXHR.responseText);
1096
                    }
1097
                },
1098
        success: function(data, textStatus, jqXHR) {
1099
                    if ( jqXHR.status == '204' || jqXHR.status == '1223') {
1100
                        try {
1101
                            console.info('renamed ' + serverID);
1102
                        } catch(err) {}
1103
                        // indicate that the action succeeded
1104
                        display_success(serverID);
1105
                    } else {
1106
                        ajax_error(jqXHR.status, serverID, 'Rename', jqXHR.responseText);
1107
                    }
1108
                }
1109
    });
1110
    return false;
1111
}
1112

    
1113
// get server metadata
1114
function get_metadata(serverID, keys_only) {
1115
    $.ajax({
1116
        url: API_URL + '/servers/' + serverID + '/meta',
1117
        cache: false,
1118
        type: "GET",
1119
        //async: false,
1120
        dataType: "json",
1121
        timeout: TIMEOUT,
1122
        error: function(jqXHR, textStatus, errorThrown) {
1123
            try {
1124
                // close wizard and show error box
1125
                $("a#metadata-scrollable").data('overlay').close();
1126
                ajax_error(jqXHR.status, undefined, 'Get metadata', jqXHR.responseText);
1127
            } catch (err) {
1128
                ajax_error(err);
1129
            }
1130
        },
1131
        success: function(data, textStatus, jqXHR) {
1132
            // to list the new results in the edit dialog
1133
            if (keys_only) {
1134
                list_metadata_keys(serverID, data.metadata.values);
1135
            } else {
1136
                list_metadata(data);
1137
                list_metadata_keys(serverID, data.metadata.values);
1138
            }
1139
            //hide spinner
1140
            $('#metadata-wizard .large-spinner').hide();
1141
        }
1142
    });
1143
    return false;
1144
}
1145

    
1146
// delete metadata key-value pair
1147
function delete_metadata(serverID, meta_key) {
1148
    $.ajax({
1149
        url: API_URL + '/servers/' + serverID + '/meta/' + meta_key,
1150
        type: "DELETE",
1151
        //async: false,
1152
        dataType: "json",
1153
        timeout: TIMEOUT,
1154
        error: function(jqXHR, textStatus, errorThrown) {
1155
            try {
1156
                // close wizard and show error box
1157
                $("a#metadata-scrollable").data('overlay').close();
1158
                ajax_error(jqXHR.status, undefined, 'Delete metadata', jqXHR.responseText);
1159
            } catch (err) {
1160
                ajax_error(err);
1161
            }
1162
        },
1163
        success: function(data, textStatus, jqXHR) {
1164
                    // success: Do nothing, the UI is already updated
1165
        }
1166
    });
1167
    return false;
1168
}
1169

    
1170
// add metadata key-value pair
1171
function update_metadata(serverID, meta_key, meta_value) {
1172
    var payload = {
1173
        "meta": {
1174
        }
1175
    };
1176
    payload["meta"][meta_key] = meta_value;
1177

    
1178
    $.ajax({
1179
        url: API_URL + '/servers/' + serverID + '/meta/' + meta_key,
1180
        type: "PUT",
1181
        contentType: "application/json",
1182
        dataType: "json",
1183
        data: JSON.stringify(payload),
1184
        timeout: TIMEOUT,
1185
        error: function(jqXHR, textStatus, errorThrown) {
1186
            try {
1187
                // close wizard and show error box
1188
                $("a#metadata-scrollable").data('overlay').close();
1189
                ajax_error(jqXHR.status, undefined, 'add metadata', jqXHR.responseText);
1190
            } catch (err) {
1191
                ajax_error(err);
1192
            }
1193
        },
1194
        success: function(data, textStatus, jqXHR) {
1195
            // success: Update icons if meta key is OS
1196
            if (meta_key == "OS") {
1197
                $("#metadata-wizard .machine-icon").attr("src","static/icons/machines/small/" + os_icon_from_value(meta_value) + '-' + $("#metadata-wizard div#on-off").text() + '.png');
1198
                $("#machinesview-icon").find("div#" + serverID).find("img.logo").attr("src", "static/icons/machines/medium/" + os_icon_from_value(meta_value) + '-' + $("#metadata-wizard div#on-off").text() + '.png');
1199
            }
1200
        }
1201
    });
1202
    return false;
1203
}
1204

    
1205
// create network
1206
function create_network(networkName){
1207
    // ajax post start call
1208
    var payload = {
1209
        "network": { "name": networkName }
1210
    };
1211

    
1212
    $.ajax({
1213
        url: API_URL + '/networks',
1214
        type: "POST",
1215
        contentType: "application/json",
1216
        dataType: "json",
1217
        data: JSON.stringify(payload),
1218
        timeout: TIMEOUT,
1219
        error: function(jqXHR, textStatus, errorThrown) {
1220
            try {
1221
                // close wizard and show error box
1222
                $("a#networkscreate").overlay().close();
1223
                ajax_error(jqXHR.status, undefined, 'Create network', jqXHR.responseText);
1224
            } catch (err) {
1225
                ajax_error(err);
1226
            }
1227
        },
1228
        success: function(data, textStatus, jqXHR) {
1229
            if ( jqXHR.status == '202') {
1230
                try {
1231
                    console.info('created network ' + networkName);
1232
                } catch(err) {}
1233
                /*
1234
                On success of this call nothing happens.
1235
                When the UI gets the first update containing the created server,
1236
                the creation wizard is closed and the new network is inserted
1237
                to the DOM. This is done in update_networks_view()
1238
                */
1239
            } else {
1240
                // close wizard and show error box
1241
                $("a#networkscreate").overlay().close();
1242
                ajax_error(jqXHR.status, undefined, 'Create network', jqXHR.responseText);
1243
            }
1244
        }
1245
    });
1246
    return false;
1247
}
1248

    
1249
// rename network
1250
function rename_network(networkID, networkName){
1251
    if (!networkID.length){
1252
        //ajax_success('DEFAULT');
1253
        return false;
1254
    }
1255
    // prepare payload
1256
    var payload = {
1257
        "network": {"name": networkName}
1258
    };
1259
    // ajax call
1260
    $.ajax({
1261
        url: API_URL + '/networks/' + networkID,
1262
        type: "PUT",
1263
        contentType: "application/json",
1264
        dataType: "json",
1265
        data: JSON.stringify(payload),
1266
        timeout: TIMEOUT,
1267
        error: function(jqXHR, textStatus, errorThrown) {
1268
            try {
1269
                ajax_error(jqXHR.status, undefined, 'Rename network', jqXHR.responseText);
1270
            } catch (err) {
1271
                ajax_error(0, undefined, 'Rename network', jqXHR.responseText);
1272
            }
1273
        },
1274
        success: function(data, textStatus, jqXHR) {
1275
            if ( jqXHR.status == '204') {
1276
                try {
1277
                    console.info('renamed network' + networkID);
1278
                } catch(err) {}
1279
            } else {
1280
                ajax_error(jqXHR.status, undefined, 'Rename network', jqXHR.responseText);
1281
            }
1282
        }
1283
    });
1284
    return false;
1285
}
1286

    
1287
function delete_network(networkIDs){
1288
    if (!networkIDs.length){
1289
        //ajax_success('DEFAULT');
1290
        return false;
1291
    }
1292
    // get a network
1293
    var networkID = networkIDs.pop();
1294
    // ajax post destroy call can have an empty request body
1295
    var payload = {};
1296
    // ajax call
1297
    $.ajax({
1298
        url: API_URL + '/networks/' + networkID,
1299
        type: "DELETE",
1300
        contentType: "application/json",
1301
        dataType: "json",
1302
        data: JSON.stringify(payload),
1303
        timeout: TIMEOUT,
1304
        error: function(jqXHR, textStatus, errorThrown) {
1305
            try {
1306
                display_net_failure(jqXHR.status, networkID, 'Delete', jqXHR.responseText);
1307
            } catch (err) {
1308
                display_net_failure(0, networkID, 'Delete', jqXHR.responseText);
1309
            }
1310
        },
1311
        success: function(data, textStatus, jqXHR) {
1312
            if ( jqXHR.status == '204') {
1313
                try {
1314
                    console.info('deleted network ' + networkID);
1315
                } catch(err) {}
1316
                // continue with the rest of the servers
1317
                delete_network(networkIDs);
1318
            } else {
1319
                try {
1320
                    display_net_failure(jqXHR.status, networkID, 'Delete', jqXHR.responseText);
1321
                } catch (err) {
1322
                    display_net_failure(0, networkID, 'Delete', jqXHR.responseText);
1323
                }
1324
            }
1325
        }
1326
    });
1327
    return false;
1328
}
1329

    
1330
function add_server_to_network(networkID, serverIDs, serverNames, serverStates) {
1331
    if (!serverIDs.length){
1332
        // close the overlay when all the calls are made
1333
        $("a#add-machines-overlay").overlay().close();
1334
        return false;
1335
    }
1336
    // get a server
1337
    var serverID = serverIDs.pop();
1338
    var serverName = serverNames.pop();
1339
    var serverState = serverStates.pop();
1340
    // prepare payload
1341
    var payload = {
1342
            "add": { "serverRef": serverID }
1343
        };
1344
    // prepare ajax call
1345
    $.ajax({
1346
        url: API_URL + '/networks/' + networkID + '/action',
1347
        type: "POST",
1348
        contentType: "application/json",
1349
        dataType: "json",
1350
        data: JSON.stringify(payload),
1351
        timeout: TIMEOUT,
1352
        error: function(jqXHR, textStatus, errorThrown) {
1353
            try {
1354
                // close wizard and show error box
1355
                $("a#add-machines-overlay").data('overlay').close();
1356
                ajax_error(jqXHR.status, undefined, 'Add server to network', jqXHR.responseText);
1357
            } catch (err) {
1358
                ajax_error(0, undefined, 'Add server to network', jqXHR.responseText);
1359
            }
1360
        },
1361
        success: function(data, textStatus, jqXHR) {
1362
            if ( jqXHR.status == '202') {
1363
                try {
1364
                    console.info('added server ' + serverID + ' to network ' + networkID);
1365
                } catch(err) {}
1366
                // toggle the reboot dialog
1367
                display_reboot_dialog(networkID, serverID, serverName, serverState);
1368
                // continue with the rest of the servers
1369
                add_server_to_network(networkID, serverIDs, serverNames, serverStates);
1370
            } else {
1371
                // close wizard and show error box
1372
                $("a#add-machines-overlay").data('overlay').close();
1373
                ajax_error(jqXHR.status, undefined, 'Add server to network', jqXHR.responseText);
1374
            }
1375
        }
1376
    });
1377
    return false;
1378
}
1379

    
1380
function remove_server_from_network(networkIDs, serverIDs, serverNames, serverStates) {
1381
    if (!networkIDs.length){
1382
        //ajax_success('DEFAULT');
1383
        return false;
1384
    }
1385
    // get a network and a server
1386
    var networkID = networkIDs.pop();
1387
    var serverID = serverIDs.pop();
1388
    var serverName = serverNames.pop();
1389
    var serverState = serverStates.pop();
1390
    // prepare payload
1391
    var payload = {
1392
            "remove": { "serverRef": serverID }
1393
        };
1394
    // prepare ajax call
1395
    $.ajax({
1396
        url: API_URL + '/networks/' + networkID + '/action',
1397
        type: "POST",
1398
        contentType: "application/json",
1399
        dataType: "json",
1400
        data: JSON.stringify(payload),
1401
        timeout: TIMEOUT,
1402
        error: function(jqXHR, textStatus, errorThrown) {
1403
            try {
1404
                ajax_error(jqXHR.status, undefined, 'Remove server form network', jqXHR.responseText);
1405
            } catch (err) {
1406
                ajax_error(0, undefined, 'Remove server form network', jqXHR.responseText);
1407
            }
1408
        },
1409
        success: function(data, textStatus, jqXHR) {
1410
            if ( jqXHR.status == '202') {
1411
                try {
1412
                    console.info('deleted server ' + serverID + ' from network ' + networkID);
1413
                } catch(err) {}
1414
                // toggle the reboot dialog
1415
                display_reboot_dialog(networkID, serverID, serverName, serverState);
1416
                // continue with the rest of the servers
1417
                remove_server_form_network(networkIDs, serverIDs, serverNames, serverStates);
1418
            } else {
1419
                ajax_error(jqXHR.status, undefined, 'Remove server form network', jqXHR.responseText);
1420
            }
1421
        }
1422
    });
1423
    return false;
1424
}
1425

    
1426
function set_firewall(networkID, serverID, profile) {
1427
    if (!networkID.length || !serverID.length || !profile.length){
1428
        return false;
1429
    }
1430
    // prepare payload
1431
    var payload = {
1432
            "firewallProfile": { "profile": profile }
1433
        };
1434
    // prepare ajax call
1435
    $.ajax({
1436
        url: API_URL + '/servers/' + serverID + '/action',
1437
        type: "POST",
1438
        contentType: "application/json",
1439
        dataType: "json",
1440
        data: JSON.stringify(payload),
1441
        timeout: TIMEOUT,
1442
        error: function(jqXHR, textStatus, errorThrown) {
1443
            try {
1444
                ajax_error(jqXHR.status, undefined, 'Set firewall profile', jqXHR.responseText);
1445
            } catch (err) {
1446
                ajax_error(0, undefined, 'Set firewall profile', jqXHR.responseText);
1447
            }
1448
        },
1449
        success: function(data, textStatus, jqXHR) {
1450
            if ( jqXHR.status == '202') {
1451
                try {
1452
                    console.info('for server ' + serverID + ' set firewall profile to ' + profile);
1453
                } catch(err) {}
1454
                //remove progress gif and toggle the content
1455
                $('div#net-' + networkID + '-server-' + serverID + ' button.firewall-apply').html(VARIOUS["APPLY"]);
1456
                $('div#net-' + networkID + '-server-' + serverID + ' button.firewall-apply').attr("disabled", false);
1457
                $('div#net-' + networkID + '-server-' + serverID + ' div.firewall-header').click();
1458
                // change on/off
1459
                $('div#net-' + networkID + '-server-' + serverID + ' .firewall-label span').removeClass();
1460
                if ( profile == 'DISABLED' ) {
1461
                    $('div#net-' + networkID + '-server-' + serverID + ' .firewall-label span').addClass('firewall-off');
1462
                    $('div#net-' + networkID + '-server-' + serverID + ' .firewall-label span').html(VARIOUS["OFF"]);
1463
                }
1464
                else {
1465
                    $('div#net-' + networkID + '-server-' + serverID + ' .firewall-label span').addClass('firewall-on');
1466
                    $('div#net-' + networkID + '-server-' + serverID + ' .firewall-label span').html(VARIOUS["ON"]);
1467
                }
1468
                // toggle the reboot dialog
1469
                var serverName = $('div#net-' + networkID + '-server-' + serverID + ' div.machine-name-div span.name').text();
1470
                var serverState = $('div#net-' + networkID + '-server-' + serverID + ' img.logo').attr('src').split('-')[1];
1471
                serverState = serverState.split('.')[0];
1472
                display_reboot_dialog(networkID, serverID, serverName, serverState);
1473
            } else {
1474
                ajax_error(jqXHR.status, undefined, 'Set firewall profile', jqXHR.responseText);
1475
            }
1476
        }
1477
    });
1478
    return false;
1479
}
1480

    
1481
// show the welcome screen
1482
function showWelcome() {
1483
    $("#view-select").fadeOut("fast");
1484
    $("#emptymachineslist").fadeIn("fast");
1485
    $("#machinesview").hide();
1486
}
1487

    
1488
// hide the welcome screen
1489
function hideWelcome() {
1490
    $("#emptymachineslist").fadeOut("fast");
1491
    $("#view-select").fadeIn("fast");
1492
    $("div#view-select").show();
1493
    $("#machinesview").show();
1494
}
1495

    
1496
function log_server_status_change(server_entry, new_status) {
1497
    // firebug console logging
1498
    try {
1499
        if ($("#machinesview-single").length > 0) {
1500
            console.info(server_entry.find("div.machine-details div.name").text() +
1501
                        ' from ' + server_entry.find(".state-label").text() +
1502
                        ' to ' + STATUSES[new_status]);
1503
        } else {
1504
            console.info(server_entry.find("div.name span.name").text() +
1505
                        ' from ' + server_entry.find(".status").text() +
1506
                        ' to ' + STATUSES[new_status]);
1507
        }
1508
    } catch(err) {}
1509
}
1510

    
1511
function get_flavor_params(flavorRef) {
1512
    var cpus, ram, disk;
1513
    if ( flavors.length > 0 ) {
1514
        var current_flavor = '';
1515
        for (i=0; i<flavors.length; i++) {
1516
            if (flavors[i]['id'] == flavorRef) {
1517
                current_flavor = flavors[i];
1518
            }
1519
        }
1520
        cpus = current_flavor['cpu'];
1521
        ram = current_flavor['ram'];
1522
        disk = current_flavor['disk'];
1523
    } else {
1524
        cpus = 'undefined';
1525
        ram = 'undefined';
1526
        disk = 'undefined';
1527
    }
1528
    return {'cpus': cpus, 'ram': ram, 'disk': disk};
1529
}
1530

    
1531
function get_image_params(imageRef) {
1532
    var image_name, image_size;
1533
    if ( images.length > 0 ) {
1534
        var current_image = '';
1535
        for (i=0; i<images.length; i++) {
1536
            if (images[i]['id'] == imageRef) {
1537
                current_image = images[i];
1538
            }
1539
        }
1540
        try {
1541
            image_name = current_image['name'];
1542
        } catch(err) { image_name = 'undefined'; }
1543
        try{
1544
            image_size = current_image['metadata']['values']['size'];
1545
        } catch(err) { image_size = 'undefined'; }
1546
    } else {
1547
        image_name = 'undefined';
1548
        image_size = 'undefined';
1549
    }
1550
    return {'name': image_name,'size': image_size};
1551
}
1552

    
1553
function get_public_ips(server) {
1554
    var ip4, ip6;
1555
    try {
1556
        if (server.addresses.values) {
1557
            $.each (server.addresses.values, function(i, value) {
1558
                if (value.id == 'public') {
1559
                    try {
1560
                        $.each (value.values, function(i, ip) {
1561
                            if (ip.version == '4') {
1562
                                ip4 = ip.addr;
1563
                            } else if (ip.version == '6') {
1564
                                ip6 = ip.addr;
1565
                            } else {
1566
                                ip4 = 'undefined';
1567
                                ip6 = 'undefined';
1568
                            }
1569
                        });
1570
                    } catch (err){
1571
                        try{console.info('Server ' + server.id + ' has invalid ips')}catch(err){};
1572
                        ip4 = 'undefined';
1573
                        ip6 = 'undefined';
1574
                    }
1575
                }
1576
            });
1577
        }
1578
    } catch (err) {
1579
        try{console.info('Server ' + server.id + ' has no network addresses')}catch(err){};
1580
        ip4 = 'undefined';
1581
        ip6 = 'undefined';
1582
    }
1583
    return {'ip4': ip4, 'ip6': ip6};
1584
}
1585

    
1586
function get_private_ips(server) {
1587

    
1588
}
1589

    
1590
function close_all_overlays() {
1591
        try {
1592
                $("a#networkscreate").overlay().close();
1593
        } catch(err) {}
1594
        try {
1595
                $('a#create').overlay().close();
1596
        } catch(err) {}
1597
        try {
1598
                $("a#add-machines-overlay").overlay().close();
1599
        } catch(err) {}
1600
        try {
1601
                $("a#metadata-scrollable").overlay().close();
1602
        } catch(err) {}
1603
}
1604

    
1605
// logout
1606
function user_session_logout() {
1607
    $.cookie("X-Auth-Token", null);
1608
    location.reload();
1609
}
1610

    
1611
// action indicators
1612
function init_action_indicator_handlers(machines_view)
1613
{
1614
    // init once for each view
1615
    if (window.ACTION_ICON_HANDLERS == undefined)
1616
    {
1617
        window.ACTION_ICON_HANDLERS = {};
1618
    }
1619

    
1620
    if (machines_view in window.ACTION_ICON_HANDLERS)
1621
    {
1622
        return;
1623
    }
1624
    window.ACTION_ICON_HANDLERS[machines_view] = 1;
1625
    
1626
    if (machines_view == "list")
1627
    {   
1628
        // totally different logic for list view
1629
        init_action_indicator_list_handlers();
1630
        return;
1631
    }
1632
    
1633
    function update_action_icon_indicators(force)
1634
    {   
1635
        function show(el, action) {
1636
            $(".action-indicator", $(el)).attr("class", "action-indicator " + action);
1637
            $(".action-indicator", $(el)).show();
1638
        }
1639

    
1640
        function hide(el) {   
1641
            $(".action-indicator", $(el)).hide();
1642
        }
1643
        
1644
        function get_pending_actions(el) {
1645
            return $(".confirm_single:visible", $(el));
1646
        }
1647
        
1648
        function other_indicators(el) {
1649
           return $("img.wave:visible, img.spinner:visible", $(el))
1650
        }
1651
        
1652
        $("div.machine:visible, div.single-container").each(function(index, el){
1653
            var el = $(el);
1654
            var pending = get_pending_actions(el);
1655
            var other = other_indicators(el);
1656
            var action = undefined;
1657
            var force_action = force;
1658
            var visible = $(el).css("display") == "block";
1659

    
1660
            if (force_action !==undefined && force_action.el !== el[0]) {
1661
                // force action for other vm
1662
                // skipping force action
1663
                force_action = undefined;
1664
            }
1665
             
1666
            if (force_action !==undefined && force_action.el === el[0]) {
1667
                action = force_action.action;
1668
            }
1669

    
1670
            if (other.length >= 1) {
1671
                return;
1672
            }
1673

    
1674
            if (pending.length >= 1 && force_action === undefined) {      
1675
                action = $(pending.parent()).attr("class").replace("action-container","");
1676
            }
1677
            
1678
            if (action in {'console':''}) {
1679
                return;
1680
            }
1681
            
1682
            if (action !== undefined) {
1683
                show(el, action);
1684
            } else {
1685
                try {   
1686
                    if (el.attr('id') == pending_actions[0][1])
1687
                    {
1688
                        return;   
1689
                    }
1690
                } catch (err) {
1691
                }
1692
                hide(el);
1693
            }
1694

    
1695
        });
1696
    }
1697

    
1698
    // action indicators
1699
    $(".action-container").live('mouseover', function(evn) {
1700
        force_action = {'el': $(evn.currentTarget).parent().parent()[0], 'action':$(evn.currentTarget).attr("class").replace("action-container","")};
1701
        // single view case
1702
        if ($(force_action.el).attr("class") == "upper")
1703
        {
1704
            force_action.el = $(evn.currentTarget).parent().parent().parent()[0]
1705
        };
1706
        update_action_icon_indicators(force_action);
1707
    });
1708

    
1709
    $("img.spinner, img.wave").live('hide', function(){
1710
        update_action_icon_indicators();
1711
    });
1712
    // register events where icons should get updated
1713

    
1714
    // hide action indicator image on mouse out, spinner appear, wave appear
1715
    $(".action-container").live("mouseout", function(evn){
1716
        update_action_icon_indicators();
1717
    });
1718

    
1719
    $(".confirm_single").live("click", function(evn){
1720
        update_action_icon_indicators();
1721
    });
1722

    
1723
    $("img.spinner, img.wave").live('show', function(){
1724
        $("div.action-indicator").hide();
1725
    });
1726

    
1727
    $(".confirm_single button.no").live('click', function(evn){
1728
        $("div.action-indicator", $(evn.currentTarget).parent().parent()).hide();
1729
    });
1730

    
1731
    $(".confirm_multiple button.no").click(function(){
1732
        $("div.action-indicator").hide();
1733
    });
1734

    
1735
    $(".confirm_multiple button.yes").click(function(){
1736
        $("div.action-indicator").hide();
1737
    });
1738
}
1739

    
1740
function init_action_indicator_list_handlers()
1741
{   
1742
    var skip_actions = { 'console':'','connect':'','details':'' };
1743

    
1744
    var has_pending_confirmation = function()
1745
    {
1746
        return $(".confirm_multiple:visible").length >= 1
1747
    }
1748
    
1749
    function update_action_indicator_icons(force_action, skip_pending)
1750
    {   
1751
        // pending action based on the element class
1752
        var pending_action = $(".selected", $(".actions"))[0];
1753
        var selected = get_list_view_selected_machine_rows();
1754

    
1755
        // reset previous state
1756
        list_view_hide_action_indicators();
1757
        
1758
        if (pending_action == undefined && !force_action)
1759
        {
1760
            // no action selected
1761
            return;
1762
        }
1763
        
1764
        if (force_action != undefined)
1765
        {
1766
            // user forced action choice
1767
            var action_class = force_action;
1768
        } else {
1769
            // retrieve action name (reboot, stop, etc..)
1770
            var action_class = $(pending_action).attr("id").replace("action-","");
1771
        }
1772

    
1773
        selected.each(function(index, el) {
1774
            if (has_pending_confirmation() && skip_pending)
1775
            {
1776
                return;
1777
            }
1778
            var el = $(el);
1779
            var logo = $("img.list-logo", el);
1780
            $(".action-indicator", el).remove();
1781
            var cls = "action-indicator " + action_class;
1782
            // add icon div
1783
            logo.after('<div class="' + cls + '"></div>');
1784
            // hide os logo
1785
            $("img.list-logo", el).hide();
1786
        });
1787
    }  
1788
    
1789
    // on mouseover we force the images to the hovered action
1790
    $(".actions a").live("mouseover", function(evn) {
1791
        var el = $(evn.currentTarget);
1792
        if (!el.hasClass("enabled"))
1793
        {   
1794
            return;
1795
        }
1796
        var action_class = el.attr("id").replace("action-","");
1797
        if (action_class in skip_actions)
1798
        {
1799
            return;
1800
        }
1801
        update_action_indicator_icons(action_class, false);
1802
    });
1803
    
1804

    
1805
    // register events where icons should get updated
1806
    $(".actions a.enabled").live("click", function(evn) {
1807
        // clear previous selections
1808
        $("a.selected").removeClass("selected");
1809

    
1810
        var el = $(evn.currentTarget);
1811
        el.addClass("selected");
1812
        update_action_indicator_icons(undefined, false);
1813
    });
1814

    
1815
    $(".actions a").live("mouseout", function(evn) {
1816
        update_action_indicator_icons(undefined, false);
1817
    });
1818
    
1819
    $(".confirm_multiple button.no").click(function(){
1820
        list_view_hide_action_indicators();
1821
    });
1822

    
1823
    $(".confirm_multiple button.yes").click(function(){
1824
        list_view_hide_action_indicators();
1825
    });
1826
    
1827
    $("input[type=checkbox]").live('change', function(){
1828
        // pending_actions will become empty on every checkbox click/change
1829
        // line 154 machines_list.html
1830
        pending_actions = [];
1831
        if (pending_actions.length == 0)
1832
        {
1833
            $(".confirm_multiple").hide();
1834
            $("a.selected").each(function(index, el){$(el).removeClass("selected")});        
1835
        }
1836
        update_action_indicator_icons(undefined, false);
1837
    });
1838
    
1839
}
1840

    
1841
function list_view_hide_action_indicators()
1842
{
1843
    $("tr td .action-indicator").remove();
1844
    $("tr td img.list-logo").show();
1845
}
1846

    
1847
function get_list_view_selected_machine_rows()
1848
{   
1849
    var table = $("table.list-machines");
1850
    var rows = $("tr:has(input[type=checkbox]:checked)",table);
1851
    return rows;
1852
}
1853