Fix project tree style

application/controllers/projects.php

@@ -9,8 +9,7 @@ class Projects extends CI_Controller {
 		$this->load->model('Project');
 
 		$path = $this->input->get_post('node');
-	
+
-		
 		switch($path) {
 			case '/projects/own':
 				$projects = $this->Project->getOwn();
@@ -26,29 +25,29 @@ class Projects extends CI_Controller {
 					array(
 						'id' => '/projects/own',
 						'cls' => 'folder',
-						'text' => 'Eigene Projekte',
+						'text' => "Eigene Projekte",
-						'icon' => '/ScattPort/assets/images/icons/folder.png',),
+						'icon' => base_url() . 'assets/images/icons/folder.png',),
 					array(
 						'id' => '/projects/shared',
 						'cls' => 'leaf',
-						'text' => 'Für mich freigegeben',
+						'text' => "Für mich freigegeben",
-						'icon' => '/ScattPort/assets/images/icons/folder-share.png',
+						'icon' => base_url() . 'assets/images/icons/folder-share.png',
 					),
 					array(
 						'id' => '/projects/public',
 						'cls' => 'folder',
-						'text' => 'Öffentliche Projekte',
+						'text' => "Öffentliche Projekte",
-						'icon' => '/ScattPort/assets/images/icons/folder-network.png',
+						'icon' => base_url() . 'assets/images/icons/folder-network.png',
 					),
 				);
 		}
-		
+
 		$this->output
 			->set_content_type('application/json')
 			->set_output(json_encode($projects));
 		//	->set_output(json_encode(array('count' => $count, 'projects' => $projects)));
 	}
-	
+
 	public function detail($projects, $area, $id) {
 		$result = $this->db->get_where('projects', array('id' => $id))->row_array();
 		$this->output

application/views/header.php

@@ -17,6 +17,8 @@
 
   $(document).ready(function() {
       Ext.QuickTips.init();
+
+
   });
   </script>
 </head>
@@ -29,4 +31,5 @@
     <?=anchor('auth/settings', "Einstellungen", array('style' => 'padding: 5px;'));?> |
     <?=anchor('auth/logout', "Logout", array('style' => 'padding: 5px;'));?>
   </div>
+  <?=img(array('src' => 'assets/images/lang_de.png', 'style' => 'float: right; margin-top: 18px; margin-right: 5px;'));?>
 </div>

application/views/index.php

@@ -9,6 +9,8 @@ var projectTree = new Ext.tree.TreePanel({
     autoScroll: true,
     enableDD: false,
     rootVisible: false,
+    lines: false,
+    useArrows: true,
     id: 'treePanel',
 	tbar: [{
     	icon: BASE_PATH + 'assets/images/icons/box--plus.png',
@@ -31,15 +33,6 @@ var projectTree = new Ext.tree.TreePanel({
 
 projectTree.on('click', loadProjectInfo);
 
-var infoPanel = new Ext.Panel({
-    region: 'west',
-    margin: '10 0 0 0',
-    autoScroll: true,
-    bodyStyle: 'padding: 10px; background: #eee;',
-    html: 'Test'
-});
-
-
 var tabPanel = new Ext.TabPanel({
     xtype: 'tabpanel',
     resizeTabs: false,
@@ -108,9 +101,9 @@ function loadProjectInfo(n) {
 	        url: BASE_URL + 'projects/detail' + n.id,
 	        method: 'get',
 	        success: function ( result, request ) {
-	          	
+
 				var theResponse = Ext.util.JSON.decode(result.responseText);
-				
+
 				tabPanel.add({
 		            title: 'New Tab ',
 		            html: 'Lade Projekt...',
@@ -122,7 +115,7 @@ function loadProjectInfo(n) {
 		                    '<p>ID: {id}</p>',
 		                    '<p>Name: {name}</p>'
 		                );
-						
+
 		                tpl.overwrite(this.html, data);
 		            }
 		        }).show();
@@ -140,7 +133,7 @@ function loadProjectInfo(n) {
 	       		}
 	       	}
 	   	});
-		
+
     }
 }
 

assets/css/main.css

@@ -28,3 +28,11 @@ a:hover {
 .x-viewport body {
     background: #ededed url('../images/back.png') repeat-x !important;
 }
+
+.x-tree-node {
+    padding: 2px;
+}
+
+.x-tree-node-icon {
+    height: 16px !important;
+}