Changeset 2045


Ignore:
Timestamp:
Jun 28, 2016, 11:54:23 PM (5 years ago)
Author:
kbut
Message:

making gui

File:
1 edited

Legend:

Unmodified
Added
Removed

  • lliurex-mirror/trunk/fuentes/admin-center-lliurex-mirror.install/lliurex-mirror/src/js/lliurex-mirror.js

    r2042 r2045  
    1 
    2 // function LliurexMirror(){
    3 
    4 //   this.MirrorConfig={
    5 //     // From LliureXMirrorNonGtk
    6 //     is_mirror_32_available: null,
    7 //     is_mirror_64_available: null,
    8 //     last_update: null,
    9 //     size:null,
    10 //     status:null
    11 //     /*
    12 //     // From LliurexMirrorCore
    13 //     is_alive: null,
    14 //     get_progress: null,
    15 //     rc_status: null*/
    16 
    17 //   }
    18 //   this.MirrorTimer=null;
    19 
    20 // }
    21 
    22 // // Init Function
    23 // LliurexMirror.prototype.init=function init(){
    24 
    25 //   // Getting mirror status
    26 //   var self=this;
    27  
    28 //     Utils.n4d("","LliurexMirrorNonGtk", "is_mirror_32_available", [], function(response){
    29 //       resp=(JSON.parse(response.replace(/'/g, '\"')))["status"];
    30 //       self.MirrorConfig.is_mirror_32_available= (resp === "True");
    31 
    32 //       Utils.n4d("","LliurexMirrorNonGtk", "is_mirror_64_available", [], function(response){
    33 //         //console.log(response);
    34 //         resp=(JSON.parse(response.replace(/'/g, '\"')))["status"];
    35 //         self.MirrorConfig.is_mirror_64_available= (resp === "True");
    36 
    37 //         Utils.n4d("","LliurexMirrorNonGtk", "get_status", [], function(response,status){
    38 //           resp=(JSON.parse(response.replace(/'/g, '\"')))["status"];
    39 //           self.MirrorConfig.status=resp;
    40 
    41 //           Utils.n4d("","LliurexMirrorNonGtk", "n4d_get_unix_date", [], function(response,status){
    42 //             resp=(JSON.parse(response.replace(/'/g, '\"')))["status"];
    43 //             self.MirrorConfig.status=resp;
    44 
    45 //             Utils.n4d("","LliurexMirrorNonGtk", "n4d_get_unix_date", [], function(response,status){
    46 //               console.log(response);
    47 //               resp=(JSON.parse(response.replace(/'/g, '\"')))["date"];
    48 //               var splitted_resp=resp.split(" ");
    49 //               self.MirrorConfig.last_update=splitted_resp[2];
    50 //               self.MirrorConfig.size=splitted_resp[5];
    51 
    52 //               $("#llx-mirror-status").html(JSON.stringify(self.MirrorConfig));
    53              
    54 //               self.showMe();
    55 
    56 //               //alert(resp);
    57 //             //{"is_mirror_32_available":"True","is_mirror_64_available":"False","status":"available"}
    58 
    59 //               });
    60 
    61 
    62 //             });
    63 
    64 //           });
    65 //     });
    66 
    67 //  });
    68  
    69 // }
    70 
    71 
    72 // LliurexMirror.prototype.showMe=function showMe(){
    73 //   var self=this;
    74 //   /*self.MirrorConfig={
    75 //     // From LliureXMirrorNonGtk
    76 //     is_mirror_32_available: true,
    77 //     is_mirror_64_available: true,
    78 //     last_update: null,
    79 //     size:null,
    80 //     status:null}*/
    81 
    82 //    // Show or hide items
    83 //    console.log(self.MirrorConfig);
    84    
    85 //    if (self.MirrorConfig.status=="True") {
    86 //        console.log("is trueee");
    87 //       $("#lliurex_mirror_update_mirror_process").show();
    88 //       console.log(self.MirrorTimer);
    89 //       if (!self.MirrorTimer) self.checkMirrorTimer();
    90 
    91 //    }
    92    
    93  
    94 //   if (!self.MirrorConfig.is_mirror_32_available&&!self.MirrorConfig.is_mirror_64_available) {
    95 //     $("#lliurex_mirror_first_run").show();
    96 //     $("#lliurex_mirror_32_installed").hide();
    97 //     $("#lliurex_mirror_64_installed").hide();
    98 //     $("#lliurex_mirror_full_installed").hide();
    99 //   } else if (self.MirrorConfig.is_mirror_32_available&&!self.MirrorConfig.is_mirror_64_available) {
    100 //     $("#lliurex_mirror_first_run").hide();
    101 //     $("#lliurex_mirror_32_installed").show();
    102 //     $("#lliurex_mirror_64_installed").hide();
    103 //     $("#lliurex_mirror_full_installed").hide();
    104 //   } else if (!self.MirrorConfig.is_mirror_32_available&&self.MirrorConfig.is_mirror_64_available) {
    105 //     $("#lliurex_mirror_first_run").hide();
    106 //     $("#lliurex_mirror_32_installed").hide();
    107 //     $("#lliurex_mirror_64_installed").show();
    108 //     $("#lliurex_mirror_full_installed").hide();
    109 //   } else if (self.MirrorConfig.is_mirror_32_available&&self.MirrorConfig.is_mirror_64_available) {
    110 //     $("#lliurex_mirror_first_run").hide();
    111 //     $("#lliurex_mirror_32_installed").hide();
    112 //     $("#lliurex_mirror_64_installed").hide();
    113 //     $("#lliurex_mirror_full_installed").show();
    114 //   }
    115 // }
    116 
    117 // LliurexMirror.prototype.checkMirror=function checkMirror(){
    118 //   console.log("2222222222222222");
    119 //   Utils.n4d("", "LliurexMirrorCore", "is_alive", [], function(response){
    120 //     console.log("is_alive:"+response);
    121 //     console.log(response);
    122 //     if(!response) {
    123 //       // is not alive, it means, is not updating, showing ui
    124 //       //$("#llx-mirror-progress").hide();
    125 //       //$("#llx-mirror-config").show();
    126 //     } else   {
    127 
    128 //       // Updating is running, hiding configuration options and showing progress
    129 
    130 //       var credentials="";
    131 //       var n4dclass="LliurexMirrorCore";
    132 //       var n4dmethod="get_progress";
    133 //       var arglist=[];
    134 //       try{
    135 //         Utils.n4d(credentials, n4dclass, n4dmethod, arglist, function(response){
    136 //           console.log("progress:"+response);
    137 //           //var percent=response.split(" ")[1];
    138 //           var percent=parseInt(response.split(" ")[1])
    139 //           //if(percent[percent.length-1]==="") percent=percent.substr(0,percent.length-1);
    140 
    141 //           //$("#llx-mirror-progress").show();
    142 //           //$("#llx-mirror-config").hide();
    143 //           console.log("*********");
    144 //           //$("#llx-mirror-progress").html(response);
    145 //           console.log(response);
    146 //           $("#llx-mirror-progress").find(".progress-bar").attr("style", {"width":percent});
    147 //           $("#llx-mirror-progress-percent").css({"width":percent+"%"});
    148 //           console.log("SET PERCENT TO "+percent+"%");
    149 //         });
    150 //       } catch (error){
    151 
    152 //       }
    153 //     }
    154 
    155 //     // Falta vore el progres
    156 
    157 //   });
    158 
    159 // }
    160 
    161 
    162 // LliurexMirror.prototype.checkMirrorTimer=function checkMirrorTimer(){
    163 //   var self=this;
    164 //   console.log("0000000000000000000000000");
    165 //   if (!self.MirrorTimer) {
    166 //     console.log("11111111111111111111111111");
    167 //       self.MirrorTimer = setInterval(self.checkMirror, 500)
    168  
    169 //   };
    170 //   //$("#llx-mirror-progress-percent").css({"width":"50%", "height":"30px"});
    171 // }
    172 
    173 
    174 
    175 
    176 
    177 // // I18n
    178 // LliurexMirror.prototype._=function _(text){
    179 //   return ( i18n.gettext("lliurex-mirror", text));
    180 // }
    181 
    182 
    183 // LliurexMirror.prototype.sleep=function sleep(){
    184 //   var self=this;
    185 //   clearInterval(self.MirrorTimer);
    186 //   //$("#llx-mirror-progress-percent").css({"width":"50%", "height":"30px"});
    187 // }
    188 
    189 
    190 
    191 
    192 
    193 
    194 // /*   LliureX Mirror Core Functions     */
    195 
    196 // LliurexMirror.prototype.createMirror32bit=function createMirror32bit(){
    197 //   alert("create mirror 32 bit");
    198 // }
    199 
    200 // LliurexMirror.prototype.createMirror64bit=function createMirror64bit(){
    201 //   alert("create mirror 64 bit");
    202 // }
    203 
    204 // LliurexMirror.prototype.createFullMirror=function createFullMirror(){
    205 //   alert("create full mirror");
    206 //   }
    207 
    208 // LliurexMirror.prototype.ImportMirror=function ImportMirror(){
    209 //   alert("import mirror");
    210 // }
    211 
    212 // LliurexMirror.prototype.addMirror64bit=function addMirror64bit(){
    213 //   alert("add mirror 64 bit");
    214 // }
    215 
    216 // LliurexMirror.prototype.removeMirror=function removeMirror(){
    217 //   alert("remove mirror");
    218 // }
    219 
    220 // LliurexMirror.prototype.exportMirror=function exportMirror(){
    221 //   alert("export Mirror");
    222 // }
    223 
    224 // LliurexMirror.prototype.updateFromServer=function updateFromServer(){
    225 //   alert("Update from server");
    226 // }
    227 
    228 // LliurexMirror.prototype.addMirror32bit=function addMirror32bit(){
    229 //   alert("add mirror 32 bit");
    230 // }
    231 
    232 // LliurexMirror.prototype.updateMirror=function updateMirror(){
    233 //   //alert("update mirror");
    234 //   var self=this;
    235 //   $("#lliurex_mirror_update_mirror_process").show();
    236  
    237 //    Utils.n4d("", "LliurexMirrorCore", "is_alive", [], function(response){
    238 //       if (!response){ // If is not updating, let's update!
    239 //             // Prepare progress bar
    240 //             if (self.MirrorTimer!==null) self.checkMirrorTimer();
    241 
    242 //             var credentials=[sessionStorage.username , sessionStorage.password];
    243 //             var n4dclass="LliurexMirrorCore";
    244 //             var n4dmethod="update";
    245 //             var arglist=[];
    246 
    247 //             try{
    248 //               Utils.n4d(credentials, n4dclass, n4dmethod, arglist, function(response){
    249 //                 console.log(response);
    250                    
    251 //                   /*  WIP HERE ---> NO ACTUALITZA EL MIRROR  */
    252 
    253 
    254 //                 alert("Updated with: "+response);
    255 //               })
    256 //             } catch (exception) { alert("error "+exception);  }
    257 
    258 
    259 //       }
    260 //       else{
    261 //         message="Error, mirror continues updating...";
    262 //             Utils.msg(message, MSG_ERROR);
    263 //       }
    264 //     })
    265 
    266  
    267  
    268  
    269 // }
    270 
    271 
    272 
    273 
    274 // /* End core methods  */
    275 
    276 
    277 
    278 
    279 
    280 
    281 
    282 
    283 
    284 
    285 
    286 
    287 
    288 
    289 
    290 // LliurexMirror.prototype.bindEvents=function bindEvents(){
    291 //   var self=this;
    292 
    293 //   // Module Loaded: Triggered when a module is fully loaded (html and scripts)
    294 //   $(document).on("moduleLoaded", function(e, args){
    295 //     var moduleName="lliurex-mirror";
    296 //     console.log(args["moduleName"]);
    297 //     if(args["moduleName"]===moduleName)
    298 //       llxMirror.init();
    299 //     else
    300 //       llxMirror.sleep();
    301 
    302 //   });
    303 
    304 //   $(document).on("componentClickedGlobal", function(e, args){
    305 //      var target=args["component"];
    306 //      if (target!=="lliurex-mirror") llxMirror.sleep();
    307 //   });
    308 
    309 //   // componentShown: Triggered when a module component is clicked
    310 //   $("#lliurex-mirror").on("componentClicked", function(e, args){
    311 //     var self=this;
    312 //     alert("component clicked");
    313 //     llxMirror.checkMirrorTimer();
    314 //   });
    315 
    316 // }
    317 
    318 // LliurexMirror.prototype.bindUIEvents=function bindUIEvents(){
    319 //   var self=this;
    320 //   /*$("#llxMirror_updateMirror").on("click", function(){
    321 //     // Check if status is available
    322  
    323 
    324 
    325 //   });*/
    326  
    327 //   $(".lliurex_mirror_il").on("click", function(event){
    328    
    329 //     /*if (self.MirrorConfig.status) {
    330 //         //code
    331 //     }*/
    332    
    333 //      var selected=$(event.target).attr("target");
    334      
    335 //      switch (selected) {
    336 //       case "lliurex_mirror_create_32_bit_mirror":
    337 //         self.createMirror32bit();
    338 //         break;
    339 //       case "lliurex_mirror_create_64_bit_mirror":
    340 //         self.createMirror64bit();
    341 //         break;
    342 //       case "lliurex_mirror_create_full_mirror":
    343 //         self.createFullMirror();
    344 //         break;
    345 //       case "lliurex_mirror_import_mirror":
    346 //         self.ImportMirror();
    347 //         break;
    348 //       case "lliurex_mirror_add_64_bit_mirror":
    349 //         self.addMirror64bit();
    350 //         break;
    351 //       case "lliurex_mirror_remove_mirror":
    352 //         self.removeMirror();
    353 //         break;
    354 //       case "lliurex_mirror_export_mirror":
    355 //         self.exportMirror();
    356 //         break;
    357 //       case "lliurex_mirror_update_from_server":
    358 //         self.updateFromServer();
    359 //         break;
    360 //       case "lliurex_mirror_add_32_bit_mirror":
    361 //         self.addMirror32bit();
    362 //         break;
    363      
    364 //       default:
    365 //         alert("Undefined operation!!");
    366 //      }
    367      
    368 //   });
    369  
    370 //   $("#lliurex-mirror-update-32").on("click", function(){
    371 //     self.updateMirror();
    372 //     });
    373  
    374 //   $("#lliurex-mirror-update-64").on("click", function(){
    375 //     self.updateMirror();
    376 //     });
    377  
    378 //   $("#lliurex-mirror-update-full").on("click", function(){
    379 //     self.updateMirror();
    380 //     });
    381 
    382 // }
    383 
    384 
    3851function LliurexMirror(){
    386 
     2  self.distros = ['llx16'];
     3  self.defaultdistro = 0;
     4  self.progresscolors = {'ok' : '#4caf50' , 'error' : 'red', 'working':'yellow','default':'black'};
     5  self.bars = {};
    3876}
    3887
    3898LliurexMirror.prototype.bindEvents = function bindEvents(){
    3909  var self = this;
     10  var distro = self.distros[self.defaultdistro];
    39111
    39212  $(document).on("moduleLoaded",function(e,args){
    … …  
    39414      self.mirrorinfo = response;
    39515        progressoptions = {
    396                 color:'#4caf50',
     16                color:self.progresscolors['ok'],
    39717                trailcolor:'#9f9f9f',
    39818                trailWidth:3,
    39919                strokeWidth: 3,
    40020                easing: 'easeInOut',
    401                 text: {value:'llx16'}
     21                text: {value:''}
    40222        };
    403     if (self.mirrorinfo['internal']['status_mirror'].toLowerCase() != 'ok'){
    404       progressoptions['color'] = "red";
    405     }
    406     self.bar = new ProgressBar.Circle('#llxmirrorprogress', progressoptions);
    407     self.bar.animate(0.4);
     23    status_mirror = self.mirrorinfo[distro]['status_mirror'].toLowerCase();
     24    progressoptions['color'] = self.progresscolors.hasOwnProperty(status_mirror) ? self.progresscolors[status_mirror] : self.progresscolors['default']; 
     25    progressoptions['text']['value'] = distro;
     26    self.bars[distro] = new ProgressBar.Circle('#llxmirrorprogress', progressoptions);
     27    self.bar[distro].animate(1 - (100 - self.mirrorinfo[distro]['progress']) / 100 );
    40828    self.showOrigin();
    40929    self.showArchitecture();
    … …  
    46080var llxmirror = new LliurexMirror();
    46181llxmirror.bindEvents();
    462 // var llxMirror=new LliurexMirror();
    463 // llxMirror.bindEvents();
    464 // llxMirror.bindUIEvents();
    465 // llxMirror.checkMirrorTimer();
Note: See TracChangeset for help on using the changeset viewer.