All files / src/app/extensions/quoting/shared/quote-view quote-view.component.html

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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
3x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
@if (quote$ | async; as quote) { @if (state$ | async; as state) {
<!-- Description -->
<!-- Quote Header ( shown once if quote request submitted ) -->
@if (state === 'Submitted') { @if (justSubmitted$ | async) {
<p>
  {{ 'quote.edit.submitted.your_quote_number.text' | translate }}
  <a [routerLink]="['/account/quotes', quote.id]">{{ quote.number }}</a>
</p>
<p
  [ishServerHtml]="
    'quote.edit.submitted.your_quote_request.text'
      | translate : { '0': 'route://account/quotes', '1': 'route://account' }
  "
></p>
<p>{{ 'quote.edit.submitted.we_will_email.text' | translate : { '0': userEmail$ | async } }}</p>
} @else {
<ish-info-message
  message="{{
    'quote.edit.submitted.your_quote_request_has_been_submitted.text'
      | translate : { '0': asQuoteRequest(quote).submittedDate || quote.creationDate | ishDate : 'shortDate' }
  }}"
  [toast]="false"
/>
} } @else { @if (state === 'Responded' && (isQuoteStarted$ | async) === false) {
<ish-info-message message="quote.error.not_started" [toast]="false" />
} }
<!-- Quote No. -->
<div class="row">
  <div class="col-4 col-md-3 col-xl-2 col-form-label">
    {{ 'quote.edit.unsubmitted.quote_no.label' | translate }}
  </div>
  <div class="col-8 col-md-9 col-xl-10">
    <p class="form-control-plaintext" data-testing-id="quoteId" [attr.data-quote-id]="quote.id">
      {{ quote.number }}
    </p>
  </div>
</div>
<!-- Status -->
<div class="row">
  <div class="col-4 col-md-3 col-xl-2 col-form-label">{{ 'quote.edit.unsubmitted.status.label' | translate }}</div>
  <div class="col-8 col-md-9 col-xl-10">
    <p class="form-control-plaintext"><ish-quote-state [quoteId]="quote.id" /></p>
  </div>
</div>
<!-- Shows the valid from/to date  -->
@if (state === 'Responded') {
<div class="row">
  <div class="col-4 col-md-3 col-xl-2 col-form-label">{{ 'quote.edit.unsubmitted.valid.label' | translate }}</div>
  <div class="col-8 col-md-9 col-xl-10">
    <p class="form-control-plaintext">
      {{ asQuote(quote).validFromDate | ishDate : 'shortDate' }} -
      {{ asQuote(quote).validToDate | ishDate : 'shortDate' }}
    </p>
  </div>
</div>
}
<div class="section">
  <!-- displayName -->
  <div class="row has-feedback">
    <div class="col-4 col-md-3 col-xl-2 col-form-label">{{ 'quote.edit.unsubmitted.name.label' | translate }}:</div>
    <div class="col-8 col-md-9 col-xl-10">
      <p class="form-control-plaintext">{{ quote.displayName }}</p>
    </div>
  </div>
  <!-- Description -->
  @if (quote.description) {
  <div class="row">
    <div class="col-4 col-md-3 col-xl-2 col-form-label">{{ 'quote.edit.unsubmitted.comment.label' | translate }}:</div>
    <div class="col-8 col-md-9 col-xl-10">
      <p class="form-control-plaintext">{{ quote.description }}</p>
    </div>
  </div>
  }
  <!-- Seller Comment -->
  @if (asQuote(quote).sellerComment) {
  <div class="row">
    <div class="col-4 col-md-3 col-xl-2 col-form-label">
      {{ 'quote.edit.unsubmitted.seller_comment.label' | translate }}
    </div>
    <div class="col-8 col-md-9 col-xl-10">
      <p class="form-control-plaintext">{{ asQuote(quote).sellerComment }}</p>
    </div>
  </div>
  }
</div>
<ish-quote-line-item-list />
} }