Statistics
| Branch: | Tag: | Revision:

root / snf-cyclades-app / synnefo / ui / templates / partials / machines_icon.html @ 19b2c29d

History | View | Annotate | Download (9.6 kB)

1
{% load i18n %}
2
<div id="machinesview-icon" class="standard icon">
3
    <div class="machine-container" id="machine-container-template" style="display:none">
4
        <div class="machine clearfix" id="machine-template">
5
            
6
            <div class="machine-data-cont clearfix">
7
            <div class="suspended-notice">SUSPENDED</div>
8
            <div class="machine-data clearfix">
9
            <div class="machine-info clearfix">
10
                <div class="machine-connect">
11
                    <div class='connect-border' title='{% trans 'Connect  machine' %}'></div>
12
                    <div class='connect-arrow' title='{% trans 'Connect  machine' %}'></div>
13
                    <div class="logo"></div>
14
                </div>
15

    
16
                <div class="machine-details">
17
                        <div href="#" class="name">
18
                            <h5 class="namecontainer editable">
19
                                <span class="name">node.name</span><span class="rename"></span>
20
                                <div class="editbuttons" style="display:none">
21
                                    <div class="save"></div>
22
                                    <div class="cancel"></div>
23
                                </div>
24
                            </h5>
25
                        </div>
26
                        <div class="machine-ips ip subtitle">
27
                            <div class="fqdn"></div>
28
                        </div>
29
                        <div class="build-progress subtitle">
30
                          <span class="message"></span>
31
                          <span class="btn">details</span>
32
                        </div>
33
                        <div class="cont-toggler-wrapper info">
34
                            <span class="info-header cont-toggler toggler">
35
                                <span class="label">{% trans "info" %}</span>
36
                            </span>
37
                        </div>
38
                        <div class="cont-toggler-wrapper ips">
39
                          <span class="info-header cont-toggler toggler">
40
                            <span class="label">{% trans "IP addresses" %}</span>
41
                          </span>
42
                        </div>
43
                </div>
44
                <div class="state">
45
                    <div class="status">{% trans "Running" %}</div>
46
                    <div class="clearfix indicators">
47
                        <div class="indicator1"></div>
48
                        <div class="indicator2"></div>
49
                        <div class="indicator3"></div>
50
                        <div class="indicator4"></div>
51
                    </div>
52
                    <div class="action-indicator"></div>
53
                    <img class="spinner" style="display:none" src="{{ SYNNEFO_IMAGES_URL }}icons/indicators/medium/progress.gif" />
54
                    <img class="wave" style="display:none" src="{{ SYNNEFO_IMAGES_URL }}icons/indicators/medium/wave.gif" />
55
                </div>
56
                </div>
57
                <div class="info-content vm-info">
58
                    <div class="metadata-container">
59
                        <div class="vm-details metadata-column">
60
                                <div class="flavor-details">
61
                                  <span class="vm-detail"><span class="key">
62
                                      {% trans "CPUs" %}:</span> <span
63
                                    class="value"><span
64
                                      class="cpu-data trigger-resize">1</span></span></span>
65
                                <span class="vm-detail"><span class="key">
66
                                    {% trans "RAM" %}:</span><span
67
                                    class="value trigger-resize"><span
68
                                      class="ram-data">2048</span>MB</span></span>
69
                                <span class="vm-detail"><span class="key">
70
                                    {% trans "System Disk" %}:</span> <span
71
                                    class="value"><span
72
                                      class="disk-data">20</span>GB</span></span>
73
                              </div>
74
                                <div class="image-details">
75
                                <span class="vm-detail"><span class="key">{% trans "Image" %}:</span> <span class="value"><span class="image-data">Debian</span></span></span>
76
                                <span class="vm-detail"><span class="key">{% trans "Image Size" %}:</span> <span class="value"><span class="image-size-data">2.3</span></span></span>
77
                            </div>
78
                        </div>
79
                        <div class="vm-stats metadata-column">
80
                            <div class='stat-label'>{% trans "CPU" %}</div>
81
                            <div class='stat-content cpu-cont cpu-graph'>
82
                                <img src="{{ SYNNEFO_IMAGES_URL }}placeholder.png" class="cpu bar stat-img" />
83
                                <img src="{{ SYNNEFO_IMAGES_URL }}icons/indicators/small/progress.gif" class="stat-busy" />
84
                                <div class='stat-error'>{% trans "Could not fetch CPU stats graph." %}</div>
85
                            </div>
86
                            <div class='stat-label'>{% trans "Net" %}</div>
87
                            <div class='stat-content net-cont network-graph'>
88
                                <img src="{{ SYNNEFO_IMAGES_URL }}placeholder.png" class="net bar stat-img" />
89
                                <img src="{{ SYNNEFO_IMAGES_URL }}icons/indicators/small/progress.gif" class="stat-busy" />
90
                                <div class='stat-error'>{% trans "Could not fetch Net stats graph." %}</div>
91
                            </div>
92
                            <a href="#" class="stats-report">{% trans "Full report" %}</a>
93
                        </div>
94
                        <div class="vm-metadata metadata-column">
95
                            <div class="metadata-keys-container">
96
                                <div class="scrollable vertical">
97
                                    <div class="items">
98
                                    </div>
99
                                </div>
100
                            </div>
101
                            <a href="#" class="manage-metadata">{% trans "Manage Tags" %}</a>
102
                        </div>
103
                    </div>
104
                </div>
105
            </div>
106
            </div>
107

    
108

    
109
            <div class="vm-actions machine-actions actions clearfix" id="">
110
                <div class="action-container start">
111
                    <a href="#" class="action-start">{% trans "Start" %}</a>
112
                    <div class="confirm_single">
113
                        <button class="yes">{% trans "Confirm" %}</button>
114
                        <button class="no">X</button>
115
                    </div>
116
                </div>
117
                <div class="action-container reboot">
118
                    <a href="#" class="action-reboot">{% trans "Reboot" %}</a>
119
                    <div class="confirm_single">
120
                        <button class="yes">{% trans "Confirm" %}</button>
121
                        <button class="no">X</button>
122
                    </div>
123
                </div>
124
                <div class="action-container shutdown">
125
                    <a href="#" class="action-shutdown">{% trans "Shutdown" %}</a>
126
                    <div class="confirm_single">
127
                        <button class="yes">{% trans "Confirm" %}</button>
128
                        <button class="no">X</button>
129
                    </div>
130
                </div>
131
                <div class="action-container console">
132
                    <a href="#" class="action-console">{% trans "Console" %}</a>
133
                    <div class="confirm_single">
134
                        <button class="yes">{% trans "Confirm" %}</button>
135
                        <button class="no">X</button>
136
                    </div>
137
                </div>
138
                <div class="action-container resize">
139
                    <a href="#" class="action-resize">{% trans "Resize" %}</a>
140
                    <div class="confirm_single">
141
                        <button class="yes">{% trans "Confirm" %}</button>
142
                        <button class="no">X</button>
143
                    </div>
144
                </div>
145
                <div class="action-container snapshot">
146
                    <a href="#" class="action-snapshot">{% trans "Snapshot" %}</a>
147
                    <div class="confirm_single">
148
                        <button class="yes">{% trans "Confirm" %}</button>
149
                        <button class="no">X</button>
150
                    </div>
151
                </div>
152
                <div class="action-container destroy">
153
                    <a href="#" class="action-destroy">{% trans "Destroy" %}</a>
154
                    <div class="confirm_single">
155
                        <button class="yes">{% trans "Confirm" %}</button>
156
                        <button class="no">X</button>
157
                    </div>
158
                </div>
159
                <div class="action-error hidden action_error" align="center">
160
                    <div class="action-error-msg">
161
                        {% trans "<span>Error</span> on" %} <span class="action">{% trans "error action" %}</span>
162
                        <span class="code"></span>
163
                        <span class="message"></span>
164
                    </div>
165
                    <button class="show-action-error details">{% trans "Details" %}</button>
166
                    <button class="close-action-error"></button>
167
                </div>
168
            </div>
169
        </div>
170
    </div><div class="large-spinner"></div>
171
    <div class="running disabled"></div>
172
    <div class="terminated" style="display:none;"></div>
173
</div>
174