senaduka/old-kivi
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Listings view

Browse Source
This commit is contained in:
Edin Dazdarevic
2016-11-09 15:14:16 +01:00
parent e840556fd1
commit a6fcbc578c
4 changed files with 255 additions and 88 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
web/components/Filters.js
View File

@@ -1,10 +1,24 @@
import React from 'react';
export default class Filters extends React.Component {
onCloseClick(e) {
if (this.props.onClose) {
this.props.onClose();
}
}
render() {
return (
<div className="filters">
<div className="filters-close">
Uslovi Pretrage
<i onClick={this.onCloseClick.bind(this)}
className="close-icon fa fa-times"
aria-hidden="true"></i>
</div>
<div className="filter-row">
<div className="filter-title">
CIJENA
@@ -15,34 +29,37 @@ export default class Filters extends React.Component {
</div>
</div>
<div className="filter-row">
<div className="filter-row filter-property-types">
<div className="filter-title">
TIP
</div>
<div className="filter-content">
<div className="filter-btn property-type-btn">
Stan
<div className="filter-content">
<div className="filter-btn property-type-btn">
Stan
</div>
<div className="filter-btn property-type-btn">
Kuća
</div>
</div>
<div className="filter-btn property-type-btn">
Kuća
<div className="filter-content">
<div className="filter-btn property-type-btn">
Zemljište
</div>
<div className="filter-btn property-type-btn">
Poslovni prostor
</div>
</div>
<div className="filter-btn property-type-btn">
Zemljište
</div>
<div className="filter-btn property-type-btn">
Poslovni prostor
</div>
</div>
</div>
<div className="filter-row">
<div className="filter-title">
KVADRATA
</div>
<div className="filter-content">
od <input></input> do <input></input>
od <input></input>
do <input></input>
</div>
</div>
<div className="filter-row">
<div className="filter-row filter-property-rooms">
<div className="filter-title">
BROJ SOBA
</div>
@@ -68,6 +85,8 @@ export default class Filters extends React.Component {
<div className="filter-btn more-filters">Više Filtera</div>
</div>
</div>
<div className="clear-both">
</div>
<div className="filter-bottom">
</div>
</div>)