summaryrefslogtreecommitdiffstats
path: root/usecaseui-portal/src/app/components/customer/customer.component.html
blob: d24490965f201e9ae65c11494778553aa941e5dd (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<div class="content">
  <div class="customer">
    <div class="customer_title">
      <div class="customers">
        <span>Customer</span>
        <img src="./assets/images/customer04.png" alt="" (click)="this.customeradd  = !this.customeradd">
      </div>
    </div>
    <div class="customer_detail">
      <div class="customer_add" *ngIf="customeradd">
        <input nz-input placeholder="Input customer name" class="customer_name" nzSize="default">
        <button nz-button nzType="primary" class="customer_addbut">Add</button>
      </div>
      <div class="customer_list">
        <ul>
          <li class="active"><img src="./assets/images/customer05.png" alt=""><span>name</span><i
              class="anticon anticon-delete" nzType="info"></i></li>
          <li><img src="./assets/images/customer05.png" alt=""><span>name</span><i class="anticon anticon-delete"
              nzType="info"></i></li>
          <li><img src="./assets/images/customer05.png" alt=""><span>name</span><i class="anticon anticon-delete"
              nzType="info"></i></li>
          <li><img src="./assets/images/customer05.png" alt=""><span>name</span><i class="anticon anticon-delete"
              nzType="info"></i></li>
          <li><img src="./assets/images/customer05.png" alt=""><span>name</span><i class="anticon anticon-delete"
              nzType="info"></i></li>
          <li><img src="./assets/images/customer05.png" alt=""><span>name</span><i class="anticon anticon-delete"
              nzType="info"></i></li>
          <li><img src="./assets/images/customer05.png" alt=""><span>name</span><i class="anticon anticon-delete"
              nzType="info"></i></li>
          <li><img src="./assets/images/customer05.png" alt=""><span>name</span><i class="anticon anticon-delete"
              nzType="info"></i></li>
        </ul>
      </div>
    </div>
  </div>
  <div class="services_type">
    <div class="services_type_title">
      <div class="servicess">
        <span>Services Type</span>
        <img src="./assets/images/customer03.png" alt="" (click)="this.servicesadd  = !this.servicesadd ">
      </div>
    </div>
    <div class="services_type_detail">
      <div class="services_add" *ngIf="servicesadd">
        <input nz-input placeholder="Input services type" class="services_name" nzSize="default">
        <button nz-button nzType="primary" class="services_addbut">Add</button>
      </div>
      <div class="services_list">
        <div style="padding:0 20px;">
          <ul>
            <li><span>Type1</span><i class="anticon anticon-delete" nzType="info"></i></li>
            <li><span>Type2</span><i class="anticon anticon-delete" nzType="info"></i></li>
            <li><span>Type3</span><i class="anticon anticon-delete" nzType="info"></i></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <div class="chearts">
    <div class="Cu">
      <p>Instance Count of Customer</p>
      <app-pie [initData]="CUChartInit" [chartData]="CUChartData"></app-pie>
      <div class="legend"></div><span>users</span>
    </div>
    <div class="type">
      <p>Instance Count of Service Type</p>
      <app-bar [initData]="serviceInit" [chartData]="serviceData"></app-bar>
    </div>
  </div>
</div>