Changeset 2084

Timestamp:

Jun 30, 2016, 3:01:26 PM (5 years ago)

Author:

kbut

Message:

modify arch work

Location:

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

Files:

• css/lliurex-mirror.css (modified) (3 diffs)
• js/lliurex-mirror.js (modified) (5 diffs)
• main2.html (modified) (1 diff)

lliurex-mirror/trunk/fuentes/admin-center-lliurex-mirror.install/lliurex-mirror/src/css/lliurex-mirror.css

@@ -16 +16 @@
 }
 #llxmirrorconfiguration{
-        color:white;
+        color:black;
 }
 
 #llxmirrorconfiguration.llxmirrordisabled{
-        background-color:yellow;
+        /*background-color:yellow;*/
         transition: max-height 1s;
         max-height: 0px;
@@ -27 +27 @@
 
 #llxmirrorconfiguration.llxmirroractivate{
-        background-color:yellow;
+        /*background-color:yellow;*/
         transition: max-height 1s;
         max-height: 400px;
@@ -37 +37 @@
 }
 #llxmirrorconfiguration{
-        width: 100px;
-        margin:10 auto;
+        text-align: center;
 }
+
+.llxmirrorclicked{
+        color:red;
+}

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

@@ -31 +31 @@
 
   $("#llxmirrormenuorig").on('click',function modifyarch(e,args){
-    self.showOptionsMenu(self,'#llxmirrormenuorig');
+    self.showOptionsMenu(self,'#llxmirrormenuorig',self.buildOrigMenuConfig);
   });
 };
@@ -50 +50 @@
        configuration.classList = ['llxmirroractivate'];
        self.edit = menuid;
-       buildfunction('#llxmirrorconfiguration');
+       buildfunction.call(self,'#llxmirrorconfiguration');
       }
     }
@@ -56 +56 @@
 
 LliurexMirror.prototype.buildArchMenuConfig = function buildArchMenuConfig(idcontainer){
+  var self = this;
+  var buttonGroups = document.createElement('div');
+  buttonGroups.classList = ["btn-group","btn-group-justified","btn-group-raised"];
+  var enablei386 = document.createElement('a');
+  var enableamd64 = document.createElement('a');
+  enablei386.classList.add('btn');
+  enableamd64.classList.add('btn');
+  enablei386.classList.add('btn-raised');
+  enableamd64.classList.add('btn-raised');
+  if (self.architectures.indexOf('i386')>=0){
+    enablei386.classList.add('btn-info');
+  }
+  if (self.architectures.indexOf('amd64')>=0){
+    enableamd64.classList.add('btn-info');
+  }
+  enablei386.innerHTML = "32 Bits";
+  function modifyGuiArch(self,barch){
+    if (barch.classList.contains('btn-info')){
+      barch.classList.remove('btn-info');
+    }
+    else{
+      barch.classList.add('btn-info');
+    }
+    var archs = [];
+    if (enablei386.classList.contains('btn-info')) archs.push('i386');
+    if (enableamd64.classList.contains('btn-info')) archs.push('amd64');
+    self.setArchitecture(archs);
+    self.showArchitecture();
+  }
+  enablei386.addEventListener('click',function(){
+    modifyGuiArch(self,enablei386);
+  });
+  enableamd64.innerHTML = "64 Bits";
+  enableamd64.addEventListener('click',function(){
+    modifyGuiArch(self,enableamd64);
+  });
+  buttonGroups.appendChild(enablei386);
+  buttonGroups.appendChild(enableamd64);
+
+  /*
+    Clean container
+   */
+  var container = document.querySelector(idcontainer);
+  var fc = container.firstChild;
+  while(fc){
+    container.removeChild(fc);
+    fc=container.firstChild;
+  }
+  /*
+    Load content
+   */
+  container.appendChild(buttonGroups);
+};
+
+LliurexMirror.prototype.buildOrigMenuConfig = function buildOrigMenuConfig(idcontainer){
   var buttonGroups = '<div class="btn-group btn-group-justified btn-group-raised mio">\
-                        <div class="togglebutton">\
-                          <label>\
-                            <input type="checkbox" checked> 32 Bits\
-                          </label>\
-                        </div>\
-                      <div class="togglebutton">\
-                          <label>\
-                            <input type="checkbox" checked> 64 Bits\
-                          </label>\
-                        </div>\
+                        hi\
                       </div>';
   document.querySelector(idcontainer).innerHTML = buttonGroups;
 }
-
 
 
@@ -93 +138 @@
         Utils.n4d(credentials, n4dclass, n4dmethod, arglist, function getmirrorarchitecture(response){
     if(response != null && response['status'] == true){
-
-      listarchitectures = response['msg'];
+      self.architectures = response['msg'];
       stringarchitectures = "";
-      stringarchitectures += listarchitectures.indexOf('i386') > -1 ? "32Bits ":"";
-      stringarchitectures += listarchitectures.indexOf('amd64') > -1 ? "64Bits":"";
-      $("#llxmirrorarchitecture").text();
+      stringarchitectures += self.architectures.indexOf('i386') > -1 ? "32Bits ":"";
+      stringarchitectures += self.architectures.indexOf('amd64') > -1 ? "64Bits":"";
+      $("#llxmirrorarchitecture").text(stringarchitectures);
     }
   }); 
@@ -131 +175 @@
   var distro = self.distros[self.defaultdistro];
   var arglist=[distro,archs];
-  Utils.n4d(credentials, n4dclass, n4dmethod, arglist, function getvariable(response){
-    continue;
-  });
+  Utils.n4d(credentials, n4dclass, n4dmethod, arglist, function(){});
 }
 

lliurex-mirror/trunk/fuentes/admin-center-lliurex-mirror.install/lliurex-mirror/src/main2.html

@@ -12 +12 @@
                         <div class="panel panel-info">
                                 <div class="panel-heading"><h3 class="panel-title" i18n >Arquitectura</h3><i class="menu" id="llxmirrormenuarch"></i></div>
-                                <div class="panel-body" id="llxmirrorarchitecture">32Bits 64Bits</div>
+                                <div class="panel-body" id="llxmirrorarchitecture"></div>
                         </div>
                 </div>