Changeset 6558


Ignore:
Timestamp:
Jan 9, 2018, 3:03:22 PM (22 months ago)
Author:
kbut
Message:

wip

File:
1 edited

Legend:

Unmodified
Added
Removed
  • lmd/trunk/fuentes/admin-center-ltsp.install/modul/lliurex-ltsp/src/js/imageManager.js

    r6551 r6558  
    14001400                        var timer;
    14011401                        req.open('POST','http://'+sessionStorage.server+'/admin-center/uploadiso.php');
    1402                         req.onload = function(){
    1403                             if(req.status == 200){
    1404                                 console.log("Finalizado-------------------------------------------------");
    1405                                 var oRes = JSON.parse(req.response);
    1406                                 if(oRes['result']){
    1407                                     // Modify image_data info
    1408                                     image_data['isopath'] = oRes['target'];
    1409                                     image_data['env'] = 'VENDOR="ISO" ';
    1410                                     //self.createImageOnServer(id,image_data);
     1402                        req.upload.addEventListener("progress", self.progressUpload, false);
     1403                        req.upload.addEventListener("loadstart", self.startUpload, false);
     1404                        req.onreadystatechange = function(){
     1405                            if(req.readyState == 2){
     1406                               
     1407                            }
     1408                            else if(req.readyState == 4){
     1409                                if(req.status == 200){
     1410                                    console.log("Finalizado-------------------------------------------------");
     1411                                    console.log(JSON.parse(req.response));
     1412                                    var oRes = JSON.parse(req.response);
     1413                                    if(oRes['result']){
     1414                                        // Modify image_data info
     1415                                        image_data['isopath'] = oRes['target'];
     1416                                        image_data['env'] = 'VENDOR="ISO" ';
     1417                                        //self.createImageOnServer(id,image_data);
     1418                                    }
     1419                                }
     1420                                else{
     1421                                   
    14111422                                }
    14121423                            }
    1413                             else{
    1414                                
    1415                             }
    1416                         }
    1417                         req.onprogress = function(){
    1418                             console.log("Uploading file");
    14191424                        }
    14201425                        req.send(upload_form);
     1426                        self.progressDialog(req);
    14211427                    }
    14221428                    else { // Let's rock'n'roll
     
    14311437            }
    14321438    });
    1433 
    1434    
    1435    
    1436    
    1437    
    1438    
    1439    
    14401439}
    14411440
    14421441
     1442ImageManager.prototype.progressUpload = function progressUpload(event){
     1443    var self = this;
     1444
     1445    console.log("Uploaded " + event.loaded + " bytes of " + event.total);
     1446    var percent = (event.loaded / event.total) * 100;
     1447    $("#progressIsoUpload").css({'width': percent + '%'});
     1448}
    14431449
    14441450ImageManager.prototype._=function _(text){
     
    14731479}
    14741480
     1481ImageManager.prototype.progressDialog = function progressDialog(req){
     1482    var modaldiv = $(document.createElement('div')).attr('id','uploadIsoDialog').addClass('modal');
     1483    var modaldlg = $(document.createElement('div')).addClass('modal-dialog');
     1484    var modalcnt = $(document.createElement('div')).addClass('modal-content');
     1485    var modalbody = $(document.createElement('div')).addClass('modal-body');
     1486
     1487
     1488    var modalProgressContainer = $(document.createElement('div')).addClass('progress-container progress progress-striped active').attr('id','progress-container').css({'height':'32px','background':'rgba(0,0,0,0)'});
     1489    var progressBar = $(document.createElement('div')).attr('id','progressIsoUpload').addClass('progress-bar progress-bar-info').css({'width':'0%','height':'24px'});
     1490    modalProgressContainer.append(progressBar);
     1491
     1492    var modalfooter = $(document.createElement('div')).addClass('modal-footer');
     1493    var bClose = $(document.createElement('button')).addClass('btn btn-primary').attr('id','uploadIsoClose').html(self._('lmd.close'));
     1494    bClose.on('click',function(event){
     1495        modaldiv.fadeOut(400,function(){modaldiv.remove()});
     1496    });
     1497    var bCancel = $(document.createElement('button')).addClass('btn btn-primary').attr('id','uploadIsoCancel').html(self._('lmd.cancel'));
     1498    bCancel.on('click',function(event){
     1499        req.abort();
     1500    });
     1501    modalfooter.append(bClose).append(bCancel);
     1502
     1503    modalbody.append(modalProgressContainer);
     1504    modalcnt.append(modalbody);
     1505    modalcnt.append(modalfooter);
     1506    modaldlg.append(modalcnt);
     1507    modaldiv.append(modaldlg);
     1508
     1509
     1510    $('body').prepend(modaldiv);
     1511    $('.modal').hide();
     1512    $(modaldiv).show();
     1513
     1514}
    14751515
    14761516ImageManager.prototype.deployMinimalClient=function deployMinimalClient(){
Note: See TracChangeset for help on using the changeset viewer.