Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 770 | Rev 777 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 770 Rev 776
Línea 1... Línea 1...
1 
import React from 'react'
 1 
import React from 'react'
2 
import ChatMail from "./inmail/inmail"
 2 
import ChatMail from "./inmail/inmail"
3 
import Sidebar from './inmail/sidebar'
 3 
import Sidebar from './inmail/sidebar'
4 
import {axios} from '../utils'
 4 
import { axios } from '../utils'
5 
import { Modal } from 'react-bootstrap'
 5 
import { Modal } from 'react-bootstrap'
Línea 6... Línea 6...
6 
 
 6 
 
7 
export default props => {
 7 
export default props => {
8 
    const defaultPage = {current: 1, last: 1}
 8 
    const defaultPage = { current: 1, last: 1 }
9 
    const [conversations, setConversations] = React.useState([])
 9 
    const [conversations, setConversations] = React.useState([])
10 
    const [selectedConversation, setSelectedConversation] = React.useState(null)
 10 
    const [selectedConversation, setSelectedConversation] = React.useState(null)
11 
    const [page, setPage] = React.useState(defaultPage)
 11 
    const [page, setPage] = React.useState(defaultPage)
12 
    const [messages, setMessages] = React.useState([])
 12 
    const [messages, setMessages] = React.useState([])
13 
    const [isGettingMessages, setIsGettingMessages] = React.useState(false)
13 
    const [isGettingMessages, setIsGettingMessages] = React.useState(false)
14 
    const [visible, setVisible] = React.useState(false)
 14 
    const [visible, setVisible] = React.useState(false)
15 
    const [inmailPersons, setInmailPersons] = React.useState([])
 15 
    const [inmailPersons, setInmailPersons] = React.useState([])
16 
    const [search, setSearch] = React.useState('')
 16 
    const [search, setSearch] = React.useState('')
17 
    const load = async () => {
 17 
    const load = async () => {
18 
        try {
 18 
        try {
19 
            const res = await axios.get(window.location.href)
 19 
            const res = await axios.get(window.location.href)
20 
            if(res.data.success){
 20 
            if (res.data.success) {
21 
                setConversations(res.data.data)
 21 
                setConversations(res.data.data)
22 
            }
 22 
            }
23 
        } catch (error) {
 23 
        } catch (error) {
24 
            console.log('>>: error > ', error)
 24 
            console.log('>>: error > ', error)
25 
        }
 25 
        }
26 
    }
 26 
    }
27 
    React.useEffect(() => {
 27 
    React.useEffect(() => {
28 
        const interval =setInterval(() => {
 28 
        const interval = setInterval(() => {
29 
            load()
 29 
            load()
30 
        }, 3000)
 30 
        }, 3000)
31 
        return () => clearInterval(interval)
 31 
        return () => clearInterval(interval)
Línea 32... Línea 32...
32 
    }, [])
 32 
    }, [])
33 
 
 33 
 
34 
    const getMessages = async (conversation = selectedConversation, _page=page.current, justPaginate = false) => {
 34 
    const getMessages = async (conversation = selectedConversation, _page = page.current, justPaginate = false) => {
35 
        try {
 35 
        try {
36 
            const res = await axios.get(conversation.messages_link+'?page='+_page)
 36 
            const res = await axios.get(conversation.messages_link + '?page=' + _page)
37 
            if(justPaginate){
 37 
            if (justPaginate) {
38 
                const _messages = [... messages, ... res.data.data]
 38 
                const _messages = [...messages, ...res.data.data]
39 
                setMessages(_messages)
 39 
                setMessages(_messages)
40 
            }else{
 40 
            } else {
41 
                setMessages(res.data.data || [])
 41 
                setMessages(res.data.data || [])
42 
            }
 42 
            }
43 
            if(res.data.pagination && res.data.pagination.last && res.data.pagination.last !== page.last){
 43 
            if (res.data.pagination && res.data.pagination.last && res.data.pagination.last !== page.last) {
44 
                setPage({
 44 
                setPage({
45 
                    ... page,
 45 
                    ...page,
46 
                    last: res.data.pagination.last
 46 
                    last: res.data.pagination.last
47 
                })
 47 
                })
48 
            }
 48 
            }
49 
        } catch (error) {
 49 
        } catch (error) {
50 
            console.log('>>: error > ', error)
 50 
            console.log('>>: error > ', error)
51 
        }finally{
 51 
        } finally {
52 
            if(isGettingMessages){
 52 
            if (isGettingMessages) {
53 
                setIsGettingMessages(false)
 53 
                setIsGettingMessages(false)
54 
            }
 54 
            }
Línea 60... Línea 60...
60 
        setSelectedConversation(conversation)
 60 
        setSelectedConversation(conversation)
61 
        getMessages(conversation, defaultPage.current)
 61 
        getMessages(conversation, defaultPage.current)
62 
    }
 62 
    }
Línea 63... Línea 63...
63 
 
 63 
 
64 
    const handleSend = async message => {
 64 
    const handleSend = async message => {
65 
        if(selectedConversation){
 65 
        if (selectedConversation) {
66 
            try {
 66 
            try {
67 
                const params = {
 67 
                const params = {
68 
                    message
 68 
                    message
69 
                }
 69 
                }
70 
                const formData = new FormData();
 70 
                const formData = new FormData();
71 
                Object.entries(params).map(([key, value]) => {
 71 
                Object.entries(params).map(([key, value]) => {
72 
                    formData.append(key, value);
 72 
                    formData.append(key, value);
73 
                });
 73 
                });
74 
                const res = await axios.post(selectedConversation.send_link, formData)
 74 
                const res = await axios.post(selectedConversation.send_link, formData)
75 
                const _messages = [... messages]
 75 
                const _messages = [...messages]
- 
 
 76 
                _messages.push(res.data.data)
76 
                _messages.push(res.data.data)
 77 
                console.log(_messages)
77 
                setMessages(_messages)
 78 
                setMessages(_messages)
78 
            } catch (error) {
 79 
            } catch (error) {
79 
                console.log('>>: err0r > ', error)
 80 
                console.log('>>: err0r > ', error)
80 
            }finally{
 81 
            } finally {
81 
                getMessages()
 82 
                getMessages()
82 
            }
 83 
            }
83 
        }
 84 
        }
Línea 84... Línea 85...
84 
    }
 85 
    }
85 
 
 86 
 
86 
    const getMoreMessages = () => {
 87 
    const getMoreMessages = () => {
87 
        if(page.last > page.current){
 88 
        if (page.last > page.current) {
88 
            let {current} = page
 89 
            let { current } = page
89 
            current+=1
 90 
            current += 1
90 
            if(!isGettingMessages){
 91 
            if (!isGettingMessages) {
91 
                setIsGettingMessages(true)
 92 
                setIsGettingMessages(true)
92 
                setPage({
 93 
                setPage({
93 
                    ... page,
 94 
                    ...page,
94 
                    current
 95 
                    current
95 
                })
 96 
                })
96 
                getMessages(selectedConversation, current, true)
 97 
                getMessages(selectedConversation, current, true)
Línea 103... Línea 104...
103 
 
 104 
 
104 
    const handleChange = async e => {
 105 
    const handleChange = async e => {
105 
        const value = e.target.value
 106 
        const value = e.target.value
106 
        setSearch(value)
 107 
        setSearch(value)
107 
        try {
 108 
        try {
108 
            const res = await axios.get('/helpers/search-people?search='+value)
 109 
            const res = await axios.get('/helpers/search-people?search=' + value)
109 
            if(res.data.success){
 110 
            if (res.data.success) {
110 
                setInmailPersons(res.data.data)
 111 
                setInmailPersons(res.data.data)
111 
            }
 112 
            }
112 
        } catch (error) {
 113 
        } catch (error) {
113 
            console.log('>>: error > ', error)
 114 
            console.log('>>: error > ', error)
114 
        }
 115 
        }
Línea 115... Línea 116...
115 
    }
 116 
    }
116 
 
 117 
 
117 
    const handleInmailPerson = uuid => {
 118 
    const handleInmailPerson = uuid => {
118 
        console.log('>>: uuid > ', uuid)
 119 
        console.log('>>: uuid > ', uuid)
119 
        onClose()
 120 
        onClose()
120 
        window.location.href = '/inmail/'+uuid
 121 
        window.location.href = '/inmail/' + uuid
121 
        setTimeout(() => {
 122 
        setTimeout(() => {
122 
            window.location.reload()
 123 
            window.location.reload()
Línea 123... Línea 124...
123 
        }, 1000)
 124 
        }, 1000)
124 
    }
 125 
    }
125 
 
 126 
 
126 
 
 127 
 
127 
 
 128 
 
128 
    return(
 129 
    return (
Línea 148... Línea 149...
148 
                        <div
 149 
                        <div
149 
                            className='container'
 150 
                            className='container'
150 
                        >
 151 
                        >
151 
                            {
 152 
                            {
152 
                                inmailPersons.map(element => {
 153 
                                inmailPersons.map(element => {
153 
                                    return(
 154 
                                    return (
154 
                                        <div
 155 
                                        <div
155 
                                            className='row'
 156 
                                            className='row'
156 
                                            key={element.value}
 157 
                                            key={element.value}
157 
                                        >
 158 
                                        >
158 
                                            <div
 159 
                                            <div