Commit a925001

committed

Datagrid with VueJS almost ok (needs header/filter/pagination but simple data is displayed)

1 parent 2a7c022 commit a925001Copy full SHA for a925001

File tree

+19

-27

lines changed

+19

-27

lines changed

Lines changed: 3 additions & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -1,12 +1,14 @@`
`1`	`1`	`<template>`
`2`	`2`	`<div id="app">`
`3`		`- <router-view/>`
	`3`	`+ <Books></Books>`
`4`	`4`	`</div>`
`5`	`5`	`</template>`
`6`	`6`
`7`	`7`	`<script>`
	`8`	`+import Books from "./components/Books";`
`8`	`9`	`export default {`
`9`	`10`	`name: 'app',`
	`11`	`+ components: {Books},`
`10`	`12`	`}`
`11`	`13`	`</script>`
`12`	`14`

Lines changed: 0 additions & 4 deletions

Original file line number	Diff line number	Diff line change
`@@ -2,9 +2,7 @@`
`2`	`2`	`// (runtime-only or standalone) has been set in webpack.base.conf with an alias.`
`3`	`3`	`import Vue from 'vue'`
`4`	`4`	`import App from './App.vue'`
`5`		`-import router from './router'`
`6`	`5`	`import { isProduction } from '../lib/config'`
`7`		`-import Vuelidate from 'vuelidate'`
`8`	`6`	`import VueApollo from 'vue-apollo'`
`9`	`7`	`import { apolloProvider } from '../lib/apollo'`
`10`	`8`
`@@ -13,13 +11,11 @@ import 'devextreme/dist/css/dx.light.compact.css';`
`13`	`11`
`14`	`12`	`Vue.config.productionTip = isProduction()`
`15`	`13`
`16`		`-Vue.use(Vuelidate)`
`17`	`14`	`Vue.use(VueApollo)`
`18`	`15`
`19`	`16`	`/* eslint-disable no-new */`
`20`	`17`	`new Vue({`
`21`	`18`	`el: '#app',`
`22`		`- router,`
`23`	`19`	`apolloProvider,`
`24`	`20`	`render: h => h(App),`
`25`	`21`	`})`

Lines changed: 0 additions & 20 deletions

This file was deleted.

Lines changed: 16 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -14,11 +14,24 @@ export const IsLoggedInObservable = IsLoggedInSubject`
`14`	`14`	`filter(data => Boolean(data && data.isLoggedIn))`
`15`	`15`	`)`
`16`	`16`
`17`		`-axios.interceptors.request.eject(logoutStdInterceptors)`
	`17`	`+const axiosEject = {`
	`18`	`+ ejected: {},`
	`19`	`+ eject(axios, interceptors) {`
	`20`	`+ if (this.ejected[interceptors]) {`
	`21`	`+ return;`
	`22`	`+ }`
	`23`	`+`
	`24`	`+ if (axios && axios.interceptors) {`
	`25`	`+ axios.interceptors.request.eject(interceptors)`
	`26`	`+ this.ejected[interceptors] = true;`
	`27`	`+ }`
	`28`	`+ }`
	`29`	`+}`
`18`	`30`
`19`	`31`	`// @todo move it to RxJs implementation with subscribe + only call the uri on last call of the method during 300ms`
`20`	`32`	`export default function isLoggedIn(loaderToActivate, uri = loginInfos.uriIsLoggedIn.json) {`
`21`		`- debugger`
	`33`	`+ axiosEject.eject(axios, logoutStdInterceptors)`
	`34`	`+`
`22`	`35`	`return new Promise((resolve, reject) => {`
`23`	`36`	`if (loaderToActivate && loaderToActivate.isLoading) {`
`24`	`37`	`loaderToActivate.isLoading = true`
`@@ -52,6 +65,7 @@ export const resetLoginInfo = function() {`
`52`	`65`	`IsLoggedInSubject.next(undefined)`
`53`	`66`	`}`
`54`	`67`
	`68`	`+// @todo refactor coz it should abstract the Notify => for instance it's conly compatible with Quasar, it's stupid, even the redirect is stupid coz depend on the framework used`
`55`	`69`	`export const logout = function() {`
`56`	`70`	`resetLoginInfo()`
`57`	`71`	`Notify.create({`

Comments

(0)