source: pro-bachkim-filespace/violetspace-prototype/index.html

Last change on this file was 6, checked in by dungnv, 11 years ago
File size: 4.7 KB
RevLine 
[1]1<!DOCTYPE HTML>
2<html>
3        <head>
4                <meta charset="utf-8" />
5                <title>Violet Space</title>
6
7                <meta name="description" content="overview &amp; stats" />
8                <meta name="viewport" content="width=device-width, initial-scale=1.0" />
9
10                <!-- <link href="assets/css/bootstrap/bootstrap.min.css" rel="stylesheet" />
11        <link rel="stylesheet" href="assets/css/jquery/jquery-ui-1.10.4.min.css" />
12        <link rel="stylesheet" href="assets/css/font-awesome.min.css" /> -->
13
14        <link rel="stylesheet" href="assets/css/space/style.css" />
15
16        </head>
17<body>
18<div id="main-content" class="container-fluid">
19
20        <div class="row">
21                <div id="title-bar" class="col-sm-10 col-md-10 col-lg-10 header-color-blue2">
22                        <div id="logo"><i class="icon-xing">&nbsp;Violet Space</i></div>
23                </div>
24            <div id="profile-area" class="col-sm-2 col-md-2 col-lg-2 header-color-dark">
25                        <img alt="Avatar" width="45" src="assets/images/avatar/dungnv.jpg" class="nav-user-photo">
26                        <span class="user-info">
27                                <small>Welcome,</small>
28                                Nguyễn VÅ© DÅ©ng
29                        </span>
30                        <i class="icon-gear" style="padding-left:5px;font-size:18px;color:#FFFFFF"></i>
31            </div>
32        </div>
33        <div class="row">
34                <div id="tools-bar" class="col-sm-12 col-xs-12 col-md-12 col-lg-12">
35                        <div class="btn-group">
36                                <button id="btnNewFolder" class="btn btn-success" title="Tạo thÆ° mục mới"><i class="icon-folder-close"></i></button>
[4]37                                <button id="btnDel" class="btn btn-success" title="Xóa"><i class="icon-eraser"></i></button>
[5]38                                <button id="btnCopy" class="btn btn-success" title="Sao chép"><i class="icon-copy"></i></button>
39                                <button id="btnCut"class="btn btn-success" title="Cắt"><i class="icon-cut"></i></button>
40                                <button id="btnPaste"class="btn btn-success" title="Dán"><i class="icon-paste"></i></button>
[1]41                        </div>
42                        <div class="btn-group">
43                                <button class="btn btn-danger" title="Chia sẻ"><i class="icon-share-alt"></i></button>
44                                <button class="btn btn-danger" title="Xem trước"><i class="icon-eye-open"></i></button>
45                        </div>
46                        <div class="btn-group">
47                                <button class="btn btn-warning" title="Tải xuống"><i class="icon-cloud-download"></i></button>
48                                <button class="btn btn-info" title="Tải lên"><i class="icon-cloud-upload"></i></button>
49                        </div>
50                </div>
51        </div>
52
53        <div class="row">
54            <div id="directory-view-container">
55                <div id="treeview-container">
56                               
57                </div>
58            </div>   
59           
60            <div id="directory-content-view-container">
[5]61                        <div id="file-container" class="vsgrid">
[6]62                                <!-- <div class="vscell">
63                                        <div class="selector unselected">
[5]64                                                <div class="icon-directory"></div>
65                                        </div>
[6]66                                        <div class="file-name unselected">Dir 1</div>
[5]67                                </div>
[1]68
[5]69                                <div class="vscell">
[6]70                                        <div class="selector selected">
[5]71                                                <div class="icon-directory"></div>
72                                        </div>
[6]73                                        <div class="file-name selected">Dir 2</div>
[5]74                                </div>
75
76                                <div class="vscell">
[6]77                                        <div class="selector unselected">
[5]78                                                <div class="icon-directory"></div>
79                                        </div>
[6]80                                        <div class="file-name unselected">Dir 3</div>
[5]81                                </div>
82
83                                <div class="vscell">
[6]84                                        <div class="selector unselected">
[5]85                                                <div class="icon-text"></div>
86                                        </div>
[6]87                                        <div class="file-name unselected">File 1</div>
[5]88                                </div>
89
90                                <div class="vscell">
[6]91                                        <div class="selector unselected">
[5]92                                                <div class="icon-text"></div>
93                                        </div>
[6]94                                        <div class="file-name unselected">File 2</div>
[5]95                                </div>
96
97                                <div class="vscell">
[6]98                                        <div class="selector selected">
[5]99                                                <div class="icon-text"></div>
100                                        </div>
[6]101                                        <div class="file-name selected">File 3</div>
[5]102                                </div>
103
104                                <div class="vscell">
[6]105                                        <div class="selector unselected">
[5]106                                                <div class="icon-text"></div>
107                                        </div>
[6]108                                        <div class="file-name unselected">File 4</div>
109                                </div> -->
[1]110                        </div>
111            </div>
112        </div>
113
114        <div class="row">
115                <div id="status-bar" class="col-sm-12 col-md-12 col-lg-12 header-color-blue2"></div>
116        </div>
117</div>
118
119<div id="context-menu">
120        <div></div>
121</div>
122
123<script type="text/javascript">
124        window.jQuery || document.write("<script src='assets/js/jquery/jquery-1.11.1.min.js'>"+"<"+"/script>");
125</script>
126
127<script type="text/javascript">
128        if("ontouchend" in document) document.write("<script src='assets/js/jquery/jquery.mobile.custom.min.js'>"+"<"+"/script>");
129</script>
130<script src="assets/js/bootstrap/bootstrap.min.js"></script>
131<script src="assets/js/jquery/jquery-ui-1.10.4.min.js"></script>
132
133<script src="assets/js/jquery/jqueryFileTree.js"></script>
134<script src="assets/js/jquery/jquery.easing.1.3"></script>
135<script src="assets/js/vsfiletree.js"></script>
136<script src="assets/js/vsfilemanager.js"></script>
137
138<script type="text/javascript" src="assets/js/filemanager/filemanager.js">
139
140</script>
141</body>
142</html>
Note: See TracBrowser for help on using the repository browser.