Lee Kelleher
59 lines
2.8 KiB
HTML
59 lines
2.8 KiB
HTML
<div class="umb-button" ng-class="{'ml0': vm.generalActions, 'umb-button--block': vm.blockElement}" data-element="{{ vm.alias ? 'button-' + vm.alias : '' }}">
|
|
|
|
<div ng-if="vm.innerState">
|
|
<div class="icon-check umb-button__success" ng-class="{'-hidden': vm.innerState !== 'success', '-white': vm.isPrimaryButtonStyle}"></div>
|
|
<div class="icon-delete umb-button__error" ng-class="{'-hidden': vm.innerState !== 'error', '-white': vm.isPrimaryButtonStyle}"></div>
|
|
<div class="umb-button__progress" ng-class="{'-hidden': vm.innerState !== 'busy', '-white': vm.isPrimaryButtonStyle}"></div>
|
|
<div ng-if="vm.innerState !== 'init'" class="umb-button__overlay"></div>
|
|
</div>
|
|
|
|
<a ng-if="vm.type === 'link'"
|
|
ng-href="{{vm.href}}"
|
|
class="btn umb-button__button {{vm.style}} umb-button--{{vm.size}} umb-outline"
|
|
ng-click="vm.clickButton($event)"
|
|
hotkey="{{vm.shortcut}}"
|
|
hotkey-when-hidden="{{vm.shortcutWhenHidden}}">
|
|
<span class="umb-button__content" ng-class="{'-hidden': vm.innerState !== 'init'}">
|
|
<i ng-if="vm.icon" class="{{vm.icon}} umb-button__icon" aria-hidden="true"></i>
|
|
{{vm.buttonLabel}}
|
|
<span ng-if="vm.showCaret" class="umb-button__caret caret" aria-hidden="true"></span>
|
|
</span>
|
|
</a>
|
|
|
|
<button
|
|
ng-if="vm.type === 'button'"
|
|
type="button"
|
|
class="btn umb-button__button {{vm.style}} umb-button--{{vm.size}} umb-outline"
|
|
ng-click="vm.clickButton($event)"
|
|
hotkey="{{vm.shortcut}}"
|
|
hotkey-when-hidden="{{vm.shortcutWhenHidden}}"
|
|
ng-disabled="vm.disabled"
|
|
umb-auto-focus="{{vm.autoFocus && !vm.disabled ? 'true' : 'false'}}"
|
|
aria-haspopup="{{vm.hasPopup}}"
|
|
aria-expanded="{{vm.isExpanded}}"
|
|
>
|
|
<span class="umb-button__content" ng-class="{'-hidden': vm.innerState !== 'init'}">
|
|
<i ng-if="vm.icon" class="{{vm.icon}} umb-button__icon" aria-hidden="true"></i>
|
|
{{vm.buttonLabel}}
|
|
<span ng-if="vm.showCaret" class="umb-button__caret caret" aria-hidden="true"></span>
|
|
</span>
|
|
</button>
|
|
|
|
<button
|
|
ng-if="vm.type === 'submit'"
|
|
type="submit"
|
|
class="btn umb-button__button {{vm.style}} umb-button--{{vm.size}} umb-outline"
|
|
hotkey="{{vm.shortcut}}"
|
|
hotkey-when-hidden="{{vm.shortcutWhenHidden}}"
|
|
ng-disabled="vm.disabled"
|
|
umb-auto-focus="{{vm.autoFocus && !vm.disabled ? 'true' : 'false'}}">
|
|
<span class="umb-button__content" ng-class="{'-hidden': vm.innerState !== 'init'}">
|
|
<i ng-if="vm.icon" class="{{vm.icon}} umb-button__icon" aria-hidden="true"></i>
|
|
{{vm.buttonLabel}}
|
|
<span ng-if="vm.showCaret" class="umb-button__caret caret" aria-hidden="true"></span>
|
|
</span>
|
|
</button>
|
|
|
|
|
|
</div>
|