Statistics
| Branch: | Tag: | Revision:

root / snf-cyclades-app / synnefo / ui / templates / partials / create_vm.html @ 6ecdb15f

History | View | Annotate | Download (18.4 kB)

1
{% load i18n %}
2
<div id="createvm-overlay-content" class="hidden create-vm">
3
    <div class="steps-history clearfix">
4
        <div class="steps-history-cont step1h completed step-header" id="vm-create-step-history-1">
5
            <div class="steps-history-step clearfix">
6
                <span class="header-step step-1 clearfix">
7
                    <span class="num">1<span class="subnum">/5</span></span>
8
                    <span class="title">
9
                        {% trans "Image" %}
10
                    </span>
11
                    <div class="info">
12
                        <span class="subtitle">
13
                            {% trans "Select an OS" %}
14
                        </span>
15
                        <span class="description">
16
                            {% trans "Choose your preferred image" %}
17
                        </span>
18
                    </div>
19
                </span>
20
            </div>
21
        </div>
22
        <div class="steps-history-cont step2h current step-header" id="vm-create-step-history-2" >
23
            <div class="steps-history-step clearfix">
24
                <span class="header-step step-2 clearfix">
25
                    <span class="num">2<span class="subnum">/5</span></span>
26
                    <span class="title">
27
                        {% trans "Flavor" %}
28
                    </span>
29
                    <div class="info">
30
                        <span class="subtitle">
31
                            {% trans "Select CPUs, RAM and Disk Size" %}
32
                        </span>
33
                        <span class="description">
34
                            {% trans "Available options are filtered based on the selected image" %}
35
                        </span>
36
                    </div>
37
                </span>
38
            </div>
39
        </div>
40
        <div class="steps-history-cont step3h step-header" id="vm-create-step-history-3">
41
            <div class="steps-history-step clearfix">
42
                <span class="header-step step-3 clearfix">
43
                    <span class="num">3<span class="subnum">/5</span></span>
44
                    <span class="title">
45
                        {% trans "Networking" %}
46
                    </span>
47
                    <div class="info">
48
                        <span class="subtitle">
49
                            {% trans "Networking configuration" %}
50
                        </span>
51
                        <span class="description">
52
                            {% trans "Connect machine to networks" %}
53
                        </span>
54
                    </div>
55
                </span>
56
            </div>
57
        </div>
58
        <div class="steps-history-cont step4h step-header" id="vm-create-step-history-4">
59
            <div class="steps-history-step clearfix">
60
                <span class="header-step step-4 clearfix">
61
                    <span class="num">4<span class="subnum">/5</span></span>
62
                    <span class="title">
63
                        {% trans "Personalize" %}
64
                    </span>
65
                    <div class="info">
66
                        <span class="subtitle">
67
                            {% trans "Virtual machine custom options" %}
68
                        </span>
69
                        <span class="description">
70
                            {% trans "Virtual machine custom options" %}
71
                        </span>
72
                    </div>
73
                </span>
74
            </div>
75
        </div>
76
        <div class="steps-history-cont step5h last step-header" id="vm-create-step-history-5">
77
            <div class="steps-history-step clearfix">
78
                <span class="header-step step-5 clearfix">
79
                    <span class="num">5<span class="subnum">/5</span></span>
80
                    <span class="title">
81
                        {% trans "Confirm" %}
82
                    </span>
83
                    <div class="info">
84
                        <span class="subtitle">
85
                            {% trans "Confirm your settings" %}
86
                        </span>
87
                        <span class="description">
88
                            {% trans "Confirm that the options you have selected are correct" %}
89
                        </span>
90
                    </div>
91
                </span>
92
            </div>
93
        </div>
94
    </div>
95
    <div class="steps-container clearfix">
96
        <div class="step-1 select-image wide create-step-cont clearfix">
97
            <div class="clearfix step-header">
98
            </div>
99
            <div class="step-cont clearfix">
100
                <div class="images-filter-cont content-cont">
101
                    <div class="images-filters">
102
                        <div class="image-types-cont">
103
                            <h4>Image type</h4>
104
                            <ul class="type-filter">
105
                            </ul>
106
                        </div>
107
                    </div>
108
                </div>
109
                <div class="images-list-cont content-cont">
110
                    <h4>{% trans "Available images" %}
111
                        <span class="loading-indicator"></span>
112
                        <span class="custom-action">
113
                        <a href="#" class="register-custom-image">{% trans "create image" %}</a>
114
                        </span>
115
                    </h4>
116
                    <ul class="images-list">
117
                    </ul>
118
                    <span class="empty">
119
                      {% trans "No images available" %}.
120
                    </span>
121
                    {% if custom_image_help_url %}
122
                    <span class="custom-image-help" style="display:none">
123
                      <br /><br />
124
                      {% blocktrans with custom_image_help_url as url %}
125
                      Consult <a href="{{ url }}">this guide</a> if you want to create a custom OS image
126
                      {% endblocktrans %}
127
                    </span>
128
                    {% endif %}
129
                    <span class="loading hidden">{% trans "loading..." %}</span>
130
                </div>
131
                <div class="images-info-cont content-cont">
132
                    <h4>Image title</h4>
133
                    <span class="hide">close details</span>
134
                    <div class="image-detail description clearfix">
135
                        <span class="title">{% trans "Description" %}</span>
136
                        <p></p>
137
                    </div>
138
                    <h3>Image metadata</h3>
139
                    <div class="extra-details clearfix">
140
                    </div>
141

    
142
                </div>
143
            </div>
144
        </div>
145
        <div class="step-2 select-flavor create-step-cont clearfix">
146
            <div class="clearfix step-header">
147
            </div>
148
            <div class="step-cont clearfix">
149
                <div class="flavors-predefined-cont content-cont"> 
150
                    <div class="flavors-predefined">
151
                        <h4>{% trans "Predefined" %}</h4>
152
                        <ul class="predefined-list">
153
                        </ul>
154
                    </div>
155
                </div>
156
                <div class="flavor-options-cont content-cont">
157
                    <div class="flavor-options-inner-cont clearfix"
158
                        id="create-vm-flavor-options">
159
                        <div class="flavor-options cpu clearfix">
160
                          <h4 class="clearfix"><span class="title">{% trans "CPUs" %}</span>
161
                            <span class="available"></span>
162
                                <span class="desc">{% trans "Choose number of CPU cores" %}</span>
163
                            </h4>
164
                            <ul class="flavors-cpu-list flavor-opts-list clearfix">
165
                            </ul>
166
                        </div>
167
                        <div class="flavor-options mem clearfix">
168
                            <h4 class="clearfix"><span class="title">{% trans "Memory size" %}</span>
169
                            <span class="available"></span>
170
                                <span class="desc">{% trans "Choose memory size" %}</span>
171
                            </h4>
172
                            <ul class="flavors-mem-list flavor-opts-list clearfix">
173
                            </ul>
174
                        </div>
175
                        <div class="flavor-options disk clearfix">
176
                            <h4 class="clearfix"><span class="title">{% trans "Disk size" %}</span>
177
                            <span class="available"></span>
178
                                <span class="desc">{% trans "Choose disk size" %}</span>
179
                            </h4>
180
                            <ul class="flavors-disk-list flavor-opts-list clearfix">
181
                            </ul>
182
                        </div>
183
                        <div class="flavor-options disk_template clearfix">
184
                            <h4 class="clearfix"><span class="title">{% trans "Storage" %}</span>
185
                                <span class="desc">{% trans "Select storage type" %}</span>
186
                            </h4>
187
                            <ul class="flavors-disk-template-list flavor-opts-list clearfix">
188
                            </ul>
189
                            <div class="disk-template-description">
190
                                <p></p>
191
                            </div>
192
                        </div>
193
                    </div>
194
                </div>
195
            </div>
196
        </div>
197
        <div class="step-3 vm-network create-step-cont clearfix">
198
            <div class="clearfix step-header">
199
            </div>
200
            <div class="step-cont clearfix">
201
                    <div class="personalize-conts clearfix">
202
                    </div>
203
            </div>
204
        </div>
205
        <div class="step-4 vm-personalize create-step-cont clearfix">
206
            <div class="clearfix step-header">
207
            </div>
208
            <div class="step-cont clearfix">
209
                <div class="rename">
210
                    <div class="form-field">
211
                        <h4>
212
                            <label for="create-vm-name">{% trans "Machine name" %}</label>
213
                        </h4>
214
                        <input type="text" name="create-vm-name"
215
                        class="rename-field" id="create-vm-name" />
216
                    </div>
217
                    
218
                    <div class="personalize-conts clearfix">
219
                        <div class="list-cont personalize-cont ssh">
220
                            <h4>{% trans "Public SSH keys" %} <span><a
221
                                        class="hidden create-ssh-key" href="#">manage keys</a></span></h4>
222
                            <p class="desc">
223
                            {% blocktrans %}
224
                            Your account contains the following SSH public keys. 
225
                            Select one or more to activate in your new machine. 
226
                            You will then be able to ssh with the corresponding 
227
                            private key without a password."
228
                            {% endblocktrans %}
229
                            </p>
230
                            <p class="desc empty hidden">
231
                            No ssh keys in your account. <br /><br />You can create or
232
                            import a new one from the <em>Public Keys</em> view.
233
                            </p>
234
                            <p class="desc warning disabled hidden">
235
                                The image you selected does not support ssh key
236
                                assignments.
237
                            </p>
238
                            <ul class="confirm-params">
239
                            </ul>
240
                        </div>
241
                        <div class="list-cont personalize-cont meta">
242
                            <h4>{% trans "Suggested tags" %}</h4>
243
                            <ul class="confirm-params">
244
                                <li class="predefined-meta role">
245
                                    <p class="desc">
246
                                        You may change machine tags
247
                                        later from the machines view.
248
                                    </p>
249
                                    <span class="key">{% trans "Role" %}</span>
250
                                    <div class="values clearfix">
251
                                    </div>
252
                                </li>
253
                                <!--<li class="predefined-meta clearfix">-->
254
                                    <!--<span class="key">{% trans "Public key" %}</span>-->
255
                                    <!--<input type="file"/>-->
256
                                    <!--<textarea height="20"></textarea>-->
257
                                <!--</li>-->
258
                            </ul>
259
                        </div>
260
                    </div>
261
                </div>
262
            </div>
263
    </div>
264
        <div class="step-5 vm-confirm create-step-cont clearfix">
265
            <div class="clearfix step-header">
266
            </div>
267
            <div class="step-cont clearfix">
268
                <div class="rename">
269
                    <div class="form-field">
270
                        <h4>Machine name</h4>
271
                        <h3 class="vm-name">
272
                        </h3>
273
                    </div>
274
                    
275
                    <div class="confirm-conts clearfix">
276
                        <div class="list-cont confirm-cont image">
277
                            <h4>{% trans "Image" %}</h4>
278
                            <ul class="confirm-params">
279
                                <li class="param image-name clearfix">
280
                                    <h4 class="value"></h4>
281
                                </li>
282
                                <li class="param image-description clearfix">
283
                                    <span class="title">{% trans "Description" %}</span>
284
                                    <span class="value"></span>
285
                                </li>
286
                                <li class="param image-os clearfix">
287
                                    <span class="title">{% trans "OS" %}</span>
288
                                    <span class="value"></span>
289
                                </li>
290
                                <li class="param image-size clearfix">
291
                                    <span class="title">{% trans "Size" %}</span>
292
                                    <span class="value"></span>
293
                                </li>
294
                                <li class="param image-gui clearfix">
295
                                    <span class="title">{% trans "GUI" %}</span>
296
                                    <span class="value"></span>
297
                                </li>
298
                                <li class="param image-kernel clearfix">
299
                                    <span class="title">{% trans "Kernel" %}</span>
300
                                    <span class="value"></span>
301
                                </li>
302
                            </ul>
303
                        </div>
304
                        <div class="list-cont confirm-cont flavor">
305
                            <h4>{% trans "Flavor" %}</h4>
306
                            <ul class="confirm-params">
307
                                <li class="param flavor-cpu clearfix">
308
                                    <span class="title">{% trans "CPUs" %}</span>
309
                                    <span class="value"></span>
310
                                </li>
311
                                <li class="param flavor-ram clearfix">
312
                                    <span class="title">{% trans "Memory" %}</span>
313
                                    <span class="value"></span>
314
                                </li>
315
                                <li class="param flavor-disk clearfix">
316
                                    <span class="title">{% trans "Disk" %}</span>
317
                                    <span class="value"></span>
318
                                </li>
319
                                <li class="param flavor-disktype clearfix">
320
                                    <span class="title">{% trans "Storage type" %}</span>
321
                                    <span class="value"></span>
322
                                </li>
323
                            </ul>
324
                            <h4>{% trans "Machine Tags" %}</h4>
325
                            <ul class="confirm-params meta">
326
                            </ul>
327
                        </div>
328
                        <div class="list-cont confirm-cont meta">
329
                            <h4>{% trans "SSH Keys" %}</h4>
330
                            <ul class="confirm-params ssh">
331
                            </ul>
332
                            <h4>{% trans "IP Addresses" %}</h4>
333
                            <ul class="confirm-params ip-addresses">
334
                            </ul>
335
                            <h4>{% trans "Private networks" %}</h4>
336
                            <ul class="confirm-params private-networks">
337
                            </ul>
338
                        </div>
339
                    </div>
340
                </div>
341
            </div>
342
    </div>
343
</div>
344

    
345
<div class="image-warning clearfix">
346
  <p>
347
  {% blocktrans %}You have selected a user-provided Image, which is not
348
  officially endorsed by {{ BRANDING_SERVICE_NAME }}. Please make sure it is from a
349
  trustworthy source.{% endblocktrans %}
350
  </p>
351
  <span class="untrusted-image-confirm confirm">confirm</span>
352
</div>
353
<div class="create-controls clearfix">
354
    <div class="form-action cancel">{% trans "cancel" %}</div>
355
    <div class="form-action next">{% trans "next" %}</div>
356
    <div class="form-action prev">{% trans "previous" %}</div>
357
    <div class="form-action create submit">{% trans "create machine" %}</div>
358
</div>
359
</div>
360

    
361
<div id="creation-password-overlay" class="overlay-content overlay-info hidden">
362
    <div class="description">
363
        <p>{% blocktrans %}Your new machine is now buidling... (this might take a few minutes){% endblocktrans %}</p>
364
    </div>
365
    <div class="password-cont clearfix">
366
        <div class="password-label">{% blocktrans %}Write down your password now:{% endblocktrans %}</div>
367
        <div class="password" id="new-machine-password">password</div>
368
        <div class="clipboard new-vm-password-copy"></div>
369
    </div>
370
    <div class="description subinfo">
371
        <p>{% blocktrans %}You will need this later to connect to your machine.{% endblocktrans %}</p>
372
        <p class="important">{% blocktrans %}After closing this window you will <em>NOT</em> be able to retrieve it again
373
        {% endblocktrans %}</p>
374
    </div>
375
    <div class="form-action show-machine">{% trans "OK" %}</div>
376
</div>
377