Store filter/column settings in localStorage

The filter and column settings in tables are stored per project and
context in the browsers localStorage. This makes the table keep the
settings even if the browser is refreshed or restarted.

The table emits a "componentStateChanged" event containing the tables
current state (filter/column settings) which then is saved by the top
level component.
This commit is contained in:
2019-03-28 10:29:13 +01:00
parent f6056f4f7e
commit 465f1eb87e
13 changed files with 562 additions and 152 deletions

View File

@@ -112,6 +112,9 @@ $thumbnail-max-height: calc(110px * (9/16))
display: flex
flex-direction: row
.action
cursor: pointer
.settings-menu
display: flex
flex-direction: column
@@ -123,10 +126,17 @@ $thumbnail-max-height: calc(110px * (9/16))
text-transform: capitalize
z-index: $z-index-base + 1
box-shadow: 0 2px 5px rgba(black, .4)
user-select: none
.pillar-table-row-filter
display: flex
flex-direction: row
input.filter-active
background-color: rgba($color-info, .50)
.pi-filter.filter-active
color: $color-info
.pillar-table-actions
margin-left: auto