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

100% Statements 1/1
100% Branches 0/0
100% Functions 0/0
100% Lines 1/1

Press n or j to go to the next uncovered block, b, p or k for the previous block.

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 89 90 91 92 93 94 95 963x                                                                                                                                                                                              
@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 />
  }
}