Revision bd83612d snf-cyclades-app/synnefo/ui/new_ui/ui/pithos.html
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/pithos.html | ||
|---|---|---|
| 1 | 1 |
|
| 2 | 2 |
<!DOCTYPE html> |
| 3 | 3 |
<!--[if lte IE 7]><script src="javascripts/lte-ie7.js"></script><![endif]--> |
| 4 |
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
|
|
| 4 |
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
|
|
| 5 | 5 |
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]--> |
| 6 | 6 |
|
| 7 | 7 |
<head> |
| 8 |
<meta charset="utf-8" />
|
|
| 8 |
<meta charset="utf-8" />
|
|
| 9 | 9 |
<meta name="viewport" content="width=device-width" /> |
| 10 | 10 |
<title>Pithos</title> |
| 11 | 11 |
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=latin,greek-ext,greek' rel='stylesheet' type='text/css'> |
| ... | ... | |
| 44 | 44 |
</div> |
| 45 | 45 |
</header> |
| 46 | 46 |
<div class="body-wrapper all-height"> |
| 47 |
<section class="actions-bar clearfix">
|
|
| 48 |
<h2><a href="pithos_containers.html">root</a> <a href="">pithos</a> my folder</h2>
|
|
| 49 |
<div class="rt-actions">
|
|
| 47 |
<section class="actions-bar clearfix"> |
|
| 48 |
<h2>root</h2>
|
|
| 49 |
<div class="rt-actions"> |
|
| 50 | 50 |
<a href="" class="delete"><span class="snf-trash-outline"></span></a> |
| 51 | 51 |
<a href="" class="add-new"><span class="snf-folder-create-outline"></span></a> |
| 52 | 52 |
<a href="" class="refresh"><span class="snf-refresh-outline"></span></a> |
| ... | ... | |
| 67 | 67 |
</form> |
| 68 | 68 |
</div> |
| 69 | 69 |
</section> |
| 70 |
<section class="main row all-height">
|
|
| 70 |
<section class="main row containers">
|
|
| 71 | 71 |
<div class="storage entities list-view"> |
| 72 |
<ul class="items-list" id="drop"> |
|
| 73 |
<li class="add-new"> |
|
| 74 |
<div class="check"> |
|
| 72 |
<ul class="items-list"> |
|
| 73 |
<li class="folder"> |
|
| 74 |
<div class="basic-data col"> |
|
| 75 |
<div class="img-wrap"> |
|
| 76 |
<a href="pithos_list.html" title=""><span class="snf-pithos-outline"></span></a> |
|
| 77 |
</div> |
|
| 78 |
<h4><a href="pithos_list.html" title="">Pithos</a></h4> |
|
| 75 | 79 |
</div> |
| 76 |
<div class="img-wrap"> |
|
| 77 |
<span class="rect-plus">+</span> |
|
| 78 |
</div> |
|
| 79 |
<h4>Upload file</h4> |
|
| 80 |
<form id="upload" action="upload.php" method="POST" enctype="multipart/form-data"> |
|
| 81 |
<input type="hidden" id="MAX_FILE_SIZE" name="MAX_FILE_SIZE" value="300000" /> |
|
| 82 |
<input type="file" id="fileselect" name="fileselect[]" multiple="multiple" /> |
|
| 83 |
</form> |
|
| 84 |
</li> |
|
| 85 |
<li data-status="folder" class="folder with-checkbox" data-path="/folder1/temp/"> |
|
| 86 |
<div class="check"> |
|
| 87 |
<span class="snf-checkbox-unchecked"></span> |
|
| 88 |
</div> |
|
| 89 |
<div class="img-wrap"></div> |
|
| 90 |
<h4>Folder 1</h4> |
|
| 91 |
<div class="size"> |
|
| 92 |
100KB |
|
| 93 |
</div> |
|
| 94 |
<div class="info">Last updated: 23/12/2013 11:56pm</div> |
|
| 95 |
<div class="actions-col"> |
|
| 96 |
<a href="#" title="share" class="has-tip"><span class="snf-link-outline"></span></a> |
|
| 97 |
<a href="#" title="download" class="has-tip"><span class="snf-download-full"></span></a> |
|
| 98 |
<a href="#" title="delete" class="has-tip"><span>X</span></a> |
|
| 99 |
<a href="#" title="edit" class="has-tip"><span class="snf-edit"></span></a> |
|
| 100 |
</div> |
|
| 101 |
</li> |
|
| 102 |
<li data-status="file" class="file with-checkbox"> |
|
| 103 |
<div class="check"> |
|
| 104 |
<span class="snf-checkbox-unchecked"></span> |
|
| 105 |
</div> |
|
| 106 |
<div class="img-wrap"> |
|
| 107 |
<span class="ai"></span> |
|
| 108 |
</div> |
|
| 109 |
<h4>supercool.ai</h4> |
|
| 110 |
<div class="size"> |
|
| 111 |
100KB |
|
| 80 |
<div class="size-data col"> |
|
| 81 |
<div class="progress-col"> |
|
| 82 |
<div class="progress"> |
|
| 83 |
<span class="meter" style="width: 30%">30%</span> |
|
| 84 |
</div> |
|
| 85 |
</div> |
|
| 86 |
<span class="size">2 GB of 50 GB used</span> |
|
| 112 | 87 |
</div> |
| 113 |
<div class="info">Last updated: 23/12/2013 11:56pm</div> |
|
| 114 |
<div class="actions-col"> |
|
| 115 |
<a href="#" title="share" class="has-tip"><span class="snf-link-outline"></span></a> |
|
| 116 |
<a href="#" title="download" class="has-tip"><span class="snf-download-full"></span></a> |
|
| 117 |
<a href="#" title="delete" class="has-tip"><span>X</span></a> |
|
| 118 |
<a href="#" title="edit" class="has-tip"><span class="snf-edit"></span></a> |
|
| 88 |
<h5>mySuperProject.ece.ntua.gr</h5> |
|
| 89 |
<div class="project col"> |
|
| 90 |
<a class="btn-more"> |
|
| 91 |
<em>reassign</em> |
|
| 92 |
<span class="snf-arrow-down"></span> |
|
| 93 |
</a> |
|
| 94 |
<ul> |
|
| 95 |
<li><a href="">another.project.okeanos</a></li> |
|
| 96 |
<li><a href="">another.project.okeanos</a></li> |
|
| 97 |
<li><a href="">another.project.okeanos</a></li> |
|
| 98 |
</ul> |
|
| 119 | 99 |
</div> |
| 120 | 100 |
</li> |
| 121 |
<li data-status="file" class="file with-checkbox"> |
|
| 122 |
<div class="check"> |
|
| 123 |
<span class="snf-checkbox-unchecked"></span> |
|
| 101 |
<li class="folder"> |
|
| 102 |
<div class="basic-data col"> |
|
| 103 |
<div class="img-wrap"> |
|
| 104 |
<a href="pithos_list.html" title=""><span class="snf-image-outline"></span></a> |
|
| 105 |
</div> |
|
| 106 |
<h4><a href="pithos_list.html" title="">Images</a></h4> |
|
| 124 | 107 |
</div> |
| 125 |
<div class="img-wrap"> |
|
| 126 |
<span class="txt"></span> |
|
| 127 |
</div> |
|
| 128 |
<h4>words.txt</h4> |
|
| 129 |
<div class="size"> |
|
| 130 |
100KB |
|
| 108 |
<div class="size-data col"> |
|
| 109 |
<div class="progress-col"> |
|
| 110 |
<div class="progress"> |
|
| 111 |
<span class="meter" style="width: 30%">30%</span> |
|
| 112 |
</div> |
|
| 113 |
</div> |
|
| 114 |
<span class="size">2 GB of 50 GB used</span> |
|
| 131 | 115 |
</div> |
| 132 |
<div class="info">Last updated: 23/12/2013 11:56pm</div> |
|
| 133 |
<div class="actions-col"> |
|
| 134 |
<a href="#" title="share" class="has-tip"><span class="snf-link-outline"></span></a> |
|
| 135 |
<a href="#" title="download" class="has-tip"><span class="snf-download-full"></span></a> |
|
| 136 |
<a href="#" title="delete" class="has-tip"><span>X</span></a> |
|
| 137 |
<a href="#" title="edit" class="has-tip"><span class="snf-edit"></span></a> |
|
| 116 |
<h5>images.gr</h5> |
|
| 117 |
<div class="project col"> |
|
| 118 |
<a class="btn-more"> |
|
| 119 |
<em>reassign</em> |
|
| 120 |
<span class="snf-arrow-down"></span> |
|
| 121 |
</a> |
|
| 122 |
<ul> |
|
| 123 |
<li><a href="">another.project.okeanos</a></li> |
|
| 124 |
<li><a href="">project.okeanos.gr</a></li> |
|
| 125 |
<li><a href="">test.com</a></li> |
|
| 126 |
</ul> |
|
| 138 | 127 |
</div> |
| 139 | 128 |
</li> |
| 140 |
<li data-status="file" class="file with-checkbox"> |
|
| 141 |
<div class="check"> |
|
| 142 |
<span class="snf-checkbox-unchecked"></span> |
|
| 129 |
<li class="folder"> |
|
| 130 |
<div class="basic-data col"> |
|
| 131 |
<div class="img-wrap"> |
|
| 132 |
<a href="pithos_list.html" title=""><span class="snf-snapshot-outline"></span></a> |
|
| 133 |
</div> |
|
| 134 |
<h4><a href="pithos_list.html" title="">Snapshots</a></h4> |
|
| 143 | 135 |
</div> |
| 144 |
<div class="img-wrap"> |
|
| 145 |
<span class="pdf"></span> |
|
| 146 |
</div> |
|
| 147 |
<h4>presentation.pdf</h4> |
|
| 148 |
<div class="size"> |
|
| 149 |
100KB |
|
| 136 |
<div class="size-data col"> |
|
| 137 |
<div class="progress-col"> |
|
| 138 |
<div class="progress"> |
|
| 139 |
<span class="meter" style="width: 80%">80%</span> |
|
| 140 |
</div> |
|
| 141 |
</div> |
|
| 142 |
<span class="size">40 GB of 50 GB used</span> |
|
| 150 | 143 |
</div> |
| 151 |
<div class="info">Last updated: 23/12/2013 11:56pm</div> |
|
| 152 |
<div class="actions-col"> |
|
| 153 |
<a href="#" title="share" class="has-tip"><span class="snf-link-outline"></span></a> |
|
| 154 |
<a href="#" title="download" class="has-tip"><span class="snf-download-full"></span></a> |
|
| 155 |
<a href="#" title="delete" class="has-tip"><span>X</span></a> |
|
| 156 |
<a href="#" title="edit" class="has-tip"><span class="snf-edit"></span></a> |
|
| 144 |
<h5>project1.gr oisdfu soidfusioduf sdiofusido </h5> |
|
| 145 |
<div class="project col"> |
|
| 146 |
<a class="btn-more"> |
|
| 147 |
<em>reassign</em> |
|
| 148 |
<span class="snf-arrow-down"></span> |
|
| 149 |
</a> |
|
| 150 |
<ul> |
|
| 151 |
<li><a href="">another.project.okeanos</a></li> |
|
| 152 |
<li><a href="">another.project.okeanos</a></li> |
|
| 153 |
<li><a href="">another.project.okeanos</a></li> |
|
| 154 |
</ul> |
|
| 157 | 155 |
</div> |
| 158 | 156 |
</li> |
| 159 | 157 |
</ul> |
| ... | ... | |
| 164 | 162 |
<a href="" class="btn5">close</a> |
| 165 | 163 |
</p> |
| 166 | 164 |
</div> |
| 167 |
<div class="lt-bar"> |
|
| 168 |
<ul class="lt-actions"> |
|
| 169 |
<li class="select"><span class="snf-checkbox-unchecked checkbox"></span><em>un</em>select all</li> |
|
| 170 |
<li class="files"><a href="#" title=""><span class="snf-link-outline"></span> Share</a></li> |
|
| 171 |
<li class="files"><a href="#" title=""><span class="snf-download-full"></span> Download</a></li> |
|
| 172 |
<li class="files"><a href="#"><span>X</span> Delete</a></li> |
|
| 173 |
<li class="all"><a href="#"><span class="snf-edit"></span> Rename</a></li> |
|
| 174 |
<li class="all"><a href="#"><span class="snf-folder-move-outline"></span> Move</a></li> |
|
| 175 |
<li class="all"><a href="#"><span class="snf-copy-outline"></span> Copy</a></li> |
|
| 176 |
<li class="folders"><a href="#"><span>...</span> Version</a></li> |
|
| 177 |
</ul> |
|
| 178 |
<ul class="more"> |
|
| 179 |
<li><a href="#"><span class="snf-shared-by-me-outline"></span> Shared by me</a></li> |
|
| 180 |
<li><a href="#"><span class="snf-shared-to-me-outline"></span> Shared to me</a></li> |
|
| 181 |
</ul> |
|
| 182 |
</div> |
|
| 183 | 165 |
</div> |
| 184 | 166 |
</section> |
| 185 | 167 |
<div class="storage-progress"> |
Also available in: Unified diff