From GandalfLife, 7 Months ago, written in HTML5.
Embed
  1. .opskinsBtnImg {
  2.         height: 24px;
  3.         margin-right: 6px;
  4. }
  5. .topnavbar-button{
  6.         padding-top: 7px;
  7. }
  8. <div class="row mainContainerUserInv" *ngIf="User.isLoggedIn()">
  9.         <div class="col-12">
  10.                 <div class="row panelUserInv">
  11.                         <div class="col-12">
  12.                                 <div class="row" *ngIf="User.getUserInventorySelected()">
  13.                                         <div class="col-12">
  14.                                                 <div class="row titlePanel">
  15.                                                         <div class="col-6">
  16.                                                                 <h1>YOUR OFFER</h1>
  17.                                                         </div>
  18.                                                         <div class="col-6">
  19.                                                                 <p>{{User.getUserInventorySelected().length}} items - ${{User.getTotalUserInventorySelected()}}</p>
  20.                                                         </div>
  21.                                                 </div> 
  22.                                                 <div class="row UserOfferPanel">
  23.                                                         <div class="col-3" *ngFor="let item of User.getUserInventorySelected()" (click)="removeItem(item)">
  24.                                                                  <div class="row">
  25.                                                                         <div class="col-12">
  26.                                                                                 <img src="{{item.img}}" style="width:100%;"/>
  27.                                                                         </div>
  28.                                                                  </div>
  29.                                                                  <div class="row">
  30.                                                                         <div class="col-12">
  31.                                                                                 <p class="detailItem">${{item.price}}</p>
  32.                                                                                 <p class="detailItem"><span [ngStyle]="{'color': item.color}">{{item.name}}</span></p>
  33.                                                                         </div>
  34.                                                                  </div>
  35.                                                         </div>
  36.                                                 </div>
  37.                                         </div>
  38.                                 </div>
  39.                         </div>
  40.                 </div>
  41.                 <div class="row panelUserInv">
  42.                         <div class="col-12">
  43.                                 <div class="row" *ngIf="User.getUserInventory()">
  44.                                         <div class="col-12">
  45.                                                 <div class="row titlePanel">
  46.                                                         <div class="col-6">
  47.                                                                 <h1>YOUR INVENTORY</h1>
  48.                                                         </div>
  49.                                                         <div class="col-6">
  50.                                                                 <p>{{User.getUserInventory().length}} items</p>
  51.                                                         </div>
  52.                                                 </div> 
  53.                                                 <div class="row UserInvPanel">
  54.                                                         <div class="col-3" *ngFor="let item of User.getUserInventory()" (click)="addItem(item)">
  55.                                                                  <div class="row">
  56.                                                                         <div class="col-12">
  57.                                                                                 <img src="{{item.img}}" style="width:100%;"/>
  58.                                                                         </div>
  59.                                                                  </div>
  60.                                                                  <div class="row">
  61.                                                                         <div class="col-12">
  62.                                                                                 <p class="detailItem">${{item.price}}</p>
  63.                                                                                 <p class="detailItem"><span [ngStyle]="{'color': item.color}">{{item.name}}</span></p>
  64.                                                                         </div>
  65.                                                                  </div>
  66.                                                         </div>
  67.                                                 </div>
  68.                                         </div>
  69.                                 </div>
  70.                         </div>
  71.                 </div>         
  72.         </div>
  73. </div>
  74. <div class="row panelUserInv" *ngIf="!User.isLoggedIn()">
  75.         <div class="col-12 signInUserInv">
  76.                 <div class="row">
  77.                         <div class="col-12 signInUserInvText">
  78.                                 <h4>
  79.                                         Login to begin trading
  80.                                 </h4>
  81.                                 <p>
  82.                                         <a class="nav-link opskinsNavBtn" href="/auth/opskins">
  83.                                         <button type="button" class="btn accentBtn opskinsBtn"><img class="opskinsBtnImg float-left" src="/assets/img/opskinsLogo.svg"> <span class="opskinsBtnText">OPSkins Sign-In</span></button></a>
  84.                                 </p>
  85.                         </div>
  86.                 </div>
  87.                
  88.                
  89.         </div>
  90. </div>