pip-webui/pip-webui-controls/src/options_dialog/options_dialog.html

HTML5 UI for LOB applications

<!--
@file Options dialog content
@copyright Digital Living Software Corp. 2014-2016
-->

<md-dialog class="pip-dialog pip-options-dialog layout-column"
           min-width="400" md-theme="{{theme}}">
    <md-dialog-content class="pip-body lp0 tp0 rp0 bp24 pip-scroll">
        <div class="pip-header" >
            <h3 class="m0 bm16 text-title">{{::title | translate}}</h3>
            <div ng-show="deletedTitle" class="bp16 tp8 text-subhead1 divider-bottom">
                <md-checkbox ng-model="deleted" aria-label="CHECKBOX" class="m0">{{::deletedTitle | translate}}</md-checkbox>
            </div>
        </div>
        <div class="pip-content">
            <md-radio-group ng-model="selectedOptionName" class="pip-list md-primary" md-no-ink="true"
                            ng-keypress="onKeyPress($event)" tabindex="0">
                <div ng-repeat="option in options" class="pip-list-item p0" md-ink-ripple
                     ui-event="{ click: 'onOptionSelect($event, option)' }"
                     ng-class="{ selected: option.name == selectedOptionName }">
                    <div class="pip-list-item">
                        <md-icon class="pip-option-icon rm12" md-svg-icon="icons:{{option.icon}}" ng-if="option.icon">
                        </md-icon>
                        <div class="pip-option-title">
                            {{::option.title | translate}}
                        </div>
                        <md-radio-button ng-value="option.name" tabindex="-1"
                                         aria-label="{{::option.title | translate}}">
                        </md-radio-button>
                    </div>

                </div>
            </md-radio-group>
        </div>
    </md-dialog-content>
    <div class="pip-footer">
        <div>
            <md-button class="pip-cancel" ng-click="onCancel()">{{::'CANCEL' | translate}}</md-button>
            <md-button class="pip-submit md-accent" ng-click="onSelect()">{{::applyButtonTitle | translate}}</md-button>
        </div>
    </div>
</md-dialog>