Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 2610 | Rev 3967 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1386 steven 1 
import React from 'react';
2097 steven 2 
import { useState } from 'react';
3 
import styled from 'styled-components';
4 
import { addNotification } from '../../../redux/notification/notification.actions';
5 
import Spinner from '../../../shared/loading-spinner/Spinner';
2084 steven 6 
import { axios } from '../../../utils';
1386 steven 7 
 
2097 steven 8 
const StyledSpinnerContainer = styled.div`
9 
  position: absolute;
10 
  left: 0;
11 
  top: 0;
12 
  width: 100%;
13 
  height: 100%;
14 
  background: rgba(255, 255, 255, 0.4);
15 
  display: flex;
16 
  justify-content: center;
17 
  align-items: center;
18 
  z-index: 300;
19 
`;
20 
 
1386 steven 21 
export default function SocialNetworks() {
2097 steven 22 
    const [loading, setLoading] = useState(false);
2084 steven 23 
    const handleOnRoom = async () => {
24 
        try {
2097 steven 25 
            setLoading(true)
2095 steven 26 
            const response = await axios.post('/moodle');
2610 stevensc 27 
            if (response.data.success) {
2095 steven 28 
                let form = document.createElement('form');
29 
                form.setAttribute('method', 'post');
30 
                form.setAttribute('action', response.data.data.url);
31 
                form.setAttribute('target', '_blank');
2096 steven 32 
                Object.keys(response.data.data).forEach(key => {
2610 stevensc 33 
                    if (key != 'url') {
2096 steven 34 
                        const value = response.data.data[key];
2095 steven 35 
                        let hiddenField = document.createElement('input');
36 
                        hiddenField.setAttribute('type', 'hidden');
37 
                        hiddenField.setAttribute('name', key);
38 
                        hiddenField.setAttribute('value', value);
39 
                        form.appendChild(hiddenField);
40 
                    }
2096 steven 41 
                })
2095 steven 42 
                document.body.appendChild(form);
43 
                form.submit();
44 
            }
2084 steven 45 
        } catch (error) {
46 
            console.log('>>: error > ', error)
2097 steven 47 
            addNotification({
48 
                style: "danger",
49 
                msg: "Ha ocurrido un error en la comunicacion con ON ROOM",
50 
            });
2610 stevensc 51 
        } finally {
2097 steven 52 
            setLoading(false)
2084 steven 53 
        }
54 
    }
2610 stevensc 55 
    return (
3503 stevensc 56 
        <div className={'widget' + ' border-gray'}>
57 
            <div className='widget__app'>
2610 stevensc 58 
                <a href="#" onClick={() => handleOnRoom()}>
59 
                    <img
3503 stevensc 60 
                        className='widget__app__img'
2610 stevensc 61 
                        src="/images/logo-onroom.png"
62 
                        alt=""
63 
                    />
64 
                </a>
3503 stevensc 65 
                <a href="#" onClick={() => handleOnRoom()} className={'widget__app__title'} title="">
2610 stevensc 66 
                    CESA ON ROOM
67 
                </a>
68 
            </div>
3503 stevensc 69 
            <div className='widget__app'>
2610 stevensc 70 
                <div className="row" style={{ gap: '5px' }}>
71 
                    <div className="col-md col-sm-12 col-12">
72 
                        <a
73 
                            href='https://play.google.com/store/apps/details?id=com.cesams.twogetskills'
3503 stevensc 74 
                            target="_blank" rel="noreferrer"
2610 stevensc 75 
                        >
76 
                            <img
3503 stevensc 77 
                                className='widget__app__img'
2610 stevensc 78 
                                src="/images/logo-2getskills-android.jpeg"
79 
                                alt=""
80 
                            />
81 
                        </a>
82 
                    </div>
83 
                    <div className="col-md col-sm-12 col-12">
84 
                        <a
85 
                            href='https://apps.apple.com/us/app/2getskills/id1575789638'
3503 stevensc 86 
                            target="_blank" rel="noreferrer"
2610 stevensc 87 
                        >
88 
                            <img
3503 stevensc 89 
                                className='widget__app__img'
2610 stevensc 90 
                                src="/images/logo-2getskillsa-apple.jpeg"
91 
                                alt=""
92 
                            />
93 
                        </a>
94 
                    </div>
2099 steven 95 
                </div>
3503 stevensc 96 
                <a href="#" className='widget__app__title' title="">
2610 stevensc 97 
                    Microaprendizaje
98 
                </a>
2099 steven 99 
            </div>
3503 stevensc 100 
            {loading &&
2610 stevensc 101 
                <StyledSpinnerContainer>
102 
                    <Spinner />
103 
                </StyledSpinnerContainer>
3503 stevensc 104 
            }
1386 steven 105 
        </div>
2610 stevensc 106 
    )
1386 steven 107 
}