Index: pro-bachkim-filespace/sourcecode/application/views/layout/contextmenu.php
===================================================================
--- pro-bachkim-filespace/sourcecode/application/views/layout/contextmenu.php	(revision 15)
+++ pro-bachkim-filespace/sourcecode/application/views/layout/contextmenu.php	(revision 16)
@@ -1,3 +1,17 @@
-<div id="context-menu">
-	<div></div>
-</div>
+<ul id="treeMenu" class="contextMenu">
+	<li class="share"><a href="#share">Chia sáº»</a></li>
+	<li class="copy separator"><a href="#copy">Sao chÃ©p Äáº¿n ...</a></li>
+	<li class="cut"><a href="#cut">Di chuyá»n Äáº¿n...</a></li>
+	<li class="delete"><a href="#delete">XÃ³a</a></li>
+	<li class="rename separator"><a href="#rename">Äá»i tÃªn</a></li>
+</ul>
+
+<ul id="gridMenu" class="contextMenu">
+	<li class="open"><a href="#open">Má»</a></li>
+	<li class="preview"><a href="#preview">Xem trÆ°á»c</a></li>
+	<li class="share separator"><a href="#share">Chia sáº»</a></li>
+	<li class="copy separator"><a href="#copy">Sao chÃ©p Äáº¿n ...</a></li>
+	<li class="cut"><a href="#cut">Di chuyá»n Äáº¿n...</a></li>
+	<li class="delete"><a href="#delete">XÃ³a</a></li>
+	<li class="rename separator"><a href="#rename">Äá»i tÃªn</a></li>
+</ul>
Index: pro-bachkim-filespace/sourcecode/application/views/layout/footer.php
===================================================================
--- pro-bachkim-filespace/sourcecode/application/views/layout/footer.php	(revision 15)
+++ pro-bachkim-filespace/sourcecode/application/views/layout/footer.php	(revision 16)
@@ -1,22 +1,6 @@
-<ul id="treeMenu" class="contextMenu">
-	<li class="share"><a href="#share">Chia sáº»</a></li>
-	<li class="cut separator"><a href="#cut">Cáº¯t</a></li>
-	<li class="copy"><a href="#copy">Sao chÃ©p</a></li>
-	<li class="paste"><a href="#paste">DÃ¡n</a></li>
-	<li class="delete"><a href="#delete">XÃ³a</a></li>
-	<li class="rename separator"><a href="#rename">Äá»i tÃªn</a></li>
-</ul>
-
-<ul id="gridMenu" class="contextMenu">
-	<li class="open"><a href="#open">Má»</a></li>
-	<li class="preview"><a href="#preview">Xem trÆ°á»c</a></li>
-	<li class="share separator"><a href="#share">Chia sáº»</a></li>
-	<li class="cut separator"><a href="#cut">Cáº¯t</a></li>
-	<li class="copy"><a href="#copy">Sao chÃ©p</a></li>
-	<li class="paste"><a href="#paste">DÃ¡n</a></li>
-	<li class="delete"><a href="#delete">XÃ³a</a></li>
-	<li class="rename separator"><a href="#rename">Äá»i tÃªn</a></li>
-</ul>
-
+<?php 
+$this->load->view('layout/contextmenu');
+$this->load->view('layout/modalform');
+?>
 <script type="text/javascript">
 	window.jQuery || document.write("<script src='assets/js/jquery/jquery-1.11.1.min.js'>"+"<"+"/script>");
@@ -26,8 +10,10 @@
 	if("ontouchend" in document) document.write("<script src='assets/js/jquery/jquery.mobile.custom.min.js'>"+"<"+"/script>");
 </script>
+
 <script src="assets/js/bootstrap/bootstrap.min.js"></script>
+<script src="assets/js/bootstrap/bootbox.min.js"></script>
 <script src="assets/js/jquery/jquery-ui-1.10.4.min.js"></script>
 <script src="assets/js/jquery/jquery.contextMenu.js"></script>
-<script src="assets/js/jquery/jquery.easing.1.3"></script>
+<script src="assets/js/jquery/jquery.easing.1.3.js"></script>
 <script src="assets/js/vsgrid.js"></script>
 <script src="assets/js/vstree.js"></script>
Index: pro-bachkim-filespace/sourcecode/application/views/layout/modalform.php
===================================================================
--- pro-bachkim-filespace/sourcecode/application/views/layout/modalform.php	(revision 16)
+++ pro-bachkim-filespace/sourcecode/application/views/layout/modalform.php	(revision 16)
@@ -0,0 +1,189 @@
+<!-- BEGIN:Share modal box -->
+<div id="box-shareto" class="modal" tabindex="-1">
+	<div class="modal-dialog">
+		<div class="modal-content">
+			<div class="modal-header header-color-blue2 white">
+				Chia sáº»
+			</div>
+			<div class="modal-body overflow-visible">
+				<form id="frm-share">
+					<div class="row">
+						<div class="col-xs-12">
+							<div class="input-group">
+								<div class="radio">
+									<label>
+										<input name="form-field-radio" class="ace" type="radio">
+										<span class="lbl"> Chia sáº» qua email</span>
+									</label>
+								</div>
+								<div class="radio">
+									<label>
+										<input name="form-field-radio" class="ace" type="radio">
+										<span class="lbl"> Chia sáº» cho ngÆ°á»i dÃ¹ng trong Violet</span>
+									</label>
+								</div>
+								<div class="radio">
+									<label>
+										<input name="form-field-radio" class="ace" type="radio">
+										<span class="lbl"> Chia sáº» trÃªn internet</span>
+									</label>
+								</div>
+							</div>
+						</div>
+					</div>
+					<div class="row">
+						<div class="col-xs-12">
+							<div class="input-group">
+								<div class="radio">
+									<label for="f-sharelink">Link chia sáº»</label>
+									<div>
+										<input type="text" id="f-sharelink" class="form-control" style="width:525px">
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>
+					<div class="row">
+						<div class="col-xs-12">
+							<div class="input-group">
+								<div class="radio">
+									<label for="f-sharelist">NgÆ°á»i ÄÆ°á»£c chia sáº»</label>
+									<div>
+										<textarea class="autosize-transition form-control" id="f-sharelist" style="overflow: hidden; word-wrap: break-word; resize: horizontal; height: 68px;width:525px"></textarea>
+									</div>
+									<div>
+										<label>
+											<input name="form-field-radio" class="ace" type="checkbox">
+											<span class="lbl"> Gá»­i báº£n sao email thÃŽng bÃ¡o Äáº¿n Äá»a chá» email cá»§a tÃŽi</span>
+										</label>
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>
+					<input type="hidden" id="txtSelectedObj">					
+				</form>
+			</div>
+			<div class="modal-footer">
+				<button class="btn btn-sm btn-primary" type="reset" form="frm-report-filter">
+					<i class="icon-share-alt"></i>
+					Thiáº¿t láº­p chia sáº»
+				</button>
+				<button class="btn btn-sm btn-warning" data-dismiss="modal">
+					<i class="icon-remove"></i>
+					ÄÃ³ng
+				</button>
+			</div>
+		</div>
+	</div>
+</div>
+<!-- END:Share modal box -->
+
+<!-- BEGIN:Copy modal box -->
+<div id="box-copyto" class="modal" tabindex="-1">
+	<div class="modal-dialog">
+		<div class="modal-content">
+			<div class="modal-header header-color-blue2 white">
+				Sao chÃ©p
+			</div>
+			<div class="modal-body overflow-visible">
+				<form id="frm-copy">
+					
+					<input type="hidden" id="txtSelectedObj">					
+				</form>
+			</div>
+			<div class="modal-footer">
+				<button class="btn btn-sm btn-primary" type="reset" form="frm-report-filter">
+					<i class="icon-copy"></i>
+					Sao chÃ©p
+				</button>
+				<button class="btn btn-sm btn-warning" data-dismiss="modal">
+					<i class="icon-remove"></i>
+					ÄÃ³ng
+				</button>
+			</div>
+		</div>
+	</div>
+</div>
+<!-- END:Copy modal box -->
+
+<!-- BEGIN:Move modal box -->
+<div id="box-moveto" class="modal" tabindex="-1">
+	<div class="modal-dialog">
+		<div class="modal-content">
+			<div class="modal-header header-color-blue2 white">
+				Di chuyá»n
+			</div>
+			<div class="modal-body overflow-visible">
+				<form id="frm-move">
+					<!-- <div class="row">
+						<div class="col-xs-12">
+							<div class="input-group">
+								<div class="radio">
+									<label>
+										<input name="form-field-radio" class="ace" type="radio">
+										<span class="lbl"> Chia sáº» qua email</span>
+									</label>
+								</div>
+								<div class="radio">
+									<label>
+										<input name="form-field-radio" class="ace" type="radio">
+										<span class="lbl"> Chia sáº» cho ngÆ°á»i dÃ¹ng trong Violet</span>
+									</label>
+								</div>
+								<div class="radio">
+									<label>
+										<input name="form-field-radio" class="ace" type="radio">
+										<span class="lbl"> Chia sáº» trÃªn internet</span>
+									</label>
+								</div>
+							</div>
+						</div>
+					</div>
+					<div class="row">
+						<div class="col-xs-12">
+							<div class="input-group">
+								<div class="radio">
+									<label for="f-sharelink">Link chia sáº»</label>
+									<div>
+										<input type="text" id="f-sharelink" class="form-control" style="width:525px">
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>
+					<div class="row">
+						<div class="col-xs-12">
+							<div class="input-group">
+								<div class="radio">
+									<label for="f-sharelist">NgÆ°á»i ÄÆ°á»£c chia sáº»</label>
+									<div>
+										<textarea class="autosize-transition form-control" id="f-sharelist" style="overflow: hidden; word-wrap: break-word; resize: horizontal; height: 68px;width:525px"></textarea>
+									</div>
+									<div>
+										<label>
+											<input name="form-field-radio" class="ace" type="checkbox">
+											<span class="lbl"> Gá»­i báº£n sao email thÃŽng bÃ¡o Äáº¿n Äá»a chá» email cá»§a tÃŽi</span>
+										</label>
+									</div>
+								</div>
+							</div>
+						</div>
+					</div> -->
+					<input type="hidden" id="txtSelectedObj">					
+				</form>
+			</div>
+			<div class="modal-footer">
+				<button class="btn btn-sm btn-primary" type="reset" form="frm-report-filter">
+					<i class="icon-cut"></i>
+					Di chuyá»n
+				</button>
+				<button class="btn btn-sm btn-warning" data-dismiss="modal">
+					<i class="icon-remove"></i>
+					ÄÃ³ng
+				</button>
+			</div>
+		</div>
+	</div>
+</div>
+<!-- END:Move modal box -->
