dashboard.component.html 1.8 KB

    <!-- งานใหม่ -->
    <div class="row">
      <div class="col-lg-4 col-md-3 col-sm-6 col-xs-12" *ngFor="let item of resultData">
        <a class="dashboard-stat dashboard-stat-v2 green" href="#">
          <div class="avater">{{item.days.toFixed(0)}} D</div>
          <div class="visual">
            <i class="fa fa-comments"></i>
          </div>
          
          <div class="details" style="width: calc(100% - 50px);">
              <div style="text-align: right; margin-top: -50px; color:aliceblue;">{{item.status}}</div>
                <div class="number" style="margin-top: -8px;">
                  <span data-counter="counterup" data-value="">{{item.custgroupName}}</span>
                </div>
              <div class="desc">{{item.team}}</div><br>
              <div class="desc" style="text-align: left;">{{item.COMMENT | slice:0:50 }}  ....</div> 
          </div>
        </a>
      </div>
    </div>

    <!-- งานเก่า
    <div class="row">
      <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12" *ngFor="let item of resultData">
        <a class="dashboard-stat dashboard-stat-v2 {{item.color}}" href="#">
          <div class="avater {{item.color}}">{{item.id}} D</div>
          <div style="margin-left: 20px; margin-top: 10px; color:aliceblue;">{{item.days + " Days"}}</div>
          <div class="visual">
            <i class="fa fa-comments"></i>
          </div>
          
          <div class="details" style="width: calc(100% - 50px);">
              <div class="number">
                <span data-counter="counterup" data-value="">{{item.custgroupName}}</span>
              </div>
              <div class="desc">{{item.team}}</div>
              <div class="desc" style="text-align: left;">{{item.comment}}</div> 
          </div>

        </a>
      </div>
    </div> -->