Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 8925 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 8925 Rev 15380
Línea -... Línea 1...
- 
 
 1 
/* eslint-disable no-mixed-spaces-and-tabs */
1 
import React from 'react'
 2 
import React from 'react'
Línea 2... Línea 3...
2 
 
 3 
 
Línea 3... Línea 4...
3 
const MenuItem = ({ item }) => {
 4 
const MenuItem = ({ item }) => {
Línea 4... Línea 5...
4 
 
 5 
 
5 
    const path = window.location.pathname
 6 
	const path = window.location.pathname
6 
 
 7 
 
7 
    return (
 8 
	return (
8 
        <li className={path.includes(item.route) ? "nav-item menu-is-opening menu-open" : "nav-item"}>
 9 
		<li className={path.includes(item.route) ? 'nav-item menu-is-opening menu-open' : 'nav-item'}>
9 
            <a href={`/${item.route}`} className="nav-link">
 - 
 
10 
                <i className={`nav-icon ${item.class}`}></i>
 - 
 
11 
                <p>{item.label}</p>
 - 
 
12 
                {
 10 
			<a href={`/${item.route}`} className="nav-link">
13 
                    item.pages
 - 
 
14 
                    &&
 11 
				<i className={`nav-icon ${item.class}`}></i>
15 
                    <i className="fa fa-angle-left menu_dropdown-arrow"></i>
 - 
 
16 
                }
 - 
 
17 
            </a>
 12 
				<p>{item.label}</p>
18 
            {
 13 
				{item.pages && <i className="fa fa-angle-left menu_dropdown-arrow"></i>}
19 
                item.pages
 - 
 
20 
                &&
 14 
			</a>
21 
                <ul className="nav nav-treeview">
 15 
			{item.pages &&
22 
                    {
 16 
                <ul className="nav nav-treeview">
23 
                        item.pages.map((levelTwo) =>
 17 
                	{item.pages.map((levelTwo, i) =>
24 
                            <li className={path.includes(levelTwo.route) ? "nav-item menu-is-opening menu-open" : "nav-item"}>
 18 
                		<li key={i} className={path.includes(levelTwo.route) ? 'nav-item menu-is-opening menu-open' : 'nav-item'}>
25 
                                <a href={`/${levelTwo.route}`} className="nav-link">
 19 
                			<a href={`/${levelTwo.route}`} className="nav-link">
26 
                                    <i className="fa fa-circle nav-icon"></i>
 20 
                				<i className="fa fa-circle nav-icon"></i>
27 
                                    <p>{levelTwo.label}</p>
 21 
                				<p>{levelTwo.label}</p>
28 
                                    {levelTwo.pages && <i className="fa fa-angle-left menu_dropdown-arrow"></i>}
 22 
                				{levelTwo.pages && <i className="fa fa-angle-left menu_dropdown-arrow"></i>}
29 
                                </a>
 23 
                			</a>
30 
                                {
 24 
                			{
31 
                                    levelTwo.pages
 25 
                				levelTwo.pages
32 
                                    &&
 26 
                                &&
33 
                                    <ul className="nav nav-treeview">
 27 
                                <ul className="nav nav-treeview">
34 
                                        {
 28 
                                	{
35 
                                            levelTwo.pages.map((levelThree) =>
 29 
                                		levelTwo.pages.map((levelThree, i) =>
36 
                                                <li className={`nav-item`}>
 30 
                                			<li key={i} className={'nav-item'}>
37 
                                                    <a href={`/${levelThree.route}`} className="nav-link">
 31 
                                				<a href={`/${levelThree.route}`} className="nav-link">
38 
                                                        <i className="fa fa-circle-o nav-icon"></i>
 32 
                                					<i className="fa fa-circle-o nav-icon"></i>
39 
                                                        <p>{levelThree.label}</p>
 33 
                                					<p>{levelThree.label}</p>
40 
                                                    </a>
 34 
                                				</a>
41 
                                                </li>)
 35 
                                			</li>)
42 
                                        }
 36 
                                	}
43 
                                    </ul>
 37 
                                </ul>
44 
                                }
 38 
                			}
45 
                            </li>)
 39 
                		</li>)
46 
                    }
 40 
                	}
47 
                </ul>
 41 
                </ul>
48 
            }
 42 
			}
Línea 49... Línea 43...
49 
        </li>
 43 
		</li>
50 
    )
 44 
	)