source: lmd/trunk/fuentes/admin-center-ltsp.install/lliurex-ltsp/src/images.html @ 1872

Last change on this file since 1872 was 1872, checked in by joamuran, 5 years ago

fixed ui for images managing

File size: 5.7 KB
Line 
1<div>Images Manager</div>
2
3<div id="llx-ltsp-imagelist"></div>
4<div id="llx-ltsp-createImage-button">
5    <div class="btn btn-primary btn-fab"><i class="material-icons">computer</i></div>
6</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 0 -->
13        <!--div id="llx-ltsp-image-assistant-stage-0" 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-1">Endavant ></button>
24          </div>
25      </div-->
26       
27      <!-- Stage 1 -->
28      <div id="llx-ltsp-image-assistant-stage-1" 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>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>
42          </div>
43          <div class="modal-footer">
44            <button type="button" class="btn" id="llx-ltsp-goto-image-assistant-stage-2">Endavant ></button>
45            <!--button type="button" class="btn btn-primary">Desplega la minima</button-->
46          </div>
47          <div id="dialog-for-log"></div>
48      </div>
49    </div>
50     
51     
52      <!-- Stage 2 -->
53      <div id="llx-ltsp-image-assistant-stage-2" style="display:none">
54          <div class="modal-header">
55            <button type="button" class="close llx-ltsp-image-assistant-close" data-dismiss="llx-ltsp-new-image-assistant" aria-hidden="true">×</button>
56            <h4 class="modal-title" i18n>Step 2. Configure image</h4>
57          </div>
58          <div class="modal-body">
59            <p  i18n>Image Config...</p>
60           
61            <form class="form-horizontal">
62                <fieldset>
63                   
64                  <div class="form-group">
65                    <label for="llx_ltsp_new_image_name" class="col-md-2 control-label">Name</label>             
66                    <div class="col-md-10">
67                      <input class="form-control" id="llx_ltsp_new_image_name" type="text">
68                    </div>
69                  </div>
70                 
71                  <div class="form-group">
72                    <label for="llx_ltsp_new_image_desc" class="col-md-2 control-label">Description</label>
73                    <div class="col-md-10">
74                      <textarea class="form-control" id="llx_ltsp_new_image_desc" type="text"></textarea>
75                    </div>
76                  </div>
77                                   
78                    <div class="form-group" id="llx_ltsp_new_image_assistant_arch_selector">
79                        <label for="llx_ltsp_new_image_arch" class="col-md-2 control-label">Arch</label>
80                        <div class="col-md-10">
81                          <textarea class="form-control" id="llx_ltsp_new_image_arch" type="text" readonly></textarea>
82                        </div>
83                    </div>
84                                   
85                  <!--div class="form-group" id="llx_ltsp_new_image_assistant_arch_selector">
86                    <label class="col-md-2 control-label" i18n>Architecture</label>
87             
88                    <div class="col-md-10">
89                      <div class="radio radio-primary">
90                        <label>
91                          <input name="optionsRadios_ltsp_arch" id="optionsRadios_ltsp_arch_i386" value="i386" type="radio">
92                          i386 (32 bit)
93                        </label>
94                      </div>
95                      <div class="radio radio-primary">
96                        <label>
97                          <input name="optionsRadios_ltsp_arch" id="optionsRadios_ltsp_amd64" value="amd64" type="radio">
98                          amd64 (64 bit)
99                        </label>
100                      </div>
101                    </div>
102                  </div-->
103                 
104                </fieldset>
105              </form>
106           
107           
108          </div>
109          <div class="modal-footer">
110            <button type="button" class="btn btn-default" i18n id="llx-ltsp-goback-image-assistant-stage-1">Back</button>
111            <button type="button" class="btn btn-primary" id="llx-ltsp-create-new-image">Create</button>
112          </div>
113      </div>
114     
115    </div>
116  </div>
117</div>
Note: See TracBrowser for help on using the repository browser.