Revision 692c5cea snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list.html

b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list.html
74 74
				<ul class="items-list small-block-grid-2 large-block-grid-3 sortable">
75 75
					<li data-order="0">
76 76
						<div class="container">
77
							<div class="options">
78
								<div class="wrap">
79
									<a href="vm_details.html" class="details">details</a>
80
									<a href="#" data-reveal-id="vm-connect" class="connect">connect</a>
81
								</div>
82
							</div>
83 77
							<div class="img-wrap">
84 78
								<div class="img running">
85
									<span class="snf-PC_fill"></span>
86
									<span class="os windows">windows</span>
79
									<span class="snf-PC_fill" data-reveal-id="vm-connect"></span>
80
									<span class="os" data-reveal-id="vm-connect">unknown</span>
87 81
								</div>
88 82
							</div>
89
							
90 83
							<p class="visible-info">
91 84
								<span><em>IPv4 83.212.97.127</em></span>
92
								<span class="title"><em>vm name 1 really large name</em></span>
85
								<span class="title">
86
									<a href="vm_details.html"><em>vm name 1 really large name</em></a>
87
								</span>
93 88
							</p>
94 89
							<a href="" class="check"><span class="snf-checkbox-unchecked"></span></a>
95 90
						</div>
96 91
					</li>
97 92
					<li data-order="1">
98 93
						<div class="container">
99
							<div class="options">
100
								<div class="wrap">
101
									
102
									<a href="vm_details.html" class="details">details</a>
103
									<a href="#" data-reveal-id="vm-connect" class="connect">connect</a>
104
								</div>
105
							</div>
106 94
							<div class="img-wrap">
107 95
								<div class="img running">
108
									<span class="snf-PC_fill"></span>
109
									<span class="os windows">windows</span>
96
									<span class="snf-PC_fill" data-reveal-id="vm-connect"></span>
97
									<span class="os fedora" data-reveal-id="vm-connect">fedora</span>
110 98
								</div>
111 99
							</div>
112
							
113 100
							<p class="visible-info">
114 101
								<span><em>IPv4 83.212.97.127</em></span>
115
								<span class="title"><em>vm name 2</em></span>
102
								<span class="title">
103
									<a href="vm_details.html"><em>vm name 1 really large name</em></a>
104
								</span>
116 105
							</p>
117 106
							<a href="" class="check"><span class="snf-checkbox-unchecked"></span></a>
118 107
						</div>
119 108
					</li>
120 109
					<li data-order="2">
121 110
						<div class="container">
122
							<div class="options">
123
								<div class="wrap">
124
									
125
									<a href="vm_details.html" class="details">details</a>
126
									<a href="#" data-reveal-id="vm-connect" class="connect">connect</a>
127
								</div>
128
							</div>
129 111
							<div class="img-wrap">
130
								<div class="img stopped">
131
									<span class="snf-PC_fill"></span>
132
									<span class="os fedora">fedora</span>
112
								<div class="img running">
113
									<span class="snf-PC_fill" data-reveal-id="vm-connect"></span>
114
									<span class="os" data-reveal-id="vm-connect">unknown</span>
133 115
								</div>
134 116
							</div>
135
							
136 117
							<p class="visible-info">
137 118
								<span><em>IPv4 83.212.97.127</em></span>
138
								<span class="title"><em>vm name 3</em></span>
119
								<span class="title">
120
									<a href="vm_details.html"><em>vm name 2</em></a>
121
								</span>
139 122
							</p>
140 123
							<a href="" class="check"><span class="snf-checkbox-unchecked"></span></a>
141 124
						</div>
142 125
					</li>
143 126
					<li  data-order="3">
144 127
						<div class="container">
145
							<div class="options">
146
								<div class="wrap">
147
									
148
									<a href="vm_details.html" class="details">details</a>
149
									<a href="#" data-reveal-id="vm-connect" class="connect">connect</a>
150
								</div>
151
							</div>
152 128
							<div class="img-wrap">
153
								<div class="img running">
154
									<span class="snf-PC_fill"></span>
155
									<span class="os">unknown</span>
129
								<div class="img stopped">
130
									<span class="snf-PC_fill" data-reveal-id="vm-connect"></span>
131
									<span class="os fedora" data-reveal-id="vm-connect">fedora</span>
156 132
								</div>
157 133
							</div>
158
							
159 134
							<p class="visible-info">
160 135
								<span><em>IPv4 83.212.97.127</em></span>
161
								<span class="title"><em>vm name 4</em></span>
136
								<span class="title">
137
									<a href="vm_details.html"><em>vm name 3</em></a>
138
								</span>
162 139
							</p>
163 140
							<a href="" class="check"><span class="snf-checkbox-unchecked"></span></a>
164 141
						</div>
165 142
					</li>
166 143
					<li  data-order="4">
167 144
						<div class="container">
168
							<div class="options">
169
								<div class="wrap">
170
									
171
									<a href="vm_details.html" class="details">details</a>
172
									<a href="#" data-reveal-id="vm-connect" class="connect">connect</a>
173
								</div>
174
							</div>
175 145
							<div class="img-wrap">
176 146
								<div class="img running">
177
									<span class="snf-PC_fill"></span>
178
									<span class="os kubuntu">kubuntu</span>
147
									<span class="snf-PC_fill" data-reveal-id="vm-connect"></span>
148
									<span class="os kubuntu" data-reveal-id="vm-connect">kubuntu</span>
179 149
								</div>
180 150
							</div>
181
							
182 151
							<p class="visible-info">
183 152
								<span><em>IPv4 83.212.97.127</em></span>
184
								<span class="title"><em>vm name 5</em></span>
153
								<span class="title">
154
									<a href="vm_details.html"><em>vm name 4</em></a>
155
								</span>
185 156
							</p>
186 157
							<a href="" class="check"><span class="snf-checkbox-unchecked"></span></a>
187 158
						</div>

Also available in: Unified diff