Changeset 2118


Ignore:
Timestamp:
Jul 7, 2016, 4:01:08 PM (3 years ago)
Author:
kbut
Message:

wip

Location:
lliurex-mirror/trunk/fuentes/admin-center-lliurex-mirror.install/lliurex-mirror/src
Files:
1 added
1 deleted
3 edited

Legend:

Unmodified
Added
Removed
  • lliurex-mirror/trunk/fuentes/admin-center-lliurex-mirror.install/lliurex-mirror/src/css/lliurex-mirror.css

    r2098 r2118  
    1111i.menu{
    1212        float:right;
    13         background-image: url('images/mirror_not_configured1.png');
    14         background-repeat: no-repeat;
     13        background-image: url('images/mirror_not_configured.png');
    1514        height: 30px;
    16         width: 15px;
    17 }
    18 #llxmirrorconfiguration{
    19         color:black;
     15        width: 30px;
    2016}
    2117
    2218#llxmirrorconfiguration.llxmirrordisabled{
    2319        /*background-color:yellow;*/
     20
    2421        transition: max-height 1s;
    2522        max-height: 0px;
     
    2724}
    2825
    29 #llxmirrorconfiguration.llxmirroractivate{
     26#llxmirrorconfiguration{
    3027        /*background-color:yellow;*/
    3128        transition: max-height 1s;
    3229        max-height: 400px;
    3330        overflow: hidden;
     31        background-color: rgba(0,0,0,0.8);
    3432}
    3533
    36 .mio{
    37         width: 100px;
    38 }
    39 #llxmirrorconfiguration{
    40         text-align: center;
    41         background-color: rgba(0,0,0,0.4);
    42         color:black;
     34#llxmirrorconfigurationcontent{
     35        margin:10px;
    4336}
    4437
    45 .llxmirrorclicked{
    46         color:red;
     38.llxmirrorhidden{
     39        visibility: hidden;
    4740}
    48 
    49 h3.panel-title{
    50         display: inline-block;
    51 }
  • lliurex-mirror/trunk/fuentes/admin-center-lliurex-mirror.install/lliurex-mirror/src/js/lliurex-mirror.js

    r2098 r2118  
    55  this.bars = {};
    66  this.edit = null;
    7   this.progressoptionsdefault = {color:this.progresscolors['ok'], trailcolor:'#000', trailWidth:3, strokeWidth: 3, easing: 'easeInOut', text: {value:''}};
     7  this.progressoptionsdefault = {color:this.progresscolors['ok'], trailcolor:'#9f9f9f', trailWidth:3, strokeWidth: 3, easing: 'easeInOut', text: {value:''}};
    88}
    99
     
    3333    self.showOptionsMenu(self,'#llxmirrormenuorig',self.buildOrigMenuConfig);
    3434  });
     35
     36  $("#llxmirrorupdate").on('click',function modifyarch(e,args){
     37    var credentials=[sessionStorage.username , sessionStorage.password];
     38    var n4dclass="MirrorManager";
     39    var n4dmethod="update";
     40    var arglist=[self.distros[self.defaultdistro]];
     41    Utils.n4d(credentials, n4dclass, n4dmethod, arglist, function getmirrororig(response){
     42      if(response['status']){
     43        setTimeout(function(){
     44          Utils.n4d('', n4dclass, 'get_percentage', arglist, function getpercentage(response){
     45            self.bars[self.defaultdistro].animate(1 - (100 - response[self.defaultdistro]) / 100 );
     46          });
     47        }
     48        ,1000);
     49      }
     50      else{
     51        a = 1;
     52      }
     53    });
     54  });
    3555};
    3656
     
    4363    }
    4464    else{
    45       if (configuration.classList.contains('llxmirroractivate')){
    46        configuration.classList = ['llxmirrordisabled'];
     65      if (configuration.classList.contains('llxmirrordisabled')){
     66       self.edit = menuid;
     67       buildfunction.call(self,'#llxmirrorconfigurationcontent');
     68      }
     69      else{
    4770       self.edit = null;
    4871      }
    49       else{
    50        configuration.classList = ['llxmirroractivate'];
    51        self.edit = menuid;
    52        buildfunction.call(self,'#llxmirrorconfiguration');
    53       }
     72      configuration.classList.toggle('llxmirrordisabled');
    5473    }
    5574}
     
    5877  var self = this;
    5978  var buttonGroups = document.createElement('div');
    60   // buttonGroups.classList = ["btn-group","btn-group-justified","btn-group-raised"];
     79  buttonGroups.classList = ["btn-group"];
     80  buttonGroups.classList.add("btn-group-justified");
     81  buttonGroups.classList.add("btn-group-raised");
    6182  var enablei386 = document.createElement('a');
    6283  var enableamd64 = document.createElement('a');
     
    113134  var self = this;
    114135  var buttonGroups = document.createElement('div');
    115   var internet = document.createElement('input');
    116   var url = document.createElement('input');
    117   var localpath = document.createElement('input');
    118   var labelinternet = document.createElement('label');
    119   var labelurl = document.createElement('input');
    120   var labellocalpath = document.createElement('input');
    121   internet.type = 'radio';
    122   internet.addEventListener('change',function(){
    123     self.setOrig('lliurex.net/xenial');
    124     self.showOrigin();
    125   });
    126   url.type = 'radio';
    127   url.addEventListener('change',function(){
    128     self.setOrig(labelurl.value);
    129     self.showOrigin();
    130   });
    131   localpath.type = 'radio';
    132   internet.name = 'orig';
    133   url.name = 'orig';
    134   localpath.name = 'orig';
    135   labelinternet.innerHTML = 'Lliurex.net';
    136   labelurl.type = 'text';
    137   labelurl.id = 'origurl';
    138   labelurl.addEventListener('input',function(){
     136  buttonGroups.classList = ["btn-group"];
     137  buttonGroups.classList.add("btn-group-justified");
     138  buttonGroups.classList.add("btn-group-raised");
     139  var internet = document.createElement('a');
     140  var url = document.createElement('a');
     141  internet.classList.add('btn');
     142  url.classList.add('btn');
     143  internet.classList.add('btn-raised');
     144  url.classList.add('btn-raised');
     145  internet.innerHTML = "LliureX.net";
     146  url.innerHTML = "Custom url";
     147
     148  buttonGroups.appendChild(internet);
     149  buttonGroups.appendChild(url);
     150 
     151
     152  var customurlform = document.createElement('div');
     153  customurlform.classList.add('form-group');
     154  customurlform.classList.add('label-floating');
     155  customurlform.classList.add('llxmirrorhidden');
     156  var labelcustomurl = document.createElement('label');
     157  labelcustomurl.classList.add('control-label');
     158  labelcustomurl.setAttribute('for','customurl');
     159  labelcustomurl.innerHTML = 'Write mirror url without http://';
     160  var inputcustomurl = document.createElement('input');
     161  inputcustomurl.classList.add("form-control");
     162  inputcustomurl.type="text";
     163  inputcustomurl.id="customurl";
     164  inputcustomurl.addEventListener('input',function(){
    139165    self.modifyGuiOrig();
    140166  });
    141   labellocalpath.type = 'file';
     167  customurlform.appendChild(labelcustomurl);
     168  customurlform.appendChild(inputcustomurl);
     169
     170  internet.addEventListener('click',function(){
     171    if(url.classList.contains('btn-info')){
     172      url.classList.remove('btn-info');
     173    }
     174    if(! internet.classList.contains('btn-info')){
     175      customurlform.classList.toggle('llxmirrorhidden');
     176      internet.classList.add('btn-info');
     177      self.setOrig('lliurex.net/xenial');
     178      self.showOrigin();
     179    }
     180  });
     181  url.addEventListener('click',function(){
     182    if(internet.classList.contains('btn-info')){
     183      internet.classList.remove('btn-info');
     184    }
     185    if(! url.classList.contains('btn-info')){
     186      url.classList.add('btn-info');
     187      customurlform.classList.toggle('llxmirrorhidden');
     188      self.setOrig(customurl.value);
     189      self.showOrigin();
     190    }
     191  });
     192
     193
     194  var credentials=[sessionStorage.username , sessionStorage.password];
     195  var n4dclass="MirrorManager";
     196  var n4dmethod="get_mirror_orig";
     197  var arglist=[self.distros[self.defaultdistro]];
     198  Utils.n4d(credentials, n4dclass, n4dmethod, arglist, function getmirrororig(response){
     199    var value = response['msg'];
     200    if (value.toLowerCase() == 'lliurex.net/xenial'){
     201      internet.classList.add('btn-info');
     202    }
     203    else{
     204      url.classList.add('btn-info');
     205      inputcustomurl.value = value;
     206      customurlform.classList.remove('llxmirrorhidden');
     207    }
     208  });
     209
    142210    /*
    143211    Clean container
    144212   */
    145    buttonGroups.appendChild(internet);
    146    buttonGroups.appendChild(labelinternet);
    147    buttonGroups.appendChild(document.createElement('br'));
    148    buttonGroups.appendChild(url);
    149    buttonGroups.appendChild(labelurl);
    150    buttonGroups.appendChild(document.createElement('br'));
    151    buttonGroups.appendChild(localpath);
    152    buttonGroups.appendChild(labellocalpath);
    153    buttonGroups.appendChild(document.createElement('br'));
     213
    154214  var container = document.querySelector(idcontainer);
    155215  var fc = container.firstChild;
     
    162222   */
    163223  container.appendChild(buttonGroups);
     224  container.appendChild(customurlform);
    164225}
    165226
     
    168229  clearTimeout(self.urlorig);
    169230  self.urlorig = setTimeout(function(){
    170     self.setOrig(document.querySelector('#origurl').value);
     231    self.setOrig(document.querySelector('#customurl').value);
    171232    self.showOrigin();}
    172233    ,1500);
     
    244305}
    245306
    246 
    247307var llxmirror = new LliurexMirror();
    248308llxmirror.bindEvents();
  • lliurex-mirror/trunk/fuentes/admin-center-lliurex-mirror.install/lliurex-mirror/src/main.html

    r2098 r2118  
    2222                </div>
    2323        </div>
    24         <div class="row" >
    25         <div id="llxmirrorconfiguration" class='llxmirrordisabled' >
    26                 <h1>LliureX</h1>
    27         </div>
     24        <div id="llxmirrorconfiguration" class="row llxmirrordisabled" >
     25                <div class="col-xs-4 "></div>
     26                <div id="llxmirrorconfigurationcontent" class='col-xs-4 text-left' >
     27                        <h1>LliureX</h1>
     28                </div>
     29                <div class="col-xs-4"></div>
    2830        </div>
    2931        <div class="row text-right">
    30                
    31                         <a href="http://www.google.es" class="btn btn-success btn-raised">Exportar</a>
    32                         <a href="http://www.google.es" class="btn btn-success btn-raised">Actualizar</a>
     32                        <a class="btn btn-success btn-raised" id="llxmirrorupdate">Actualizar</a>
    3333               
    3434        </div>
Note: See TracChangeset for help on using the changeset viewer.