From f9539ab50af68290fc88a972d331fe3608d2d7ef Mon Sep 17 00:00:00 2001
From: Rokt33r <fluke8259@gmail.com>
Date: Mon, 28 Dec 2015 12:36:43 +0900
Subject: [PATCH] add only unsaved filter

---
 browser/main/HomePage/ArticleTopBar.js                | 11 +++++++++--
 browser/main/HomePage/index.js                        |  4 ++++
 browser/main/actions.js                               |  8 ++++++++
 browser/main/reducer.js                               |  7 ++++++-
 .../main/HomeContainer/components/ArticleTopBar.styl  |  6 ++++++
 5 files changed, 33 insertions(+), 3 deletions(-)

diff --git a/browser/main/HomePage/ArticleTopBar.js b/browser/main/HomePage/ArticleTopBar.js
index 888d4232..c84c401d 100644
--- a/browser/main/HomePage/ArticleTopBar.js
+++ b/browser/main/HomePage/ArticleTopBar.js
@@ -1,7 +1,7 @@
 import React, { PropTypes } from 'react'
 import ReactDOM from 'react-dom'
 import ExternalLink from 'browser/components/ExternalLink'
-import { setSearchFilter, clearSearch, toggleTutorial } from '../actions'
+import { setSearchFilter, clearSearch, toggleOnlyUnsavedFilter, toggleTutorial } from '../actions'
 
 const BRAND_COLOR = '#18AF90'
 
@@ -105,8 +105,15 @@ export default class ArticleTopBar extends React.Component {
     this.focusInput()
   }
 
+  handleOnlyUnsavedChange (e) {
+    let { dispatch } = this.props
+
+    dispatch(toggleOnlyUnsavedFilter())
+  }
+
   handleTutorialButtonClick (e) {
     let { dispatch } = this.props
+    console.log(e.target.value)
 
     dispatch(toggleTutorial())
   }
@@ -142,7 +149,7 @@ export default class ArticleTopBar extends React.Component {
           </div>
 
           {status.isTutorialOpen ? searchTutorialElement : null}
-
+          <label className='only-unsaved'><input value={status.onlyUnsaved} onChange={e => this.handleOnlyUnsavedChange(e)} type='checkbox'/> only unsaved</label>
         </div>
         <div className='right'>
           <button onClick={e => this.handleTutorialButtonClick(e)}>?<span className='tooltip'>How to use</span>
diff --git a/browser/main/HomePage/index.js b/browser/main/HomePage/index.js
index 3798f7a0..6486bdc3 100644
--- a/browser/main/HomePage/index.js
+++ b/browser/main/HomePage/index.js
@@ -144,6 +144,10 @@ function remap (state) {
   let articles = _articles != null ? _articles.data : []
   let modified = _articles != null ? _articles.modified : []
 
+  if (state.status.onlyUnsaved) {
+    articles = modified.map(modifiedArticle => _.findWhere(articles, {key: modifiedArticle.key}))
+  }
+
   articles.sort((a, b) => {
     return new Date(b.updatedAt) - new Date(a.updatedAt)
   })
diff --git a/browser/main/actions.js b/browser/main/actions.js
index 3c57414d..99dc2a95 100644
--- a/browser/main/actions.js
+++ b/browser/main/actions.js
@@ -16,6 +16,7 @@ export const SWITCH_ARTICLE = 'SWITCH_ARTICLE'
 export const SET_SEARCH_FILTER = 'SET_SEARCH_FILTER'
 export const SET_TAG_FILTER = 'SET_TAG_FILTER'
 export const CLEAR_SEARCH = 'CLEAR_SEARCH'
+export const TOGGLE_ONLY_UNSAVED_FILTER = 'TOGGLE_ONLY_UNSAVED_FILTER'
 
 export const TOGGLE_TUTORIAL = 'TOGGLE_TUTORIAL'
 
@@ -131,6 +132,12 @@ export function clearSearch () {
   }
 }
 
+export function toggleOnlyUnsavedFilter () {
+  return {
+    type: TOGGLE_ONLY_UNSAVED_FILTER
+  }
+}
+
 export function toggleTutorial () {
   return {
     type: TOGGLE_TUTORIAL
@@ -153,5 +160,6 @@ export default {
   setSearchFilter,
   setTagFilter,
   clearSearch,
+  toggleOnlyUnsavedFilter,
   toggleTutorial
 }
diff --git a/browser/main/reducer.js b/browser/main/reducer.js
index 3a5d5a45..a6827344 100644
--- a/browser/main/reducer.js
+++ b/browser/main/reducer.js
@@ -7,6 +7,7 @@ import {
   SET_SEARCH_FILTER,
   SET_TAG_FILTER,
   CLEAR_SEARCH,
+  TOGGLE_ONLY_UNSAVED_FILTER,
   TOGGLE_TUTORIAL,
 
   // user
@@ -31,7 +32,7 @@ import activityRecord from 'browser/lib/activityRecord'
 const initialStatus = {
   search: '',
   isTutorialOpen: false,
-  isStatusLocked: false
+  onlyUnsaved: false
 }
 
 let data = dataStore.getData()
@@ -264,6 +265,10 @@ function status (state = initialStatus, action) {
     case CLEAR_SEARCH:
       state.search = ''
 
+      return state
+    case TOGGLE_ONLY_UNSAVED_FILTER:
+      state.onlyUnsaved = !state.onlyUnsaved
+
       return state
     default:
       return state
diff --git a/browser/styles/main/HomeContainer/components/ArticleTopBar.styl b/browser/styles/main/HomeContainer/components/ArticleTopBar.styl
index 6397e74a..81946814 100644
--- a/browser/styles/main/HomeContainer/components/ArticleTopBar.styl
+++ b/browser/styles/main/HomeContainer/components/ArticleTopBar.styl
@@ -122,6 +122,12 @@ infoBtnActiveBgColor = #3A3A3A
       transition 0.1s
       &:hover
         color refreshBtnActiveColor
+    .only-unsaved
+      line-height 33px
+      float left
+      height 33px
+      margin-top 13.5px
+      margin-left 10px
   &>.right
     float right
     &>button