Update all script with jqueryFileTree

slapos/runner/static/css/jqueryTabs.css

 #tabContaier{
 	background: #e4e4e4;
 	padding:3px;
-	position:relative;
+	/*position:relative;*/
 	width:757px;
 	font-size: 14px;
   border-radius: 4px 4px 0 0;

slapos/runner/static/js/jquery/jqueryTabs.js

@@ -20,7 +20,7 @@ $(document).ready(function(){
   else{$(".tabContents:first").show(); previoustab = ".tabContents:first";} // Show the first div of tab content by default
 	$("#tabContaier ul li a").click(function(){ //Fire the click event
 		if($(this).hasClass('active')){
-		    return;
+		    return false;
 		}
     fromheight = $(previoustab).height();
 		var activeTab = $(this).attr("href"); // Catch the click link
@@ -38,5 +38,6 @@ $(document).ready(function(){
     });}
     previoustab = activeTab;
     $("#tabContaier .tabDetails").css("height", $("#tabContaier .tabDetails").height());
+    return false;//this reinitialize tab index when reload page
 	});
 });
\ No newline at end of file

slapos/runner/static/js/scripts/folder.js

 $(document).ready( function() {
 	var send = false;
 	var cloneRequest;
-	$('#fileTree').fileTree({ root: $("input#workdir").val(), script: $SCRIPT_ROOT + '/readFolder', folderEvent: 'click', expandSpeed: 750, collapseSpeed: 750, multiFolder: false }, function(file) {
-		selectFile(file);
-	});
+  $('#fileNavigator').gsFileManager({ script: $SCRIPT_ROOT+"/fileBrowser", root: "workspace/"});
 	configRadio();
 	$("input#nothing").change(function(){
 		configRadio();
@@ -86,9 +84,7 @@ $(document).ready( function() {
 					$("#error").Popup("Your repository is cloned!", {type:'confirm', duration:3000});
 					$("input#repo").val("Enter the url of your repository...");
 					$("input#name").val("Enter the project name...");
-					$('#fileTree').fileTree({ root: $("input#workdir").val(), script: $SCRIPT_ROOT + '/readFolder', folderEvent: 'click', expandSpeed: 750, collapseSpeed: 750, multiFolder: false }, function(file) {
-						selectFile(file);
-					});
+					$('#fileNavigator').gsFileManager({ script: $SCRIPT_ROOT+"/fileBrowser", root: "workspace"});
 				}
 				else{
 					$("#error").Popup(data.result, {type:'error'});

slapos/runner/templates/cloneRepository.html

 {% extends "layout.html" %}
-{% block title %}Adding new repository{% endblock %}
+{% block title %}Adding new project{% endblock %}
 {% block head %}
   {{ super() }}
-  <link href="{{ url_for('static', filename='css/jqueryFileTree.css', _external=False) }}" rel="stylesheet" type="text/css" media="screen" />
+  <link href="{{ url_for('static', filename='css/gsFileManager.css', _external=False) }}" rel="stylesheet" type="text/css" media="screen" />
   <link href="{{ url_for('static', filename='css/jqueryTabs.css', _external=False) }}" rel="stylesheet" type="text/css" media="screen" />
-  <script src="{{ url_for('static', filename='js/jquery/jqueryFileTree.js') }}" type="text/javascript" charset="utf-8"></script>
+  <link href="{{ url_for('static', filename='css/colorbox.css', _external=False) }}" rel="stylesheet" type="text/css" media="screen" />
+  <script src="{{ url_for('static', filename='js/jquery/gsFileManager.js') }}" type="text/javascript" charset="utf-8"></script>
   <script src="{{ url_for('static', filename='js/scripts/folder.js') }}" type="text/javascript" charset="utf-8"></script>
   <script src="{{ url_for('static', filename='js/jquery/jqueryTabs.js') }}" type="text/javascript" charset="utf-8"></script>
+  <script src="{{ url_for('static', filename='js/jquery/jquery.colorbox-min.js') }}" type="text/javascript" charset="utf-8"></script>
+  <script src="{{ url_for('static', filename='js/ace/ace.js') }}" type="text/javascript" charset="utf-8"></script>
 {% endblock %}
 {% block body %}
-<h2>Clone a repository into your workspace</h2><br/>
+<h2>Clone a project repository into your workspace</h2><br/>
 <div id="tabContaier">
   <ul>
     <li><a href="#tab1" class="active">Clone your repository</a></li>
@@ -71,9 +74,8 @@
 <!--Fin tab1-->
     </div>
     <div id="tab2" class="tabContents">
-      <h2>Content of your cloned project</h2><br/>
-      <div id="fileTree" class="file_tree_tabs"></div>
+      <div id="fileNavigator"></div>
     </div>
-  </div>
+</div>
 </div>
 {% endblock %}

slapos/runner/templates/instanceInspect.html

@@ -2,8 +2,8 @@
 {% block title %}Instance inspection{% endblock %}
 {% block head %}
   {{ super() }}
-  <link href="{{ url_for('static', filename='css/jqueryFileTree.css', _external=False) }}" rel="stylesheet" type="text/css" media="screen" />
-  <script src="{{ url_for('static', filename='js/jquery/jqueryFileTree.js') }}" type="text/javascript" charset="utf-8"></script>
+  <!--<link href="{{ url_for('static', filename='css/jqueryFileTree.css', _external=False) }}" rel="stylesheet" type="text/css" media="screen" />
+  <script src="{{ url_for('static', filename='js/jquery/jqueryFileTree.js') }}" type="text/javascript" charset="utf-8"></script>-->
   <link href="{{ url_for('static', filename='css/jqueryTabs.css', _external=False) }}" rel="stylesheet" type="text/css" media="screen" />
   <script src="{{ url_for('static', filename='js/jquery/jqueryTabs.js') }}" type="text/javascript" charset="utf-8"></script>
   <script src="{{ url_for('static', filename='js/ace/ace.js') }}" type="text/javascript" charset="utf-8"></script>
@@ -11,6 +11,8 @@
   <link href="{{ url_for('static', filename='css/colorbox.css', _external=False) }}" rel="stylesheet" type="text/css" media="screen" />
   <script src="{{ url_for('static', filename='js/jquery/jquery.colorbox-min.js') }}" type="text/javascript" charset="utf-8"></script>
   <script src="{{ url_for('static', filename='js/scripts/inspectInstance.js') }}" type="text/javascript" charset="utf-8"></script>
+  <link href="{{ url_for('static', filename='css/gsFileManager.css', _external=False) }}" rel="stylesheet" type="text/css" media="screen" />
+  <script src="{{ url_for('static', filename='js/jquery/gsFileManager.js') }}" type="text/javascript" charset="utf-8"></script>
 {% endblock %}
 {% block body %}
 <input type='hidden' name='root' id='root' value='{%if file_path != "" %}{{file_path}}{%endif%}' />
@@ -121,17 +123,25 @@
       <div class="clear"></div>
         </div><!-- end tab3 -->
       <div id="tab4" class="tabContents">
-      <h2>File content for all your partitions</h2>
-      <div id="fileTree" class="file_tree_tabs" title="Double click to open file"></div>
-      <br/>
-      <a href="#" id="reloadfiles" class="lshare simple">Reload Files</a>
+      <!--<h2>File content for all your partitions</h2>
+      <div id="fileTree" class="file_tree_tabs" title="Double click to open file"></div>-->
+      {%if file_path != "" %}
+        <div id="fileNavigator"></div>
+        <br/>
+        <a href="#" id="reloadfiles" class="lshare simple">Reload Files</a>
+      {%else%}
+        <h2>Your partitions content is empty yet!
+          <br/>please run your software instance
+          and look for file result here.
+        </h2>
+      {%endif%}
         </div><!-- end tab4 -->
     </div>
 </div>
 <!-- This contains the hidden content for inline calls -->
-<a class='inline' style='display:none' href="#inline_content">Inline HTML</a>
+<a id='inlineInstance' style='display:none' href="#inline_instance">Inline HTML</a>
 <div style='display:none'>
-<div id='inline_content' style='padding:10px; background:#fff;'>
+<div id='inline_instance' style='padding:10px; background:#fff;'>
 
 </div>
 </div>

slapos/runner/templates/layout.html

@@ -14,8 +14,9 @@
 
         <link href="{{ url_for('static', filename='css/styles.css', _external=False) }}" rel="stylesheet" type="text/css" media="screen" />
         <script src="{{ url_for('static', filename='js/jquery/jquery-1.8.0.min.js') }}" type="text/javascript" charset="utf-8"></script>
-	<script src="{{ url_for('static', filename='js/jquery/popup.js') }}" type="text/javascript" charset="utf-8"></script>
-	<script src="{{ url_for('static', filename='js/jquery/jqueryToolTip.js') }}" type="text/javascript" charset="utf-8"></script>
+        <script src="{{ url_for('static', filename='js/jquery/jquery.form.js') }}" type="text/javascript" charset="utf-8"></script>
+      	<script src="{{ url_for('static', filename='js/jquery/popup.js') }}" type="text/javascript" charset="utf-8"></script>
+      	<script src="{{ url_for('static', filename='js/jquery/jqueryToolTip.js') }}" type="text/javascript" charset="utf-8"></script>
         <script type=text/javascript>
           $SCRIPT_ROOT = {{ request.script_root|tojson|safe }};
         </script>