dashboard : wip

plugin/dashboard/css/component.css

@@ -242,12 +242,35 @@
 	position: relative;
 	transition: background 0.2s ease-in-out;
 	opacity: 0.8;
+	text-align: center;
+}
+
+.dashboard-modal .widget-models li h3 {
+	font-size: 20px;
+	color: #4a536a;
 }
 
 .dashboard-modal .widget-models li.active {
-	background:  #007bff!important;
-	color: #ffffff;
 	opacity: 1;
+	box-shadow: inset 0 0 1px 3px #7ca728!important;
+}
+.dashboard-modal .widget-models li {
+	position: relative;
+}
+.dashboard-modal .widget-models li .checked {
+	display: none;
+	position: absolute;
+	bottom: 0;
+    right: 0;
+    width: 30px;
+    height: 30px;
+    background-color: #7ca728;
+    color: #ffffff;
+    padding: 5px;
+    border-radius: 70% 0 0 0;
+}
+.dashboard-modal .widget-models li.active .checked {
+	display: block;
 }
 
 .widget-types li.active li h3,.widget-models li.active .widget-model-info{

plugin/dashboard/dashboard.plugin.php

@@ -127,6 +127,7 @@ function dashboard_application_bottom(){
 								        <div class="hidden long-description text-muted">{{description}}<br>
 								        	Créé par <i class="fas fa-user"></i> {{creator}} le <i>{{created}}</i>
 								        </div>
+								        <div class="checked"><i class="fas fa-check"></i></div>
 								    </li>
 								</ul>
 						</template>

plugin/dashboard/js/component.js

@@ -153,11 +153,17 @@ function init_components_dashboard(input){
 			 		break;
 			 		case "style":
 			 			$('#dashboard-configure-content').html($('#configure-style').html());
-			 			$.action({
-			 				 action : 'dashboard_widget_by_id',
-			 				 id : widget.id
-			 			},function(response){
-			 				$('#configure-style-table').fromJson(response.item).off('change').change(function(){
+			 			
+			 				var form = {};
+		 					form['widget-header-background'] = widget.headerBackground  ;
+		 					form['widget-body-background'] = widget.bodyBackground;  
+		 					form['widget-body-color'] = widget.bodyColor ;
+		 					form['widget-header-icon-color'] = widget.iconColor;
+		 					form['widget-header-title-color'] = widget.titleColor;
+		 					form['widget-header-icon'] = widget.icon;  
+
+
+			 				$('#configure-style-table').fromJson(form).off('change').change(function(){
 
 			 					var form = $('#configure-style-table').toJson();
 
@@ -193,7 +199,7 @@ function init_components_dashboard(input){
 			 					});
 			 			});
 
-			 			});
+			 			
 			 			init_components('#dashboard-configure-content');
 			 		break;
 			 	}

plugin/dashboard/js/widget-clock.js

@@ -1 +1 @@
-alert('hello world');
+//alert('hello world');