loading app animation

thierry
Viiciouss 7 years ago
parent 703cda9764
commit b6f692459b

@ -35,11 +35,10 @@
</div>
</div>
</div>
<div class="card" [hidden]="!hideme[i]" style="width: 101%; height:20rem;">
<ul>
<li *ngFor="let hst of crt.historique">
{{hst}}
<hr/>
<div class="card" [hidden]="!hideme[i]" style="width: 101%; height:20rem; overflow-y: auto;">
<ul class="list-group">
<li class="list-group-item justify-content-between align-items-center" *ngFor="let hst of crt.historique">
<p class="font-weight-normal" style="padding-top: 2%">{{hst}}</p>
</li>
</ul>
</div>

@ -12,8 +12,8 @@
-->
<app-nav-commercant></app-nav-commercant>
<h4 class="h5 text-center mb-4" style="padding-top: 5%;">Liste de vos operations commercials</h4>
<div class="row" style="padding-top: 5%;">
<button class="btn btn-primary btn-rounded waves-light" (click)="goToCreaOpCom()">Nouvelle opération Commerciale</button>
<div class="btn-block flex-center align-middle" style="padding-top: 5%;">
<button class="btn btn-primary btn-rounded waves-light" id="nouvelleOp" (click)="goToCreaOpCom()">Nouvelle opération Commerciale</button>
<!--<button class="btn btn-primary btn-rounded waves-light" (click)="goToCarteEnvoyer()">Historique carte envoyer</button>-->
<!--<button class="btn btn-default btn-rounded waves-light" (click)="goToProfil()">Profil</button>-->
</div>

@ -308,7 +308,7 @@ export class MdProgressSpinner implements OnDestroy {
:host svg {
height: 100%;
width: 100%;
transform-origin: center
transform-origin: center
}
:host path {
@ -449,4 +449,4 @@ function getSvgArc(currentValue: number, rotation: number) {
}
return `M${start}A${pathRadius},${pathRadius} 0 ${largeArcFlag},${arcSweep} ${end}`;
}
}

@ -9,7 +9,44 @@
<link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
<app-root>Loading...</app-root>
<app-root>
<div class="spinning-preloader-container">
<div class="preloader-wrapper big active">
<div class="spinner-layer spinner-blue">
<div class="circle-clipper left">
<div class="circle"> </div>
</div> <div class="gap-patch">
<div class="circle"> </div>
</div>
</div>
<div class="spinner-layer spinner-red">
<div class="circle-clipper left">
<div class="circle"> </div>
</div> <div class="gap-patch">
<div class="circle"> </div>
</div>
</div>
<div class="spinner-layer spinner-yellow">
<div class="circle-clipper left">
<div class="circle"> </div>
</div> <div class="gap-patch">
<div class="circle"> </div>
</div>
</div>
<div class="spinner-layer spinner-green">
<div class="circle-clipper left">
<div class="circle"> </div>
</div> <div class="gap-patch">
<div class="circle"> </div>
</div>
</div>
</div>
</div>
</app-root>
<script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js"></script>
<script>
new WOW().init();

Loading…
Cancel
Save