Ignore:
Timestamp:
Apr 7, 2016, 1:56:01 PM (5 years ago)
Author:
joamuran
Message:

wip

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

Legend:

Unmodified
Added
Removed

  • lmd/trunk/fuentes/admin-center-ltsp.install/lliurex-ltsp/src/images.html

    r1107 r1123  
    22
    33<div id="llx-ltsp-imagelist"></div>
    4 <div id="llx-ltsp-createImage">
    5     <div class="btn btn-primary btn-fab"><i class="material-icons">+</i></div>
     4<div id="llx-ltsp-createImage-button">
     5    <div class="btn btn-primary btn-fab"><i class="material-icons">computer</i></div>
    66</div>
     7
     8<div class="modal" id="llx-ltsp-new-image-assistant">
     9  <div class="modal-dialog">
     10    <div class="modal-content">
     11       
     12        <!-- Stage 1 -->
     13        <div id="llx-ltsp-image-assistant-stage-1" style="display:none">
     14          <div class="modal-header">
     15            <button type="button" class="close llx-ltsp-image-assistant-close" data-dismiss="llx-ltsp-new-image-assistant" aria-hidden="true">×</button>
     16            <h4 class="modal-title" i18n>Step 0. Minimal Image</h4>
     17          </div>
     18          <div class="modal-body">
     19            <p  i18n>Minimal image available bla bla bla</p>
     20          </div>
     21          <div class="modal-footer">
     22            <button type="button" class="btn btn-primary" id="llx-ltsp-deploy-minimal-image">Desplega la minima</button>
     23            <button type="button" class="btn btn-primary" id="llx-ltsp-goto-image-assistant-stage-2">Endavant ></button>
     24          </div>
     25      </div>
     26       
     27      <!-- Stage 2 -->
     28      <div id="llx-ltsp-image-assistant-stage-2" style="display:none">
     29          <div class="modal-header">
     30            <button type="button" class="close llx-ltsp-image-assistant-close" data-dismiss="llx-ltsp-new-image-assistant" aria-hidden="true">×</button>
     31            <h4 class="modal-title" i18n>Step 1. Select Flavour</h4>
     32          </div>
     33          <div class="modal-body">
     34            <p  i18n>Minimal image available bla bla bla</p>
     35          </div>
     36          <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 btn-primary">Desplega la minima</button-->
     39          </div>
     40      </div>
     41     
     42     
     43      <!-- Stage 3 -->
     44      <div id="llx-ltsp-image-assistant-stage-3" style="display:none">
     45          <div class="modal-header">
     46            <button type="button" class="close llx-ltsp-image-assistant-close" data-dismiss="llx-ltsp-new-image-assistant" aria-hidden="true">×</button>
     47            <h4 class="modal-title" i18n>Step 3. Configure image</h4>
     48          </div>
     49          <div class="modal-body">
     50            <p  i18n>Minimal image available bla bla bla</p>
     51          </div>
     52          <div class="modal-footer">
     53            <!--button type="button" class="btn btn-default">Endavant</button-->
     54            <button type="button" class="btn btn-primary" id="llx-ltsp-create-new-image">Create</button>
     55          </div>
     56      </div>
     57     
     58    </div>
     59  </div>
     60</div>
     61
     62
     63<!--form class="form-horizontal">
     64  <fieldset>
     65    <legend>Legend</legend>
     66    <div class="form-group">
     67      <label for="inputEmail" class="col-md-2 control-label">Email</label>
     68
     69      <div class="col-md-10">
     70        <input class="form-control" id="inputEmail" placeholder="Email" type="email">
     71      </div>
     72    </div>
     73    <div class="form-group">
     74      <label for="inputPassword" class="col-md-2 control-label">Password</label>
     75
     76      <div class="col-md-10">
     77        <input class="form-control" id="inputPassword" placeholder="Password" type="password">
     78
     79        <!-
     80        <div class="checkbox">
     81          <label>
     82            <input type="checkbox"> Checkbox
     83          </label>
     84          <label>
     85            <input type="checkbox" disabled> Disabled Checkbox
     86          </label>
     87        </div>
     88        <br>
     89
     90        <div class="togglebutton">
     91          <label>
     92            <input type="checkbox" checked> Toggle button
     93          </label>
     94        </div>
     95        -- >
     96      </div>
     97    </div>
     98    <div class="form-group" style="margin-top: 0;"> <!-- inline style is just to demo custom css to put checkbox below input above -- >
     99      <div class="col-md-offset-2 col-md-10">
     100        <div class="checkbox">
     101          <label>
     102            <input type="checkbox"> Checkbox
     103          </label>
     104          <label>
     105            <input disabled="" type="checkbox"> Disabled Checkbox
     106          </label>
     107        </div>
     108      </div>
     109    </div>
     110    <div class="form-group">
     111      <div class="col-md-offset-2 col-md-10">
     112        <div class="togglebutton">
     113          <label>
     114            <input checked="" type="checkbox"> Toggle button
     115          </label>
     116        </div>
     117      </div>
     118    </div>
     119    <div class="form-group">
     120      <label for="inputFile" class="col-md-2 control-label">File</label>
     121
     122      <div class="col-md-10">
     123        <input readonly="" class="form-control" placeholder="Browse..." type="text">
     124        <input id="inputFile" multiple="" type="file">
     125      </div>
     126    </div>
     127    <div class="form-group">
     128      <label for="textArea" class="col-md-2 control-label">Textarea</label>
     129
     130      <div class="col-md-10">
     131        <textarea class="form-control" rows="3" id="textArea"></textarea>
     132        <span class="help-block">A longer block of help text that breaks onto a new line and may extend beyond one line.</span>
     133      </div>
     134    </div>
     135    <div class="form-group">
     136      <label class="col-md-2 control-label">Radios</label>
     137
     138      <div class="col-md-10">
     139        <div class="radio radio-primary">
     140          <label>
     141            <input name="optionsRadios" id="optionsRadios1" value="option1" checked="" type="radio">
     142            Option one is this
     143          </label>
     144        </div>
     145        <div class="radio radio-primary">
     146          <label>
     147            <input name="optionsRadios" id="optionsRadios2" value="option2" type="radio">
     148            Option two can be something else
     149          </label>
     150        </div>
     151      </div>
     152    </div>
     153    <div class="form-group">
     154      <label for="select111" class="col-md-2 control-label">Select</label>
     155
     156      <div class="col-md-10">
     157        <select id="select111" class="form-control">
     158          <option>1</option>
     159          <option>2</option>
     160          <option>3</option>
     161          <option>4</option>
     162          <option>5</option>
     163        </select>
     164      </div>
     165    </div>
     166    <div class="form-group">
     167      <label for="select222" class="col-md-2 control-label">Select Multiple</label>
     168
     169      <div class="col-md-10">
     170        <select id="select222" multiple="" class="form-control">
     171          <option>1</option>
     172          <option>2</option>
     173          <option>3</option>
     174          <option>4</option>
     175          <option>5</option>
     176        </select>
     177      </div>
     178    </div>
     179    <div class="form-group">
     180      <div class="col-md-10 col-md-offset-2">
     181        <button type="button" class="btn btn-default">Cancel</button>
     182        <button type="submit" class="btn btn-primary">Submit</button>
     183      </div>
     184    </div>
     185  </fieldset>
     186</form-->

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

    r1105 r1123  
    11function LliureXLTSP(){
    22    // Class attributes
    3     this.imageList=new Array();   // Filenames for client images
    4    
     3    this.imageManager=null;
    54}
    65
    76LliureXLTSP.prototype.init=function init(){
    8   //self.getImageList(RenderImageList);
    9   var self=this;
    10   console.log("caguen la mar........................................................");
    11   console.log(self);
    12   console.log(self.getImageList);
    13   console.log(self.RenderImageList);
    14   self.getImageList(self.RenderImageList);
     7    var self=this;
     8    self.imageManager=new ImageManager();
     9    self.imageManager.init();
    1510}
    16 
    17 
    18 LliureXLTSP.prototype.RenderImageList=function RenderImageList(){
    19   // When image list has been loaded, we should load them one by one.
    20   var self=this;
    21    
    22     console.log("RenderImageList");
    23     console.log(new Date().getTime());
    24     console.log(self);
    25     for (image in self.imageList) {       
    26         var imagefile=self.imageList[image];
    27        
    28         var credentials="";
    29         var n4dclass="LmdImageManager";
    30         var n4dmethod="getImage";
    31         var arglist=[imagefile];
    32 
    33         Utils.n4d(credentials, n4dclass, n4dmethod, arglist, function(response){
    34             var imageContent=JSON.parse(response);
    35             var imgName=$(document.createElement("div")).html(imageContent["name"]);
    36             var imgDesc=$(document.createElement("div")).html(imageContent["desc"]);
    37             var imgFile=$(document.createElement("div")).addClass("llx-ltsp-image-file").append(imgName, imgDesc);
    38             $("#llx-ltsp-imagelist").append(imgFile);
    39            
    40             /*
    41             Must Have:
    42                 Edita/iniciaSessio(provarLXDE) |
    43                 Regenera |
    44                 Opcions d'arrencada |
    45                 Elimina |
    46                 Clona/Exporta
    47             */
    48         });
    49     }
    50    
    51    
    52    
    53 }
    54 
    55 LliureXLTSP.prototype.getImageList=function getImageList(callback){
    56   // Gets Thin Client Images from server, and callbacks drawing image function when all they are loaded
    57   var self=this;
    58    
    59   var credentials="";
    60   var n4dclass="LmdImageManager";
    61   var n4dmethod="getImageList";
    62   var arglist=[];
    63  
    64    Utils.n4d(credentials, n4dclass, n4dmethod, arglist, function(response){
    65     // console.log(response);
    66     console.log(response);
    67     console.log("getImageList");
    68     console.log(new Date().getTime());
    69     self.imageList=JSON.parse(response);
    70     console.log(self);
    71     console.log(self.imageList);
    72     console.log(callback);
    73     //callback(); //Dona window com a this!!!
    74     self.RenderImageList(); // Així funciona, però deuria funcionar amb el callback també!!!!!
    75     });
    76 }
    77 
    78 
    7911
    8012LliureXLTSP.prototype.bindEvents=function bindEvents(){
Note: See TracChangeset for help on using the changeset viewer.