"Untitled"
Bootstrap 4.1.1 Snippet by MBoudroua1

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container-fluid"> <ol class="breadcrumb"> <li class="breadcrumb-item"> <a href="/pretransactions/Dispatcher.jsp?function=home">{{'menu.lib_menu_home' | translate}}</a></li> <li class="breadcrumb-item active" *ngIf="activeComponent === 'DS'">Demander une garantie de chèque</li> <li class="breadcrumb-item active" *ngIf="activeComponent === 'FS'">Interroger le FNCI</li> </ol> <div class="row"> <div class="col-sm-12 col-xs-12"> <div id="btbartop"> <h2><span class="tlrlts"></span></h2> <p> <a class="noline"> <button class="button button--antiman button--inverted button--border-thin button--text-thick button--size-m"> <i class="button__icon fa fa-pencil"></i><span> Rechercher</span> </button> </a> </p> <p> <a routerLink="/createPretransaction" class="noline"> <button class="button button--antiman button--inverted button--border-thin button--text-thick button--size-m"> <i class="button__icon fa fa-pencil"></i><span> Créer un utilisateur</span> </button> </a> </p> </div> <fieldset class="fsMain" id="fsSearchtsc"> <nav class="navbar navbar-default"> <div class="container-fluid"> <div class="navbar-header"> <div class="navbar-toggle collapsed cursor compo" aria-expanded="false" data-toggle="collapse" data-target="#navbar-2"> <span class="fa fa-bars"></span> <span *ngIf="activeComponent==='FS'">Interrogation FNCI </span> <span *ngIf="activeComponent==='DS'"> Demande de garantie</span> </div> </div> <div class="collapse navbar-collapse" id="navbar-2"> <ul class="nav navbar-nav"> <li class="cursor" (click)="changeActiveComponent('DS',true)"> <span class="{{defaultActive}}">Demande de garantie</span> </li> <li class="cursor" (click)="changeActiveComponent('FS',true) "> <span class="{{finciActive}}">Interrogation FNCI</span> </li> </ul> </div> </div> </nav> <div *ngIf="errorMessage" class="alert alert-danger"> <div *ngFor="let message of errorMessage"> <strong>{{message | translate}}</strong> </div> </div> <div class="panel panel-default critere"> <h3 id="critere">{{'pretransAdvancedSearch.lib_pretrans_recherche_searchcriteria' | translate}}</h3> <p class="mandatmesstt">{{'advancedSearch.lib_advancedSearch_obligatory_field' | translate}}</p> </div> <form (click)="submitFinciForm()" class="form-horizental" *ngIf="activeComponent == 'FS'"> <div class="panel panel-default" id="searchFields"> <fieldset> <div class="row"> <div class="col-sm-6 form-group"> <label class="col-sm-6 control-label">Identifiant de transaction</label> <div class="col-sm-6 inputGroupContainer"> <div class="input-group"> <span class="input-group-addon widthIcon"><i class="fa fa-info"></i></span> <input class="form-control" type="text" [(ngModel)]="finciSearch.transactionId" maxlength="16" name="ipPtsId" id="ipTscid"> </div> </div> </div> </div> <div class="row"> <div class="col-sm-6 form-group"> <label class="col-sm-6 control-label">Montant du cheque</label> <div class="col-sm-6 inputGroupContainer"> <div class="input-group"> <span class="input-group-addon widthIcon"><i class="fa fa-info"></i></span> <input class="form-control" type="text" [(ngModel)]="finciSearch.amount" maxlength="16" name="ipPtsId" id="ipTscid"> </div> </div> </div> </div> <div class="row"> <div class="col-sm-6"> <div class="form-group"> <label><span class="hidden-xs">CM7</span> </label> <div class="form-inline"> <input class="form-control" type="text" [(ngModel)]="defaultSearch.cmcC" maxlength="16" name="ipPtsId" id="ipTscid"> <span style="width:10%; text-align: center"> / </span> <input class="form-control" type="text" [(ngModel)]="defaultSearch.cmcC" maxlength="16" name="ipPtsId" id="ipTscid"> <span style="width:10%; text-align: center"> / </span> <input class="form-control" type="text" [(ngModel)]="defaultSearch.cmcC" maxlength="16" name="ipPtsId" id="ipTscid"> </div> </div> </div> </div> <!-- row.// --> <div class="row"> <div class="col-sm-6 form-group"> <label class="col-sm-6 control-label">Reference de la commande</label> <div class="col-sm-6 inputGroupContainer"> <div class="input-group"> <span class="input-group-addon widthIcon"><i class="fa fa-info"></i></span> <input class="form-control" type="text" [(ngModel)]="finciSearch.transactionId" maxlength="16" name="ipPtsId" id="ipTscid"> </div> </div> </div> </div> <div id="fbtbar"> <p> <button type="submit" class="button button--antiman button--inverted button--border-thin button--text-thick button--size-m"> <span> {{'button.lib_button_search' | translate}}</span> </button> </p> </div> </fieldset> </div> </form> </fieldset> </div> </div> </div>

Related: See More


Questions / Comments: