ODWRTW/canape
2
2
Fork 0
Code Issues 3 Pull Requests 1 Releases Activity

Add view to handle no result from search

Browse Source
This commit is contained in:
Grégoire Delattre 2017-01-29 15:14:41 +01:00
parent c51a380295
commit 80dba4e4d3
2 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/public/js/components/list/filter.js
View File

@ -2,6 +2,10 @@ import React from 'react'
import { Control, Form } from 'react-redux-form'; import { Control, Form } from 'react-redux-form';
export default function ListFilter(props) { export default function ListFilter(props) {
if (props.listSize === 0) {
return null;
}
return ( return (
<div className="row"> <div className="row">
<div className="col-xs-12 col-md-12 list-filter"> <div className="col-xs-12 col-md-12 list-filter">

5
src/public/js/components/list/posters.js
View File

@ -50,6 +50,8 @@ export default class ListPosters extends React.Component {
render() { render() {
let elmts = this.props.data.slice(); let elmts = this.props.data.slice();
const listSize = elmts.length;
const colSize = (listSize !== 0) ? "col-xs-5 col-md-8" : "col-xs-12";
// Filter the list of elements // Filter the list of elements
if (this.props.filter !== "") { if (this.props.filter !== "") {
@ -60,8 +62,9 @@ export default class ListPosters extends React.Component {
} }
return ( return (
<div className="col-xs-5 col-md-8"> <div className={colSize}>
<ListFilter <ListFilter
listSize={listSize}
formModel={this.props.formModel} formModel={this.props.formModel}
controlModel={this.props.controlModel} controlModel={this.props.controlModel}
controlPlaceHolder={this.props.controlPlaceHolder} controlPlaceHolder={this.props.controlPlaceHolder}