Dashboard : configure wip

plugin/dashboard/css/component.css

@@ -269,4 +269,16 @@
 .dashboard-widget-customizer{
 	width: calc(100% - 30px); 
 	height: calc(100% - 30px); 
+}
+
+.widget-model-chip{
+	border-radius: 100%;
+	width: 50px;
+	height: 50px;
+	margin: auto;
+	margin-top: 5px;
+	text-align: center;
+	padding-top: 6px;
+	color: #ffffff;
+	background-color: #222222;
 }

plugin/dashboard/dashboard.plugin.php

@@ -119,7 +119,8 @@ function dashboard_application_bottom(){
 						<template id="configure-model">
 								<ul id="widget-models" class="widget-models bg-light">
 								    <li data-model="{{model}}" class="shadow-sm bg-white hidden">
-								        <h3><i class="{{icon}}"></i> {{label}}</h3>
+								        <h3><div class="widget-model-chip" style="background-color: {{headerBackground
+}};color: {{iconColor}}"><i class="{{icon}}"></i></div> {{label}}</h3>
 								        <p>{{description}}</p>
 								        <i onclick="e.stopPropagation();$(this).next().toggleClass('hidden')" title="plus d'information sur le widget" class="fas fa-info-circle widget-model-info"></i>
 								        <div class="hidden text-muted">{{description}}</div>
@@ -197,10 +198,10 @@ function dashboard_application_bottom(){
 
 //Déclation des assets
 Plugin::addCss("/css/main.css");
-Plugin::addCss("/css/component.css");
+Plugin::addCss("/css/component.css?v=1");
 Plugin::addJs("/js/main.js");
-Plugin::addJs("/js/dashboard.js?v=c");
-Plugin::addJs("/js/component.js?v=c");
+Plugin::addJs("/js/dashboard.js?v=1");
+Plugin::addJs("/js/component.js?v=1");
 
 //Mapping hook / fonctions
 Plugin::addHook("install", "dashboard_install");

plugin/dashboard/js/component.js

@@ -159,7 +159,6 @@ function init_components_dashboard(input){
 			 					$('.widget-header-icon i',customiser).css('color',widget.iconColor+'!important');
 			 					$('.widget-header-icon i',customiser).attr('class',widget.icon);
 
-
 			 					component.widgets[widget.id] = widget;
 			 					component.renderContent(widget.id);