rhenan silverio

Bem eu fiz um dropdown criando valores como Maior preço, menor preço etc... porém quando eu seleciono um dos dois ele não volta o valor e não trás o objeto que faz referencia. import React, { PureComponent } from 'react' class Dropdown extends PureComponent { constructor(props) { super(props); this.state = {value: '4'}; this.handleChange = this.handleChange.bind(this); } handleChange(event) { this.setState({value: event.target.value}); } render() { const { itens, className} = this.props console.log(itens) //let x = event.target.value; return ( <div className='select'> <select onChange={this.handleChange} value={this.state.value} className={className} > {itens.map((item, i) => <option key={i} value={item.id}>{item.value} </option> )} </select> </div> ) } } Dropdown.defaultProps = { className: 'select__filter' }; export default Dropdown import React, { PureComponent } from 'react' import { Tab } from '../../../../components/Tabs/Tab' import { Tabs } from '../../../../components/Tabs/Tabs' import RestaurantCard from '../../../../components/RestaurantCard/index' import Dropdown from '../Dropdown' const SECTION = [ { name: "Ver Restaurantes" }, { name: "Ver Pratos" } ]; const dropdownItens = [{id: 'DISCOUNT', value: 'Melhores descontos'}, { id: 'BIGGER_PRICE', value: 'Maior Preço'}, {id: 'LOWER_PRICE', value: 'Menor Preço'}, {id: 'EVALUATION', value: 'Melhor Avaliado', selected: 'selected'}, {id: 'LOCATION', value: 'Mais Próximos'}] class FilterTabs extends PureComponent { state = { value: '', id: '' } handleChange = (event) => { this.setState({ value: event.target.value }); //this.setState({value: event.target.id}); } render() { const { restaurants, size} = this.props; return ( <section className="filter__tabs"> <section className="container"> <Tabs> { SECTION.map(section => ( <Tab text={`${section.name} (${size})`} key={section.name}> <section className="filter__tabs--info"> <span className="filter__tabs--info-text"> {`${size} restaurantes encontrados`} </span> <Dropdown onChange={this.handleChange} itens={dropdownItens}/> </section> <div className="row"> { restaurants.map( restaurant => <RestaurantCard key={restaurant.id} extra={true} data={restaurant} /> ) } </div> </Tab> )) } </Tabs> </section> </section> ) } } export default FilterTabs;

Bem eu tenho acesso, so que nao estou conseguindo com que funcione, nao sei o que estou fazend de errado

ClientException {#462 ▼ -request: Request {#450 ▶} -response: Response {#459 ▶} -handlerContext: [] #message: """ Client error: `POST https://api.mocaplatform.com/v2/segments/?appId=` resulted in a `401 Unauthorized` response:\n {"error":"Unauthorized","error_description":"Access is denied"}\n """ #code: 401 #file: "/Users/rhenansilverioteixeira/pharebee-console/vendor/guzzlehttp/guzzle/src/Exception/RequestException.php" #line: 113 trace: {▶} } -uri: Uri {#447 ▼ -scheme: "https" -userInfo: "" -host: "api.mocaplatform.com" -port: null -path: "/v2/segments/" -query: "appId=" -fragment: "" } Quando vou salva ou editar ele aparece isso

Opa, ainda está por ai?? queria poder tentar resolver esse problema. Como posso conversar com você??

Na verdade nem sei como, porque eu to usando ele de base pra desenvolver por cima, ele ja estava pronto porque usei a algum tempo, e depois que comecei a alterar a parte da conexão ele apareceu isso

Então o negocio é que eu nao mexi em string ou query alguma, ele apenas me da esse erro. Eu tirei o Mysql e comecei a usar postgres

SQLSTATE[42P01]: Undefined table: 7 ERROR: relation "usuario" does not existLINE 1: select count(*) as aggregate from "usuario" where "email" = ...^ (SQL: select count(*) as aggregate from "usuario" where "email" = rhenan@gmail.com Bem eu tive esse erro, ao criar o cadastro, estou usando postgresql. Alguém pode me dar uma luz??

Galera tenho uma dúvida quanto a criar um newsletter, onde o usuário coloca o email e recebe noticias da página, alguém pode me ajudar com isso ou dar uma idéia de como fazer??

Não sei se faz muito sentido isso, ou se seria mais fácil criar com o Pivot, só que eu não to sabendo criar os filtros nele(Pivot)

Na verdade eu queria ja usar o JqxGrid e só implementar o pivot ali dentro, só não sei se consigo fazer isso

<!DOCTYPE html> <html lang="en"> <head> <title id='Description'>LogComex v3 </title> <meta name="description" content="jQuery Grid Filtering of Data" /> <link rel="stylesheet" href="jqwidgets/jqwidgets/styles/jqx.base.css" type="text/css" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <script type="text/javascript" src="jqwidgets/scripts/jquery-1.11.1.min.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/jqxdata.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/jqxdropdownlist.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/jqxmenu.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/jqxgrid.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/jqxgrid.filter.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/jqxgrid.sort.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/jqxgrid.selection.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/jqxpanel.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/globalization/globalize.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/jqxcalendar.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/jqxdatetimeinput.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/jqxcheckbox.js"></script> <script type="text/javascript" src="jqwidgets/scripts/demos.js"></script> <script type="text/javascript" src="generatedata.js"></script> <script type="text/javascript"> $(document).ready(function () { var source = { datatype: 'json', datafields: [ { name: 'responsavel_data_conhec', type: 'data'}, { name: 'data_registro', type: 'data' }, { name: 'tipo_carga', type: 'string' }, { name: 'teus', type: 'number'}, { name: 'nmconsignatario', type: 'string' }, { name: 'nmportoorigem', type: 'string' }, { name: 'total_fcl', type: 'number'}, { name: 'txmercadoria', type: 'string'}, {name: 'txshipper', type: 'string'}, {name: 'dtoperacao', type: 'data'}, { name: 'nmportoorigem', type: 'string' }, {name: 'nmportodescarregamento', type: 'string'}, {name: 'nmportodestino', type: 'string'}, {name: 'indmodalidadefrete', type: 'string'}, {name: 'nrcemercante', type: 'number'}, {name: 'nmembarcacao', type: 'string'} ], id: 'id', url: 'http://comex.io/request/report/jsonimport', async: false }; var addfilter = function () { var filtergroup = new $.jqx.filter(); var filtervalue = ''; var filtercondition = ''; var filter1 = filtergroup.createfilter('stringfilter', filtervalue, filtercondition); filtervalue = ''; filtercondition = 'starts_with'; var filter2 = filtergroup.createfilter('stringfilter', filtervalue, filtercondition); // add the filters. $("#grid").jqxGrid('addfilter', 'data_registro', filtergroup); // apply the filters. $("#grid").jqxGrid('applyfilters'); } var adapter = new $.jqx.dataAdapter(source); $("#grid").jqxGrid( { width: getWidth('Grid'), source: adapter, //pagesize: 100, // pagesizeoptions: ['10', '50', '100','200','300','400','500','1000','3000'], filterable: true, sortable: false, ready: function () { addfilter(); }, autoshowfiltericon: true, columns: [ {text: 'Responsavel data conhecimento', datafield: 'responsavel_data_conhec', width: 160}, { text: 'Teus', datafield: 'teus', width: 160 }, { text: 'tipo de carga', datafield: 'tipo_carga', width: 160 }, { text: 'Total FCL', datafield: 'total_fcl', width: 170 }, { text: 'Data de Navegação', datafield: 'data_registro', filtertype: 'date', width: 200, cellsformat: 'dd-MMMM-yyyy' }, { text: 'Consignatario', datafield: 'nmconsignatario', width: 200, cellsalign: 'right' }, { text: 'Porto de Origem', datafield: 'nmportoorigem', cellsalign: 'right', cellsformat: 'c2' }, { text: 'Mercadoria', datafield: 'txmercadoria', widht: 120, cellsalign: 'right', cellsformat: 'c2'}, { text: 'Navio', datafield: 'txshipper', widht: 140, cellsalign: 'right', cellsformat: 'c2'}, { text: 'Data de Operação', datafield: 'dtoperacao', widht: 140, cellsalign: 'right', cellsformat: 'c2'}, {text: 'Porto de Descarregamento', datafield: 'nmportodescarregamento', widht: 100, cellsalign: 'right'}, {text: 'Porto de Destino', datafield: 'nmportodestino', widht: 100, cellsalign: 'right'}, {text: 'Modalidade Frete', datafield: 'indmodalidadefrete', widht: 100, cellsalign: 'right'}, {text: 'Numero Mercante', datafield: 'nrcemercante', widht: 100, cellsalign: 'right'}, { text: 'Nome da Embarcação', datafield: 'nmembarcacao', widht: 100, cellsalign: 'right'} ] }); $('#events').jqxPanel({ width: 300, height: 80}); $("#grid").on("filter", function (event) { $("#events").jqxPanel('clearcontent'); var filterinfo = $("#grid").jqxGrid('getfilterinformation'); var eventData = "Triggered 'filter' event"; for (i = 0; i < filterinfo.length; i++) { var eventData = "Filter Column: " + filterinfo[i].filtercolumntext; $('#events').jqxPanel('prepend', '<div style="margin-top: 5px;">' + eventData + '</div>'); } }); $('#clearfilteringbutton').jqxButton({ height: 25}); $('#filterbackground').jqxCheckBox({ checked: true, height: 25}); $('#filtericons').jqxCheckBox({ checked: false, height: 25}); // clear the filtering. $('#clearfilteringbutton').click(function () { $("#grid").jqxGrid('clearfilters'); }); // show/hide filter background $('#filterbackground').on('change', function (event) { $("#grid").jqxGrid({ showfiltercolumnbackground: event.args.checked }); }); // show/hide filter icons $('#filtericons').on('change', function (event) { $("#grid").jqxGrid({ autoshowfiltericon: !event.args.checked }); }); }); </script> </head> <body class='default'> <div id="grid"> </div> <div id="eventslog" style="margin-top: 30px;"> <div style="width: 200px; float: left; margin-right: 10px;"> <input value="Remove Filter" id="clearfilteringbutton" type="button" /> <div style="margin-top: 10px;" id='filterbackground'>Filtar por Background</div> <div style="margin-top: 10px;" id='filtericons'>Mostrar todos os Icones de Filtro</div> </div> <div style="float: left;"> Evento de Log <div style="border: none;" id="events"> </div> </div> </div> </body> </html> Tipo, tem aqui o Jqx Grid, eu consigo integrar nele o visual do Pivot ou integrar o Pivot sem mudar o que ele está fazendo nas tabelas, que é um serach dos Json

Tipo eu queria que esse JqxGrid, ficasse com o estilo do Pivot apenas isso, na verdade é so isso, tirar esse estilo do Grid e passar como o Pivot, sem mudar nada nele, conseguiu entender mais ou menos??

Queria integrar o pivot ai, mas teria como??? tem algum jeito??

Não, não, eu tenho outro Grid so que eu queria integrar o Pivot nele <!DOCTYPE html> <html lang="en"> <head> <title id='Description'>LogComex v3 </title> <meta name="description" content="jQuery Grid Filtering of Data" /> <link rel="stylesheet" href="jqwidgets/jqwidgets/styles/jqx.base.css" type="text/css" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <script type="text/javascript" src="jqwidgets/scripts/jquery-1.11.1.min.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/jqxdata.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/jqxdropdownlist.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/jqxmenu.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/jqxgrid.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/jqxgrid.filter.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/jqxgrid.sort.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/jqxgrid.selection.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/jqxpanel.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/globalization/globalize.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/jqxcalendar.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/jqxdatetimeinput.js"></script> <script type="text/javascript" src="jqwidgets/jqwidgets/jqxcheckbox.js"></script> <script type="text/javascript" src="jqwidgets/scripts/demos.js"></script> <script type="text/javascript" src="generatedata.js"></script> <script type="text/javascript"> $(document).ready(function () { var source = { datatype: 'json', datafields: [ { name: 'responsavel_data_conhec', type: 'data'}, { name: 'data_registro', type: 'data' }, { name: 'tipo_carga', type: 'string' }, { name: 'teus', type: 'number'}, { name: 'nmconsignatario', type: 'string' }, { name: 'nmportoorigem', type: 'string' }, { name: 'total_fcl', type: 'number'}, { name: 'txmercadoria', type: 'string'}, {name: 'txshipper', type: 'string'}, {name: 'nmembarcacao', type: 'string'} ], id: 'id', url: 'http://comex.io/request/report/jsonimport', async: false }; var addfilter = function () { var filtergroup = new $.jqx.filter(); var filtervalue = ''; var filtercondition = ''; var filter1 = filtergroup.createfilter('stringfilter', filtervalue, filtercondition); filtervalue = ''; filtercondition = 'starts_with'; var filter2 = filtergroup.createfilter('stringfilter', filtervalue, filtercondition); // add the filters. $("#grid").jqxGrid('addfilter', 'data_registro', filtergroup); // apply the filters. $("#grid").jqxGrid('applyfilters'); } var adapter = new $.jqx.dataAdapter(source); $("#grid").jqxGrid( { width: getWidth('Grid'), source: adapter, filterable: true, sortable: false, ready: function () { addfilter(); }, autoshowfiltericon: true, columns: [ {text: 'Responsavel data conhecimento', datafield: 'responsavel_data_conhec', width: 160}, { text: 'Teus', datafield: 'teus', width: 160 }, { text: 'tipo de carga', datafield: 'tipo_carga', width: 160 }, { text: 'Total FCL', datafield: 'total_fcl', width: 170 }, { text: 'Data de Navegação', datafield: 'data_registro', filtertype: 'date', width: 200, cellsformat: 'dd-MMMM-yyyy' }, { text: 'Consignatario', datafield: 'nmconsignatario', width: 200, cellsalign: 'right' }, { text: 'Porto de Origem', datafield: 'nmportoorigem', cellsalign: 'right', cellsformat: 'c2' }, { text: 'Mercadoria', datafield: 'txmercadoria', widht: 120, cellsalign: 'right', cellsformat: 'c2'}, { text: 'Navio', datafield: 'txshipper', widht: 100, cellsalign: 'right', cellsformat: 'c2'}, { text: 'Nome da Embarcação', datafield: 'nmembarcacao', widht: 100, cellsalign: 'right'} ] }); $('#events').jqxPanel({ width: 300, height: 80}); $("#grid").on("filter", function (event) { $("#events").jqxPanel('clearcontent'); var filterinfo = $("#grid").jqxGrid('getfilterinformation'); var eventData = "Triggered 'filter' event"; for (i = 0; i < filterinfo.length; i++) { var eventData = "Filter Column: " + filterinfo[i].filtercolumntext; $('#events').jqxPanel('prepend', '<div style="margin-top: 5px;">' + eventData + '</div>'); } }); $('#clearfilteringbutton').jqxButton({ height: 25}); $('#filterbackground').jqxCheckBox({ checked: true, height: 25}); $('#filtericons').jqxCheckBox({ checked: false, height: 25}); // clear the filtering. $('#clearfilteringbutton').click(function () { $("#grid").jqxGrid('clearfilters'); }); // show/hide filter background $('#filterbackground').on('change', function (event) { $("#grid").jqxGrid({ showfiltercolumnbackground: event.args.checked }); }); // show/hide filter icons $('#filtericons').on('change', function (event) { $("#grid").jqxGrid({ autoshowfiltericon: !event.args.checked }); }); }); </script> </head> <body class='default'> <div id="grid"> </div> <div id="eventslog" style="margin-top: 30px;"> <div style="width: 200px; float: left; margin-right: 10px;"> <input value="Remove Filter" id="clearfilteringbutton" type="button" /> <div style="margin-top: 10px;" id='filterbackground'>Filtar por Background</div> <div style="margin-top: 10px;" id='filtericons'>Mostrar todos os Icones de Filtro</div> </div> <div style="float: left;"> Evento de Log <div style="border: none;" id="events"> </div> </div> </div> </body> </html> Seria nesse

Draco, outra coisa, quando eu tenho um jqxGrid, como faço pra integrar o pivot nele??