Revision 0ef95fe4 snf-cyclades-app/synnefo/ui/new_ui/ui/pithos.html

b/snf-cyclades-app/synnefo/ui/new_ui/ui/pithos.html
45 45
    </header>
46 46
    <div class="body-wrapper all-height">
47 47
        <section class="actions-bar clearfix">
48
                <h2><a href="">root</a> <a href="">pithos</a> my folder</h2>
49
                <div class="rt-actions">
50
                    <a href=""><span class="snf-trash"></span></a>
51
                </div>
52
                <div class="filter-menu">
53
                    <div><a class="filter" href="">Filter</a></div>
54
                    <ul class="options">
55
                        <li><a href="">option 1</a></li>
56
                        <li><a href="">option 2</a></li>
57
                        <li><a href="">option 3</a></li>
58
                        <li><a href="">option 4</a></li>
59
                    </ul>
60
                </div>
61
                <div id="hd-search" class="hd-search">
62
                    <form>
63
                        <span class="hd-icon-search snf-search"></span>
64
                        <input class="hd-search-input" placeholder="Enter your search term..." type="search" value="" name="search" id="search">
65
                    </form>
66
                </div>
67
            </section>
68
            <section class="main row all-height">
48
            <h2><a href="">root</a> <a href="">pithos</a> my folder</h2>
49
            <div class="rt-actions">
50
                <a href=""><span class="snf-trash"></span></a>
51
            </div>
52
            <div class="filter-menu">
53
                <div><a class="filter" href="">Filter</a></div>
54
                <ul class="options">
55
                    <li><a href="">option 1</a></li>
56
                    <li><a href="">option 2</a></li>
57
                    <li><a href="">option 3</a></li>
58
                    <li><a href="">option 4</a></li>
59
                </ul>
60
            </div>
61
            <div id="hd-search" class="hd-search">
62
                <form>
63
                    <span class="hd-icon-search snf-search"></span>
64
                    <input class="hd-search-input" placeholder="Enter your search term..." type="search" value="" name="search" id="search">
65
                </form>
66
            </div>
67
        </section>
68
        <section class="main row all-height">
69 69
            <div class="storage entities list-view">
70 70
                <ul class="items-list" id="drop">
71 71
                    <li class="add-new">
......
83 83
                        </form>
84 84
                    </li>
85 85
                    <li data-status="folder" class="folder">
86
                        <div class="container">
87
                            <div class="check">
88
                                <span class="snf-checkbox-unchecked"></span>
89
                            </div>
90
                            <div class="img-wrap">
91
                                <img src="images/icon-txt.png" alt="" />
92
                            </div>
93
                            <h4>file name.txt</h4>
94
                            <div class="size">
95
                                100KB
96
                            </div>
97
                            <div class="info">Last updated: 23/12/2013 11:56pm</div>
98
                            <div class="actions-col">
99
                                <a href="" class="has-tip" data-tooltip title="Delete"><span class="snf-minus-sign"></span></a>
100
                                <a href="" class="has-tip"  data-tooltip title="Copy"><span class="snf-edit"></span></a>
101
                            </div>
86
                        <div class="check">
87
                            <span class="snf-checkbox-unchecked"></span>
88
                        </div>
89
                        <div class="img-wrap">
90
                            <img src="images/icon-txt.png" alt="" />
91
                        </div>
92
                        <h4>file name.txt</h4>
93
                        <div class="size">
94
                            100KB
95
                        </div>
96
                        <div class="info">Last updated: 23/12/2013 11:56pm</div>
97
                        <div class="actions-col">
98
                            <a href="" class="has-tip" data-tooltip title="Delete"><span class="snf-minus-sign"></span></a>
99
                            <a href="" class="has-tip"  data-tooltip title="Copy"><span class="snf-edit"></span></a>
102 100
                        </div>
103 101
                    </li>
104 102
                    <li data-status="file" class="file">
105
                        <div class="container">
106
                            <div class="check">
107
                                <span class="snf-checkbox-unchecked"></span>
108
                            </div>
109
                            <div class="img-wrap">
110
                                <img src="images/icon-pdf.png" alt="" />
111
                            </div>
112
                            <h4>supercool.mp4</h4>
113
                            <div class="size">
114
                                100KB
115
                            </div>
116
                            <div class="info">Last updated: 23/12/2013 11:56pm</div>
117
                            <div class="actions-col">
118
                                <a href="" class="delete has-tip" data-tooltip title="Delete"><span class="snf-minus-sign"></span></a>
119
                                <a href="" class="copy has-tip"  data-tooltip title="Copy"><span class="snf-edit"></span></a>
120
                                <a href="http://farm9.staticflickr.com/8235/8559402846_8b7f82e05d_b.jpg" class="show has-tip image"  data-tooltip title="Copy" data-title="my Image"><span class="snf-eye"></span></a>
121
                            </div>
103
                        <div class="check">
104
                            <span class="snf-checkbox-unchecked"></span>
105
                        </div>
106
                        <div class="img-wrap">
107
                            <img src="images/icon-pdf.png" alt="" />
108
                        </div>
109
                        <h4>supercool.mp4</h4>
110
                        <div class="size">
111
                            100KB
112
                        </div>
113
                        <div class="info">Last updated: 23/12/2013 11:56pm</div>
114
                        <div class="actions-col">
115
                            <a href="" class="delete has-tip" data-tooltip title="Delete"><span class="snf-minus-sign"></span></a>
116
                            <a href="" class="copy has-tip"  data-tooltip title="Copy"><span class="snf-edit"></span></a>
117
                            <a href="http://farm9.staticflickr.com/8235/8559402846_8b7f82e05d_b.jpg" class="show has-tip image"  data-tooltip title="Copy" data-title="my Image"><span class="snf-eye"></span></a>
122 118
                        </div>
123 119
                    </li>
124
                    
125 120
                </ul>
126 121
                <div class="communication-error">
127
                    <p>Sorry! Something went wrong!<br>Try again, but if you keep seeing this message please contact us through the feedback form.</p>
122
                    <p>Sorry! Something went terribly wrong!<br>Try again, but if you keep seeing this message please contact us through the feedback form.</p>
128 123
                    <p class="buttons">
129 124
                        <a class="btn5" href="">feedback</a>
130 125
                        <a href="" class="btn5">close</a>
......
147 142
                    </ul>
148 143
                </div>
149 144
            </div>
145

  
150 146
        </section>
147
        <div class="strorage-progress">
148
            <div class="row">
149
                <div class="wrap">
150
                    <div class="loader" style="width: 60%;"></div>
151
                    <p class="summary">5 files uploading</p>
152
                    <div class="details">
153
                        <ul class="items-list">
154
                            <li>
155
                                <div class="img-wrap">
156
                                    <img src="images/icon-txt.png" alt="" />
157
                                </div>
158
                                <h4>file name.txt</h4>
159
                                <div class="size">
160
                                    100KB
161
                                </div>
162
                                <div class="progress-col">
163
                                    <div class="progress">
164
                                        <span class="meter" style="width: 30%">30%</span>
165
                                    </div>
166
                                </div>
167
                                <div class="remove">
168
                                    <a href="">X <em>Remove</em></a>
169
                                </div>
170
                            </li>
171
                            <li>
172
                                <div class="img-wrap">
173
                                    <img src="images/icon-txt.png" alt="" />
174
                                </div>
175
                                <h4>file name.txt</h4>
176
                                <div class="size">
177
                                    100KB
178
                                </div>
179
                                <div class="progress-col">
180
                                    <div class="progress">
181
                                        <span class="meter" style="width: 80%">80%</span>
182
                                    </div>
183
                                </div>
184
                                <div class="remove">
185
                                    <a href="">X <em>Remove</em></a>
186
                                </div>
187
                            </li>
188
                        </ul>
189
                    </div>
190
                </div>
191
            </div>
192
        </div>
151 193
    </div>
152 194

  
153 195
    <script src="javascripts/vendor/jquery.js"></script>

Also available in: Unified diff