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

Last change on this file since 107901 was 107901, checked in by arnaud.berard@…, 3 years ago
  • le statut vendu vien d'ailleurs
  • on ne liste pas le statut poubelle
  • on affiche le statut du produit
  • 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_gerer_stock {
24        padding-bottom: 8px; 
25}
26
27.formulaire_gerer_stock .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_gerer_stock .reponse_formulaire_ok {
39        border-color: #22ff5d;
40        background-color: rgba(156, 237, 149, 0.4);
41}
42.formulaire_gerer_stock .reponse_formulaire_erreur {
43        border-color: #fc2729;
44        background-color: rgba(255, 15, 17, 0.4);
45}
46.formulaire_gerer_stock 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>Statut</th>
68                <th>Parent</th>
69                <th>Ref.</th>
70                <th class="txt-right">Stock</th>
71        </tr>
72<B_listProduits>
73<BOUCLE_listProduits(PRODUITS){!statut IN poubelle}>
74        <tr>
75                <td>
76                        <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>
77                </td>
78                <td>
79                        #STATUT
80                </td>
81                <td>
82                        <a href="#URL_ECRIRE{'rubrique',id_rubrique=#ID_RUBRIQUE}">#INFO_TITRE{'rubrique',#ID_RUBRIQUE}</a>
83                </td>
84                <td>#REFERENCE</td>
85                <td class="txt-right actions">
86                        <div class="ajax">
87                                #FORMULAIRE_GERER_STOCK{'produit', #ID_PRODUIT}
88                        </div> 
89                </td>
90        </tr>
91</BOUCLE_listProduits>
92</B_listProduits>
93<//B_listProduits>
94</table>
95
96<script>
97jQuery(function($){
98       
99        $('.js-product-preview').hover(
100                function(){
101                        var preview = $('<img class="product-preview" src="'+$(this).data('preview')+'" style="opacity:0" />');
102                        $(this).append(preview);
103                        preview.animate({
104                                        opacity: 1
105                                  }, 700 );
106                },
107                function(){
108                        $(this).find('img').remove();
109                }
110        );
111       
112});
113</script>
Note: See TracBrowser for help on using the repository browser.