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"> </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