feat(select): Добавить опцию для скрытия чекбосов (#UIM-252) (#365)

positive-js · Dec 13, 2019 · 0911f9a · 0911f9a
1 parent 3fc18d4
commit 0911f9a
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 2 deletions.
diff --git a/packages/mosaic-dev/select/template.html b/packages/mosaic-dev/select/template.html
@@ -67,7 +67,7 @@
 
             <div mc-select-search-empty-result>Ничего не найдено</div>
 
-            <mc-option *ngFor="let option of filteredMultipleOptions | async" [value]="option">{{ option }}</mc-option>
+            <mc-option [showCheckbox]="false" *ngFor="let option of filteredMultipleOptions | async" [value]="option">{{ option }}</mc-option>
         </mc-select>
     </mc-form-field>
 </div>

diff --git a/packages/mosaic/core/option/option.html b/packages/mosaic/core/option/option.html
@@ -1,5 +1,5 @@
 <mc-pseudo-checkbox
-    *ngIf="multiple"
+    *ngIf="showCheckbox"
     [state]="selected ? 'checked' : ''"
     [disabled]="disabled">
 </mc-pseudo-checkbox>

diff --git a/packages/mosaic/core/option/option.ts b/packages/mosaic/core/option/option.ts
@@ -75,6 +75,17 @@ export class McOption implements AfterViewChecked, OnDestroy {
     /** The form value of the option. */
     @Input() value: any;
 
+    @Input()
+    get showCheckbox() {
+        return this._showCheckbox === undefined ? this.multiple : this._showCheckbox;
+    }
+
+    set showCheckbox(value) {
+        this._showCheckbox = coerceBooleanProperty(value);
+    }
+
+    private _showCheckbox: boolean;
+
     /** Event emitted when the option is selected or deselected. */
     // tslint:disable-next-line:no-output-on-prefix
     @Output() readonly onSelectionChange = new EventEmitter<McOptionSelectionChange>();