Changeset 1156


Ignore:
Timestamp:
Apr 8, 2016, 3:42:45 PM (3 years ago)
Author:
joamuran
Message:

wip

Location:
lmd/trunk/fuentes/admin-center-ltsp.install/lliurex-ltsp/src
Files:
8 added
3 edited

Legend:

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

    r1123 r1156  
    1818    display: none;
    1919}
     20
     21
     22
     23/* Image Creation Assistant */
     24
     25.llx_ltsp_template_div{
     26    width: 100%;
     27    height: auto;
     28    background: #e0f2f1;
     29    margin: 5px;
     30    clear: both;
     31    float: left;
     32    padding: 10px;
     33}
     34
     35.llx_ltsp_template_div:hover{
     36    cursor: pointer;
     37    background: #b2dfdb;
     38}
     39
     40.llx_ltsp_template_div_selected{
     41    background: #80cbc4;
     42}
     43
     44.llx_ltsp_template_img{
     45    background-repeat: no-repeat;
     46    background-size: cover;
     47    width: 160px;
     48    height:73px;
     49    float: left;
     50}
     51.llx_ltsp_template_namedesc{
     52    float: left;
     53    width: auto;
     54    margin-left: 10px;
     55}
     56.llx_ltsp_template_name{
     57    font-size: 1.1em;
     58    font-weight: bold;
     59    float: left;
     60    clear: both;
     61}
     62.llx_ltsp_template_desc{
     63    font-size: 0.9em;
     64    float: left;
     65    clear: both;
     66   
     67}
  • lmd/trunk/fuentes/admin-center-ltsp.install/lliurex-ltsp/src/images.html

    r1123 r1156  
    3333          <div class="modal-body">
    3434            <p  i18n>Minimal image available bla bla bla</p>
     35            <div id="llx-ltsp-assistant-image-templates"></div>
    3536          </div>
    3637          <div class="modal-footer">
    37             <button type="button" class="btn btn-primary" id="llx-ltsp-goto-image-assistant-stage-3">Endavant ></button>
     38            <button type="button" class="btn" id="llx-ltsp-goto-image-assistant-stage-3">Endavant ></button>
    3839            <!--button type="button" class="btn btn-primary">Desplega la minima</button-->
    3940          </div>
     
    4849          </div>
    4950          <div class="modal-body">
    50             <p  i18n>Minimal image available bla bla bla</p>
     51            <p  i18n>Image Config...</p>
     52           
     53           
     54           
     55           
     56            <form class="form-horizontal">
     57                <fieldset>
     58                   
     59                  <div class="form-group">
     60                    <label for="llx_ltsp_new_image_name" class="col-md-2 control-label">Name</label>             
     61                    <div class="col-md-10">
     62                      <input class="form-control" id="llx_ltsp_new_image_name" type="text">
     63                    </div>
     64                  </div>
     65                 
     66                  <div class="form-group">
     67                    <label for="llx_ltsp_new_image_desc" class="col-md-2 control-label">Description</label>
     68                    <div class="col-md-10">
     69                      <textarea class="form-control" id="llx_ltsp_new_image_desc" type="text"></textarea>
     70                    </div>
     71                  </div>
     72                 
     73                  <!--
     74                 
     75                    WIP HERE:
     76                   
     77                   
     78                    Acabar el formulari, que al radio tries l'arquitectura
     79                    En el pas anterior que complete el Name i el Description quan es done a passar al 3
     80                   
     81                   
     82                   
     83                   
     84                 
     85                  -->
     86                 
     87                  <div class="form-group">
     88                    <label class="col-md-2 control-label">Radios</label>
     89             
     90                    <div class="col-md-10">
     91                      <div class="radio radio-primary">
     92                        <label>
     93                          <input name="optionsRadios" id="optionsRadios1" value="option1" checked="" type="radio">
     94                          Option one is this
     95                        </label>
     96                      </div>
     97                      <div class="radio radio-primary">
     98                        <label>
     99                          <input name="optionsRadios" id="optionsRadios2" value="option2" type="radio">
     100                          Option two can be something else
     101                        </label>
     102                      </div>
     103                    </div>
     104                  </div>
     105                 
     106                </fieldset>
     107              </form>
     108           
     109           
     110           
     111           
     112           
     113           
     114           
     115           
     116           
     117           
     118           
     119           
     120           
     121           
     122           
     123           
     124           
     125           
    51126          </div>
    52127          <div class="modal-footer">
  • lmd/trunk/fuentes/admin-center-ltsp.install/lliurex-ltsp/src/js/imageManager.js

    r1123 r1156  
    44    this.imageList=new Array();   // Filenames for client images
    55    this.imageMinimalInstalled=null;
     6    this.timer=null;
    67    }
    78
     
    9495 
    9596  Utils.n4d(null, n4dclass, n4dmethod, arglist, function(response){
    96     //self.imageMinimalInstalled=response["status"];
    97     self.imageMinimalInstalled=true;
     97    self.imageMinimalInstalled=response["status"];
     98    //self.imageMinimalInstalled=true;
    9899  });
    99100}
    100101
    101 ImageManager.prototype.checkMinimalImageIsInstalled=function checkMinimalImageIsInstalled(){
     102ImageManager.prototype.getAvailableTemplates=function getAvailableTemplates(){
    102103        /*
    103         Checks if the minimal image is deployed
     104        Gets Template list and its properties
    104105        N4d methods in use:
    105106            LmdTemplateManager::getTemplateList
     
    108109    var self=this;
    109110 
    110     var credentials=null;
     111    var credentials="";
    111112    var n4dclass="LmdTemplateManager";
    112113    var n4dmethod="getTemplateList";
    113      var arglist="";
    114  
    115     Utils.n4d(null, n4dclass, n4dmethod, arglist, function(response){
    116         console.log(response);
    117         alert(response);
    118         // I fem el bucle amb gettemplate per a cadascun
    119     });
    120 }
    121 
     114    var arglist="";
     115 
     116    Utils.n4d(credentials, n4dclass, n4dmethod, arglist, function(response){
     117        var templatelist=JSON.parse(response);
     118        console.log(typeof(templatelist));
     119       
     120        for (template in templatelist) {       
     121            var templatefile=templatelist[template];
     122           
     123            var credentials="";
     124            var n4dclass="LmdTemplateManager";
     125            var n4dmethod="getTemplate";
     126            var arglist=[templatefile];
     127   
     128            Utils.n4d(credentials, n4dclass, n4dmethod, arglist, function(response){
     129                self.DrawTemplateIntoAssistant(response);
     130             });
     131             
     132         }
     133       
     134       
     135       
     136       
     137    });
     138}
     139
     140ImageManager.prototype.DrawTemplateIntoAssistant=function DrawTemplateIntoAssistant(template){
     141    var self=this;
     142    console.log(template);
     143    var templateDiv=$(document.createElement("div")).attr("templateFileName", template.meta_inf.name).addClass("llx_ltsp_template_div");
     144    var img=$(document.createElement("div")).css("background-image", "url(modules/lliurex-ltsp/src/css/img/"+template.default.llx_img+")").addClass("llx_ltsp_template_img");
     145    var namedesc=$(document.createElement("div")).addClass("llx_ltsp_template_namedesc");
     146    var name=$(document.createElement("div")).html(template.default.llx_name).addClass("llx_ltsp_template_name");
     147    var desc=$(document.createElement("div")).html(template.default.llx_desc).addClass("llx_ltsp_template_desc");
     148    $(namedesc).append(name, desc);
     149    $(templateDiv).append(img, namedesc);
     150    $("#llx-ltsp-assistant-image-templates").append(templateDiv);
     151   
     152    templateDiv.bind("click", function(){
     153        //alert($(this).attr("templateFileName"));
     154        $(".llx_ltsp_template_div").removeClass("llx_ltsp_template_div_selected");
     155        $(this).addClass("llx_ltsp_template_div_selected");
     156       
     157        // Show button as primary
     158        $("#llx-ltsp-goto-image-assistant-stage-3").addClass("btn-primary");
     159       
     160       
     161        // WIP HERE .> Modificar el form del pas 3 per a que mostre per defecte el q s'ha triat
     162       
     163        });
     164};
    122165
    123166ImageManager.prototype.bindEvents=function bindEvents(){
     
    139182   
    140183    $("#llx-ltsp-goto-image-assistant-stage-3").bind("click", function(){
     184        itemSelected=$(".llx_ltsp_template_div_selected");
     185        if ($(itemSelected).attr("templateFileName")===undefined) return -1;
     186       
    141187        $("#llx-ltsp-image-assistant-stage-2").fadeOut(function(){
    142188            $("#llx-ltsp-image-assistant-stage-3").fadeIn();
     
    145191   
    146192    $("#llx-ltsp-create-new-image").bind("click", function(){
     193       
    147194        alert("Create New Image");
    148195    });
     
    151198        $("#llx-ltsp-new-image-assistant").fadeOut();
    152199    });
     200   
     201    /* Event for component show */
     202    $("#ltsp_images").on("componentShown", function(e, args){
     203        if (self.timer==null) {
     204            self.timer=setInterval(function(){
     205            console.log("Exec timer....");
     206            }, 3000);
     207        }
     208    });
     209   
     210    $("#ltsp_images").on("componentHidden", function(e, args){
     211        clearInterval(self.timer);
     212        self.timer=null;
     213    });
     214   
    153215}
    154216
Note: See TracChangeset for help on using the changeset viewer.