@ -21,28 +21,26 @@
< div class = "card mainCard" * ngFor = "let op of filteredOpCommercials" >
< div class = "row " id = "testt" >
< div class = "row no-margin " id = "testt" >
< div class = "col-md-6 mb-1 subCard1" id = "subCard1" >
< img src = "{{op.carteTemplate.downloadURL}}" id = "image1" class = "mx-auto d-block flex-center card-img-overlay" alt = "Responsive image" >
< div class = "view" >
< div class = "row firstRow">
< div class = "row no-margin firstRow">
< div class = "col-md-6 flex-center card-block cardPart1" > {{commercant.commercialName}}< / div >
< div class = "col-md-6 flex-center card-block card-image mb-1 cardPart2 image2" [ ngStyle ] = " { ' background-image ' : ' url ( ' + commercant . image . downloadURL + ' ) ' } " >
< / div >
< / div >
< div class = "row secondRow">
< div class = "row no-margin secondRow">
< div class = "col-md-6 flex-center cardPart3" > < p > {{op.name}}< / p > < / div >
< div class = "col-md-6 flex-center cardPart4" > < p > {{op.uid}}< / p > < / div >
< / div >
< / div >
< / div >
< div class = "col-md-6 card subCard2" >
< div class = "card-block row ">
< div class = "card-block row no-margin ">
< div class = "col-md-8" id = "subCard2Part1" >
< div id = "opTitle" >
< label > Validation: {{op.validationXJC}}< / label >
< label > Status: {{op.status}}< / label >
< label > Operation Commerciale: {{op.name}}< / label >
< label > Commercant: {{op.commercantOpCom.commercialName}}< / label >
< / div >
@ -63,11 +61,17 @@
< button class = "btn btn-outline-info btn-rounded" ( click ) = " goToScanEffectuer ( op . uid ) " > Scans< / button >
< / div >
< / div >
< div class = "card-block col-md-12" id = "subCard2Part3" >
< h100 class = "float-right" > Du {{op.dateDebut | date:'dd/MM/yyyy'}} au {{op.dateFin | date:'dd/MM/yyyy'}}< / h100 >
< / div >
< / div >
< / div >
<!-- Card footer -->
< div class = "card-data" id = "footerCard" >
< ul >
< li class = "float-right" > < i class = "fa fa-check-square-o" aria-hidden = "true" > < / i > Validation: {{op.validationXJC}}< / li >
< li class = "float-right" style = "padding-right: 2%" > < i class = "fa fa-info-circle" aria-hidden = "true" > < / i > Statut: {{op.status}}< / li >
< li class = "float-left" > < i class = "fa fa-clock-o" > < / i > Valable du {{op.dateDebut | date:'dd/MM/yyyy'}} au {{op.dateFin | date:'dd/MM/yyyy'}}< / li >
< / ul >
< / div >
<!-- Card footer -->
< / div >
< / div >
< / div >
@ -85,28 +89,26 @@
< div class = "list-group" >
< div class = "card mainCard" * ngFor = "let op of opCommDataBloquer | async" >
< div class = "row " id = "testt" >
< div class = "row no-margin " id = "testt" >
< div class = "col-md-6 mb-1 subCard1" id = "subCard1" >
< img src = "{{op.carteTemplate.downloadURL}}" id = "image1" class = "mx-auto d-block flex-center card-img-overlay" alt = "Responsive image" >
< div class = "view" >
< div class = "row firstRow">
< div class = "row no-margin firstRow">
< div class = "col-md-6 flex-center card-block cardPart1" > {{commercant.commercialName}}< / div >
< div class = "col-md-6 flex-center card-block card-image mb-1 cardPart2 image2" [ ngStyle ] = " { ' background-image ' : ' url ( ' + commercant . image . downloadURL + ' ) ' } " >
< / div >
< / div >
< div class = "row secondRow">
< div class = "row no-margin secondRow">
< div class = "col-md-6 flex-center cardPart3" > < p > {{op.name}}< / p > < / div >
< div class = "col-md-6 flex-center cardPart4" > < p > {{op.uid}}< / p > < / div >
< / div >
< / div >
< / div >
< div class = "col-md-6 card subCard2" >
< div class = "card-block row ">
< div class = "card-block row no-margin ">
< div class = "col-md-8" id = "subCard2Part1" >
< div id = "opTitle" >
< label > Validation: {{op.validationXJC}}< / label >
< label > Status: {{op.status}}< / label >
< label > Operation Commerciale: {{op.name}}< / label >
< label > Commercant: {{op.commercantOpCom.commercialName}}< / label >
< / div >
@ -124,11 +126,17 @@
< button class = "btn btn-outline-primary btn-rounded" ( click ) = " debloquer ( op ) " > Débloquer< / button >
< / div >
< / div >
< div class = "card-block col-md-12" id = "subCard2Part3" >
< h100 class = "float-right" > Du {{op.dateDebut | date:'dd/MM/yyyy'}} au {{op.dateFin | date:'dd/MM/yyyy'}}< / h100 >
< / div >
< / div >
< / div >
<!-- Card footer -->
< div class = "card-data" id = "footerCard" >
< ul >
< li class = "float-right" > < i class = "fa fa-check-square-o" aria-hidden = "true" > < / i > Validation: {{op.validationXJC}}< / li >
< li class = "float-right" style = "padding-right: 2%" > < i class = "fa fa-info-circle" aria-hidden = "true" > < / i > Statut: {{op.status}}< / li >
< li class = "float-left" > < i class = "fa fa-clock-o" > < / i > Valable du {{op.dateDebut | date:'dd/MM/yyyy'}} au {{op.dateFin | date:'dd/MM/yyyy'}}< / li >
< / ul >
< / div >
<!-- Card footer -->
< / div >
< / div >
< / div >