Revision 342fa48b snf-cyclades-app/synnefo/ui/new_ui/ui/pithos_list.html

b/snf-cyclades-app/synnefo/ui/new_ui/ui/pithos_list.html
12 12
    <link rel="stylesheet" href="stylesheets/app.css" />
13 13
    <link rel="stylesheet" href="stylesheets/styles.css" />
14 14
    <link rel="stylesheet" href="stylesheets/font_custom.css" />
15
    <link rel="stylesheet" href="stylesheets/magnific-popup.css" />
15 16

  
16 17
    <link rel="stylesheet" href="stylesheets/jquery.jscrollpane.css" media="all" />
17 18
    <script src="javascripts/vendor/custom.modernizr.js"></script>
......
121 122
						<div class="actions-col">&nbsp;</div>
122 123
					</li>
123 124
					<li>
124
						<div class="name-col folder" data-tooltip class="has-tip" title="metadata or info (ex. contains 3 files)">folder1</div>
125
						<div class="name-col folder has-tip" data-tooltip title="metadata or info (ex. contains 3 files)">folder1</div>
125 126
						<div class="size-col">123KB</div>
126 127
						<div class="date-col">23/12/12 6:23 am</div>
127 128
						<div class="actions-col">
128
							<a href="" class="delete" data-tooltip class="has-tip" title="Delete"><span class="snf-font">n</span></a>
129
							<a href="" class="copy"  data-tooltip class="has-tip" title="Copy"><span class="snf-font">q</span></a>
129
							<a href="" class="delete has-tip" data-tooltip title="Delete"><span class="snf-font">n</span></a>
130
							<a href="" class="copy has-tip"  data-tooltip title="Copy"><span class="snf-font">q</span></a>
130 131
						</div>
131 132
					</li>
132 133
					<li>
133
						<div class="name-col folder">folder1</div>
134
						<div class="name-col image">Image.png</div>
134 135
						<div class="size-col">123KB</div>
135 136
						<div class="date-col">23/12/12 4:23 pm</div>
136 137
						<div class="actions-col">
137
							<a href="" class="delete" data-tooltip class="has-tip" title="Delete"><span class="snf-font">n</span></a>
138
							<a href="" class="copy"  data-tooltip class="has-tip" title="Copy"><span class="snf-font">q</span></a>
139
						</div>
140
					</li>
141
					<li>
142
						<div class="name-col txt"  data-tooltip class="has-tip" title="metadata or info (ex. has been modified 3 times)">file1.txt</div>
143
						<div class="size-col">5MB</div>
144
						<div class="date-col">23/12/12 6:23 am</div>
145
						<div class="actions-col">
146
							<a href="" class="delete" data-tooltip class="has-tip" title="Delete"><span class="snf-font">n</span></a>
147
							<a href="" class="copy"  data-tooltip class="has-tip" title="Copy"><span class="snf-font">q</span></a>
148
						</div>
149
					</li>
150
					<li>
151
						<div class="name-col pdf">mypdfile.pdf</div>
152
						<div class="size-col">123KB</div>
153
						<div class="date-col">23/12/12 6:23 am</div>
154
						<div class="actions-col">
155
							<a href="" class="delete" data-tooltip class="has-tip" title="Delete"><span class="snf-font">n</span></a>
156
							<a href="" class="copy"  data-tooltip class="has-tip" title="Copy"><span class="snf-font">q</span></a>
157
						</div>
158
					</li>
159
					<li>
160
						<div class="name-col folder">folder1</div>
161
						<div class="size-col">123KB</div>
162
						<div class="date-col">23/12/12 6:23 am</div>
163
						<div class="actions-col">
164
							<a href="" class="delete" data-tooltip class="has-tip" title="Delete"><span class="snf-font">n</span></a>
165
							<a href="" class="copy"  data-tooltip class="has-tip" title="Copy"><span class="snf-font">q</span></a>
138
							<a href="" class="delete has-tip" data-tooltip title="Delete"><span class="snf-font">n</span></a>
139
							<a href="" class="copy has-tip"  data-tooltip title="Copy"><span class="snf-font">q</span></a>
140
							<a href="http://farm9.staticflickr.com/8235/8559402846_8b7f82e05d_b.jpg" class="show has-tip image"  data-tooltip title="Copy" data-title="my Image">Show</a>
166 141
						</div>
167 142
					</li>
168 143
					<li>
169
						<div class="name-col txt">file1.txt</div>
144
						<div class="name-col image has-tip"  data-tooltip title="metadata or info (ex. has been modified 3 times)">Myimage.jpg</div>
170 145
						<div class="size-col">5MB</div>
171 146
						<div class="date-col">23/12/12 6:23 am</div>
172 147
						<div class="actions-col">
173
							<a href="" class="delete" data-tooltip class="has-tip" title="Delete"><span class="snf-font">n</span></a>
174
							<a href="" class="copy"  data-tooltip class="has-tip" title="Copy"><span class="snf-font">q</span></a>
148
							<a href="" class="delete has-tip" data-tooltip title="Delete"><span class="snf-font">n</span></a>
149
							<a href="" class="copy has-tip"  data-tooltip title="Copy"><span class="snf-font">q</span></a>
150
							<a href="http://farm9.staticflickr.com/8235/8559402846_8b7f82e05d_b.jpg" class="show has-tip image"  data-tooltip title="Copy" data-title="yet another image">Show</a>
175 151
						</div>
176 152
					</li>
177 153
					<li>
......
179 155
						<div class="size-col">123KB</div>
180 156
						<div class="date-col">23/12/12 6:23 am</div>
181 157
						<div class="actions-col">
182
							<a href="" class="delete" data-tooltip class="has-tip" title="Delete"><span class="snf-font">n</span></a>
183
							<a href="" class="copy"  data-tooltip class="has-tip" title="Copy"><span class="snf-font">q</span></a>
158
							<a href="" class="delete has-tip" data-tooltip title="Delete"><span class="snf-font">n</span></a>
159
							<a href="" class="copy has-tip"  data-tooltip title="Copy"><span class="snf-font">q</span></a>
184 160
						</div>
185 161
					</li>
186 162
					<li>
......
188 164
						<div class="size-col">123KB</div>
189 165
						<div class="date-col">23/12/12 6:23 am</div>
190 166
						<div class="actions-col">
191
							<a href="" class="delete" data-tooltip class="has-tip" title="Delete"><span class="snf-font">n</span></a>
192
							<a href="" class="copy"  data-tooltip class="has-tip" title="Copy"><span class="snf-font">q</span></a>
167
							<a href="" class="delete has-tip" data-tooltip title="Delete"><span class="snf-font">n</span></a>
168
							<a href="" class="copy has-tip"  data-tooltip title="Copy"><span class="snf-font">q</span></a>
193 169
						</div>
194 170
					</li>
195 171
					<li>
196
						<div class="name-col txt">file1.txt</div>
172
						<div class="name-col image">cool.jpg</div>
197 173
						<div class="size-col">5MB</div>
198 174
						<div class="date-col">23/12/12 6:23 am</div>
199 175
						<div class="actions-col">
200
							<a href="" class="delete" data-tooltip class="has-tip" title="Delete"><span class="snf-font">n</span></a>
201
							<a href="" class="copy"  data-tooltip class="has-tip" title="Copy"><span class="snf-font">q</span></a>
176
							<a href="" class="delete has-tip" data-tooltip title="Delete"><span class="snf-font">n</span></a>
177
							<a href="" class="copy has-tip"  data-tooltip title="Copy"><span class="snf-font">q</span></a>
178
							<a href="http://farm9.staticflickr.com/8382/8558295631_0f56c1284f_b.jpg" class="show has-tip image"  data-tooltip title="Copy" data-title="love this pic">Show</a>
202 179
						</div>
203 180
					</li>
204 181
					<li>
......
206 183
						<div class="size-col">123KB</div>
207 184
						<div class="date-col">23/12/12 6:23 am</div>
208 185
						<div class="actions-col">
209
							<a href="" class="delete" data-tooltip class="has-tip" title="Delete"><span class="snf-font">n</span></a>
210
							<a href="" class="copy"  data-tooltip class="has-tip" title="Copy"><span class="snf-font">q</span></a>
186
							<a href="http://www.synnefo.org/images/synnefo-logo@2x.png" class="delete has-tip" data-tooltip title="Delete"><span class="snf-font">n</span></a>
187
							<a href="" class="copy has-tip"  data-tooltip title="Copy"><span class="snf-font">q</span></a>
211 188
						</div>
212 189
					</li>
213 190
					<li>
......
215 192
						<div class="size-col">123KB</div>
216 193
						<div class="date-col">23/12/12 6:23 am</div>
217 194
						<div class="actions-col">
218
							<a href="" class="delete" data-tooltip class="has-tip" title="Delete"><span class="snf-font">n</span></a>
219
							<a href="" class="copy"  data-tooltip class="has-tip" title="Copy"><span class="snf-font">q</span></a>
195
							<a href="http://www.synnefo.org/images/synnefo-logo@2x.png" class="delete has-tip" data-tooltip title="Delete"><span class="snf-font">n</span></a>
196
							<a href="" class="copy has-tip"  data-tooltip title="Copy"><span class="snf-font">q</span></a>
220 197
						</div>
221 198
					</li>
222 199
					<li>
......
224 201
						<div class="size-col">5MB</div>
225 202
						<div class="date-col">23/12/12 6:23 am</div>
226 203
						<div class="actions-col">
227
							<a href="" class="delete" data-tooltip class="has-tip" title="Delete"><span class="snf-font">n</span></a>
228
							<a href="" class="copy"  data-tooltip class="has-tip" title="Copy"><span class="snf-font">q</span></a>
204
							<a href="http://www.synnefo.org/images/synnefo-logo@2x.png" class="delete has-tip" data-tooltip title="Delete"><span class="snf-font">n</span></a>
205
							<a href="" class="copy has-tip"  data-tooltip title="Copy"><span class="snf-font">q</span></a>
206
							<a href="http://farm9.staticflickr.com/8382/8558295631_0f56c1284f_b.jpg" class="show has-tip txt"  data-tooltip title="Copy">Show</a>
229 207
						</div>
230 208
					</li>
231 209
					<li>
......
233 211
						<div class="size-col">123KB</div>
234 212
						<div class="date-col">23/12/12 6:23 am</div>
235 213
						<div class="actions-col">
236
							<a href="" class="delete" data-tooltip class="has-tip" title="Delete"><span class="snf-font">n</span></a>
237
							<a href="" class="copy"  data-tooltip class="has-tip" title="Copy"><span class="snf-font">q</span></a>
238
						</div>
239
					</li>
240
					<li>
241
						<div class="name-col folder">folder1</div>
242
						<div class="size-col">123KB</div>
243
						<div class="date-col">23/12/12</div>
244
						<div class="actions-col">
245
							<a href="" class="delete" data-tooltip class="has-tip" title="Delete"><span class="snf-font">n</span></a>
246
							<a href="" class="copy"  data-tooltip class="has-tip" title="Copy"><span class="snf-font">q</span></a>
214
							<a href="http://www.synnefo.org/images/synnefo-logo@2x.png" class="delete has-tip" data-tooltip title="Delete"><span class="snf-font">n</span></a>
215
							<a href="" class="copy has-tip"  data-tooltip title="Copy"><span class="snf-font">q</span></a>
247 216
						</div>
248 217
					</li>
249 218
				</ul>
......
251 220
			</div>
252 221
		</div>
253 222
		<div class="progress-bar">
254
			<span class="counter">6 files uploading</span>
255
			<div class="progress-wrap"><div class="progress"><span class="meter" style="width:25%"></span></div></div>
256
			<span class="more"><a href="">details ></a></span>
223
			<div class="onecol">
224
				<span class="counter">6 files uploading</span>
225
				<div class="progress-wrap"><div class="progress"><span class="meter" style="width:25%"></span></div></div>
226
				<span class="more"><a href="">details ></a></span>
227
			</div>
257 228
		</div>
258 229
	</div>
259 230
	
......
288 259
	<script src="javascripts/foundation/foundation.topbar.js"></script>
289 260
	<script type="text/javascript" src="javascripts/jquery.mousewheel.js"></script>
290 261
	<script type="text/javascript" src="javascripts/jquery.jscrollpane.js"></script>
262
	<script type="text/javascript" src="javascripts/jquery.magnific-popup.js"></script>
291 263
	<script type="text/javascript" src="javascripts/dropzone.js"></script>
292 264
	
293 265
	<script src="javascripts/common.js"></script>

Also available in: Unified diff