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 96 97 98 99 100 101 102 103 104 105 | 3x | <ng-container *ngIf="quote$ | async as quote">
<ng-container *ngIf="state$ | async as state">
<!-- Description -->
<!-- Quote Header ( shown once if quote request submitted ) -->
<ng-container *ngIf="state === 'Submitted'; else quotePending">
<ng-container *ngIf="justSubmitted$ | async; else previouslySubmitted">
<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>
</ng-container>
<ng-template #previouslySubmitted>
<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"
/>
</ng-template>
</ng-container>
<ng-template #quotePending>
<ish-info-message
*ngIf="state === 'Responded' && (isQuoteStarted$ | async) === false"
message="quote.error.not_started"
[toast]="false"
/>
</ng-template>
<!-- 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 -->
<div *ngIf="state === 'Responded'" 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 -->
<div *ngIf="quote.description" 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 -->
<div *ngIf="asQuote(quote).sellerComment" 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>
<div class="section">
<h3>{{ 'quote.items.table.heading' | translate }}</h3>
<ish-quote-line-item-list *ngIf="quote.items" />
</div>
</ng-container>
</ng-container>
|