Files
flights_web/ClientApp/src/app/modules/components/page-loader/page-loader.component.html
T

26 lines
1.2 KiB
HTML

<div class="page-loader__background">
<div class="page-loader__loader" data-testid="loader">
<div class="loader-circle"></div>
<div class="loader-line-mask">
<div class="loader-line"></div>
</div>
<svg xmlns="http://www.w3.org/2000/svg" width="33.795" height="32.307" viewBox="0 0 33.795 32.307">
<path
id="plane_afl_small"
d="M20.824,12.956c0,.388,0,.823,0,1.29L35.729,26.527l.007,1.633-15.1-7.255a70.654,70.654,0,0,1-.947,9.23l6.09,3.575.011.462-6.457-2.2c-.139.5-.276.788-.426.785a.561.561,0,0,1-.437-.774,35.562,35.562,0,0,0-6.415,2.288l-.006-.469,6.037-3.658a71.009,71.009,0,0,1-1.149-9.227L1.96,28.408l-.02-1.627,14.708-12.5c-.011-.469-.015-.9-.019-1.291-.048-6.082.858-11.015,2.014-11.021s2.138,4.91,2.18,10.99"
transform="translate(36,-2) rotate(90)"
fill="#4a90e2"
/>
</svg>
</div>
<div *ngIf="canCancel" class="page-loader__button-area">
<button
class="blue-light search-cancel"
pButton
type="button"
label="{{ 'SHARED.SEARCH-CANCEL' | translate }}"
(click)="handleClick()"
></button>
</div>
</div>