[DEV] add a generic checkbox

front/src/common/component/checkbox/checkbox.html

@@ -0,0 +1,7 @@
+<div class="elem-checkbox">
+	<input
+		type="checkbox"
+		[checked]="value"
+		(change)="onChange($event.target.checked)" />
+	{{comment}}
+</div>

front/src/common/component/checkbox/checkbox.less

@@ -0,0 +1,6 @@
+
+.elem-checkbox {
+	font-size: 18px;
+	font-weight: bold;
+	margin: 0 10px 0 10px;
+}

front/src/common/component/checkbox/checkbox.ts

@@ -0,0 +1,29 @@
+/** @file
+ * @author Edouard DUPIN
+ * @copyright 2018, Edouard DUPIN, all right reserved
+ * @license PROPRIETARY (see license file)
+ */
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+
+@Component({
+	selector: 'app-checkbox',
+	templateUrl: 'checkbox.html',
+	styleUrls: ['checkbox.less'],
+})
+export class CheckboxComponent {
+	/// Checkbox value
+	@Input() value: boolean = false;
+	/// Description of the checkbox
+	@Input() comment: string = "";
+	/// event when change the value of the password
+    @Output() changeValue: EventEmitter<boolean> = new EventEmitter();
+
+	/**
+	 * When input value change, need update the display and change the internal value.
+	 * @param newValue  New value set on the password
+	 */
+	 onChange(newValue: boolean): void {
+		this.value = newValue;
+		this.changeValue.emit(this.value);
+	}
+}