Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 2096 Rev 2097
Línea 1... Línea 1...
1 
import React from 'react';
 1 
import React from 'react';
- 
 
 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';
2 
import { axios } from '../../../utils';
 6 
import { axios } from '../../../utils';
3 
import styles from './HomeSection.module.scss';
 7 
import styles from './HomeSection.module.scss';
Línea -... Línea 8...
- 
 
 8 
 
- 
 
 9 
const StyledSpinnerContainer = styled.div`
- 
 
 10 
  position: absolute;
- 
 
 11 
  left: 0;
- 
 
 12 
  top: 0;
- 
 
 13 
  width: 100%;
- 
 
 14 
  height: 100%;
- 
 
 15 
  background: rgba(255, 255, 255, 0.4);
- 
 
 16 
  display: flex;
- 
 
 17 
  justify-content: center;
- 
 
 18 
  align-items: center;
- 
 
 19 
  z-index: 300;
- 
 
 20 
`;
4 
 
 21 
 
- 
 
 22 
export default function SocialNetworks() {
5 
export default function SocialNetworks() {
 23 
    const [loading, setLoading] = useState(false);
6 
    const handleOnRoom = async () => {
 24 
    const handleOnRoom = async () => {
- 
 
 25 
        try {
7 
        try {
 26 
            setLoading(true)
8 
            const response = await axios.post('/moodle');
 27 
            const response = await axios.post('/moodle');
9 
            if(response.data.success) {
 28 
            if(response.data.success) {
10 
                let form = document.createElement('form');
 29 
                let form = document.createElement('form');
11 
                form.setAttribute('method', 'post');
 30 
                form.setAttribute('method', 'post');
12 
                form.setAttribute('action', response.data.data.url);
 31 
                form.setAttribute('action', response.data.data.url);
13 
                form.setAttribute('target', '_blank');
 32 
                form.setAttribute('target', '_blank');
14 
                Object.keys(response.data.data).forEach(key => {
 33 
                Object.keys(response.data.data).forEach(key => {
15 
                    if(key != 'url') {
 34 
                    if(key != 'url') {
16 
                        const value = response.data.data[key];
 - 
 
17 
                        console.log('>>: value > ', value)
 35 
                        const value = response.data.data[key];
18 
                        let hiddenField = document.createElement('input');
 36 
                        let hiddenField = document.createElement('input');
19 
                        hiddenField.setAttribute('type', 'hidden');
 37 
                        hiddenField.setAttribute('type', 'hidden');
20 
                        hiddenField.setAttribute('name', key);
 38 
                        hiddenField.setAttribute('name', key);
21 
                        hiddenField.setAttribute('value', value);
 39 
                        hiddenField.setAttribute('value', value);
22 
                        form.appendChild(hiddenField);
 40 
                        form.appendChild(hiddenField);
23 
                    }
 41 
                    }
24 
                })
 42 
                })
25 
                document.body.appendChild(form);
 43 
                document.body.appendChild(form);
26 
                form.submit();
 44 
                form.submit();
27 
            }
 - 
 
28 
            console.log('>>: res > ', res)
 45 
            }
29 
        } catch (error) {
 46 
        } catch (error) {
- 
 
 47 
            console.log('>>: error > ', error)
- 
 
 48 
            addNotification({
- 
 
 49 
                style: "danger",
- 
 
 50 
                msg: "Ha ocurrido un error en la comunicacion con ON ROOM",
30 
            console.log('>>: error > ', error)
 51 
            });
31 
        }finally{
 - 
 
- 
 
 52 
        }finally{
32 
 
 53 
            setLoading(false)
33 
        }
 - 
 
34 
        // $('.btn-onroom').click(function(e) {
 - 
 
35 
        //     e.preventDefault();
 - 
 
36
- 
 
37 
        //     NProgress.start();
- 
 
38 
        //     $.ajax({
 - 
 
39 
        //         'dataType'  : 'json',
 - 
 
40 
        //         'accept'    : 'application/json',
 - 
 
41 
        //         'method'    : 'post',
 - 
 
42 
        //         'url'       :  '$routeMoodle',
 - 
 
43 
        //     }).done(function(response) {
 - 
 
44 
        //         if(response['success']) {
 - 
 
45 
        //             var form = document.createElement('form');
 - 
 
46 
        //             form.setAttribute('method', 'post');
 - 
 
47 
        //             form.setAttribute('action', response['data']['url']);
 - 
 
48 
        //             form.setAttribute('target', '_blank');
 - 
 
49
- 
 
50 
        //             $.each(response['data'], function(key, value) {
 - 
 
51 
        //                 if(key != 'url') {
 - 
 
52 
        //                     var hiddenField = document.createElement('input');
 - 
 
53 
        //                     hiddenField.setAttribute('type', 'hidden');
 - 
 
54 
        //                     hiddenField.setAttribute('name', key);
 - 
 
55 
        //                     hiddenField.setAttribute('value', value);
 - 
 
56 
        //                     form.appendChild(hiddenField);
 - 
 
57 
        //                 }
 - 
 
58 
        //             });
 - 
 
59 
        //             document.body.appendChild(form);
 - 
 
60 
        //             form.submit();
 - 
 
61
- 
 
62 
        //         } else {
 - 
 
63 
        //            $.fn.showError(response['data']);
 - 
 
64 
        //         }
- 
 
65 
        //     }).fail(function( jqXHR, textStatus, errorThrown) {
 - 
 
66 
        //         $.fn.showError(textStatus);
 - 
 
67 
        //     }).always(function() {
 - 
 
68 
        //        NProgress.done();
 - 
 
69 
        //     });
 - 
 
70 
        //     return false;
 - 
 
71
- 
 
72
- 
 
73 
        // });
 54 
        }
74 
    }
 55 
    }
75 
  return (
 56 
  return (
76 
    <div className={styles.widget + ' border-gray'}>
 57 
    <div className={styles.widget + ' border-gray'}>
77 
        <div className={styles.widget__app}>
 58 
        <div className={styles.widget__app}>
Línea 96... Línea 77...
96 
            </a>
 77 
            </a>
97 
            <a href="#" className={styles.widget__app__title} title="">
 78 
            <a href="#" className={styles.widget__app__title} title="">
98 
                Microaprendizaje
 79 
                Microaprendizaje
99 
            </a>
 80 
            </a>
100 
        </div>
 81 
        </div>
- 
 
 82 
        {loading && (
- 
 
 83 
          <StyledSpinnerContainer>
- 
 
 84 
            <Spinner />
- 
 
 85 
          </StyledSpinnerContainer>
- 
 
 86 
        )}
101 
    </div>
 87 
    </div>
102 
  )
 88 
  )
103 
}
 89 
}