@omnia/foundation/extensibility/typings/directives/IconPicker.html

Provide omnia foundation typings and tooling work on client side for omnia extension.

<div *ngIf="disabledCustomImage === undefined || disabledCustomImage === null || disabledCustomImage === false" class="omf-form-control omf-form-control-xs" style="padding-left:0;">
    <omf-dropdown-list [items]="scope.iconTypes"
                       valueProperty="id"
                       textProperty="title"
                       [(selectedItemValue)]="icon.iconType">
    </omf-dropdown-list>
</div>
<div class="omf-form-control omf-form-control-md input-group" [omfShow]="icon.iconType == 0">
    <input type="text" class="form-control input-image-url" [disabled]="disabledProp" [(ngModel)]="icon.fontValue">
    <span class="input-group-btn" [ngClass]="{'omf-disable': disabledProp }">
        <a href="javascript:void(0);" class="btn btn-default" (click)="scope.browseFontIcon()">{{'Buttons.Browse' | omfLocalize}}</a>
    </span>
</div>
<div class="omf-form-control omf-form-control-md input-group" [omfShow]="icon.iconType == 1">
    <input type="text" class="form-control input-image-url" [disabled]="disabledProp" [(ngModel)]="icon.customValue" />
    <span class="input-group-btn">
        <omf-image-browse-button browseType="image"
                                 [disabledProp]="disabledProp"
                                 windowClass="image-icon-dlg"
                                 [preSelectImage]="icon.customValue"
                                 [onSelected]="scope.onSelectCustomIcon"
                                 [inline]="true">
        </omf-image-browse-button>
    </span>
</div>