Changeset 1357


Ignore:
Timestamp:
May 3, 2016, 10:10:32 AM (3 years ago)
Author:
joamuran
Message:

Fixed module for admin-center

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

Legend:

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

    r1156 r1357  
    33#llx-ltsp-create-image{
    44    margin-top:100px;
    5 }
    6 
    7 #llx-ltsp-minimal-image{
    8    
    9 }
    10 
    11 #llx-ltsp-deploy-minimal{
    12    
    135}
    146
     
    1911}
    2012
     13
     14/* Image row */
     15
     16.llx-ltsp-image-file{
     17    width:100%;
     18    float: left;
     19    clear: both;
     20    background: #dddddd;
     21    font-size: 1.2em;
     22}
     23
     24.llx-ltsp-image-picture{
     25    background-size: cover;
     26    background-image: url(img/llx-client13.png);
     27    height: auto;
     28    /*width: 320px;/
     29}
     30
     31.ltsp-image-name{
     32    font-size: 1.2em;
     33}
     34.ltsp-image-desc{
     35    font-size: 0.9em;
     36}
     37
     38.llx-ltsp-image-desc-div{
     39    /*background: #ffff00 !important;*/
     40}
     41
     42
     43.llx-ltsp-image-buttons{
     44    /*background: #00ffff !important;*/
     45}
     46 
     47.ltsp-img-bt{
     48    float: right;
     49    margin: 5px !important;
     50    font-size: 0.7em !important;
     51   
     52   
     53}
     54
     55 
     56            /*var editImgBt=$(document.createElement("button")).attr("type", "button").addClass("btn").html("Edit");
     57            var regenerateImgBt=$(document.createElement("button")).attr("type", "button").addClass("btn").html("Regenerate");
     58            var imgOptsBt=$(document.createElement("button")).attr("type", "button").addClass("btn").html("Options");
     59            var cloneImgBt=$(document.createElement("button")).attr("type", "button").addClass("btn").html("Clone");
     60            var removeImgBt=$(document.createElement("button")).attr("type", "button").addClass("btn").html("Delete");
     61           
     62           
     63            $(ImageButtons).append(imgOptsBt, editImgBt, regenerateImgBt, cloneImgBt, removeImgBt);
     64            $(imgFile).append(ImageButtons);*/
     65           
    2166
    2267
     
    64109    float: left;
    65110    clear: both;
     111    width: 350px;
    66112   
    67113}
  • lmd/trunk/fuentes/admin-center-ltsp.install/lliurex-ltsp/src/css/lliurex-ltsp.css

    r1105 r1357  
    44}
    55
    6 .llx-ltsp-image-file{
    7     width:100%;
    8     float: left;
    9     clear: both;
    10     background: #aaafff;
    11     font-size: 1.2em;
     6/*.llx-ltsp-image-file{
     7
    128   
    13 }
     9}*/
  • lmd/trunk/fuentes/admin-center-ltsp.install/lliurex-ltsp/src/images.html

    r1156 r1357  
    1010    <div class="modal-content">
    1111       
    12         <!-- Stage 1 -->
    13         <div id="llx-ltsp-image-assistant-stage-1" style="display:none">
     12        <!-- Stage 0 -->
     13        <!--div id="llx-ltsp-image-assistant-stage-0" style="display:none">
    1414          <div class="modal-header">
    1515            <button type="button" class="close llx-ltsp-image-assistant-close" data-dismiss="llx-ltsp-new-image-assistant" aria-hidden="true">×</button>
     
    2121          <div class="modal-footer">
    2222            <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>
     23            <button type="button" class="btn btn-primary" id="llx-ltsp-goto-image-assistant-stage-1">Endavant ></button>
    2424          </div>
    25       </div>
     25      </div-->
    2626       
    27       <!-- Stage 2 -->
    28       <div id="llx-ltsp-image-assistant-stage-2" style="display:none">
     27      <!-- Stage 1 -->
     28      <div id="llx-ltsp-image-assistant-stage-1" style="display:none">
    2929          <div class="modal-header">
    3030            <button type="button" class="close llx-ltsp-image-assistant-close" data-dismiss="llx-ltsp-new-image-assistant" aria-hidden="true">×</button>
     
    3232          </div>
    3333          <div class="modal-body">
    34             <p  i18n>Minimal image available bla bla bla</p>
    35             <div id="llx-ltsp-assistant-image-templates"></div>
     34            <p  i18n>Aci teniu les possibles imatges....</p>
     35           
     36            <div id="llx-ltsp-assistant-image-templates">
     37               
     38                <div i18n image_client_desc="Minimal Thin Client Image" id="llx_ltsp_lliurex_minimal_image" image_client_name="LliureXMini" class="llx_ltsp_template_div">
     39                    <div class="llx_ltsp_template_img" style="background-image: url(modules/lliurex-ltsp/src/css/img/llx-desktop13.png);"></div>
     40                    <div class="llx_ltsp_template_namedesc"><div class="llx_ltsp_template_name" i18n>Minimal Thin Client</div><div class="llx_ltsp_template_desc" i18n>This is a minimal image to run thin clients with no need of a mirror in the server. Easy and quick.</div></div>               
     41            </div>
    3642          </div>
    3743          <div class="modal-footer">
    38             <button type="button" class="btn" id="llx-ltsp-goto-image-assistant-stage-3">Endavant ></button>
     44            <button type="button" class="btn" id="llx-ltsp-goto-image-assistant-stage-2">Endavant ></button>
    3945            <!--button type="button" class="btn btn-primary">Desplega la minima</button-->
    4046          </div>
     47          <div id="dialog-for-log"></div>
    4148      </div>
     49    </div>
    4250     
    4351     
    44       <!-- Stage 3 -->
    45       <div id="llx-ltsp-image-assistant-stage-3" style="display:none">
     52      <!-- Stage 2 -->
     53      <div id="llx-ltsp-image-assistant-stage-2" style="display:none">
    4654          <div class="modal-header">
    4755            <button type="button" class="close llx-ltsp-image-assistant-close" data-dismiss="llx-ltsp-new-image-assistant" aria-hidden="true">×</button>
    48             <h4 class="modal-title" i18n>Step 3. Configure image</h4>
     56            <h4 class="modal-title" i18n>Step 2. Configure image</h4>
    4957          </div>
    5058          <div class="modal-body">
    5159            <p  i18n>Image Config...</p>
    52            
    53            
    54            
    5560           
    5661            <form class="form-horizontal">
     
    7075                    </div>
    7176                  </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>
     77                                   
     78                  <div class="form-group" id="llx_ltsp_new_image_assistant_arch_selector">
     79                    <label class="col-md-2 control-label" i18n>Architecture</label>
    8980             
    9081                    <div class="col-md-10">
    9182                      <div class="radio radio-primary">
    9283                        <label>
    93                           <input name="optionsRadios" id="optionsRadios1" value="option1" checked="" type="radio">
    94                           Option one is this
     84                          <input name="optionsRadios_ltsp_arch" id="optionsRadios_ltsp_arch_i386" value="i386" checked="" type="radio">
     85                          i386 (32 bit)
    9586                        </label>
    9687                      </div>
    9788                      <div class="radio radio-primary">
    9889                        <label>
    99                           <input name="optionsRadios" id="optionsRadios2" value="option2" type="radio">
    100                           Option two can be something else
     90                          <input name="optionsRadios_ltsp_arch" id="optionsRadios_ltsp_amd64" value="amd64" type="radio">
     91                          amd64 (64 bit)
    10192                        </label>
    10293                      </div>
     
    10899           
    109100           
    110            
    111            
    112            
    113            
    114            
    115            
    116            
    117            
    118            
    119            
    120            
    121            
    122            
    123            
    124            
    125            
    126101          </div>
    127102          <div class="modal-footer">
    128             <!--button type="button" class="btn btn-default">Endavant</button-->
     103            <button type="button" class="btn btn-default" i18n id="llx-ltsp-goback-image-assistant-stage-1">Back</button>
    129104            <button type="button" class="btn btn-primary" id="llx-ltsp-create-new-image">Create</button>
    130105          </div>
     
    134109  </div>
    135110</div>
    136 
    137 
    138 <!--form class="form-horizontal">
    139   <fieldset>
    140     <legend>Legend</legend>
    141     <div class="form-group">
    142       <label for="inputEmail" class="col-md-2 control-label">Email</label>
    143 
    144       <div class="col-md-10">
    145         <input class="form-control" id="inputEmail" placeholder="Email" type="email">
    146       </div>
    147     </div>
    148     <div class="form-group">
    149       <label for="inputPassword" class="col-md-2 control-label">Password</label>
    150 
    151       <div class="col-md-10">
    152         <input class="form-control" id="inputPassword" placeholder="Password" type="password">
    153 
    154         <!-
    155         <div class="checkbox">
    156           <label>
    157             <input type="checkbox"> Checkbox
    158           </label>
    159           <label>
    160             <input type="checkbox" disabled> Disabled Checkbox
    161           </label>
    162         </div>
    163         <br>
    164 
    165         <div class="togglebutton">
    166           <label>
    167             <input type="checkbox" checked> Toggle button
    168           </label>
    169         </div>
    170         -- >
    171       </div>
    172     </div>
    173     <div class="form-group" style="margin-top: 0;"> <!-- inline style is just to demo custom css to put checkbox below input above -- >
    174       <div class="col-md-offset-2 col-md-10">
    175         <div class="checkbox">
    176           <label>
    177             <input type="checkbox"> Checkbox
    178           </label>
    179           <label>
    180             <input disabled="" type="checkbox"> Disabled Checkbox
    181           </label>
    182         </div>
    183       </div>
    184     </div>
    185     <div class="form-group">
    186       <div class="col-md-offset-2 col-md-10">
    187         <div class="togglebutton">
    188           <label>
    189             <input checked="" type="checkbox"> Toggle button
    190           </label>
    191         </div>
    192       </div>
    193     </div>
    194     <div class="form-group">
    195       <label for="inputFile" class="col-md-2 control-label">File</label>
    196 
    197       <div class="col-md-10">
    198         <input readonly="" class="form-control" placeholder="Browse..." type="text">
    199         <input id="inputFile" multiple="" type="file">
    200       </div>
    201     </div>
    202     <div class="form-group">
    203       <label for="textArea" class="col-md-2 control-label">Textarea</label>
    204 
    205       <div class="col-md-10">
    206         <textarea class="form-control" rows="3" id="textArea"></textarea>
    207         <span class="help-block">A longer block of help text that breaks onto a new line and may extend beyond one line.</span>
    208       </div>
    209     </div>
    210     <div class="form-group">
    211       <label class="col-md-2 control-label">Radios</label>
    212 
    213       <div class="col-md-10">
    214         <div class="radio radio-primary">
    215           <label>
    216             <input name="optionsRadios" id="optionsRadios1" value="option1" checked="" type="radio">
    217             Option one is this
    218           </label>
    219         </div>
    220         <div class="radio radio-primary">
    221           <label>
    222             <input name="optionsRadios" id="optionsRadios2" value="option2" type="radio">
    223             Option two can be something else
    224           </label>
    225         </div>
    226       </div>
    227     </div>
    228     <div class="form-group">
    229       <label for="select111" class="col-md-2 control-label">Select</label>
    230 
    231       <div class="col-md-10">
    232         <select id="select111" class="form-control">
    233           <option>1</option>
    234           <option>2</option>
    235           <option>3</option>
    236           <option>4</option>
    237           <option>5</option>
    238         </select>
    239       </div>
    240     </div>
    241     <div class="form-group">
    242       <label for="select222" class="col-md-2 control-label">Select Multiple</label>
    243 
    244       <div class="col-md-10">
    245         <select id="select222" multiple="" class="form-control">
    246           <option>1</option>
    247           <option>2</option>
    248           <option>3</option>
    249           <option>4</option>
    250           <option>5</option>
    251         </select>
    252       </div>
    253     </div>
    254     <div class="form-group">
    255       <div class="col-md-10 col-md-offset-2">
    256         <button type="button" class="btn btn-default">Cancel</button>
    257         <button type="submit" class="btn btn-primary">Submit</button>
    258       </div>
    259     </div>
    260   </fieldset>
    261 </form-->
  • lmd/trunk/fuentes/admin-center-ltsp.install/lliurex-ltsp/src/js/imageManager.js

    r1156 r1357  
    2525        Utils.n4d(credentials, n4dclass, n4dmethod, arglist, function(response){
    2626            var imageContent=JSON.parse(response);
    27             var imgName=$(document.createElement("div")).html(imageContent["name"]);
    28             var imgDesc=$(document.createElement("div")).html(imageContent["desc"]);
    29             var imgFile=$(document.createElement("div")).addClass("llx-ltsp-image-file").append(imgName, imgDesc);
     27           
     28            var picColumn=$(document.createElement("div")).addClass("llx-ltsp-image-picture col-md-2");
     29           
     30            var imgName=$(document.createElement("div")).html(imageContent["name"]).addClass("ltsp-image-name");
     31            var imgDesc=$(document.createElement("div")).html(imageContent["desc"]).addClass("ltsp-image-desc");
     32            var descColumn=$(document.createElement("div")).addClass(".llx-ltsp-image-desc-div col-md-4");
     33            $(descColumn).append(imgName, imgDesc);
     34                       
     35           
     36            var ImageButtonsColumn=$(document.createElement("div")).addClass("llx-ltsp-image-buttons col-md-6");
     37            var editImgBt=$(document.createElement("button")).attr("type", "button").addClass("btn btn-xs btn-info ltsp-img-bt btn-raised").attr("title", "Edit");
     38            $(editImgBt).html("<i class='material-icons' style='vertical-align:middle;'>cast</i>&nbsp;Edit");
     39            var regenerateImgBt=$(document.createElement("button")).attr("type", "button").addClass("btn btn-info btn-xs ltsp-img-bt").attr("title", "Regenerate");
     40            $(regenerateImgBt).html("<i class='material-icons' style='vertical-align:middle;'>refresh</i>&nbsp;Regenerate");
     41            var imgOptsBt=$(document.createElement("button")).attr("type", "button").addClass("btn btn-xs btn-info ltsp-img-bt").attr("title", "Options");
     42            $(imgOptsBt).html("<i class='material-icons' style='vertical-align:middle;'>edit</i>&nbsp;Options");
     43            var cloneImgBt=$(document.createElement("button")).attr("type", "button").addClass("btn btn-info btn-xs ltsp-img-bt").attr("title", "Clone");
     44            $(cloneImgBt).html("<i class='material-icons' style='vertical-align:middle;'>filter</i>&nbsp;Clone");           
     45            var removeImgBt=$(document.createElement("button")).attr("type", "button").addClass("btn btn-danger btn-xs ltsp-img-bt").attr("title", "Delete");
     46            $(removeImgBt).html("<i class='material-icons' style='vertical-align:middle;'>clear</i>&nbsp;Delete");
     47            if (imageContent["id"]==="mini-light-client")
     48                $(ImageButtonsColumn).append(removeImgBt);
     49                else $(ImageButtonsColumn).append(removeImgBt, cloneImgBt, regenerateImgBt, editImgBt, imgOptsBt);
     50           
     51            var imgFile=$(document.createElement("div")).addClass("llx-ltsp-image-file");
     52                       
     53            $(imgFile).append(picColumn, descColumn, ImageButtonsColumn);
     54           
    3055            $("#llx-ltsp-imagelist").append(imgFile);
     56           
     57           
     58           
     59           
     60            /*{"status": "enabled-non-editable",
     61            "fat_ram_threshold": "default",
     62            "name": "Client Lleuger Minim",
     63            "img": "llx-client13.png",
     64            "ldm_session": "gnome-fallback",
     65            "template": "Default by LMD",
     66            "ltsp_fatclient": "false",
     67            "desc": "Minimal thin client -not fat- for Lliurex LTSP.",
     68            "id": "mini-light-client",
     69            "lmd_extra_params":
     70            "XKBLAYOUT=es LDM_LANGUAGE=\"es_ES.UTF-8\" LOCALE_DIR=es_ES"}           
     71            */
    3172           
    3273            /*
     
    71112    var self=this;
    72113    if (self.imageMinimalInstalled) {
    73         $("#llx-ltsp-image-assistant-stage-1").hide();
    74         $("#llx-ltsp-image-assistant-stage-2").show();
    75     } else {
     114        $("#llx_ltsp_lliurex_minimal_image").hide();}
     115        //$("#llx-ltsp-image-assistant-stage-1").show();
     116    /*} else {
    76117        $("#llx-ltsp-image-assistant-stage-1").show();
    77118        $("#llx-ltsp-image-assistant-stage-2").hide();
    78     }
    79     $("#llx-ltsp-image-assistant-stage-3").hide();
     119    }*/
     120    $("#llx-ltsp-image-assistant-stage-1").show();
     121    $("#llx-ltsp-image-assistant-stage-2").hide();
    80122    $("#llx-ltsp-new-image-assistant").fadeIn();
    81123}
     
    99141  });
    100142}
    101 
     143/*
     144ImageManager.prototype.PrepareLogDialog=function PrepareLogDialog(){
     145                // Prepare Log
     146                //header="<div>Listening...</div>";
     147                tty="<div class='tty_container' id='output_log'>This is log!</div>";
     148                //item=header+tty;
     149                item=tty;
     150                $("#dialog-for-log").empty();
     151                $("#dialog-for-log").append(item);
     152
     153                // Prepare Socket
     154                server=sock.CreateSocket($("#output_log"));
     155                self.server = server;
     156                // Setting socket port into dialog
     157
     158                $("#dialog-for-log").dialog("open");
     159
     160                return server;
     161
     162        }
     163
     164
     165*/
    102166ImageManager.prototype.getAvailableTemplates=function getAvailableTemplates(){
    103167        /*
     
    147211    var desc=$(document.createElement("div")).html(template.default.llx_desc).addClass("llx_ltsp_template_desc");
    148212    $(namedesc).append(name, desc);
     213    $(templateDiv).attr("image_client_name", template.default.llx_name);
     214    $(templateDiv).attr("image_client_desc", template.default.llx_desc);
    149215    $(templateDiv).append(img, namedesc);
    150216    $("#llx-ltsp-assistant-image-templates").append(templateDiv);
     
    156222       
    157223        // 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
     224        $("#llx-ltsp-goto-image-assistant-stage-2").addClass("btn-primary");
     225       
     226        console.log($(this).attr("image_client_name"));
     227        $("#llx_ltsp_new_image_name").val($(this).attr("image_client_name"));
     228        $("#llx_ltsp_new_image_desc").val($(this).attr("image_client_desc"));
    162229       
    163230        });
    164231};
    165232
     233ImageManager.prototype.confirmImageCreation=function confirmImageCreation(image_data){
     234    /*
     235    confirmImageCreation (image_data: JSON);
     236    Shows a confirm dialog to create a new image or cancel creation.
     237    */
     238   
     239    var self=this;
     240   
     241    // 1st, calculate id for image from the image_data.name:
     242    var id=image_data.name.replace(/([^a-z0-9]+)/gi, '');
     243   
     244    // 2nd check if exists id
     245    var credentials="";
     246    var n4dclass="LmdServer";
     247    var n4dmethod="check_chroot_exists";
     248    var arglist=[];
     249 
     250    Utils.n4d(credentials, n4dclass, n4dmethod, arglist, function(response){
     251        if (!response["status"] && (image_data.name!="" && image_data.desc!="")) {
     252            //  if there is no image with this id, let's ask user for confirm
     253            var text="We are going to create a new image client with these data: <br\><br\>";
     254            text +="<table style='margin-left: 20px;'><tr><td><b>"+self._("Id (chroot folder):")+"</b></td><td>  "+id+"<td></tr>"+
     255            "<tr><td><b>"+self._("Name:")+"</b></td><td>"+image_data.name+"<td style='margin-left: 20px;'></tr>"+
     256            "<tr><td><b>"+self._("Description:")+"</b></td><td>"+image_data.desc+"<td style='margin-left: 20px;'></tr>"+
     257            "<tr><td><b>"+self._("Architecture:")+"</b></td><td>"+image_data.arch+"<td style='margin-left: 20px;'></tr></table>";
     258           
     259            bootbox.confirm(text, function(res){
     260                if (res) {
     261                    $("#llx-ltsp-new-image-assistant").fadeOut();
     262                    //alert("create image");
     263                    if(image_data.name=="LliureXMini"){
     264                        self.deployMinimalClient();                       
     265                    }
     266                    //Utils.prepareLogWin();
     267                   
     268                   }
     269                });
     270                   
     271            } else {
     272                bootbox.alert(self._("Image id is in use or any field is empty. Please, change or set image name and description."));
     273            }
     274    });
     275
     276   
     277   
     278   
     279   
     280   
     281   
     282}
     283
     284
     285ImageManager.prototype._=function _(text){
     286  return ( i18n.gettext("lliurex-ltsp", text));
     287}
     288
     289
     290ImageManager.prototype.deployMinimalClient=function deployMinimalClient(){
     291    var self=this;
     292    try{           
     293        var credentials=[sessionStorage.username , sessionStorage.password];
     294        var n4dclass="LmdServer";
     295        var n4dmethod="deploy_minimal_client";
     296        var arglist=[];
     297        //arglist.push("");
     298        arglist.push(sessionStorage.server);
     299               
     300       
     301        Utils.n4dWithLog(credentials, n4dclass, n4dmethod, arglist, function(response){
     302            // response has socket port
     303            // Utils.showWSListener(response);
     304        });
     305        }catch (error){
     306                alert(error);
     307           }
     308        }
     309
    166310ImageManager.prototype.bindEvents=function bindEvents(){
    167311    var self=this;
    168312   
    169313    // Events Listeners for create new image UI
    170     $("#llx-ltsp-createImage-button").bind("click", function (){
     314    $("#llx-ltsp-createImage-button").on("click", function (){
     315        // When clicks for create a new image
    171316        self.newImageAssistant();
    172317    });
    173     $("#llx-ltsp-goto-image-assistant-stage-2").bind("click", function(){
     318
     319    $("#llx_ltsp_lliurex_minimal_image").on("click", function(){
     320        // When selected to create a minimal image from dialog (other images are built in exec time)
     321        $(".llx_ltsp_template_div").removeClass("llx_ltsp_template_div_selected");
     322        $(this).addClass("llx_ltsp_template_div_selected");
     323        // Show button as primary
     324        $("#llx-ltsp-goto-image-assistant-stage-2").addClass("btn-primary");
     325       
     326        console.log($(this).attr("image_client_name"));
     327        $("#llx_ltsp_new_image_name").val($(this).attr("image_client_name"));
     328        $("#llx_ltsp_new_image_desc").val($(this).attr("image_client_desc"));
     329       
     330       
     331    })
     332       
     333    /* Dialog for create new images UI Evnet Handling */
     334    $("#llx-ltsp-goback-image-assistant-stage-1").on("click", function(){
     335          $("#llx-ltsp-image-assistant-stage-2").fadeOut(function(){
     336            $("#llx-ltsp-image-assistant-stage-1").fadeIn();
     337        });       
     338    });
     339   
     340    $("#llx-ltsp-goto-image-assistant-stage-2").on("click", function(){
     341        itemSelected=$(".llx_ltsp_template_div_selected");
     342       
     343        if ($(itemSelected).attr("image_client_name")==="LliureXMini") {
     344            // Hiding architecture
     345            $("#llx_ltsp_new_image_assistant_arch_selector").hide();
     346        } else {
     347            $("#llx_ltsp_new_image_assistant_arch_selector").show();
     348            if ($(itemSelected).attr("templateFileName")===undefined) return -1;
     349       
     350        }
     351       
    174352        $("#llx-ltsp-image-assistant-stage-1").fadeOut(function(){
    175             $("#llx-ltsp-image-assistant-stage-2").fadeIn();   
     353            $("#llx-ltsp-image-assistant-stage-2").fadeIn();
    176354        });
    177355    });
    178356   
    179     $("#llx-ltsp-deploy-minimal-image").bind("click", function(){
    180         alert("Deploy mini");
    181     });
    182    
    183     $("#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        
    187         $("#llx-ltsp-image-assistant-stage-2").fadeOut(function(){
    188             $("#llx-ltsp-image-assistant-stage-3").fadeIn();
    189         });
    190     });
    191    
    192     $("#llx-ltsp-create-new-image").bind("click", function(){
    193        
    194         alert("Create New Image");
     357    $("#llx-ltsp-create-new-image").on("click", function(){
     358       
     359        var template=$(".llx_ltsp_template_div_selected").attr("templateFileName");
     360        var image_name=$("#llx_ltsp_new_image_name").val();
     361        var image_desc=$("#llx_ltsp_new_image_desc").val();
     362        if($("#optionsRadios_ltsp_arch_i386").prop("checked")) arch="i386";
     363        else arch="amd64";
     364       
     365        var arch2=$("#optionsRadios_ltsp_arch_amd64").attr("checked");
     366       
     367        var info_image={"template": template,
     368                        "name": image_name,
     369                        "desc": image_desc,
     370                        "arch": arch};
     371       
     372        self.confirmImageCreation(info_image);
     373       
    195374    });
    196375   
     
    198377        $("#llx-ltsp-new-image-assistant").fadeOut();
    199378    });
     379   
    200380   
    201381    /* Event for component show */
Note: See TracChangeset for help on using the changeset viewer.