36 lines
1.5 KiB
HTML
36 lines
1.5 KiB
HTML
<div [hidden]="!isDelayedRunning">
|
|
<div class="sk-circle {{positionClass? positionClass: 'spinner-centered'}}" [hidden]="this.isModal">
|
|
<div class="sk-circle1 sk-child"></div>
|
|
<div class="sk-circle2 sk-child"></div>
|
|
<div class="sk-circle3 sk-child"></div>
|
|
<div class="sk-circle4 sk-child"></div>
|
|
<div class="sk-circle5 sk-child"></div>
|
|
<div class="sk-circle6 sk-child"></div>
|
|
<div class="sk-circle7 sk-child"></div>
|
|
<div class="sk-circle8 sk-child"></div>
|
|
<div class="sk-circle9 sk-child"></div>
|
|
<div class="sk-circle10 sk-child"></div>
|
|
<div class="sk-circle11 sk-child"></div>
|
|
<div class="sk-circle12 sk-child"></div>
|
|
</div>
|
|
<div #spinnerModal class="modal fade" id="spinner-modal" data-backdrop="static" data-keyboard="false" role="dialog">
|
|
<div class="modal-dialog">
|
|
<div class="modal-dialog {{positionClass? positionClass: 'spinner-centered'}}">
|
|
<div class="sk-circle">
|
|
<div class="sk-circle1 sk-child"></div>
|
|
<div class="sk-circle2 sk-child"></div>
|
|
<div class="sk-circle3 sk-child"></div>
|
|
<div class="sk-circle4 sk-child"></div>
|
|
<div class="sk-circle5 sk-child"></div>
|
|
<div class="sk-circle6 sk-child"></div>
|
|
<div class="sk-circle7 sk-child"></div>
|
|
<div class="sk-circle8 sk-child"></div>
|
|
<div class="sk-circle9 sk-child"></div>
|
|
<div class="sk-circle10 sk-child"></div>
|
|
<div class="sk-circle11 sk-child"></div>
|
|
<div class="sk-circle12 sk-child"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |