Upstream/bitwarden-browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser.git synced 2024-11-06 09:20:43 +01:00
Code Issues Projects Releases Wiki Activity

loaded state for orgs

Browse Source
This commit is contained in:
Kyle Spearrin 2018-06-11 10:26:02 -04:00
parent a0ac8ec9c2
commit 5bd9a9a81d
2 changed files with 20 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/app/vault/organizations.component.html
View File

@ -1,9 +1,14 @@
<ul class="fa-ul card-ul carets">
<li *ngFor="let o of organizations">
<a href="#" class="text-body" appStopClick appBlurClick (click)="selectOrganization(o)">
<i class="fa-li fa fa-caret-right"></i> {{o.name}}</a>
</li>
</ul>
<p *ngIf="!loaded" class="text-muted">
<i class="fa fa-spinner fa-spin"></i>
</p>
<ng-container *ngIf="loaded">
<ul class="fa-ul card-ul carets">
<li *ngFor="let o of organizations">
<a href="#" class="text-body" appStopClick appBlurClick (click)="selectOrganization(o)">
<i class="fa-li fa fa-caret-right"></i> {{o.name}}</a>
</li>
</ul>
</ng-container>
<button (click)="newOrganization()" class="btn btn-block btn-outline-primary">
<i class="fa fa-plus fa-fw"></i>
{{'newOrganization' | i18n}}

18
src/app/vault/organizations.component.ts
View File

@ -4,28 +4,28 @@ import {
Output,
} from '@angular/core';
import { ToasterService } from 'angular2-toaster';
import { Angulartics2 } from 'angulartics2';
import { UserService } from 'jslib/abstractions/user.service';
import { Organization } from 'jslib/models/domain/organization';
@Component({
selector: 'app-vault-organizations',
templateUrl: 'organizations.component.html',
})
export class OrganizationsComponent {
@Output() onOrganizationClicked = new EventEmitter<any>();
organizations: any;
@Output() onOrganizationClicked = new EventEmitter<Organization>();
organizations: Organization[];
loaded: boolean = false;
constructor(private userService: UserService, private analytics: Angulartics2,
private toasterService: ToasterService) {
constructor(private userService: UserService) {
}
async load() {
this.organizations = await this.userService.getAllOrganizations();
this.loaded = true;
}
selectOrganization(o: any) {
this.onOrganizationClicked.emit(0);
selectOrganization(o: Organization) {
this.onOrganizationClicked.emit(o);
}
}