Merge pull request #28 from SemanticMediaWiki/issue-24-27

fix issues from #24 to #27

Author: gesinn-it-gea

includes/KnowledgeGraph.php

@@ -222,6 +222,7 @@ public static function parserFunctionKnowledgeGraph( Parser $parser, ...$argv )
 			'show-property-type' => [ 'false', 'boolean' ],
 			'properties-panel' => [ 'false', 'boolean' ],
 			'categories-panel' => [ 'false', 'boolean' ],
+			'palette' => [ 'default', 'string' ],
 		];
 
 		self::initSMW();
@@ -279,9 +280,14 @@ public static function parserFunctionKnowledgeGraph( Parser $parser, ...$argv )
 
 		$out->setExtensionData( 'knowledgegraphs', self::$graphs );
 
+		$paletteName = $params['palette'] ?? 'default';
+		$colors = $GLOBALS['wgKnowledgeGraphColorPalettes'][$paletteName]
+				?? $GLOBALS['wgKnowledgeGraphColorPalettes']['default'];
+
 		$out->addJsConfigVars( [
 			'KnowledgeGraphShowImages' => $GLOBALS['wgKnowledgeGraphShowImages'],
-			'KnowledgeGraphDisableCredits' => $GLOBALS['wgKnowledgeGraphDisableCredits']
+			'KnowledgeGraphDisableCredits' => $GLOBALS['wgKnowledgeGraphDisableCredits'],
+			'wgKnowledgeGraphColorPalette' => $colors
 		] );
 
 		return [

includes/specials/SpecialKnowledgeGraphDesigner.php

@@ -60,10 +60,15 @@ public function execute( $par ) {
 
 		\KnowledgeGraph::$graphs[] = $params;
 
+		$paletteName = $params['palette'] ?? 'default';
+		$colors = $GLOBALS['wgKnowledgeGraphColorPalettes'][$paletteName]
+				?? $GLOBALS['wgKnowledgeGraphColorPalettes']['default'];
+
 		$out->addJsConfigVars( [
 			'knowledgegraphs' => json_encode( \KnowledgeGraph::$graphs ),
 			'KnowledgeGraphShowImages' => $GLOBALS['wgKnowledgeGraphShowImages'],
-			'KnowledgeGraphDisableCredits' => $GLOBALS['wgKnowledgeGraphDisableCredits']
+			'KnowledgeGraphDisableCredits' => $GLOBALS['wgKnowledgeGraphDisableCredits'],
+			'wgKnowledgeGraphColorPalette' => $colors
 		] );
 
 		$out->addHTML(

resources/KnowledgeGraph.css

@@ -63,9 +63,29 @@
 	padding: 4px;
 }
 
-.custom-menu li.custom-menu-link-entry:hover,
-.custom-menu li.custom-menu-property-entry:hover,
-.custom-menu li.custom-menu-edge-entry:hover {
-	background-color: #e0f0ff;
-	cursor: pointer;
+.kg-node-properties-menu li.kg-node-properties-menu-link-entry:hover,
+.kg-node-properties-menu li.kg-node-properties-menu-property-entry:hover,
+.kg-node-properties-menu li.kg-node-properties-menu-edge-entry:hover {
+    background-color: #e0f0ff;
+    cursor: pointer;
+}
+
+.kg-node-properties-menu {
+    position: absolute;
+    background: #fff;
+    border: 1px solid #ccc;
+    padding: 5px;
+    list-style: none;
+    z-index: 10000;
+    max-height: 300px;
+    overflow-y: auto;
+    margin: 0;
+    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
+    cursor: pointer;
+}
+
+.kg-node-properties-menu-property-entry-selected {
+    font-style: italic;
+    font-weight: bold;
+    color: #2B7CE9;
 }