Revision cf0eb36b ui/templates/instances.html
| b/ui/templates/instances.html | ||
|---|---|---|
| 14 | 14 |
|
| 15 | 15 |
<div class="instance" id="instance-template" style="display:none"> |
| 16 | 16 |
<div class="state"> |
| 17 |
<div class="status">Running</div>
|
|
| 17 |
<div class="status">{% trans "Running" %}</div>
|
|
| 18 | 18 |
<div class="indicator"></div> |
| 19 | 19 |
<div class="indicator"></div> |
| 20 | 20 |
<div class="indicator"></div> |
| ... | ... | |
| 28 | 28 |
<h5>IP: <span class="public">node.public_ip</span></h5> |
| 29 | 29 |
</a> |
| 30 | 30 |
<h5 class="settings"> |
| 31 |
Show: <a href="#">disks</a> | <a href="#">networks</a> | <a href="#">group</a>
|
|
| 31 |
{% trans "Show:" %} <a href="#">{% trans "disks" %}</a> | <a href="#">{% trans "networks" %}</a> | <a href="#">{% trans "group" %}</a>
|
|
| 32 | 32 |
</h5> |
| 33 | 33 |
<div class="actions"> |
| 34 |
<a href="#" class="action">Reboot</a>
|
|
| 35 |
<a href="#" class="action">Shutdown</a>
|
|
| 36 |
<a href="#" class="more">more …</a>
|
|
| 34 |
<a href="#" class="action">{% trans "Reboot" %}</a>
|
|
| 35 |
<a href="#" class="action">{% trans "Shutdown" %}</a>
|
|
| 36 |
<a href="#" class="more">{% trans "more" %} …</a>
|
|
| 37 | 37 |
</div> |
| 38 | 38 |
<div class="seperator"></div> |
| 39 | 39 |
</div> |
| ... | ... | |
| 51 | 51 |
<div class="modal" id="wizard"> |
| 52 | 52 |
<!-- status bar --> |
| 53 | 53 |
<ul id="status"> |
| 54 |
<li class="active"><strong>1.</strong> Image</li>
|
|
| 55 |
<li><strong>2.</strong> Instance</li>
|
|
| 56 |
<li><strong>3.</strong> Review</li>
|
|
| 54 |
<li class="active"><strong>1.</strong> {% trans "Image" %}</li>
|
|
| 55 |
<li><strong>2.</strong> {% trans "Instance" %}</li>
|
|
| 56 |
<li><strong>3.</strong> {% trans "Review" %}</li>
|
|
| 57 | 57 |
</ul> |
| 58 | 58 |
<!-- scrollable items --> |
| 59 | 59 |
<div class="items"> |
| 60 | 60 |
<!-- pages --> |
| 61 | 61 |
<div class="page"> |
| 62 |
<h2>Select an OS</h2>
|
|
| 62 |
<h2>{% trans "Select an OS" %}</h2>
|
|
| 63 | 63 |
<ul class="tabs"> |
| 64 |
<li><a href="#">standard</a></li>
|
|
| 65 |
<li><a href="#">custom</a></li>
|
|
| 64 |
<li><a href="#">{% trans "standard" %}</a></li>
|
|
| 65 |
<li><a href="#">{% trans "custom" %}</a></li>
|
|
| 66 | 66 |
</ul> |
| 67 | 67 |
<div class="panes"> |
| 68 | 68 |
<li id="image-template" style="display:none"> |
| ... | ... | |
| 86 | 86 |
|
| 87 | 87 |
</ul> |
| 88 | 88 |
</div> |
| 89 |
<button type="button" class="prev" id="cancel">Cancel</button>
|
|
| 90 |
<button type="button" class="next right">Next »</button>
|
|
| 89 |
<button type="button" class="prev" id="cancel">{% trans "Cancel" %}</button>
|
|
| 90 |
<button type="button" class="next right">{% trans "Next" %} »</button>
|
|
| 91 | 91 |
</div> |
| 92 | 92 |
<div class="page"> |
| 93 |
<h2>Select CPU, RAM and storage</h2>
|
|
| 93 |
<h2>{% trans "Select CPU, RAM and storage" %}</h2>
|
|
| 94 | 94 |
<ul> |
| 95 | 95 |
<li> |
| 96 | 96 |
<div class="instance-type"> |
| 97 | 97 |
<label for="small"> |
| 98 | 98 |
<input type="radio" id="small" name="instance-type" value="small" checked="true" /> |
| 99 |
<strong>small</strong>
|
|
| 99 |
<strong>{% trans "small" %}</strong>
|
|
| 100 | 100 |
</label> |
| 101 | 101 |
</div> |
| 102 | 102 |
<div class="instance-type"> |
| 103 | 103 |
<label for="medium"> |
| 104 | 104 |
<input type="radio" id="medium" name="instance-type" value="medium" /> |
| 105 |
<strong>medium</strong>
|
|
| 105 |
<strong>{% trans "medium" %}</strong>
|
|
| 106 | 106 |
</label> |
| 107 | 107 |
</div> |
| 108 | 108 |
<div class="instance-type"> |
| 109 | 109 |
<label for="large"> |
| 110 | 110 |
<input type="radio" id="large" name="instance-type" value="large" /> |
| 111 |
<strong>large</strong>
|
|
| 111 |
<strong>{% trans "large" %}</strong>
|
|
| 112 | 112 |
</label> |
| 113 | 113 |
</div> |
| 114 | 114 |
<div class="instance-type"> |
| 115 | 115 |
<label for="custom"> |
| 116 | 116 |
<input type="radio" name="instance-type" id="custom" value="large" /> |
| 117 |
<strong>custom</strong>
|
|
| 117 |
<strong>{% trans "custom" %}</strong>
|
|
| 118 | 118 |
</label> |
| 119 | 119 |
</div> |
| 120 | 120 |
</li> |
| ... | ... | |
| 132 | 132 |
</li> |
| 133 | 133 |
<li> |
| 134 | 134 |
<div class="cost"> |
| 135 |
Cost per hour: 20 credits | Credits currently in account: 10.000
|
|
| 135 |
{% trans "Cost per hour:" %} 20 {% trans "credits" %} | {% trans "Credits currently in account:" %} 10.000
|
|
| 136 | 136 |
</div> |
| 137 | 137 |
</li> |
| 138 | 138 |
</ul> |
| 139 |
<button type="button" class="prev">« Back</button>
|
|
| 140 |
<button type="button" class="next right">Next »</button>
|
|
| 139 |
<button type="button" class="prev">« {% trans "Back" %}</button>
|
|
| 140 |
<button type="button" class="next right">{% trans "Next" %} »</button>
|
|
| 141 | 141 |
</div> |
| 142 | 142 |
<div class="page"> |
| 143 |
<h2>Confirm your settings</h2>
|
|
| 143 |
<h2>{% trans "Confirm your settings" %}</h2>
|
|
| 144 | 144 |
<ul> |
| 145 | 145 |
<li class="required"> |
| 146 | 146 |
<label> |
| ... | ... | |
| 149 | 149 |
</label> |
| 150 | 150 |
</li> |
| 151 | 151 |
<li> |
| 152 |
<strong>Image:</strong> <span>Ubuntu 10.04 x86_64 server</span>
|
|
| 152 |
<strong>{% trans "Image:" %}</strong> <span>Ubuntu 10.04 x86_64 server</span>
|
|
| 153 | 153 |
</li> |
| 154 | 154 |
<li> |
| 155 |
<strong>CPU:</strong> <span>2 cores</span>
|
|
| 155 |
<strong>{% trans "CPU:" %}</strong> <span>2 cores</span>
|
|
| 156 | 156 |
</li> |
| 157 | 157 |
<li> |
| 158 |
<strong>RAM:</strong> <span>1024MB</span>
|
|
| 158 |
<strong>{% trans "RAM:" %}</strong> <span>1024MB</span>
|
|
| 159 | 159 |
</li> |
| 160 | 160 |
<li> |
| 161 |
<strong>Storage:</strong> <span>10GB</span>
|
|
| 161 |
<strong>{% trans "Storage:" %}</strong> <span>10GB</span>
|
|
| 162 | 162 |
</li> |
| 163 | 163 |
<li> |
| 164 |
<strong>Cost per hour:</strong> <span>20 credits</span>
|
|
| 164 |
<strong>{% trans "Cost per hour:" %}</strong> <span>20 {% trans "credits" %}</span>
|
|
| 165 | 165 |
</li> |
| 166 | 166 |
<li> |
| 167 |
<strong>Remaining credits:</strong> <span>10.000</span>
|
|
| 167 |
<strong>{% trans "Remaining credits:" %}</strong> <span>10.000</span>
|
|
| 168 | 168 |
</li> |
| 169 | 169 |
</ul> |
| 170 |
<button type="button" class="prev">« Back</button>
|
|
| 171 |
<button type="button" class="next right" id="start">Create VM</button>
|
|
| 170 |
<button type="button" class="prev">« {% trans "Back" %}</button>
|
|
| 171 |
<button type="button" class="next right" id="start">{% trans "Create VM" %}</button>
|
|
| 172 | 172 |
</div> |
| 173 | 173 |
</div> |
| 174 | 174 |
</div> |
| ... | ... | |
| 176 | 176 |
|
| 177 | 177 |
<div class="modal" id="misc"> |
| 178 | 178 |
<h3>Your VM is being created!</h3> |
| 179 |
<p>Your password is:<strong> sdeEFre</strong></p>
|
|
| 180 |
<p>Please copy this! Without it you can not connect to your VM.</p>
|
|
| 179 |
<p>{% trans "Your password is:" %}<strong> sdeEFre</strong></p>
|
|
| 180 |
<p>{% trans "Please copy this! Without it you can not connect to your VM." %}</p>
|
|
| 181 | 181 |
</div> |
| 182 | 182 |
|
| 183 | 183 |
<script> |
Also available in: Unified diff