Statistics
| Branch: | Tag: | Revision:

root / snf-cyclades-app / synnefo / ui / templates / partials / machines_single.html @ 4b902a1e

History | View | Annotate | Download (9.2 kB)

1
{% load i18n %}
2
<div id="machinesview-single" class="single">
3
    <div class="large-spinner"></div>
4
    <div class="single-container single-container-template" id="machine-container-template" style="display:none;" >
5
        <div class="upper clearfix">
6
            <div class="column1">
7
                <div class="connect-border" title="{% trans 'Connect to machine' %}"></div>
8
                <div class="connect-arrow" title="{% trans 'Connect to machine' %}"></div>
9
                <div class="single-image logo"></div>
10
                <div class="state">
11
                    <span class="state-label">{% trans "Running" %}</span>
12
                    <div class="indicators">
13
                        <div class="indicator1"></div>
14
                        <div class="indicator2"></div>
15
                        <div class="indicator3"></div>
16
                        <div class="indicator4"></div>
17
                    </div>
18
                    <div class="action-indicator" style="display:none">empty</div>
19
                    <img class="spinner" style="display:none" src="{{ SYNNEFO_IMAGES_URL }}icons/indicators/medium/progress.gif" />
20
                    <img class="wave" style="display:none" src="{{ SYNNEFO_IMAGES_URL }}icons/indicators/medium/wave.gif" />
21
                </div>
22
                <div class="progress-message">
23
                        <div class="build-progress">
24
                          <span class="message"></span>
25
                          <span class="btn">details</span>
26
                        </div>
27
                </div>
28
            </div>
29
            <div class="title machine-detail name">My Desktop</div>
30
            <div class="suspended-notice">SUSPENDED</div>
31
            <div class="column2">
32
                <div class="fqdn"></div>
33
                <div class="machine-labels">
34
                    <div class="machine-label cpus">{% trans "CPUs" %}:</div>
35
                    <div class="machine-label ram">{% trans "RAM (MB)" %}:</div>
36
                    <div class="machine-label disk">{% trans "System Disk (GB)" %}:</div>
37
                    <div class="machine-label image-name">{% trans "Image Name" %}:</div>
38
                    <div class="machine-label image-size">{% trans "Image Size (MB)" %}:</div>
39
                </div>
40
                <div class="machine-details">
41
                    <div class="machine-detail cpus trigger-resize">4</div>
42
                    <div class="machine-detail ram trigger-resize">2048</div>
43
                    <div class="machine-detail disk">100</div>
44
                    <div class="machine-detail image-name">windos_XP_blah_blah</div>
45
                    <div class="machine-detail image-size">2.3</div>
46
                </div>
47
                <div class="tags machine">
48
                  <div class="togglers clearfix">
49
                    <div class="tags-header toggler-header">
50
                        <span class="info-header cont-toggler toggler">
51
                            <span class="label">{% trans "tags" %}</span>
52
                        </span>
53
                    </div>
54
                    <div class="cont-toggler-wrapper toggler-header ips">
55
                      <span class="info-header cont-toggler toggler">
56
                        <span class="label">{% trans "IP addresses" %}</span>
57
                      </span>
58
                    </div>
59
                  </div>
60
                  <div class="togglers-content">
61
                    <div class="tags-content toggler-content">
62
                      <div class="metadata-keys-container">
63
                        <div class="items">
64
                        </div>
65
                      </div>
66
                      <a href="#" class="manage-metadata">{% trans "Manage Tags" %}</a>
67
                    </div>
68
                    <div class="ips-content toggler-content hidden info-content">
69
                    </div>
70
                  </div>
71
                </div>
72
            </div>
73
            <div class="col3">
74
                <div class="vm-actions single-actions">
75
                    <div class="action-container start">
76
                        <a class="single-action action-start">{% trans "Start" %}</a>
77
                        <div class="confirm_single">
78
                            <button class="yes">{% trans "Confirm" %}</button>
79
                            <button class="no">X</button>
80
                        </div>
81
                    </div>
82
                    <div class="action-container reboot">
83
                        <a class="single-action action-reboot">{% trans "Reboot" %}</a>
84
                        <div class="confirm_single">
85
                            <button class="yes">{% trans "Confirm" %}</button>
86
                            <button class="no">X</button>
87
                        </div>
88
                    </div>
89
                    <div class="action-container shutdown">
90
                        <a class="single-action action-shutdown">{% trans "Shutdown" %}</a>
91
                        <div class="confirm_single">
92
                            <button class="yes">{% trans "Confirm" %}</button>
93
                            <button class="no">X</button>
94
                        </div>
95
                    </div>
96
                    <div class="action-container console">
97
                        <a class="single-action action-console">{% trans "Console" %}</a>
98
                        <div class="confirm_single">
99
                            <button class="yes">{% trans "Confirm" %}</button>
100
                            <button class="no">X</button>
101
                        </div>
102
                    </div>
103
                    <div class="action-container resize">
104
                        <a class="single-action action-resize">{% trans "Resize" %}</a>
105
                    <div class="action-container snapshot">
106
                        <a class="single-action action-snapshot">{% trans "Snapshot" %}</a>
107
                        <div class="confirm_single">
108
                            <button class="yes">{% trans "Confirm" %}</button>
109
                            <button class="no">X</button>
110
                        </div>
111
                    </div>
112
                    <div class="action-container destroy">
113
                        <a class="single-action action-destroy">{% trans "Destroy" %}</a>
114
                        <div class="confirm_single">
115
                            <button class="yes">{% trans "Confirm" %}</button>
116
                            <button class="no">X</button>
117
                        </div>
118
                    </div>
119
                </div>
120
                <div class="action-error hidden action_error" align="center">
121
                    <div class="action-error-msg">
122
                        {% trans "<span>Error</span> on" %} <span class="action">{% trans "error action" %}</span>
123
                        <span class="code"></span>
124
                        <span class="message"></span>
125
                    </div>
126
                    <button class="show-action-error details">{% trans "Details" %}</button>
127
                    <button class="close-action-error"></button>
128
                </div>
129
                <div class="vms-menu-cont">
130
                </div>
131
            </div>
132
        </div>
133
        <div class="lower clearfix">
134
            <div class="stats-select clearfix">
135
                <span class="stats-select-option stats-hourly">{% trans "Hourly" %}</span>
136
                <span class="stats-select-option stats-weekly selected">{% trans "Weekly" %}</span>
137
            </div>
138
            <div class="single-cpu">
139
                <div class="cpu-usage">
140
                    {% trans "CPU Utilization" %}
141
                </div>
142
                <div class="cpu-graph">
143
                    <img src="{{ SYNNEFO_IMAGES_URL }}placeholder.png" class="stat-img stats series" />
144
                    <img src="{{ SYNNEFO_IMAGES_URL }}icons/indicators/small/progress.gif" class="stat-busy" />
145
                    <div class='stat-error'>{% trans "Could not fetch CPU stats graph." %}</div>
146
                </div>
147
            </div>
148
            <div class="single-network">
149
                <div class="network-usage">
150
                    {% trans "Network Utilization" %}
151
                </div>
152
                <div class="network-graph">
153
                    <img src="{{ SYNNEFO_IMAGES_URL }}placeholder.png" class="stat-img stats series" />
154
                    <img src="{{ SYNNEFO_IMAGES_URL }}icons/indicators/small/progress.gif" class="stat-busy" />
155
                    <div class='stat-error'>{% trans "Could not fetch Net stats graph." %}</div>
156
                </div>
157
            </div>
158
        </div>
159
    </div>
160
    <div class="column3" style="display:none;">
161
        <div class="controls clearfix">
162
            <div class="previous vm-control" style="display:block;">
163
                <div class="prev-arrow"></div>
164
                <div class="prev-label">
165
                    {% trans "previous" %}
166
                </div>
167
            </div>
168
            <div class="next vm-control" style="display:block;">
169
                <div class="next-arrow"></div>
170
                <div class="next-label">
171
                    {% trans "next" %}
172
                </div>
173
            </div>
174
        </div>
175
        <div class="servers" id="single-servers-list">
176
            <div class="server-name" id="servers-widget-template" style="display:none;">server1</div>
177
        </div>
178
    </div>
179
</div>