OO-533 UI tune the pool admin area, adding i18n intro help texts, new css...

OO-533 UI tune the pool admin area, adding i18n intro help texts, new css classes to make master-detail view with menu panels

src/main/java/org/olat/modules/qpool/ui/QuestionPoolMainEditorController.java

@@ -122,6 +122,7 @@ public class QuestionPoolMainEditorController extends BasicController implements
 		menuTree.setDropEnabled(true);
 		menuTree.setDropSiblingEnabled(false);
 		menuTree.setDndAcceptJSMethod("treeAcceptDrop");
+		menuTree.setExpandSelectedNode(false);
 		menuTree.addListener(this);
 		menuTree.setRootVisible(false);
 		//open the nodes shared and my at start
@@ -538,6 +539,7 @@ public class QuestionPoolMainEditorController extends BasicController implements
 		GenericTreeNode node = new GenericTreeNode(translate("menu.admin.studyfields"), "Taxonomy");
 		node.setIconCssClass("o_sel_qpool_study_fields");
 		parentNode.addChild(node);
+		parentNode.setDelegate(node);
 		
 		node = new GenericTreeNode(translate("menu.admin.pools"), "Pools");
 		node.setIconCssClass("o_sel_qpool_admin_pools");

src/main/java/org/olat/modules/qpool/ui/_content/items.html

@@ -27,7 +27,7 @@ jQuery(function() {
 	var footerHeight = jQuery('#b_footer').height() + jQuery('#qbuttons').height();
 	var maxHeight = winHeight - headerHeight - footerHeight - 50;
 	## padding arount table = relative position of table (space for search field) + height of action buttons below table + some extra space
-	var panePadding = jQuery('.dataTables_wrapper').position().top + jQuery('.o_qpool_button_bar_box').height() + 60;
+	var panePadding = jQuery('.dataTables_wrapper').position().top + jQuery('.o_qpool_button_bar_box').height() + 80;
 
 	jQuery('#qpoolcontainer').width(width).height(maxHeight).layout({
 		north: { size: '50%' },

src/main/java/org/olat/modules/qpool/ui/admin/_content/admin_study_fields.html

 <fieldset>
 	<legend>$r.translate("menu.admin.studyfields")</legend>
-	<div>
-		$r.render("add")
+	<div class="b_info">
+		$r.translate("admin.studyfields.intro")
 	</div>
+	<div class="b_clearfix">
+		<div class="b_float_right">
+			$r.render("add")
+		</div>
+	</div>	
+	<br />
 	<div class="b_clearfix">
 		<div class="b_c50l">
-			<div class="b_subcl">$r.render("tree")</div>
+			<div class="b_subcl">
+				<div class="b_master_detail">
+					$r.render("tree")
+				</div>
+			</div>
 		</div>
 		<div class="b_c50r">
 			<div class="b_subcr">
 			#if($r.available("details"))
+				<b>
+					$r.translate("edit")
+				</b>
+				<br />
 				$r.render("details")
 			#end
 			</div>

src/main/java/org/olat/modules/qpool/ui/admin/_content/levels_admin.html

 <fieldset>
 	<legend>$r.translate("menu.admin.levels")</legend>
-	$r.render("levels")
-	<div class="b_clearfix o_qpool_button_bar_box">
-		<div class="o_qpool_button_bar">
-		$r.render("create.level")
-		</div>
+	<div class="b_info">
+		$r.translate("admin.levels.intro")
 	</div>
+	<div class="b_clearfix">
+		<div class="b_float_right">
+			$r.render("create.level")
+		</div>
+	</div>	
+	<br />
+	$r.render("levels")
 </fieldset>
 
 

src/main/java/org/olat/modules/qpool/ui/admin/_content/licenses_admin.html

 <fieldset>
 	<legend>$r.translate("menu.admin.licenses")</legend>
-	$r.render("licenses")
-	<div class="b_clearfix o_qpool_button_bar_box">
-		<div class="o_qpool_button_bar">
-		$r.render("create.license")
-		</div>
+	<div class="b_info">
+		$r.translate("admin.licenses.intro")
 	</div>
+	<div class="b_clearfix">
+		<div class="b_float_right">
+			$r.render("create.license")
+		</div>
+	</div>	
+	<br />	
+	$r.render("licenses")
 </fieldset>
 
 

src/main/java/org/olat/modules/qpool/ui/admin/_content/pools_admin.html

 <fieldset>
 	<legend>$r.translate("menu.admin.pools")</legend>
-	$r.render("pools")
-	<div class="b_clearfix o_qpool_button_bar_box">
-		<div class="o_qpool_button_bar">
-		$r.render("create.pool")
-		</div>
+	<div class="b_info">
+		$r.translate("admin.pools.intro")
 	</div>
+	<div class="b_clearfix">
+		<div class="b_float_right">
+			$r.render("create.pool")
+		</div>
+	</div>	
+	<br />
+	$r.render("pools")
 </fieldset>
 
 

src/main/java/org/olat/modules/qpool/ui/admin/_content/types_admin.html

 <fieldset>
 	<legend>$r.translate("menu.admin.types")</legend>
-	$r.render("types")
-	<div class="b_clearfix o_qpool_button_bar_box">
-		<div class="o_qpool_button_bar">
-		$r.render("create.type")
-		</div>
+	<div class="b_info">
+		$r.translate("admin.types.intro")
 	</div>
+	<div class="b_clearfix">
+		<div class="b_float_right">
+			$r.render("create.type")
+		</div>
+	</div>	
+	<br />
+	$r.render("types")
 </fieldset>
 
 

src/main/java/org/olat/modules/qpool/ui/admin/_i18n/LocalStrings_de.properties

 #Mon Mar 02 09:54:04 CET 2009
+admin.studyfields.intro=Fachbereiche dienen der fachlichen Verschlagwortung der Fragen. Es ist ein hierarchische Struktur die in der Regel die möglichen Studiengänge abbildet. Wählen Sie die Schaltfläche "$\:add.taxonomyLevel" um einen neuen Fachbereich hinzuzufügen. Wählen Sie einen bestehenden Fachbereich um diesen zu editieren. 
+admin.pools.intro=Erstellen Sie einen oder mehrere Fragenpoole. Ein Fragenpool ist eine Fragendatenbank die allen Autoren des Systems für den Austausch von Fragen zur Verfügung steht (Öffentlich). Optional lässt sich ein Fragenpool auch auf einige wenige Autoren einschränken, z.B. die Mitarbeiter einer Abteilung (Nicht öffentlich).
+admin.types.intro=Erstellen Sie zusätzliche Fragetypen, wenn die Standard Fragetypen von OpenOLAT nicht genügen. Die Standard Fragetypen können nicht gelöscht werden. 
+admin.levels.intro=Erstellen Sie die verfügbaren Stufen die für Ihr Ausbildungslevel sinn machen. Beispiele für Stufen im schulischen Kontext sind: Unterstufe, Oberstufe, Gymnasium, Bachelor, Master. In einem Unternehmens Kontext Stufen so aussehen: ohne Berufsausbildung, mit Berufsausbildung, Führungsfunktion, Administration, Kader, Management
+admin.licenses.intro=Erstellen Sie zusätzliche Lizenztypen wenn die Standard Lizenztypen von OpenOLAT nicht genügen. Die Standard Lizenztypen können nicht gelöscht werden.
+
 level.key=ID
 level.level=Stufe
 level.translation=\u00DCbersetzung

src/main/webapp/static/themes/openolat/all/modules/_nav.scss

@@ -242,7 +242,30 @@ div.b_tree {
 	a.b_tree_level_open span { 
 		background-image: url($ico_plus); 
 	}
-		
 }// end b_tree
+
+div.b_master_detail {
+	div.b_tree {
+		ul li {
+			background: url('../openolat/images/detail/detail_separator.png') repeat-y right;
+			
+			@for $i from 0 through 11 {
+				a.b_tree_l#{$i}  { 
+					display: block;
+					padding-right: 20px;
+					background-repeat: no-repeat;
+					background-position: right;
+				}
+			}
+			a.b_tree_selected {
+				background-image: url('../openolat/images/detail/detail_arrow.png');
+				/* special case: not on root level which does not have detail */
+				&.b_tree_l0 {
+					background-image: none;
+				}	
+			}
+		}
+	}
+}
 	
 	
\ No newline at end of file