Skip to content

Instantly share code, notes, and snippets.

/App.js

Created July 6, 2017 18:36
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save anonymous/9a846116d3b0c4eabe95d92da69b5a1e to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save anonymous/9a846116d3b0c4eabe95d92da69b5a1e to your computer and use it in GitHub Desktop.
Download ZIP
Raw
App.js
import React, { Component } from 'react';
import Header from './components/Header';
import Body from './components/Body';
class App extends Component {
constructor(props){
super(props);
this.state = {dropdownShow : false};
this.showDropdown = this.showDropdown.bind(this);
}
showDropdown()
{
console.log('aki');
this.setState({dropdownShow : !this.state.dropdownShow});
}
componentDidMount() {
document.body.classList.remove('login-content');
document.body.addEventListener('click',
(e) => {
console.log(e.target);
let element = e.target;
let toggle = element.className;
if(toggle != 'waves-effect')
{
this.setState({dropdownShow : false});
console.log(this.state);
}
});
}
render() {
return (
<div id="root">
<div className="main">
<Header dropdownShow={this.state.dropdownShow} showDropdown={this.showDropdown} />
<Body login={this.props.params.login} />
</div>
</div>
);
}
}
export default App;
Raw
Header.js
import React, { Component } from 'react';
import Pubsub from 'pubsub-js';
import {Link} from 'react-router';
export default class Header extends Component {
constructor(props){
super(props);
this.state = {dropdownShow : this.props.dropdownShow};
}
pesquisa(e)
{
e.preventDefault();
fetch(`http://localhost:8080/api/public/fotos/${this.loginPesquisado.value}`)
.then(response => response.json())
.then(fotos => {
Pubsub.publish('timeline',fotos);
});
}
showDropdown(e)
{
e.preventDefault();
this.props.showDropdown({dropdownShow : !this.props.dropdownShow});
}
render(){
return (
<header id="header" className="clearfix" data-current-skin="blue">
<ul className="header-inner">
<li className="logo hidden-xs">
<a href="https://vendemais.club/app/gerente"><img width="100%" src="https://vendemais.club/app/dist/images/logo.png" alt="logo"/></a>
</li>
<li>
<nav className="ha-menu">
<ul>
<li className=" waves-effect">
<a href="https://vendemais.club/app/gerente/dashboard"><i className="fa fa-tachometer"></i>dashboard</a>
</li>
<li className={this.state.dropdownShow ? 'dropdown open' : 'dropdown'} onClick={this.showDropdown.bind(this)}>
<div className="waves-effect" data-toggle="dropdown">
<i className="fa fa-cubes"></i>produtos</div>
<ul className="dropdown-menu">
<li>
<a href="https://vendemais.club/app/gerente/produtos/cadastrar-produto">Cadastrar Produto</a>
</li>
<li>
<a href="https://vendemais.club/app/gerente/produtos/importar-produtos">Importar Produtos</a>
</li>
<li>
<a href="https://vendemais.club/app/gerente/produtos/lista-de-produtos">Lista de Produtos</a>
</li>
</ul>
</li>
</ul>
</nav>
</li>
<li className="pull-right">
<ul className="top-menu">
<li className="dropdown">
<a data-toggle="dropdown" href="">
<i className="tm-icon zmdi zmdi-notifications"></i>
<i className="tmn-counts qtd-notifs">3</i>
</a>
<div className="dropdown-menu dropdown-menu-lg pull-right">
<div className="listview" id="notifications">
<div className="lv-header">
Notificações
</div>
<div className="lv-body">
<input type="hidden" id="qtd-notifs" value="3"/>
<div id="msg-sem-notif">Não há nem uma notificação.</div>
<div className="lv-item" id="notif1">
<div className="media">
<div className="pull-left">
<div className="ico-notif">
<i className="fa fa-cubes"></i>
</div>
</div>
<div className="media-body">
<div className="lv-title">
<a href="https://vendemais.club/app/gerente/cadastro-produto">
Cadastre mais produtos para obter melhores resultados de vendas.
</a>
<div className="close-notif">
<div className="limpar-notif" id-notif="1"><i className="zmdi zmdi-close-circle-o"></i></div>
</div>
</div>
<div className="dsc-notif">Cadastre mais produtos para obter melhores resultados de vendas.</div>
</div>
</div>
</div>
<div className="lv-item" id="notif2">
<div className="media">
<div className="pull-left">
<div className="ico-notif">
<i className="zmdi zmdi-file-text"></i>
</div>
</div>
<div className="media-body">
<div className="lv-title">
<a href="https://vendemais.club/app/gerente/minha-conta#documentos">
Não se esqueça de terminar o envio da sua documentação.
</a>
<div className="close-notif">
<div className="limpar-notif" id-notif="2"><i className="zmdi zmdi-close-circle-o"></i></div>
</div>
</div>
<div className="dsc-notif">Não se esqueça de terminar o envio da sua documentação.</div>
</div>
</div>
</div>
<div className="lv-item" id="notif3">
<div className="media">
<div className="pull-left">
<div className="ico-notif">
<i className="zmdi zmdi-account"></i>
</div>
</div>
<div className="media-body">
<div className="lv-title">
<a href="https://vendemais.club/app/gerente/minha-conta#assinatura">
Aproveite o seu período de testes, caso queira você tambem pode contratar o plano que melhor se adequa ao seu modelo de négocios
</a>
<div className="close-notif">
<div className="limpar-notif" id-notif="3"><i className="zmdi zmdi-close-circle-o"></i></div>
</div>
</div>
<div className="dsc-notif">Aproveite o seu período de testes, caso queira você tambem pode contratar o plano que melhor se adequa
ao seu modelo de négocios</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li>
<div className="media">
<div className="pull-left p-relative">
<img className="lv-img-sm mCS_img_loaded" src="https://vendemais.club/app/dist/images/profile-pics/sem-foto2.png" alt=""/>
</div>
<div className="media-body">
<div className="lv-title"><b>[email protected]</b></div>
<small className="lv-small">Seja bem vindo(a)!</small>
</div>
</div>
</li>
<li className="dropdown">
<a data-toggle="dropdown" href="" aria-expanded="false">
<i className="tm-icon zmdi zmdi-more-vert"></i>
</a>
<ul className="dropdown-menu dm-icon pull-right">
<li>
<a href="https://vendemais.club/app/gerente/minha-conta"><i className="zmdi zmdi-face"></i> Minha Conta</a>
</li>
<li>
<a href="https://vendemais.club/app/gerente/galeria"><i className="zmdi zmdi-collection-image-o"></i> Galeria</a>
</li>
<li>
<a href="https://vendemais.club/app/logout"><i className="tm-icon zmdi zmdi-time-restore"></i>Sair do Sistema</a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
<div id="top-search-wrap">
<div className="tsw-inner">
<i id="top-search-close" className="zmdi zmdi-arrow-left"></i>
<input type="text"/>
</div>
</div>
</header>
);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment