Mise à jour articles et produits
This commit is contained in:
Rampeur
@@ -1,14 +1,14 @@
|
||||
<div class="banner light text-center mat-elevation-z2">
|
||||
<div class="d-flex justify-content-center text-start">
|
||||
<img [src]="user.image" class="user-img" [alt]="user.username" />
|
||||
<div class="ms-3">
|
||||
<h4>{{ bannerTitle }}</h4>
|
||||
<button mat-raised-button color="warn" routerLink="/settings" class="ms-2">
|
||||
<div class="banner bg-accent mat-elevation-z2">
|
||||
<div class="d-flex mx-2 mx-md-3 mx-lg-4">
|
||||
<img [src]="user.image" class="user-img me-3" [alt]="user.username" />
|
||||
<div class="flex-spacer">
|
||||
<h3 class="mb-0">{{bannerTitle}}</h3>
|
||||
<span class="fs-6">{{user.firstname}} {{user.lastname}}</span>
|
||||
</div>
|
||||
<div class="align-self-center text-end">
|
||||
<button mat-raised-button color="warn" routerLink="/settings">
|
||||
<mat-icon aria-label="Modifier le compte" fontIcon="settings"></mat-icon> {{ btnSettingsTitle }}
|
||||
</button>
|
||||
<button mat-raised-button color="warn" [routerLink]="['/settings', 'credentials']" class="ms-2">
|
||||
<mat-icon aria-label="Modifier le compte" fontIcon="password"></mat-icon> {{ btnPasswordTitle }}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -22,63 +22,60 @@
|
||||
</div>
|
||||
<mat-divider class="my-3"></mat-divider>
|
||||
<app-list-errors [errors]="errors"></app-list-errors>
|
||||
<mat-card class="mt-4 bg-light text-black scaled">
|
||||
<mat-card class="mt-4">
|
||||
<mat-card-content>
|
||||
<div class="text-center">
|
||||
<a href="/" class="d-block p-4"><img height="72" width="90" src="assets/images/vector/upt_logo.png" alt="Logo UPT"></a>
|
||||
<mat-divider class="border-primary w-50 mx-auto"></mat-divider>
|
||||
<h1 class="mt-3 mb-4"><span class="pt-1 pb-2 px-2">Vector 3 - <small class="text-muted">V306 Micron</small></span></h1>
|
||||
<mat-divider class="border-primary w-50 mx-auto"></mat-divider>
|
||||
</div>
|
||||
<div class="d-none d-lg-flex justify-content-center mt-5 mb-0">
|
||||
<img class="img-fluid canopy" id="canopy_NWG_01" src="assets/images/vector/v306_NWG_01.svg" alt="v306 Navy White Gold" style="width: 1260px; height: 433.125px;">
|
||||
</div>
|
||||
<div class="d-flex d-lg-none justify-content-center mt-5 mb-0">
|
||||
<img class="img-fluid" src="assets/images/vector/v306_NWG_01.png" alt="v306 Navy White Gold preview">
|
||||
</div>
|
||||
<div class="d-flex text-center mt-4 mb-0 py-4">
|
||||
<figure class="flex-fill mx-5">
|
||||
<img class="figure-img img-fluid img-thumbnail" src="assets/images/vector/ContainerA.png" alt="" title="ContainerA" height="138" width="120">
|
||||
<figcaption class="figure-caption text-center fs-6">10</figcaption>
|
||||
</figure>
|
||||
<figure class="flex-fill mx-5">
|
||||
<img class="figure-img img-fluid img-thumbnail" src="assets/images/vector/ContainerB.png" alt="" title="ContainerB" height="138" width="120">
|
||||
<figcaption class="figure-caption text-center fs-6">10</figcaption>
|
||||
</figure>
|
||||
<figure class="flex-fill mx-5">
|
||||
<img class="figure-img img-fluid img-thumbnail" src="assets/images/vector/ContainerLength.png" alt="" title="ContainerLength" height="138" width="120">
|
||||
<figcaption class="figure-caption text-center fs-6">15.5</figcaption>
|
||||
</figure>
|
||||
<figure class="flex-fill mx-5">
|
||||
<img class="figure-img img-fluid img-thumbnail" src="assets/images/vector/Thickness.png" alt="" title="Thickness" height="138" width="120">
|
||||
<figcaption class="figure-caption text-center fs-6">5</figcaption>
|
||||
</figure>
|
||||
<div class="row mt-2">
|
||||
<div class="col-lg-6 col-md-12">
|
||||
<dl class="dl-horizontal mb-0">
|
||||
<dt>Nom:</dt>
|
||||
<dd>{{ user.lastname }}</dd>
|
||||
<dt>Prénom:</dt>
|
||||
<dd>{{ user.firstname }}</dd>
|
||||
</dl>
|
||||
</div>
|
||||
<div class="col-lg-6 col-md-12">
|
||||
<dl class="dl-horizontal mb-0">
|
||||
<dt>Email:</dt>
|
||||
<dd>{{ user.email }}</dd>
|
||||
<dt>Téléphone:</dt>
|
||||
<dd>{{ user.phone }}</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
</mat-card-content>
|
||||
</mat-card>
|
||||
<mat-card>
|
||||
<mat-card-header class="bg-primary text-bg-primary rounded-top py-2 px-4">
|
||||
<div class="flex-fill">
|
||||
<mat-card-title>
|
||||
Mes commandes
|
||||
</mat-card-title>
|
||||
</div>
|
||||
<span class="flex-spacer"></span>
|
||||
<div class="flex-fill"></div>
|
||||
</mat-card-header>
|
||||
<mat-card-content>
|
||||
<table class="table table-dark table-striped table-condensed mat-elevation-z2">
|
||||
<thead>
|
||||
<tr role="row" class="table-dark">
|
||||
<th class="align-middle w-25 ps-4">
|
||||
<div class="text-left">
|
||||
Main Std Fit
|
||||
Date
|
||||
</div>
|
||||
</th>
|
||||
<th class="align-middle w-25">
|
||||
<div class="text-left">
|
||||
Main Full Fit
|
||||
Numéro
|
||||
</div>
|
||||
</th>
|
||||
<th class="align-middle w-25">
|
||||
<div class="text-left">
|
||||
Reserve Std Fit
|
||||
Statut
|
||||
</div>
|
||||
</th>
|
||||
<th class="align-middle w-25">
|
||||
<div class="text-left">
|
||||
Reserve Full Fit
|
||||
Total
|
||||
</div>
|
||||
</th>
|
||||
</tr>
|
||||
@@ -86,391 +83,80 @@
|
||||
<tbody>
|
||||
<tr role="row" class="align-middle">
|
||||
<td class="cell ps-4">
|
||||
<span class="text-orange fw-bold">Crossfire 3 119</span><br>
|
||||
Epicene 130<br>
|
||||
Extreme-JFX 94<br>
|
||||
Fusion 120<br>
|
||||
Horizon 135<br>
|
||||
JFX2 90<br>
|
||||
Mamba 104<br>
|
||||
Neos 94<br>
|
||||
Nitron 108<br>
|
||||
Omega 119<br>
|
||||
Omni 119<br>
|
||||
Pilot 104<br>
|
||||
<span class="text-red fw-bold">Sabre 2 107</span><br>
|
||||
<span class="text-orange fw-bold">Safire 3 119</span><br>
|
||||
Synergy 108<br>
|
||||
Velocity 96<br>
|
||||
Spectre 107<br>
|
||||
Stiletto 107<br>
|
||||
Storm 107<br>
|
||||
Katana 107<br>
|
||||
20/04/2025 13:37
|
||||
</td>
|
||||
<td class="cell">
|
||||
<span class="text-teal fw-bold text-decoration-underline">Crossfire 3 129</span><br>
|
||||
Epicene 150<br>
|
||||
Extreme-VX 84<br>
|
||||
Horizon 150<br>
|
||||
Katana 120<br>
|
||||
Neos 104<br>
|
||||
Pulse 120<br>
|
||||
<span class="text-orange fw-bold">Sabre 2 120</span><br>
|
||||
<span class="text-cyan fw-bold">Safire 3 129</span><br>
|
||||
Spectre 120<br>
|
||||
Stiletto 120<br>
|
||||
Valkyrie 96<br>
|
||||
Valkyrie Hybrid 96<br>
|
||||
Xaos-21 98<br>
|
||||
Xaos-27 88<br>
|
||||
#aa2025042013371
|
||||
</td>
|
||||
<td class="cell">
|
||||
Icarus Reserve 109<br>
|
||||
Micro Raven 109<br>
|
||||
Optimum 113<br>
|
||||
PD 106<br>
|
||||
R-Max 108<br>
|
||||
Smart 99<br>
|
||||
<span class="text-cyan fw-bold">Techno 115</span><br>
|
||||
<span class="text-green">Terminé</span>
|
||||
</td>
|
||||
<td class="cell">
|
||||
<span class="text-teal fw-bold text-decoration-underline">Icarus Reserve 119</span><br>
|
||||
Micro Raven 120<br>
|
||||
Nano 113<br>
|
||||
PD 113<br>
|
||||
R-Max 118<br>
|
||||
Smart 110<br>
|
||||
Speed 120<br>
|
||||
Tempo 120<br>
|
||||
56.00 €
|
||||
</td>
|
||||
</tr>
|
||||
<tr role="row" class="align-middle">
|
||||
<td class="cell ps-4">
|
||||
20/04/2025 13:42
|
||||
</td>
|
||||
<td class="cell">
|
||||
#aa2025042013421
|
||||
</td>
|
||||
<td class="cell">
|
||||
<span class="text-teal">Expédié</span>
|
||||
</td>
|
||||
<td class="cell">
|
||||
224.70 €
|
||||
</td>
|
||||
</tr>
|
||||
<tr role="row" class="align-middle">
|
||||
<td class="cell ps-4">
|
||||
20/04/2025 13:54
|
||||
</td>
|
||||
<td class="cell">
|
||||
#aa2025042013541
|
||||
</td>
|
||||
<td class="cell">
|
||||
<span class="text-red">Annulé</span>
|
||||
</td>
|
||||
<td class="cell">
|
||||
128.80 €
|
||||
</td>
|
||||
</tr>
|
||||
<tr role="row" class="align-middle">
|
||||
<td class="cell ps-4">
|
||||
14/06/2025 13:37
|
||||
</td>
|
||||
<td class="cell">
|
||||
#aa2025061413371
|
||||
</td>
|
||||
<td class="cell">
|
||||
<span class="text-cyan">En cours de préparation</span>
|
||||
</td>
|
||||
<td class="cell">
|
||||
195.30 €
|
||||
</td>
|
||||
</tr>
|
||||
<tr role="row" class="align-middle">
|
||||
<td class="cell ps-4">
|
||||
07/07/2025 14:39
|
||||
</td>
|
||||
<td class="cell">
|
||||
#aa2025070714391
|
||||
</td>
|
||||
<td class="cell">
|
||||
<span class="text-orange">En attente de paiement</span>
|
||||
</td>
|
||||
<td class="cell">
|
||||
64.00 €
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</mat-card-content>
|
||||
</mat-card>
|
||||
<mat-card>
|
||||
<mat-card-content>
|
||||
<div class="row mx-0 mt-4 mb-0">
|
||||
<div class="col-sm-6 col-xs-12 ps-5 py-2">
|
||||
<div class="card mb-3">
|
||||
<div class="card-body">
|
||||
<h5 class="mb-3">RISERS</h5>
|
||||
<div class="mb-1 row">
|
||||
<label for="rislength" class="col-sm-4 col-form-label">Length:</label>
|
||||
<div class="col-sm-8">
|
||||
<select name="rislength" class="form-select" id="rislength">
|
||||
<option value="">Select...</option>
|
||||
<option value="19 inch">19 inch</option>
|
||||
<option value="21 inch" selected="selected">21 inch</option>
|
||||
<option value="23 inch">23 inch</option>
|
||||
<option value="25 inch">25 inch</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-1 row">
|
||||
<label for="riscolor" class="col-sm-4 col-form-label">Color:</label>
|
||||
<div class="col-sm-8">
|
||||
<input class="form-control" id="riscolor" type="text" placeholder="Default input" value="SMK">
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-1 row">
|
||||
<label for="webtype" class="col-sm-4 col-form-label">Web type / ring:</label>
|
||||
<div class="col-sm-8">
|
||||
<select name="webtype" class="form-select" id="webtype" onchange="javascript:checkLowDrag()">
|
||||
<option value="Mini ring w/ type 17 webbing" selected="selected">Mini ring w/ type 17 webbing</option>
|
||||
<option value="Large ring w/ type 8 webbing">Large ring w/ type 8 webbing</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-1 row">
|
||||
<span class="col-sm-4 col-form-label"> </span>
|
||||
<div class="col-sm-8">
|
||||
<input class="form-check-input" type="checkbox" name="blkHardware" id="blkHardware" value="Y" checked="checked">
|
||||
<label class="form-check-label" for="blkHardware">Black Hardware</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-1 row">
|
||||
<label for="toggles" class="col-sm-4 col-form-label">Toggles:</label>
|
||||
<div class="col-sm-8">
|
||||
<select name="toggles" class="form-select" id="toggles">
|
||||
<option value="TRULOK" selected="selected">TRULOK</option>
|
||||
<option value="VELCRO">VELCRO</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-1 row">
|
||||
<label for="louie" class="col-sm-4 col-form-label">LouieLoops:</label>
|
||||
<div class="col-sm-8">
|
||||
<select name="louie" class="form-select" id="louie" onchange="javascript:checkLowDrag()">
|
||||
<option value="No">No</option>
|
||||
<option value="Yes" selected="selected">Yes</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-1 row">
|
||||
<label for="lowdrag" class="col-sm-4 col-form-label">Low drag:</label>
|
||||
<div class="col-sm-8">
|
||||
<select name="lowdrag" class="form-select" id="lowdrag">
|
||||
<option value="No" selected="selected">No</option>
|
||||
<option value="Yes">Yes</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-1 row">
|
||||
<label for="rsl" class="col-sm-4 col-form-label">Skyhook / RSL:</label>
|
||||
<div class="col-sm-8">
|
||||
<select name="rsl" class="form-select" id="rsl" onchange="javascript:checkSpecRip()">
|
||||
<option value="">Select...</option>
|
||||
<option value="Skyhook RSL">Skyhook RSL</option>
|
||||
<option value="RSL" selected="selected">Reserve static line lanyard (RSL)</option>
|
||||
<option value="none">None</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-1 row">
|
||||
<span class="col-sm-4 col-form-label"> </span>
|
||||
<div class="col-sm-8">
|
||||
<input class="form-check-input" type="checkbox" name="magnetic_chx" id="magnetic_chx" value="Y" checked="checked">
|
||||
<label class="form-check-label" for="magnetic_chx">Magnetic riser covers</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card mb-3">
|
||||
<div class="card-body">
|
||||
<h5 class="mb-3">RESERVE HANDLE</h5>
|
||||
<div class="mb-1 row">
|
||||
<label for="reshand" class="col-sm-4 col-form-label">Handle type:</label>
|
||||
<div class="col-sm-8">
|
||||
<select name="reshand" class="form-select" id="reshand">
|
||||
<option value="">Select...</option>
|
||||
<option value="Metal D handle">Metal D handle</option>
|
||||
<option value="Low profile D handle">Low profile D handle</option>
|
||||
<option value="Mini-D handle">Mini-D handle</option>
|
||||
<option value="Soft handle" selected="selected">Soft handle - GOL (extra cost)</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-1 row">
|
||||
<span class="col-sm-4 col-form-label"> </span>
|
||||
<div class="col-sm-8">
|
||||
<input class="form-check-input" type="checkbox" name="spectraRip_chx" id="spectraRip_chx" value="Y" checked="checked">
|
||||
<label class="form-check-label" for="spectraRip_chx">Spectra ripcord</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card mb-3">
|
||||
<div class="card-body">
|
||||
<h5 class="mb-3">PILOT CHUTE</h5>
|
||||
<div class="mb-1 row">
|
||||
<label for="selpc" class="col-sm-4 col-form-label">Material:</label>
|
||||
<div class="col-sm-8">
|
||||
<select name="selpc" class="form-select" id="selpc">
|
||||
<option value="">Select...</option>
|
||||
<option value="F111 (white)" selected="selected">F111 (white)</option>
|
||||
<option value="ZP (black)">ZP (black)</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-1 row">
|
||||
<label for="handle" class="col-sm-4 col-form-label">Handle:</label>
|
||||
<div class="col-sm-8">
|
||||
<select name="handle" class="form-select" id="handle" onchange="javascript:getPCHoptions()">
|
||||
<option value="">Select...</option>
|
||||
<option value="PLASTIC">PLASTIC</option>
|
||||
<option value="HACKEY">HACKEY</option>
|
||||
<option value="FREEFLY" selected="selected">FREEFLY</option>
|
||||
<option value="FREEFLY HACKEY">FREEFLY HACKEY</option>
|
||||
<option value="MONKEY FIST">MONKEY FIST</option>
|
||||
<option value="FREEFLY MONKEY FIST">FREEFLY MONKEY FIST</option>
|
||||
<option value="PULLOUT">PULLOUT</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-1 row">
|
||||
<label for="color1" class="col-sm-4 col-form-label">Handle color:</label>
|
||||
<div class="col-sm-8">
|
||||
<select name="color1" class="form-select" id="color1">
|
||||
<option value="">Select...</option>
|
||||
<option value="WHT">White</option>
|
||||
<option value="BLK">Black</option>
|
||||
<option value="SMK">Smoke</option>
|
||||
<option value="SIL">Silver</option>
|
||||
<option value="NeYEL">Neon yellow</option>
|
||||
<option value="YEL">Yellow</option>
|
||||
<option value="GOL">Gold</option>
|
||||
<option value="NeORA">Neon orange</option>
|
||||
<option value="ORA">Orange</option>
|
||||
<option value="NePNK">Neon pink</option>
|
||||
<option value="PNK">Pink</option>
|
||||
<option value="RED">Red</option>
|
||||
<option value="BUR">Burgundy</option>
|
||||
<option value="PUR">Purple</option>
|
||||
<option value="LBL">Light blue</option>
|
||||
<option value="NeBLU">Neon blue</option>
|
||||
<option value="RBL">Royal blue</option>
|
||||
<option value="NBL" selected="selected">Navy blue</option>
|
||||
<option value="TEAL">Teal</option>
|
||||
<option value="NeGRN">Neon green</option>
|
||||
<option value="KGR">Kelly green</option>
|
||||
<option value="FGR">Forest green</option>
|
||||
<option value="ODG">Olive Drab</option>
|
||||
<option value="BRN">Brown</option>
|
||||
<option value="TAN">Tan</option>
|
||||
<option value="COY">Coyote</option>
|
||||
<option value="CAMO_WO">Camo Woodland</option>
|
||||
<option value="CAMO_DE">Camo Desert</option>
|
||||
<option value="CAMO_DD">Camo Desert Digital</option>
|
||||
<option value="CAMO_MUL">Camo Multicam</option>
|
||||
<option value="CAMO_BLMUL">Camo Black Multicam</option>
|
||||
<option value="CAMO_MDD">Marpat Desert Digital</option>
|
||||
<option value="CAMO_MWD">Marpat Woodland digital</option>
|
||||
<option value="KRYP_MAND">Kryptek Mandrake</option>
|
||||
<option value="KRYP_HIGH">Kryptek Highlander</option>
|
||||
<option value="KRYP_RAID">Kryptek Raid</option>
|
||||
<option value="KRYP_TYPH">Kryptek Typhon</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-xs-12 ps-5 py-2">
|
||||
<div class="card mb-3">
|
||||
<div class="card-body">
|
||||
<h5 class="mb-3">MAIN DEPLOYMENT</h5>
|
||||
<div class="mb-1 row">
|
||||
<label for="maindeploy" class="col-sm-3 col-form-label">Type:</label>
|
||||
<div class="col-sm-9">
|
||||
<select name="maindeploy" class="form-select" id="maindeploy">
|
||||
<option value="Bottom of container" selected="selected">Bottom of container</option>
|
||||
<option value="PULLOUT">Pullout</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-1 row">
|
||||
<span class="col-sm-3 col-form-label"> </span>
|
||||
<div class="col-sm-9">
|
||||
<input class="form-check-input" type="checkbox" name="semistowless" id="semistowless" value="Y">
|
||||
<label class="form-check-label" for="semistowless">V-Stow bag (Up to size V358) (extra cost)</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card mb-3">
|
||||
<div class="card-body">
|
||||
<h5 class="mb-3">BACK & LEG PADS</h5>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" name="deluxe" id="deluxe" value="Y" checked="checked">
|
||||
<label class="form-check-label" for="deluxe">Deluxe backpad</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" name="3dbackleg" id="3dbackleg" value="Y" checked="checked">
|
||||
<label class="form-check-label" for="3dbackleg">3D Spacer Foam backpad/legpads (extra cost)</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" name="3dstab" id="3dstab" value="Y" checked="checked">
|
||||
<label class="form-check-label" for="3dstab">3D Spacer Foam padded stabilizers (extra cost)</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" name="vgh" id="vgh" value="Y" checked="checked">
|
||||
<label class="form-check-label" for="vgh">Variable Geometry Harness (hip rings)</label>
|
||||
</div>
|
||||
<div class="mb-1 row">
|
||||
<label for="selvgh" class="col-sm-3 col-form-label"> </label>
|
||||
<div class="col-sm-9">
|
||||
<select name="selvgh" class="form-select" id="selvgh">
|
||||
<option value="Two piece leg pad" selected="selected">Two piece leg pad</option>
|
||||
<option value="One piece leg pad">One piece leg pad</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" name="rolledlegpad" id="rolledlegpad" value="Y" checked="checked">
|
||||
<label class="form-check-label" for="rolledlegpad">Rolled edge leg pad (extra cost)</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" name="hookknife" id="hookknife" value="Y" checked="checked">
|
||||
<label class="form-check-label" for="hookknife">Hook knife (extra cost)</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" name="freeflymod" id="freeflymod" value="Y" checked="checked">
|
||||
<label class="form-check-label" for="freeflymod">Freefly mod (extra cost)</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card mb-3">
|
||||
<div class="card-body">
|
||||
<h5 class="mb-3">WINGSUIT OPTIONS</h5>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" name="wspc30" id="wspc30" value="Y" checked="checked">
|
||||
<label class="form-check-label" for="wspc30">30" Pilot chute</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" name="wsbridle" id="wsbridle" value="Y" checked="checked">
|
||||
<label class="form-check-label" for="wsbridle">Wingsuit bridle length</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" name="wscorners" id="wscorners" value="Y" checked="checked">
|
||||
<label class="form-check-label" for="wscorners">Dynamic wingsuit corners (extra cost)</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</mat-card-content>
|
||||
</mat-card>
|
||||
<mat-card>
|
||||
<mat-card-content>
|
||||
<div class="row mx-0 mt-4 mb-0">
|
||||
<div class="col-sm-6 col-xs-12 ps-5 py-2">
|
||||
<dl class="row">
|
||||
<dt class="col-md-8 col-sm-10 col-xs-6">UPT couleurs séparées (sauf V) :</dt><dd class="col-md-4 col-sm-2 col-xs-6"><i class="icosvg-checkbox-checked me-2"></i> Oui</dd>
|
||||
<dt class="col-md-8 col-sm-10 col-xs-6">Bouclerie :</dt><dd class="col-md-4 col-sm-2 col-xs-6"><i class="icosvg-checkbox-checked me-2"></i> Black</dd>
|
||||
<dt class="col-md-8 col-sm-10 col-xs-6">UPT anneaux cuissardes :</dt><dd class="col-md-4 col-sm-2 col-xs-6"><i class="icosvg-checkbox-checked me-2"></i> Oui</dd>
|
||||
<dt class="col-md-8 col-sm-10 col-xs-6">UPT harnais réglable :</dt><dd class="col-md-4 col-sm-2 col-xs-6"><span class="text-muted"><i class="icosvg-checkbox-unchecked me-2"></i> Non</span></dd>
|
||||
<dt class="col-md-8 col-sm-10 col-xs-6">UPT Skyhook :</dt><dd class="col-md-4 col-sm-2 col-xs-6"><span class="text-muted"><i class="icosvg-checkbox-unchecked me-2"></i> Non</span></dd>
|
||||
<dt class="col-md-8 col-sm-10 col-xs-6">UPT Stevens :</dt><dd class="col-md-4 col-sm-2 col-xs-6"><span class="text-muted"><i class="icosvg-checkbox-unchecked me-2"></i> Non</span></dd>
|
||||
<dt class="col-md-8 col-sm-10 col-xs-6">UPT dosseret mousse 3D :</dt><dd class="col-md-4 col-sm-2 col-xs-6"><i class="icosvg-checkbox-checked me-2"></i> Oui</dd>
|
||||
<dt class="col-md-8 col-sm-10 col-xs-6">UPT dosseret luxe :</dt><dd class="col-md-4 col-sm-2 col-xs-6"><i class="icosvg-checkbox-checked me-2"></i> Oui</dd>
|
||||
<dt class="col-md-8 col-sm-10 col-xs-6">UPT lombaires mousse 3D :</dt><dd class="col-md-4 col-sm-2 col-xs-6"><i class="icosvg-checkbox-checked me-2"></i> Oui</dd>
|
||||
<dt class="col-md-8 col-sm-10 col-xs-6">UPT mode FF :</dt><dd class="col-md-4 col-sm-2 col-xs-6"><i class="icosvg-checkbox-checked me-2"></i> Oui</dd>
|
||||
<dt class="col-md-8 col-sm-10 col-xs-6">UPT caches élévateurs aimantés :</dt><dd class="col-md-4 col-sm-2 col-xs-6"><i class="icosvg-checkbox-checked me-2"></i> Oui</dd>
|
||||
<dt class="col-md-8 col-sm-10 col-xs-6">UPT Kill line :</dt><dd class="col-md-4 col-sm-2 col-xs-6"><i class="icosvg-checkbox-checked me-2"></i> Oui</dd>
|
||||
<dt class="col-md-8 col-sm-10 col-xs-6">UPT boule cuir :</dt><dd class="col-md-4 col-sm-2 col-xs-6"><span class="text-muted"><i class="icosvg-checkbox-unchecked me-2"></i> Non</span></dd>
|
||||
<dt class="col-md-8 col-sm-10 col-xs-6">UPT poignée FF :</dt><dd class="col-md-4 col-sm-2 col-xs-6"><i class="icosvg-checkbox-checked me-2"></i> Oui</dd>
|
||||
<dt class="col-md-8 col-sm-10 col-xs-6">UPT poignée HD corde :</dt><dd class="col-md-4 col-sm-2 col-xs-6"><span class="text-muted"><i class="icosvg-checkbox-unchecked me-2"></i> Non</span></dd>
|
||||
<dt class="col-md-8 col-sm-10 col-xs-6">UPT poignée secours mousse :</dt><dd class="col-md-4 col-sm-2 col-xs-6"><i class="icosvg-checkbox-checked me-2"></i> Oui</dd>
|
||||
<dt class="col-md-8 col-sm-10 col-xs-6">UPT poignées sur avants :</dt><dd class="col-md-4 col-sm-2 col-xs-6"><i class="icosvg-checkbox-checked me-2"></i> Oui</dd>
|
||||
</dl>
|
||||
</div>
|
||||
<div class="col-sm-6 col-xs-12 ps-5 py-2">
|
||||
<dl class="row">
|
||||
<dt class="col-md-8 col-sm-10 col-xs-6">UPT pull out :</dt><dd class="col-md-4 col-sm-2 col-xs-6"><span class="text-muted"><i class="icosvg-checkbox-unchecked me-2"></i> Non</span></dd>
|
||||
<dt class="col-md-8 col-sm-10 col-xs-6">UPT poignée de transport :</dt><dd class="col-md-4 col-sm-2 col-xs-6"><span class="text-muted"><i class="icosvg-checkbox-unchecked me-2"></i> Non</span></dd>
|
||||
<dt class="col-md-8 col-sm-10 col-xs-6">UPT Liserets sur rabat central :</dt><dd class="col-md-4 col-sm-2 col-xs-6"><span class="text-muted"><i class="icosvg-checkbox-unchecked me-2"></i> Non</span></dd>
|
||||
<dt class="col-md-8 col-sm-10 col-xs-6">UPT logo supp. plastron :</dt><dd class="col-md-4 col-sm-2 col-xs-6"><span class="text-muted"><i class="icosvg-checkbox-checked me-2"></i> Oui</span></dd>
|
||||
<dt class="col-md-8 col-sm-10 col-xs-6">UPT logo supp. sur côté :</dt><dd class="col-md-4 col-sm-2 col-xs-6"><i class="icosvg-checkbox-checked me-2"></i> Oui</dd>
|
||||
<dt class="col-md-8 col-sm-10 col-xs-6">UPT logo sur rabat secours :</dt><dd class="col-md-4 col-sm-2 col-xs-6"><i class="icosvg-checkbox-checked me-2"></i> Oui</dd>
|
||||
<dt class="col-md-8 col-sm-10 col-xs-6">UPT nom brodé :</dt><dd class="col-md-4 col-sm-2 col-xs-6"><span class="text-muted"><i class="icosvg-checkbox-unchecked me-2"></i> Non</span></dd>
|
||||
<dt class="col-md-8 col-sm-10 col-xs-6">UPT POD sans élastiques :</dt><dd class="col-md-4 col-sm-2 col-xs-6"><span class="text-muted"><i class="icosvg-checkbox-unchecked me-2"></i> Non</span></dd>
|
||||
<!-- <dt class="col-md-8 col-sm-10 col-xs-6">UPT Coupe suspente alu :</dt><dd class="col-md-4 col-sm-2 col-xs-6"><span class="text-muted"><i class="icosvg-checkbox-unchecked me-2"></i> Non</span></dd> -->
|
||||
<dt class="col-md-8 col-sm-10 col-xs-6">UPT Coupe suspente alu :</dt><dd class="col-md-4 col-sm-2 col-xs-6"><i class="icosvg-checkbox-checked me-2"></i> Oui</dd>
|
||||
<dt class="col-md-8 col-sm-10 col-xs-6">UPT coupe suspente plast. :</dt><dd class="col-md-4 col-sm-2 col-xs-6"><span class="text-muted"><i class="icosvg-checkbox-unchecked me-2"></i> Non</span></dd>
|
||||
<dt class="col-md-8 col-sm-10 col-xs-6">UPT broderie perso (à partir de) :</dt><dd class="col-md-4 col-sm-2 col-xs-6"><span class="text-muted"><i class="icosvg-checkbox-unchecked me-2"></i> Non</span></dd>
|
||||
<dt class="col-md-8 col-sm-10 col-xs-6">UPT galon contrasté :</dt><dd class="col-md-4 col-sm-2 col-xs-6"><span class="text-muted"><i class="icosvg-checkbox-unchecked me-2"></i> Non</span></dd>
|
||||
<dt class="col-md-8 col-sm-10 col-xs-6">UPT JC coutures libres :</dt><dd class="col-md-4 col-sm-2 col-xs-6"><span class="text-muted"><i class="icosvg-checkbox-unchecked me-2"></i> Non</span></dd>
|
||||
<dt class="col-md-8 col-sm-10 col-xs-6">UPT Design special :</dt><dd class="col-md-4 col-sm-2 col-xs-6"><span class="text-muted"><i class="icosvg-checkbox-unchecked me-2"></i> Non</span></dd>
|
||||
<dt class="col-md-8 col-sm-10 col-xs-6">UPT Coins libres :</dt><dd class="col-md-4 col-sm-2 col-xs-6"><span class="text-muted"><i class="icosvg-checkbox-checked me-2"></i> Oui</span></dd>
|
||||
<dt class="col-md-8 col-sm-10 col-xs-6">Rolled edge legpad :</dt><dd class="col-md-4 col-sm-2 col-xs-6"><i class="icosvg-checkbox-checked me-2"></i> Oui</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
</mat-card-content>
|
||||
</mat-card>
|
||||
</div>
|
||||
<mat-divider class="mx-4"></mat-divider>
|
||||
<mat-divider class="my-4"></mat-divider>
|
||||
<!--
|
||||
turquoise
|
||||
cyan
|
||||
@@ -482,13 +168,13 @@ yellow
|
||||
-->
|
||||
<div class="content">
|
||||
<mat-card>
|
||||
<mat-card-header class="bg-navy rounded-top py-3 px-4">
|
||||
<mat-card-header class="bg-primary text-bg-primary rounded-top py-3 px-4">
|
||||
<div class="flex-fill">
|
||||
<mat-card-title>
|
||||
Buttons variants
|
||||
</mat-card-title>
|
||||
<mat-card-subtitle class="fw-normal">
|
||||
turquoise / cyan / navy / purple / raspberry / orange / yellow
|
||||
<mat-card-subtitle class="fw-normal text-white">
|
||||
turquoise / cyan / navy / purple / raspberry / orange / yellow / megna / magenta / pink
|
||||
</mat-card-subtitle>
|
||||
</div>
|
||||
<span class="flex-spacer"></span>
|
||||
|
||||
Reference in New Issue
Block a user