3 |
5 |
6 |
7 |
12 |
13 |
37 |
--------------------------------------------------------------------------------
/quasar-feathers/src/api.js:
--------------------------------------------------------------------------------
1 | import feathers from '@feathersjs/feathers'
2 | import socketio from '@feathersjs/socketio-client'
3 | import auth from '@feathersjs/authentication-client'
4 | import io from 'socket.io-client'
5 |
6 | const socket = io('http://localhost:8081', {transports: ['websocket']})
7 |
8 | const api = feathers()
9 | .configure(socketio(socket))
10 | .configure(auth({ storage: window.localStorage }))
11 |
12 | api.service('/users')
13 | api.service('/messages')
14 |
15 | export default api
16 |
--------------------------------------------------------------------------------
/quasar-feathers/src/assets/feathers-logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/claustres/quasar-feathers-tutorial/f39501b5468520edcab33af7109c3ef62a370e91/quasar-feathers/src/assets/feathers-logo.png
--------------------------------------------------------------------------------
/quasar-feathers/src/assets/quasar-logo-full.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
192 |
--------------------------------------------------------------------------------
/quasar-feathers/src/assets/quasar-logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/claustres/quasar-feathers-tutorial/f39501b5468520edcab33af7109c3ef62a370e91/quasar-feathers/src/assets/quasar-logo.png
--------------------------------------------------------------------------------
/quasar-feathers/src/assets/sad.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/quasar-feathers/src/auth.js:
--------------------------------------------------------------------------------
1 | import api from 'src/api'
2 | //import { Promise } from 'es6-promise'
3 |
4 | const auth = {
5 |
6 | user: null,
7 |
8 | getUser() {
9 | return this.user
10 | },
11 |
12 | fetchUser (accessToken) {
13 |
14 | return api.passport.verifyJWT(accessToken)
15 | .then(payload => {
16 | return api.service('users').get(payload.userId)
17 | })
18 | .then(user => {
19 | return Promise.resolve(user)
20 | })
21 | },
22 |
23 | authenticate () {
24 | console.log('auth')
25 |
26 | return api.authenticate()
27 | .then((response) => {
28 | console.log('auth successful')
29 |
30 | return this.fetchUser(response.accessToken)
31 | })
32 | .then(user => {
33 | console.log('got user')
34 |
35 | this.user = user
36 |
37 | return Promise.resolve(user)
38 | })
39 | .catch((err) => {
40 | console.log('auth failed', err)
41 |
42 | this.user = null
43 |
44 | return Promise.reject(err)
45 | })
46 | },
47 |
48 | authenticated () {
49 | return this.user != null
50 | },
51 |
52 | signout () {
53 | console.log('signout')
54 |
55 | return api.logout()
56 | .then(() => {
57 | console.log('signout successful')
58 |
59 | this.user = null
60 | })
61 | .catch((err) => {
62 | console.log('signout failed', err)
63 |
64 | return Promise.reject(err)
65 | })
66 | },
67 |
68 | onLogout (callback) {
69 |
70 | api.on('logout', () => {
71 | console.log('onLogout')
72 |
73 | this.user = null
74 |
75 | callback()
76 | })
77 | },
78 |
79 | onAuthenticated (callback) {
80 |
81 | api.on('authenticated', response => {
82 | console.log('onAuthenticate', response)
83 |
84 | this.fetchUser(response.accessToken)
85 | .then(user => {
86 | console.log('onAuthenticate got user')
87 |
88 | this.user = user
89 |
90 | callback(this.user)
91 | })
92 | .catch((err) => {
93 | console.log('onAuthenticate get user failed', err)
94 |
95 | callback(this.user)
96 | })
97 | })
98 | },
99 |
100 | register (email, password) {
101 | return api.service('users').create({
102 | email: email,
103 | password: password
104 | })
105 | },
106 |
107 | login (email, password) {
108 | return api.authenticate({
109 | strategy: 'local',
110 | email: email,
111 | password: password
112 | })
113 | }
114 |
115 | }
116 |
117 | export default auth
118 |
--------------------------------------------------------------------------------
/quasar-feathers/src/components/.gitkeep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/claustres/quasar-feathers-tutorial/f39501b5468520edcab33af7109c3ef62a370e91/quasar-feathers/src/components/.gitkeep
--------------------------------------------------------------------------------
/quasar-feathers/src/css/app.styl:
--------------------------------------------------------------------------------
1 | // app global css
2 |
--------------------------------------------------------------------------------
/quasar-feathers/src/css/themes/common.variables.styl:
--------------------------------------------------------------------------------
1 | // App Shared Variables
2 | // --------------------------------------------------
3 | // To customize the look and feel of this app, you can override
4 | // the Stylus variables found in Quasar's source Stylus files. Setting
5 | // variables before Quasar's Stylus will use these variables rather than
6 | // Quasar's default Stylus variable values. Stylus variables specific
7 | // to the themes belong in either the variables.ios.styl or variables.mat.styl files.
8 |
9 | // Check documentation for full list of Quasar variables
10 |
11 |
12 | // App Shared Color Variables
13 | // --------------------------------------------------
14 | // It's highly recommended to change the default colors
15 | // to match your app's branding.
16 |
17 | $primary = #027be3
18 | $secondary = #26A69A
19 | $tertiary = #555
20 |
21 | $neutral = #E0E1E2
22 | $positive = #21BA45
23 | $negative = #DB2828
24 | $info = #31CCEC
25 | $warning = #F2C037
26 |
--------------------------------------------------------------------------------
/quasar-feathers/src/css/themes/variables.ios.styl:
--------------------------------------------------------------------------------
1 | // App Shared Variables
2 | // --------------------------------------------------
3 | // Shared Stylus variables go in the common.variables.styl file
4 | @import 'common.variables'
5 |
6 | // iOS only Quasar variables overwrites
7 | // -----------------------------------------
8 |
--------------------------------------------------------------------------------
/quasar-feathers/src/css/themes/variables.mat.styl:
--------------------------------------------------------------------------------
1 | // App Shared Variables
2 | // --------------------------------------------------
3 | // Shared Stylus variables go in the common.variables.styl file
4 | @import 'common.variables'
5 |
6 | // Material only Quasar variables overwrites
7 | // -----------------------------------------
8 |
--------------------------------------------------------------------------------
/quasar-feathers/src/index.template.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 | 70 | This is a template project combining the power of Quasar and Feathers to create real-time web apps. 71 |
72 |
3 | Go back
15 |
16 |
17 |
--------------------------------------------------------------------------------
/quasar-feathers/src/pages/Chat.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 | 
8 |
Sorry, nothing here...(404)
10 |
4 |
13 | People
14 |
15 |
17 | {{user.email}}
18 |
19 |
20 |
22 |
23 |
24 |
25 |
34 |
5 |
12 |
4 |
26 |
5 |
25 |
6 |
18 |
7 | 
8 | 
16 |
17 |
9 |
10 |
11 |
14 |
15 |
10 |
11 | Sign In or Register to see the power of Quasar and Feathers
12 |
13 |
14 |
19 |
20 | To make this demo work correctly first register your avatar to https://www.gravatar.com
21 | then go to the
23 |
24 |
20 | To make this demo work correctly first register your avatar to https://www.gravatar.com
21 | then go to the Chat
22 |
23 |
5 |
16 |
6 |
10 |
11 |
15 |