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

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

<div class="omf-content" id="omf-csom-taxonomy-picker-modal">
    <div class="omf-csom-taxonomy-picker-form">
        <div class="modal-header">
            <a class="close" (click)="scope.close()" aria-label="Close"><span aria-hidden="true">&times;</span></a>
            <h3 class="modal-title">{{'Components.CSOMTaxonomyPickerDialog.Title' | omfLocalize}} {{scope.termSet.name}}</h3>
        </div>
        <div class="modal-body">
            <omf-terms-tree-picker [termSetId]="scope.termSetId"
                                   [isEnterpriseKeyword]="scope.isEnterpriseKeyword"
                                   [onNodeSelected]="scope.onNodeSelected"
                                   [isLoading]="scope.isLoadingTree"
                                   [(termSet)]="scope.termSet"
                                   [showContextMenu]="scope.showContextMenu"
                                   [onDblClickNode]="scope.onDblClickNode">
            </omf-terms-tree-picker>
            <div class="omf-result-row" [omfHide]="scope.isLoadingTree">
                <div class="row">
                    <div class="col-sm-2 omf-add-link">
                        <i class="fa fa-plus"></i>
                        <a href="javascript:void(0)" (click)="scope.addTerm()">{{'Buttons.Add' | omfLocalize}}</a>
                    </div>
                    <div class="col-sm-10">
                        <div class="omf-term-listing">
                            <ul>
                                <li *ngFor="let term of scope.selectedTerms" title="{{term.name}}">
                                    {{term.name}} 
                                    <span class="omf-remove-term-link" (click)="scope.removeTerm(term)" title="{{'Buttons.Remove' | omfLocalize}}">
                                        <i class="fa fa-times-circle" aria-hidden="true"></i>
                                    </span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal-footer">
            <div class="pull-right">
                <button type="button" class="btn btn-primary" (click)="scope.ok()">{{'Buttons.Ok' | omfLocalize}}</button>
                <button type="button" class="btn btn-default" (click)="scope.close()">{{'Buttons.Close' | omfLocalize}}</button>
            </div>
        </div>
    </div>
</div>