pending changes

app/src/app/modules/trust/trust.component.html

@@ -23,23 +23,23 @@
  <h1>Do you trust this person?</h1>
  <div *ngFor="let user of users" class="userWrapper">
  <div class="userName">{{ user.name }}</div>
- <div class="avatarPager">
- <div class="avatar">
- <img [src]="user.avatarUrl" />
- </div>
- </div>
  <div class="actionBtns">
  <div class="btn btn--distrust" (click)="submitVote(-1)">distrust</div>
  <div class="btn btn--neutral" (click)="submitVote(0)">neutral</div>
  <div class="btn btn--trust" (click)="submitVote(1)">trust</div>
  </div>
+ <div class="avatarPager">
+ <div class="chevron left" (click)="page(-1)"></div>
+ <div class="avatar">
+ <img [src]="user.avatarUrl" />
+ </div>
+ </div>
  </div>
  </div>
 
  <!-- UNLOCK VIEW -->
  <div *ngIf="view === 'unlock'" class="view--unlock">
- <div>t3-verification component goes here</div>
- <!-- <t3-verification></t3-verification> -->
+ <t3-verification></t3-verification>
  </div>
  <!-- TREE VIEW -->
  <div *ngIf="view === 'tree'" class="view--tree">

app/src/app/modules/trust/trust.component.scss

@@ -80,6 +80,11 @@ t3-trust {
  font-size: 36px;
  font-weight: 200;
  }
+
+ .avatarPager {
+ display: flex;
+ justify-content: space-around;
+ }
  .avatar {
  padding: 16px;
  img {
@@ -143,3 +148,30 @@ t3-trust {
  }
  }
 }
+
+// UTILITY
+
+.chevron::before {
+ border-style: solid;
+ border-width: 0.25em 0.25em 0 0;
+ content: "";
+ display: inline-block;
+ height: 0.45em;
+ left: 0.15em;
+ position: relative;
+ top: 0.15em;
+ transform: rotate(-45deg);
+ vertical-align: top;
+ width: 0.45em;
+ background-color: cadetblue;
+}
+
+.chevron.right:before {
+ left: 0;
+ transform: rotate(45deg);
+}
+
+.chevron.left:before {
+ left: 0.25em;
+ transform: rotate(-135deg);
+}

app/src/app/modules/trust/trust.component.ts

@@ -12,6 +12,7 @@ export class T3TrustComponent implements OnInit {
 
  view: string = 'vote'; // ! TODO later: this should be 'unlock'
  actorDid: string = '000';
+ currentVote: number = null;
 
  users: Array<any> = [
  {
@@ -36,12 +37,13 @@ export class T3TrustComponent implements OnInit {
  // avatarUrl: '/assets/avatar.png'
  // }
  ];
- currentUser: number;
 
  constructor(public trustService: T3TrustService) {}
 
  ngOnInit() {
- this.currentUser = this.users[0].id;
+ this.actorDid = this.users[0].actor_did;
+
+ // calculateScore() of this.users[0]
  }
  switchView(view) {
  this.view = view;
@@ -62,5 +64,7 @@ export class T3TrustComponent implements OnInit {
  this.calculateScore();
  }
 
- calculateScore() {}
+ calculateScore() {
+ //
+ }
 }