drt
This commit is contained in:
parent
0c7d150744
commit
df652fc623
|
|
@ -1,38 +1,84 @@
|
|||
<?php
|
||||
<div class="modal-dialog" style="width: 70%;" role="document">
|
||||
<div class="modal-content" style="border-radius: 4px; box-shadow: 0 5px 15px rgba(0,0,0,.5);">
|
||||
|
||||
<div class="modal-header" style="background-color: #f5f5f5; border-bottom: 1px solid #e5e5e5; border-top-left-radius: 4px; border-top-right-radius: 4px;">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
<h4 class="modal-title" id="user" style="text-align:center; font-weight: bold; color: #a94442;">
|
||||
<span class="glyphicon glyphicon-edit" style="margin-right: 10px;"></span>
|
||||
<?= _('Observation de Rejet')?>
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
?>
|
||||
<div class="modal-body" style="padding: 20px;">
|
||||
<div id="div_motif" style="margin-top:20px; margin-bottom:20px;">
|
||||
<table class="table table-condensed" style="border: none;">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td style="text-align:center; vertical-align: middle; border-top: none; font-weight: bold; width: 15%;">
|
||||
<label class="control-label required"><?= _("Motif");?></label>
|
||||
</td>
|
||||
<td style="border-top: none;">
|
||||
<div class="form-group" style="margin-bottom: 0;">
|
||||
<textarea class="form-control"
|
||||
placeholder="<?= _("Saisie obligatoire...");?>"
|
||||
name="motif"
|
||||
id="motif"
|
||||
rows="5"
|
||||
required
|
||||
AUTOCOMPLETE="OFF"
|
||||
style="width:100%; border-radius: 4px; resize: vertical;"></textarea>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="border-top: none;"> </td>
|
||||
<td style="border-top: none; padding-top: 15px;">
|
||||
<button type="button"
|
||||
class="btn btn-primary"
|
||||
style="font-weight: bold; padding: 10px 30px;"
|
||||
onClick="javascript:enregistree_obs_rejet(<?= $idMvtTemp ?>);">
|
||||
<span class="glyphicon glyphicon-save" style="margin-right: 8px;"></span>
|
||||
<?= _("Enregistrer") ?>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="modal-footer" style="background-color: #f9f9f9; border-top: 1px solid #eee;">
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal" style="font-weight: bold;">
|
||||
<span class="glyphicon glyphicon-remove" style="margin-right: 5px;"></span>
|
||||
<?= _("Fermer") ?>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="modal-dialog" style="max-width:70%" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal">×</button>
|
||||
|
||||
<legend class="modal-title" id="user" style="text-align:center;"><?= _('Observation de Rejet')?></legend>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div id="div_motif" style="margin-top:30px; margin-bottom:30px;">
|
||||
<table class="table table-responsive table-condensed" style='font-size:12pt;'>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td style='text-align:center' class="required" width="8%"> <?= _("Motif");?></td>
|
||||
<td >
|
||||
<textarea class="form-control-sm" placeholder="<?= _("Obligatoire");?>" name="motif" id="motif" rows="5" required AUTOCOMPLETE="OFF" style="width:100%;"></textarea>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> </td>
|
||||
<td >
|
||||
<input style="font-size:10pt;" class = "form-control btn btn-primary" type="button" value="<?= _("Enregistrer") ?>" onClick="javascript:enregistree_obs_rejet(<?= $$idMvtTemp ?>);">
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="modal-footer">
|
||||
<button type="button" id="" class="btn btn-default" data-dismiss="modal"><?= _("Fermer") ?></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<style>
|
||||
/* Style pour l'astérisque de champ obligatoire */
|
||||
.required:after {
|
||||
content: " *";
|
||||
color: #a94442;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Animation d'apparition simple */
|
||||
.modal-content {
|
||||
animation: modalFadeIn 0.3s ease-out;
|
||||
}
|
||||
|
||||
@keyframes modalFadeIn {
|
||||
from { opacity: 0; transform: translateY(-20px); }
|
||||
to { opacity: 1; transform: translateY(0); }
|
||||
}
|
||||
|
||||
/* Focus sur le textarea version Bootstrap 3 */
|
||||
.form-control:focus {
|
||||
border-color: #66afe9;
|
||||
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue
Block a user