+ clear selected pozostale

tools/Bocian.php.view.js

@@ -50,6 +50,28 @@ var P5UI__BocianHeader = createReactClass({
 		// window['createKontrahentAjax'](event)
 		window['addPozostaleOdDo'](event)
 	},
+	clearPozostaleOd: function (event) {
+		this.props.store.dispatch({ type: 'CLEAR_POZOSTALE_OD' })
+	},
+	clearPozostaleDo: function (event) {
+		this.props.store.dispatch({ type: 'CLEAR_POZOSTALE_DO' })
+	},
+	renderClearPozostaleOdBtn: function () {
+		return h('i', {
+			title: "Usuń pozostałe",
+			className: "glyphicon glyphicon-remove",
+			style: { 'font-size': '14px', 'line-height': '21px', 'margin-left': '3px', 'vertical-align': 'middle', color: "#f00", opacity: "0.5", cursor: "pointer" },
+			onClick: this.clearPozostaleOd, 'line-height': '20px'
+		});
+	},
+	renderClearPozostaleDoBtn: function () {
+		return h('i', {
+			title: "Usuń pozostałe",
+			className: "glyphicon glyphicon-remove",
+			style: { 'font-size': '14px', 'line-height': '21px', 'margin-left': '3px', 'vertical-align': 'middle', color: "#f00", opacity: "0.5", cursor: "pointer" },
+			onClick: this.clearPozostaleDo, 'line-height': '20px'
+		});
+	},
 	render: function () {
 		DBG && console.log('DBG::P5UI__BocianHeader::render ', { state: this.state });
 		var totalOd = this.state.totalOdPracownicy + this.state.totalOdPozostale;
@@ -69,6 +91,7 @@ var P5UI__BocianHeader = createReactClass({
 						h('a', { className: "btn btn-link", style: { padding: 0, fontSize: "16px" }, href: "#PRACOWNICY" }, " pracownicy (" + this.state.totalOdPracownicy + ")"),
 						" + ",
 						h('button', { className: "btn btn-link", style: { padding: 0, fontSize: "16px" }, onClick: this.addOdPozostale }, " pozostałe (" + this.state.totalOdPozostale + ")"),
+						(this.state.totalOdPozostale > 0) ? this.renderClearPozostaleOdBtn() : null,
 					]),
 					h('li', { style: { marginTop: "6px" } }, [
 						h('span', {
@@ -77,6 +100,7 @@ var P5UI__BocianHeader = createReactClass({
 						h('a', { className: "btn btn-link", style: { padding: 0, fontSize: "16px" }, href: "#KONTRAHENCI" }, " kontrahenci (" + this.state.totalDoKontrahenci + ")"),
 						" + ",
 						h('button', { className: "btn btn-link", style: { padding: 0, fontSize: "16px" }, onClick: this.addDoPozostale }, " pozostałe (" + this.state.totalDoPozostale + ")"),
+						(this.state.totalDoPozostale > 0) ? this.renderClearPozostaleDoBtn() : null,
 					])
 				])
 			])
@@ -170,6 +194,20 @@ function bocianRaportStore(state, action) {
 				totalDoPozostale: listPozostaleDo.length,
 			})
 		}
+		case 'CLEAR_POZOSTALE_OD': {
+			localStorage.setItem(getSelectedListLocalStorageKey('OD'), JSON.stringify([]))
+			return Object.assign(prevState, {
+				pozostaleOd: [],
+				totalOdPozostale: 0,
+			})
+		}
+		case 'CLEAR_POZOSTALE_DO': {
+			localStorage.setItem(getSelectedListLocalStorageKey('DO'), JSON.stringify([]))
+			return Object.assign(prevState, {
+				pozostaleDo: [],
+				totalDoPozostale: 0,
+			})
+		}
 		default: return prevState;
 	}
 }