source: spip-zone/_plugins_/stocks/trunk/prive/squelettes/contenu/gerer_stocks.html @ 107819

Last change on this file since 107819 was 107819, checked in by arnaud.berard@…, 3 years ago

Cosmétique on aligne le texte a droite dans les inputs

  • Property svn:eol-style set to native
  • Property svn:executable set to *
File size: 2.1 KB
Line 
1<style type="text/css">
2table {
3        position: relative;
4}
5.txt-right {
6        text-align: right;
7}
8.txt-right input {
9        text-align: end;
10}
11td.actions {
12        padding:0;
13}
14.product-preview {
15        position: absolute;
16        max-width: 400px;
17        height: auto;
18        left: 15rem;
19        margin-top: -15rem;
20        z-index: 5000;
21        box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2)
22}
23.formulaire_changer_quantite {
24        padding-bottom: 8px; 
25}
26
27.formulaire_changer_quantite .reponse_formulaire {
28        position: absolute;
29    display: block;
30    z-index: 100;
31    padding: 8px;
32    border: 1px solid;
33    margin-left: -50%;
34       
35        text-align: center;
36}
37
38.formulaire_changer_quantite .reponse_formulaire_ok {
39        border-color: #22ff5d;
40        background-color: rgba(156, 237, 149, 0.4);
41}
42.formulaire_changer_quantite .reponse_formulaire_erreur {
43        border-color: #fc2729;
44        background-color: rgba(255, 15, 17, 0.4);
45}
46.formulaire_changer_quantite label {
47        display: block;
48        width: 100%;   
49}
50.new,.edit {
51        border-right: 8px solid;
52        padding-right: 8px;
53}
54.new {
55        border-color: #6fd3ff;
56}
57.edit {
58        border-color: #89ebb6;
59}
60</style>
61
62<h1 class="grostitre">Gestion du stock</h1>
63
64<table>
65        <tr>
66                <th>Titre</th>
67                <th>Parent</th>
68                <th>Ref.</th>
69                <th class="txt-right">Stock</th>
70        </tr>
71<B_listProduits>
72<BOUCLE_listProduits(PRODUITS){!statut IN vendu}>
73        <tr>
74                <td>
75                        <a href="#URL_ECRIRE{'produit',id_produit=#ID_PRODUIT}" class="js-product-preview" data-preview="[(#LOGO_PRODUIT|image_reduire{500,500}|extraire_attribut{src})]">#TITRE</a>
76                </td>
77                <td>
78                        <a href="#URL_ECRIRE{'rubrique',id_rubrique=#ID_RUBRIQUE}">#INFO_TITRE{'rubrique',#ID_RUBRIQUE}</a>
79                </td>
80                <td>#REFERENCE</td>
81                <td class="txt-right actions">
82                        <div class="ajax">
83                                #FORMULAIRE_CHANGER_QUANTITE{'produit', #ID_PRODUIT}
84                        </div> 
85                </td>
86        </tr>
87</BOUCLE_listProduits>
88</B_listProduits>
89<//B_listProduits>
90</table>
91
92<script>
93jQuery(function($){
94       
95        $('.js-product-preview').hover(
96                function(){
97                        var preview = $('<img class="product-preview" src="'+$(this).data('preview')+'" style="opacity:0" />');
98                        $(this).append(preview);
99                        preview.animate({
100                                        opacity: 1
101                                  }, 700 );
102                },
103                function(){
104                        $(this).find('img').remove();
105                }
106        );
107       
108});
109</script>
Note: See TracBrowser for help on using the repository browser.