diff --git a/README.md b/README.md index 7648ea9..5f90fc4 100644 --- a/README.md +++ b/README.md @@ -15,6 +15,8 @@ Choisir entre la version minifiée de vuejs (sans le debug) ou la version de dev tparpage=[15,25,50,'Tous'], champcsv="search", delimitercsv=";", + urlvuebloc=spip.php?page=mon_bloc_type_html, + vueblocdefaut='bloc ou tableau', // par defaut tableau namecsv="souscripteurs.csv", url_sort_asc="#CHEMIN{...}" url_sort_desc="#CHEMIN{...}" diff --git a/css/gamutable.css b/css/gamutable.css index 447fe8b..bbd513f 100644 --- a/css/gamutable.css +++ b/css/gamutable.css @@ -1,3 +1,8 @@ +.gamutable--surTable select, +.gamutable--surTable input { + margin-bottom: 0; +} + .gamutable--sousTable { display: -ms-flexbox; display: flex; @@ -10,6 +15,14 @@ display: flex; } +.gamutable table { + font-size: 1rem; +} + +.gamutable table thead { + border: 1px solid #777777; +} + .gamutable table th > div { display: -ms-flexbox; display: flex; @@ -47,8 +60,12 @@ th.icone { text-align: center; } -td.icone { - /*padding: 0;*/ +tr.filtreColonne th { + padding: 0; +} + +tr.filtreColonne th select { + margin: 0; } td.icone > * { @@ -58,8 +75,34 @@ td.icone > * { text-align: center; } +div.gamutable .url_action { + padding: 0.2rem; + display: inline-block; + background-color: #f5f5f5; + border: 1px solid #cecece; + border-radius: 5px; +} + +div.gamutable .url_action:hover { + background-color: #cecece; +} + td.icone i { font-size: 1.8rem; } +.vueBlocs { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.vueBlocs-unbloc { + width: 23%; + border: 1px solid #cecece; + margin-bottom: 1rem; + margin-right: 1rem; +} + /*# sourceMappingURL=gamutable.css.map */ diff --git a/css/gamutable.css.map b/css/gamutable.css.map index 35e4135..b6551a0 100644 --- a/css/gamutable.css.map +++ b/css/gamutable.css.map @@ -1 +1 @@ -{"version":3,"sources":["gamutable.scss","gamutable.css"],"names":[],"mappings":"AAAA;EACC,oBAAa;EAAb,aAAa;EACb,sBAA8B;MAA9B,8BAA8B;ACC/B;;ADCA;EACC,oBAAa;EAAb,aAAa;ACEd;;ADCA;EAGE,oBAAa;EAAb,aAAa;ACAf;;ADHA;EAME,oBAAY;MAAZ,YAAY;ACCd;;ADPA;EASE,YAAY;EACZ,WAAW;ACEb;;ADZA;EAcE,eAAe;EACf,aAAa;ACEf;;ADjBA;EAkBE,UAAU;ACGZ;;ADAA;EACC,0CAA0C;ACG3C;;ADAA;EACC,eAAe;ACGhB;;ADAA;EACC,WAAW;EACX,kBAAkB;ACGnB;;ADDA;EACC,cAAA;ACID;;ADDA;EACC,WAAW;EACX,cAAc;EACd,eAAe;EACf,kBAAkB;ACInB;;ADFA;EACC,iBAAiB;ACKlB","file":"gamutable.css","sourcesContent":[".gamutable--sousTable {\n\tdisplay: flex;\n\tjustify-content: space-between;\n}\n.gamutable--pagination {\n\tdisplay: flex;\n}\n\n.gamutable table {\n\t//font-size: 1rem;\n\tth > div {\n\t\tdisplay: flex;\n\t}\n\t.label_tete_colonne {\n\t\tflex-grow: 1;\n\t}\n\t.iconeTri {\n\t\tfloat: right;\n\t\twidth: 1rem;\n\t\t//position: relative;\n\t}\n\t.tri_col {\n\t\tcursor: pointer;\n\t\tfill: #cecece;\n\t}\n\t.iconeTri > .active {\n\t\tfill: #000;\n\t}\n}\n#app .select {\n\tbackground-color: rgba(179, 209, 67, 0.47);\n}\n\ntd.id {\n\tcursor: pointer;\n}\n\nth.icone {\n\twidth: 30px;\n\ttext-align: center;\n}\ntd.icone {\n\t/*padding: 0;*/\n}\n\ntd.icone > * {\n\twidth: 100%;\n\tdisplay: block;\n\tpadding: 0.5rem;\n\ttext-align: center;\n}\ntd.icone i {\n\tfont-size: 1.8rem;\n}\n",".gamutable--sousTable {\n display: flex;\n justify-content: space-between;\n}\n\n.gamutable--pagination {\n display: flex;\n}\n\n.gamutable table th > div {\n display: flex;\n}\n\n.gamutable table .label_tete_colonne {\n flex-grow: 1;\n}\n\n.gamutable table .iconeTri {\n float: right;\n width: 1rem;\n}\n\n.gamutable table .tri_col {\n cursor: pointer;\n fill: #cecece;\n}\n\n.gamutable table .iconeTri > .active {\n fill: #000;\n}\n\n#app .select {\n background-color: rgba(179, 209, 67, 0.47);\n}\n\ntd.id {\n cursor: pointer;\n}\n\nth.icone {\n width: 30px;\n text-align: center;\n}\n\ntd.icone {\n /*padding: 0;*/\n}\n\ntd.icone > * {\n width: 100%;\n display: block;\n padding: 0.5rem;\n text-align: center;\n}\n\ntd.icone i {\n font-size: 1.8rem;\n}\n"]} \ No newline at end of file +{"version":3,"sources":["gamutable.scss","gamutable.css"],"names":[],"mappings":"AAAA;;EAGE,gBAAgB;ACAlB;;ADGA;EACC,oBAAa;EAAb,aAAa;EACb,sBAA8B;MAA9B,8BAA8B;ACA/B;;ADEA;EACC,oBAAa;EAAb,aAAa;ACCd;;ADEA;EACC,eAAe;ACChB;;ADFA;EAGE,yBAAoC;ACGtC;;ADNA;EAME,oBAAa;EAAb,aAAa;ACIf;;ADVA;EASE,oBAAY;MAAZ,YAAY;ACKd;;ADdA;EAYE,YAAY;EACZ,WAAW;ACMb;;ADnBA;EAiBE,eAAe;EACf,aAAa;ACMf;;ADxBA;EAqBE,UAAU;ACOZ;;ADJA;EACC,0CAA0C;ACO3C;;ADJA;EACC,eAAe;ACOhB;;ADJA;EACC,WAAW;EACX,kBAAkB;ACOnB;;ADJA;EACC,UAAU;ACOX;;ADRA;EAGE,SAAS;ACSX;;ADLA;EACC,WAAW;EACX,cAAc;EACd,eAAe;EACf,kBAAkB;ACQnB;;ADNA;EACC,eAAe;EACf,qBAAqB;EACrB,yBAAyB;EACzB,yBAAyB;EACzB,kBAAkB;ACSnB;;ADdA;EAOE,yBAAyB;ACW3B;;ADPA;EACC,iBAAiB;ACUlB;;ADPA;EACC,oBAAa;EAAb,aAAa;EACb,mBAAe;MAAf,eAAe;ACUhB;;ADRA;EACC,UAAU;EACV,yBAAyB;EACzB,mBAAmB;EACnB,kBAAkB;ACWnB","file":"gamutable.css","sourcesContent":[".gamutable--surTable {\n\tselect,\n\tinput {\n\t\tmargin-bottom: 0;\n\t}\n}\n.gamutable--sousTable {\n\tdisplay: flex;\n\tjustify-content: space-between;\n}\n.gamutable--pagination {\n\tdisplay: flex;\n}\n\n.gamutable table {\n\tfont-size: 1rem;\n\tthead {\n\t\tborder: 1px solid rgb(119, 119, 119);\n\t}\n\tth > div {\n\t\tdisplay: flex;\n\t}\n\t.label_tete_colonne {\n\t\tflex-grow: 1;\n\t}\n\t.iconeTri {\n\t\tfloat: right;\n\t\twidth: 1rem;\n\t\t//position: relative;\n\t}\n\t.tri_col {\n\t\tcursor: pointer;\n\t\tfill: #cecece;\n\t}\n\t.iconeTri > .active {\n\t\tfill: #000;\n\t}\n}\n#app .select {\n\tbackground-color: rgba(179, 209, 67, 0.47);\n}\n\ntd.id {\n\tcursor: pointer;\n}\n\nth.icone {\n\twidth: 30px;\n\ttext-align: center;\n}\n\ntr.filtreColonne th {\n\tpadding: 0;\n\tselect {\n\t\tmargin: 0;\n\t}\n}\n\ntd.icone > * {\n\twidth: 100%;\n\tdisplay: block;\n\tpadding: 0.5rem;\n\ttext-align: center;\n}\ndiv.gamutable .url_action {\n\tpadding: 0.2rem;\n\tdisplay: inline-block;\n\tbackground-color: #f5f5f5;\n\tborder: 1px solid #cecece;\n\tborder-radius: 5px;\n\t&:hover {\n\t\tbackground-color: #cecece;\n\t}\n}\n\ntd.icone i {\n\tfont-size: 1.8rem;\n}\n\n.vueBlocs {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n}\n.vueBlocs-unbloc {\n\twidth: 23%;\n\tborder: 1px solid #cecece;\n\tmargin-bottom: 1rem;\n\tmargin-right: 1rem;\n}\n",".gamutable--surTable select,\n.gamutable--surTable input {\n margin-bottom: 0;\n}\n\n.gamutable--sousTable {\n display: flex;\n justify-content: space-between;\n}\n\n.gamutable--pagination {\n display: flex;\n}\n\n.gamutable table {\n font-size: 1rem;\n}\n\n.gamutable table thead {\n border: 1px solid #777777;\n}\n\n.gamutable table th > div {\n display: flex;\n}\n\n.gamutable table .label_tete_colonne {\n flex-grow: 1;\n}\n\n.gamutable table .iconeTri {\n float: right;\n width: 1rem;\n}\n\n.gamutable table .tri_col {\n cursor: pointer;\n fill: #cecece;\n}\n\n.gamutable table .iconeTri > .active {\n fill: #000;\n}\n\n#app .select {\n background-color: rgba(179, 209, 67, 0.47);\n}\n\ntd.id {\n cursor: pointer;\n}\n\nth.icone {\n width: 30px;\n text-align: center;\n}\n\ntr.filtreColonne th {\n padding: 0;\n}\n\ntr.filtreColonne th select {\n margin: 0;\n}\n\ntd.icone > * {\n width: 100%;\n display: block;\n padding: 0.5rem;\n text-align: center;\n}\n\ndiv.gamutable .url_action {\n padding: 0.2rem;\n display: inline-block;\n background-color: #f5f5f5;\n border: 1px solid #cecece;\n border-radius: 5px;\n}\n\ndiv.gamutable .url_action:hover {\n background-color: #cecece;\n}\n\ntd.icone i {\n font-size: 1.8rem;\n}\n\n.vueBlocs {\n display: flex;\n flex-wrap: wrap;\n}\n\n.vueBlocs-unbloc {\n width: 23%;\n border: 1px solid #cecece;\n margin-bottom: 1rem;\n margin-right: 1rem;\n}\n"]} \ No newline at end of file diff --git a/css/gamutable.scss b/css/gamutable.scss index 890063b..deb3a62 100644 --- a/css/gamutable.scss +++ b/css/gamutable.scss @@ -1,3 +1,9 @@ +.gamutable--surTable { + select, + input { + margin-bottom: 0; + } +} .gamutable--sousTable { display: flex; justify-content: space-between; @@ -7,7 +13,10 @@ } .gamutable table { - //font-size: 1rem; + font-size: 1rem; + thead { + border: 1px solid rgb(119, 119, 119); + } th > div { display: flex; } @@ -39,8 +48,12 @@ th.icone { width: 30px; text-align: center; } -td.icone { - /*padding: 0;*/ + +tr.filtreColonne th { + padding: 0; + select { + margin: 0; + } } td.icone > * { @@ -49,6 +62,28 @@ td.icone > * { padding: 0.5rem; text-align: center; } +div.gamutable .url_action { + padding: 0.2rem; + display: inline-block; + background-color: #f5f5f5; + border: 1px solid #cecece; + border-radius: 5px; + &:hover { + background-color: #cecece; + } +} + td.icone i { font-size: 1.8rem; } + +.vueBlocs { + display: flex; + flex-wrap: wrap; +} +.vueBlocs-unbloc { + width: 23%; + border: 1px solid #cecece; + margin-bottom: 1rem; + margin-right: 1rem; +} diff --git a/gamutable_autorisations.php b/gamutable_autorisations.php index b19cb1c..59d67cf 100644 --- a/gamutable_autorisations.php +++ b/gamutable_autorisations.php @@ -24,3 +24,7 @@ function autoriser_gamutable_purger_dist($faire, $type, $id, $qui, $opt) { return autoriser('webmestre'); } +function autoriser_gamutable_modifier_dist($faire, $type, $id, $qui, $opt) { + return true; +} + diff --git a/inclure/gamutable.html b/inclure/gamutable.html index 1b69e00..0faf3ff 100644 --- a/inclure/gamutable.html +++ b/inclure/gamutable.html @@ -1,18 +1,43 @@ [(#SET{sort_asc,[(#CHEMIN{img/sprite_gamutable.svg})#sort_asc]})] [(#SET{sort_desc,[(#CHEMIN{img/sprite_gamutable.svg})#sort_desc]})] - +