✨ Site > Add file tree

2017-08-09 23:32:26 +02:00
parent 02a59ba5be
commit c7cf01747a
23 changed files with 950 additions and 20 deletions
@@ -4,19 +4,71 @@ export default
 {
    name: 'connexion',

+    computed:
+    {
+        project()
+        {
+            return this.$store.state.project
+        }
+    },
+
+    watch:
+    {
+        project: 'onProjectChange'
+    },
+
    created()
    {
-        this.url = `${process.env.NODE_ENV === 'production' ? '' : 'http://localhost:1571'}/projects`
-        this.socket = socketIoClient(this.url)
+        const projectsUrl = `${process.env.NODE_ENV === 'production' ? '' : 'http://localhost:1571'}/projects`
+        this.projectsSocket = socketIoClient(projectsUrl)

-        this.socket.on('connect', () =>
+        this.projectsSocket.on('connect', () =>
        {
-            console.log('connected')
+            // console.log('projects connected')
        })

-        this.socket.on('update_projects', (data) =>
+        this.projectsSocket.on('update_projects', (data) =>
        {
+            // console.log('update_projects', data)
            this.$store.commit('updateProjects', data.all)
        })
+    },
+
+    methods:
+    {
+        onProjectChange(value)
+        {
+            const projectURL = `${process.env.NODE_ENV === 'production' ? '' : 'http://localhost:1571'}/project/${value.slug}`
+
+            this.projectSocket = socketIoClient(projectURL)
+
+            this.projectSocket.on('connect', () =>
+            {
+                // console.log('project connected')
+            })
+
+            this.projectSocket.on('update_project', (data) =>
+            {
+                // console.log('update_project', data)
+                this.$store.commit('updateFiles', data.files.items)
+            })
+
+            this.projectSocket.on('create_file', (data) =>
+            {
+                // console.log('create_file', data)
+                this.$store.commit('createFile', data)
+            })
+
+            this.projectSocket.on('delete_file', (data) =>
+            {
+                // console.log('delete_file', data)
+                this.$store.commit('deleteFile', data)
+            })
+
+            this.projectSocket.on('createVersion', (data) =>
+            {
+                // console.log('createVersion', data)
+            })
+        }
    }
 }