| .widget-container.fluid-height.stf-store-account(ng-controller='StoreAccountCtrl') | |
| .heading | |
| stacked-icon(icon='fa-cloud', color='color-skyblue') | |
| span(translate) Store Account | |
| button.btn.btn-sm.btn-primary-outline.pull-right(ng-click='control.openStore()', | |
| uib-tooltip='{{"App Store" | translate}}', tooltip-placement="bottom") | |
| i.fa.fa-shopping-cart | |
| .widget-content.padded | |
| div | |
| form(name='storeLogin', novalidate, enable-autofill) | |
| .form-group | |
| .input-group | |
| span.input-group-addon | |
| i.fa.fa-user.fa-fw | |
| input.form-control(ng-model='username', name='username', required, type='text', placeholder='{{"Username"|translate}}', | |
| autocorrect='off', autocapitalize='off', spellcheck='false', autocomplete='store-login username') | |
| .alert.alert-warning(ng-show='storeLogin.username.$dirty && storeLogin.username.$invalid') | |
| span(ng-show='storeLogin.username.$error.required', translate) Please enter your Store username | |
| .form-group | |
| .input-group | |
| span.input-group-addon | |
| i.fa.fa-lock.fa-fw | |
| input.form-control(ng-model='password', name='password', required, type='password', placeholder='{{"Password"|translate}}', | |
| autocorrect='off', autocapitalize='off', spellcheck='false', autocomplete='store-login password') | |
| .alert.alert-warning(ng-show='storeLogin.password.$dirty && storeLogin.password.$invalid') | |
| span(translate) Please enter your Store password | |
| .btn-group | |
| label.btn.btn-sm.btn-default-outline(ng-repeat='a in deviceAppStores track by a.id', | |
| ng-model='currentAppStore', uib-btn-radio='currentAppStore', uib-tooltip='{{a.name}}') | |
| img(ng-src='/static/app/appstores/icon/24x24/{{a.type}}.png', ng-show='a.type').appstore-icon.pointer | |
| // TODO: ladda disabled for now because of a gettext bug | |
| button.btn.btn-sm.btn-primary-outline(ng-click='addAccount()', ng-disabled='storeLogin.$invalid', | |
| ladda-DISABLED='addingAccount', data-style='expand-left', data-spinner-color='#157afb').pull-right | |
| i.fa.fa-spinner.fa-spin.fa-fw(ng-show='addingAccount') | |
| i.fa.fa-sign-in.fa-fw | |
| span(translate) Sign In | |
| table(ng-show='accountsList.length').table.table-striped | |
| thead | |
| tr | |
| th | |
| span(translate) Account | |
| th | |
| span(translate) Actions | |
| tbody | |
| tr(ng-repeat='account in accountsList') | |
| td | |
| i.fa.fa-user.fa-fw | |
| span(ng-bind='account').selectable | |
| td | |
| button.btn.btn-xs.btn-danger-outline(ng-click='removeAccount(account)') | |
| i.fa.fa-sign-out | |
| span(translate) Sign Out |