menage
This commit is contained in:
parent
682f333ee0
commit
fccbe9273c
16 changed files with 3 additions and 20917 deletions
File diff suppressed because one or more lines are too long
|
|
@ -1,236 +0,0 @@
|
||||||
// ----------------------------
|
|
||||||
// Surcharge de vue-next-select
|
|
||||||
// ----------------------------
|
|
||||||
.gamutable__input--rechercher {
|
|
||||||
padding: 0.25rem 1rem;
|
|
||||||
}
|
|
||||||
.vue-tags .vue-tag.selected {
|
|
||||||
font-size: 1.2rem;
|
|
||||||
}
|
|
||||||
div.vue-input > input {
|
|
||||||
font-size: 1.2rem;
|
|
||||||
}
|
|
||||||
.tag--ub {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
.gamutable__input--filtrer {
|
|
||||||
font-size: 1.2rem;
|
|
||||||
//box-shadow: 0 0 0 1px rgb(153, 153, 153) inset;
|
|
||||||
padding: 5px 5px !important;
|
|
||||||
&:valid {
|
|
||||||
font-size: 1.2rem;
|
|
||||||
background-color: rgb(153, 153, 153);
|
|
||||||
color: #000;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.gamutable__input--filtrer:placeholder-shown {
|
|
||||||
background-color: transparent;
|
|
||||||
color: inherit;
|
|
||||||
}
|
|
||||||
th .vue-select {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
// ----------------------------
|
|
||||||
// Fin de la surcharge de vue-next-select
|
|
||||||
// ----------------------------
|
|
||||||
.gamutable--surTable {
|
|
||||||
select,
|
|
||||||
input {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
.gamutable-nbrMax {
|
|
||||||
margin-left: 2rem;
|
|
||||||
}
|
|
||||||
.includespip {
|
|
||||||
margin-left: 2rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.gamutable--sousTable {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
}
|
|
||||||
.gamutable--pagination {
|
|
||||||
display: flex;
|
|
||||||
.page-item {
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
.page-link {
|
|
||||||
margin: 0 0.2rem;
|
|
||||||
background-color: #eee;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.h2-like.titregamutable,
|
|
||||||
.h2-like.titregamutable_deux {
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
.gamutable table {
|
|
||||||
// patch provisoire
|
|
||||||
// .vue-dropdown-item > span {
|
|
||||||
// display: inline-block;
|
|
||||||
// min-height: 1rem;
|
|
||||||
// }
|
|
||||||
|
|
||||||
font-size: 1rem;
|
|
||||||
table-layout: auto;
|
|
||||||
thead {
|
|
||||||
border: 1px solid rgb(119, 119, 119);
|
|
||||||
}
|
|
||||||
.gt_labels {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
th > div {
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
.label_tete_colonne {
|
|
||||||
flex-grow: 1;
|
|
||||||
}
|
|
||||||
.iconeTri {
|
|
||||||
float: right;
|
|
||||||
width: calc(1rem + 4px);
|
|
||||||
//position: relative;
|
|
||||||
.fa {
|
|
||||||
padding: 2px 5px;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.tri_col {
|
|
||||||
cursor: pointer;
|
|
||||||
fill: #cecece;
|
|
||||||
}
|
|
||||||
.iconeTri > .active {
|
|
||||||
fill: rgb(220, 53, 69);
|
|
||||||
color: rgb(220, 53, 69);
|
|
||||||
}
|
|
||||||
tbody tr:hover {
|
|
||||||
background-color: rgba(179, 209, 67, 0.27);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
#app .select {
|
|
||||||
background-color: rgba(179, 209, 67, 0.47);
|
|
||||||
}
|
|
||||||
|
|
||||||
td.id {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
th.icone {
|
|
||||||
width: 30px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
tr.filtreColonne th {
|
|
||||||
padding: 0;
|
|
||||||
select {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
td.icone > * {
|
|
||||||
width: 100%;
|
|
||||||
display: block;
|
|
||||||
padding: 0.5rem;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.gamutable .url_action {
|
|
||||||
padding: 0.2rem;
|
|
||||||
display: inline-flex;
|
|
||||||
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;
|
|
||||||
}
|
|
||||||
|
|
||||||
.viderInputSearch {
|
|
||||||
color: #ff0000;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* blocks widths (percentage and pixels) */
|
|
||||||
$i: 100;
|
|
||||||
@while $i > 0 {
|
|
||||||
.w#{$i} {
|
|
||||||
width: $i * 1%;
|
|
||||||
}
|
|
||||||
$i: $i - 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
$i: 1000;
|
|
||||||
@while $i > 200 {
|
|
||||||
.w#{$i}p {
|
|
||||||
width: $i * 1px;
|
|
||||||
}
|
|
||||||
.minw#{$i}p {
|
|
||||||
min-width: $i * 1px;
|
|
||||||
}
|
|
||||||
.maxw#{$i}p {
|
|
||||||
max-width: $i * 1px;
|
|
||||||
}
|
|
||||||
.w#{$i}p input {
|
|
||||||
width: $i * 1px;
|
|
||||||
}
|
|
||||||
$i: $i - 50;
|
|
||||||
}
|
|
||||||
$i: 200;
|
|
||||||
@while $i > 0 {
|
|
||||||
.w#{$i}p {
|
|
||||||
width: $i * 1px;
|
|
||||||
}
|
|
||||||
.minw#{$i}p {
|
|
||||||
min-width: $i * 1px;
|
|
||||||
}
|
|
||||||
.maxw#{$i}p {
|
|
||||||
max-width: $i * 1px;
|
|
||||||
}
|
|
||||||
.w#{$i}p input {
|
|
||||||
width: $i * 1px;
|
|
||||||
}
|
|
||||||
$i: $i - 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.w66 {
|
|
||||||
width: calc(100% / 3 * 2);
|
|
||||||
}
|
|
||||||
.w33 {
|
|
||||||
width: calc(100% / 3);
|
|
||||||
}
|
|
||||||
.wauto {
|
|
||||||
width: auto;
|
|
||||||
}
|
|
||||||
.w960p {
|
|
||||||
width: 960px;
|
|
||||||
}
|
|
||||||
.minw960p {
|
|
||||||
min-width: 960px;
|
|
||||||
}
|
|
||||||
.maxw960p {
|
|
||||||
max-width: 960px;
|
|
||||||
}
|
|
||||||
.w1140p {
|
|
||||||
width: 1140px;
|
|
||||||
}
|
|
||||||
.minw1140p {
|
|
||||||
min-width: 1140px;
|
|
||||||
}
|
|
||||||
.maxw1140p {
|
|
||||||
max-width: 1140px;
|
|
||||||
}
|
|
||||||
|
|
@ -1,49 +0,0 @@
|
||||||
/* ----------------------------- */
|
|
||||||
/* ==Tables */
|
|
||||||
/* ----------------------------- */
|
|
||||||
table,
|
|
||||||
.table {
|
|
||||||
width: 100%;
|
|
||||||
max-width: 100%;
|
|
||||||
table-layout: fixed;
|
|
||||||
border-collapse: collapse;
|
|
||||||
vertical-align: top;
|
|
||||||
margin-bottom: 2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.table {
|
|
||||||
display: table;
|
|
||||||
border: 1px solid #acb3c2;
|
|
||||||
background: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
.table--zebra tbody tr:nth-child(odd) {
|
|
||||||
background: #e7e9ed;
|
|
||||||
}
|
|
||||||
|
|
||||||
.table caption {
|
|
||||||
caption-side: bottom;
|
|
||||||
padding: 1rem;
|
|
||||||
color: #333;
|
|
||||||
font-style: italic;
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
|
|
||||||
.table td,
|
|
||||||
.table th {
|
|
||||||
padding: 0.3rem 0.6rem;
|
|
||||||
min-width: 2rem;
|
|
||||||
vertical-align: top;
|
|
||||||
border: 1px #acb3c2 dotted;
|
|
||||||
text-align: left;
|
|
||||||
cursor: default;
|
|
||||||
}
|
|
||||||
|
|
||||||
.table thead {
|
|
||||||
color: #212529;
|
|
||||||
background: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
.table--auto {
|
|
||||||
table-layout: auto;
|
|
||||||
}
|
|
||||||
142
gulpfile.js
142
gulpfile.js
|
|
@ -1,142 +0,0 @@
|
||||||
const { src, dest, series, parallel, watch } = require('gulp');
|
|
||||||
const gulpSass = require('gulp-sass')(require('sass'));
|
|
||||||
const sourcemaps = require('gulp-sourcemaps');
|
|
||||||
const postcss = require('gulp-postcss');
|
|
||||||
const autoprefixer = require('autoprefixer');
|
|
||||||
const CombineMQ = require('postcss-combine-media-query');
|
|
||||||
const notify = require('gulp-notify');
|
|
||||||
const concat = require('gulp-concat');
|
|
||||||
const uglify = require('gulp-uglify');
|
|
||||||
const babel = require('gulp-babel');
|
|
||||||
const rename = require('gulp-regex-rename');
|
|
||||||
|
|
||||||
const CSSnano = require('cssnano');
|
|
||||||
|
|
||||||
// const unuse = require('postcss-uncss'); //https://github.com/uncss/postcss-uncss
|
|
||||||
|
|
||||||
/*
|
|
||||||
* SASS$
|
|
||||||
*/
|
|
||||||
function sass() {
|
|
||||||
return src(['css/**/*.scss'])
|
|
||||||
.pipe(sourcemaps.init())
|
|
||||||
.pipe(
|
|
||||||
gulpSass({
|
|
||||||
outputStyle: 'expanded',
|
|
||||||
})
|
|
||||||
)
|
|
||||||
.on('error', (err) => notify().write(err))
|
|
||||||
.pipe(
|
|
||||||
postcss([
|
|
||||||
CombineMQ, // rassemble les Media Queries (parfait pour les classes utilitaires)
|
|
||||||
autoprefixer, // ajoute les préfixes vendeurs
|
|
||||||
// CSSnano, // minification
|
|
||||||
])
|
|
||||||
)
|
|
||||||
.pipe(sourcemaps.write('.')) // initialize sourcemaps first
|
|
||||||
.pipe(dest('css'));
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* JS -> concat + babel
|
|
||||||
*/
|
|
||||||
function jsConcatMinif() {
|
|
||||||
console.log('ok');
|
|
||||||
return (
|
|
||||||
src(['./js/a_compresser/*.js'])
|
|
||||||
.pipe(sourcemaps.init())
|
|
||||||
.pipe(
|
|
||||||
babel({
|
|
||||||
presets: ['@babel/preset-env'],
|
|
||||||
})
|
|
||||||
)
|
|
||||||
.pipe(concat('mon_site.min.js', { newLine: ';' }))
|
|
||||||
// SPECIFIQUE DEV: ne pas compacter le JS
|
|
||||||
// .pipe(uglify())
|
|
||||||
.pipe(sourcemaps.write('.'))
|
|
||||||
.pipe(dest('./js'))
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* JS -> babel
|
|
||||||
*/
|
|
||||||
function jsBabel() {
|
|
||||||
return src(['js/**/*.es6.js'])
|
|
||||||
.pipe(
|
|
||||||
babel({
|
|
||||||
presets: ['@babel/preset-env'],
|
|
||||||
})
|
|
||||||
)
|
|
||||||
.pipe(rename(/\.es6/, ''))
|
|
||||||
.pipe(dest('./js'));
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Les Watchers
|
|
||||||
*/
|
|
||||||
function watcherSass() {
|
|
||||||
watch('css/**/*.scss', { ignoreInitial: false }, sass).on('change', function () {
|
|
||||||
notify('CSS -> SCSS ==> OK').write('');
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function watcherJsConcatMinif() {
|
|
||||||
watch('./js/a_compresser/*.js', { ignoreInitial: false }, jsConcatMinif).on('change', function () {
|
|
||||||
notify('JS (concat) ==> OK').write('');
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function watcherJsBabel() {
|
|
||||||
watch('./js/**/*.es6.js', { ignoreInitial: false }, jsBabel).on('change', function () {
|
|
||||||
notify('JS (babel) ==> OK').write('');
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* SVG sprite
|
|
||||||
*/
|
|
||||||
// const gulpSvgSprite = require('gulp-svg-sprite');
|
|
||||||
// const config = {
|
|
||||||
// shape: {
|
|
||||||
// spacing: {
|
|
||||||
// box: 'icon',
|
|
||||||
// },
|
|
||||||
// },
|
|
||||||
// mode: {
|
|
||||||
// symbol: {
|
|
||||||
// dest: '.',
|
|
||||||
// sprite: 'sprite_symbol_picto.svg',
|
|
||||||
// },
|
|
||||||
// },
|
|
||||||
// };
|
|
||||||
//
|
|
||||||
// function svgSprite() {
|
|
||||||
// return (
|
|
||||||
// src('svg/**/*.svg')
|
|
||||||
// .pipe(gulpSvgSprite(config))
|
|
||||||
// .on('error', function (error) {
|
|
||||||
// console.log(error);
|
|
||||||
// })
|
|
||||||
// .pipe(dest('img'))
|
|
||||||
// );
|
|
||||||
// }
|
|
||||||
|
|
||||||
/*
|
|
||||||
* SVG minifier
|
|
||||||
*/
|
|
||||||
// var svgmin = require('gulp-svgmin');
|
|
||||||
// function svgMin() {
|
|
||||||
// return src('svg/*.svg').pipe(svgmin()).pipe(dest('./svgmin'));
|
|
||||||
// }
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Exports des fonctions
|
|
||||||
*/
|
|
||||||
module.exports = {
|
|
||||||
default: parallel(sass, jsConcatMinif, jsBabel),
|
|
||||||
sass: sass,
|
|
||||||
watch: parallel(watcherSass, watcherJsConcatMinif, watcherJsBabel),
|
|
||||||
// sprite: svgSprite,
|
|
||||||
// svgmin: svgMin,
|
|
||||||
};
|
|
||||||
|
|
@ -1,4 +1,5 @@
|
||||||
[(#REM) chargement de vue ] [(#VAL{gamutable.js}|vite)] [(#REM) ]
|
[(#VAL{gamutable.js}|vite)]
|
||||||
|
|
||||||
<link
|
<link
|
||||||
rel="stylesheet"
|
rel="stylesheet"
|
||||||
href="[(#CHEMIN{css/gamutable.css}|compacte|timestamp)]"
|
href="[(#CHEMIN{css/gamutable.css}|compacte|timestamp)]"
|
||||||
|
|
@ -89,10 +90,7 @@
|
||||||
</BOUCLE_deux>
|
</BOUCLE_deux>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
[(#REM) si dans l'env il y a un parametre _id=xxx, il sera récupéré pour
|
|
||||||
selectionner cette ligne dans le gamutable ajout de la classe: select sur le tr
|
|
||||||
]
|
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var nomBlocAjaxReload = "";
|
var nomBlocAjaxReload = "";
|
||||||
</script>
|
</script>
|
||||||
<script src="[(#CHEMIN{js/localforage.js}|timestamp)]" type="text/javascript"></script>
|
<script src="[(#CHEMIN{js/localforage.min.js}|timestamp)]" type="text/javascript"></script>
|
||||||
|
|
|
||||||
996
js/gamutable.js
996
js/gamutable.js
File diff suppressed because one or more lines are too long
1924
js/papaparse.js
1924
js/papaparse.js
File diff suppressed because it is too large
Load diff
7
js/papaparse.min.js
vendored
7
js/papaparse.min.js
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load diff
1
js/vue-next-select.min.js
vendored
1
js/vue-next-select.min.js
vendored
File diff suppressed because one or more lines are too long
1
js/vue.min.js
vendored
1
js/vue.min.js
vendored
File diff suppressed because one or more lines are too long
7
localforage.min.js
vendored
7
localforage.min.js
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,37 +0,0 @@
|
||||||
<template>
|
|
||||||
<img alt="Vue logo" src="../assets/logo.png" height="40" />
|
|
||||||
|
|
||||||
<h1>Vue {{ msg }}</h1>
|
|
||||||
|
|
||||||
<p>
|
|
||||||
<a href="https://vitejs.dev/guide/features.html" target="_blank">
|
|
||||||
Vite Documentation
|
|
||||||
</a>
|
|
||||||
|
|
|
||||||
<a href="https://v3.vuejs.org/" target="_blank">Vue 3 Documentation</a>
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<button type="button" @click="state.count++">
|
|
||||||
count is: {{ state.count }}
|
|
||||||
</button>
|
|
||||||
<p>
|
|
||||||
Edit
|
|
||||||
<code>components/HelloWorld.vue</code> to test hot module replacement.
|
|
||||||
</p>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script setup>
|
|
||||||
import { reactive } from "vue";
|
|
||||||
|
|
||||||
defineProps({
|
|
||||||
msg: String,
|
|
||||||
});
|
|
||||||
|
|
||||||
const state = reactive({ count: 0 });
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
a {
|
|
||||||
color: #42b983;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
@ -1,192 +0,0 @@
|
||||||
import { onMounted, reactive, toRefs } from "vue";
|
|
||||||
const store = reactive({
|
|
||||||
table: [],
|
|
||||||
chargement: false,
|
|
||||||
header: [],
|
|
||||||
checkbox: [],
|
|
||||||
crayons: [],
|
|
||||||
classes: [],
|
|
||||||
ordreCol: [],
|
|
||||||
Tcheckbox: {},
|
|
||||||
filtreColType: [],
|
|
||||||
filtreCol: [],
|
|
||||||
filtreColVal: [],
|
|
||||||
filtreColSelected: [],
|
|
||||||
});
|
|
||||||
|
|
||||||
export default function useChargerDonnees(props) {
|
|
||||||
onMounted(() => {});
|
|
||||||
console.log("props = ", props);
|
|
||||||
const loadJson = new chargerJson(props);
|
|
||||||
loadJson.toto();
|
|
||||||
// loadJson.chargement = true;
|
|
||||||
// store.table = loadJson.chargerJson(id);
|
|
||||||
|
|
||||||
return { ...toRefs(store) };
|
|
||||||
}
|
|
||||||
|
|
||||||
class chargerJson {
|
|
||||||
constructor(props) {
|
|
||||||
console.log("props = ", props);
|
|
||||||
// this.url = props.apiuri;
|
|
||||||
// this.champ_search = props.champ_search;
|
|
||||||
// this.nameLocalStorage = calculer_nameLocalStorage(props.url);
|
|
||||||
}
|
|
||||||
toto() {
|
|
||||||
console.log("coucou toto");
|
|
||||||
}
|
|
||||||
//
|
|
||||||
// chargerJson(id) {
|
|
||||||
// fetch(this.url)
|
|
||||||
// .then((response) => response.json())
|
|
||||||
// .then((data) => {
|
|
||||||
// let config = data.shift();
|
|
||||||
// store.header = config.header;
|
|
||||||
// if (config.crayons !== undefined) {
|
|
||||||
// store.crayons = config.crayons;
|
|
||||||
// } else {
|
|
||||||
// store.crayons = [];
|
|
||||||
// }
|
|
||||||
// if (config.classes !== undefined) {
|
|
||||||
// store.classes = config.classes;
|
|
||||||
// } else {
|
|
||||||
// store.classes = [];
|
|
||||||
// }
|
|
||||||
// if (config.checkbox !== undefined) {
|
|
||||||
// store.checkbox = config.checkbox;
|
|
||||||
// Object.keys(store.checkbox).forEach((head) => {
|
|
||||||
// store.Tcheckbox[head] = [];
|
|
||||||
// });
|
|
||||||
// }
|
|
||||||
// if (config.ordreCol !== undefined) {
|
|
||||||
// store.ordreCol = config.ordreCol;
|
|
||||||
// } else {
|
|
||||||
// store.ordreCol = [];
|
|
||||||
// }
|
|
||||||
// if (parseInt(id) > 0) {
|
|
||||||
// if (data.length > 0) {
|
|
||||||
// let i = trouver_index(store.trouver_index(store.table, id);
|
|
||||||
// store.table.splice(i, 1);
|
|
||||||
// }
|
|
||||||
// localforage.setItem(
|
|
||||||
// this.nameLocalStorage,
|
|
||||||
// JSON.stringify(store.table, id);
|
|
||||||
// store.table[i] = data[0];
|
|
||||||
// } else {
|
|
||||||
// let i = trouver_index(store.table, id);
|
|
||||||
// store.table.splice(i, 1);
|
|
||||||
// }
|
|
||||||
// localforage.setItem(
|
|
||||||
// this.nameLocalStorage,
|
|
||||||
// JSON.stringify(store.table)
|
|
||||||
// );
|
|
||||||
// } else {
|
|
||||||
// store.table = data;
|
|
||||||
// if (data[0] && data[0].search) {
|
|
||||||
// champ_search = "search";
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
// if (config.filtreCol !== undefined) {
|
|
||||||
// store.filtreColType = config.filtreCol;
|
|
||||||
// state.filtreCol = [];
|
|
||||||
// Object.keys(store.filtreColType).forEach((col) => {
|
|
||||||
// let Tval = [];
|
|
||||||
// store.table.forEach((t) => {
|
|
||||||
// let valCol = t[this.champ_search][col];
|
|
||||||
// if (valCol) {
|
|
||||||
// if (Tval.indexOf(valCol) === -1) {
|
|
||||||
// Tval.push(valCol);
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
// });
|
|
||||||
// state.filtreCol.push(col);
|
|
||||||
// state.filtreColVal[col] = Tval.sort();
|
|
||||||
// state.filtreColSelected[col] = [];
|
|
||||||
// });
|
|
||||||
// }
|
|
||||||
//
|
|
||||||
// Vue.nextTick(() => {
|
|
||||||
// this.chargement = false;
|
|
||||||
// let filtreselect = localStorage.getItem(
|
|
||||||
// "filtreselect_" + this.nameLocalStorage
|
|
||||||
// );
|
|
||||||
// let Tfiltres = [];
|
|
||||||
// // if (filtreselect) {
|
|
||||||
// // Tfiltres = JSON.parse(filtreselect);
|
|
||||||
// // } else if (this.filtreselect) {
|
|
||||||
// // Tfiltres = recupJson(decodeURIComponent(this.filtreselect));
|
|
||||||
// // localStorage.setItem('filtreselect_' + this.nameLocalStorage, JSON.stringify(Tfiltres));
|
|
||||||
// // }
|
|
||||||
// if (this.filtreselect) {
|
|
||||||
// Tfiltres = recupJson(
|
|
||||||
// decodeURIComponent(this.filtreselect)
|
|
||||||
// );
|
|
||||||
// localStorage.setItem(
|
|
||||||
// "filtreselect_" + this.nameLocalStorage,
|
|
||||||
// JSON.stringify(Tfiltres)
|
|
||||||
// );
|
|
||||||
// } else if (filtreselect) {
|
|
||||||
// Tfiltres = JSON.parse(filtreselect);
|
|
||||||
// }
|
|
||||||
//
|
|
||||||
// Tfiltres.forEach((col) => {
|
|
||||||
// state.filtreColSelected[col.champ] = [
|
|
||||||
// statehis.filtreColSelected[col.champ],
|
|
||||||
// ...col.valeurs,
|
|
||||||
// ];
|
|
||||||
// });
|
|
||||||
// state.filtreColModif++;
|
|
||||||
// this.ajaxCrayons = false;
|
|
||||||
//
|
|
||||||
// if (parseInt(this._id) > 0) {
|
|
||||||
// let _id = parseInt(this._id);
|
|
||||||
// let parPage = parseInt(this.parPage);
|
|
||||||
// if (parseInt(parPage)) {
|
|
||||||
// let ordre = 0;
|
|
||||||
// Object.values(store.table).forEach((d, i) => {
|
|
||||||
// if (_id === d.html.id) {
|
|
||||||
// ordre = i + 1;
|
|
||||||
// }
|
|
||||||
// });
|
|
||||||
// if (ordre > parPage) {
|
|
||||||
// let numPage = parseInt(ordre / parPage) + 1;
|
|
||||||
// this.page = numPage;
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
// this.selectLigne(_id, "id");
|
|
||||||
// // let url = new URL(window.location);
|
|
||||||
// // url = url.href.replace('&_id=' + _id, '');
|
|
||||||
// // history.pushState({}, null, url);
|
|
||||||
// }
|
|
||||||
//
|
|
||||||
// if (this.nomblocajaxreload) {
|
|
||||||
// ajaxReload(this.nomblocajaxreload);
|
|
||||||
// }
|
|
||||||
// if (store.ordreCol) {
|
|
||||||
// Object.entries(store.ordreCol).forEach(
|
|
||||||
// ([col, sens]) => {
|
|
||||||
// this.tri(col, sens);
|
|
||||||
// }
|
|
||||||
// );
|
|
||||||
// }
|
|
||||||
// $("td.crayon-init").removeClass("crayon-init");
|
|
||||||
// console.timeEnd("Chargement de VueJs APRES Ajax");
|
|
||||||
// });
|
|
||||||
// })
|
|
||||||
// .catch((error) => console.log(error));
|
|
||||||
// }
|
|
||||||
}
|
|
||||||
function recupJson(d) {
|
|
||||||
try {
|
|
||||||
return JSON.parse(d);
|
|
||||||
} catch (e) {
|
|
||||||
console.log("erreur recupJson ", e);
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
function calculer_nameLocalStorage(url) {
|
|
||||||
if (url) {
|
|
||||||
return url.match(/.*page=(.*)/)[1];
|
|
||||||
}
|
|
||||||
return "";
|
|
||||||
}
|
|
||||||
Loading…
Add table
Reference in a new issue