Finish all filters, even tags!

Author: hideki523

FilterType.ts

@@ -2,7 +2,7 @@ enum FilterType {
 	text = 'text',
 	date = 'date',
 	number = 'number',
-	association = 'association'
+	tags = 'tags'
 }
 
 export default FilterType;

PageHooks.ts

@@ -5,6 +5,10 @@ export default class PageHooks {
 	private readonly _items_callback: Function;
 	private readonly _count_callback: Function;
 
+	private lastPage: number = 1;
+	private lastField: SortableField|null;
+	private lastFilters: Array<FilterWithValue> | null;
+
 	constructor(items_callback: Function, count_callback: Function = null) {
 		this._items_callback = items_callback;
 		this._count_callback = count_callback || null;
@@ -14,11 +18,18 @@ export default class PageHooks {
 		return this._count_callback !== null;
 	}
 
+	public refresh() {
+		this.callForItems(this.lastPage, this.lastField, this.lastFilters);
+	}
+
 	public callForItems(
 		page: number,
 		field: SortableField | null,
 		filters: Array<FilterWithValue> | null
 	): void {
+		this.lastPage = page;
+		this.lastField = field;
+		this.lastFilters = filters;
 		this._items_callback(page, field, filters);
 	}
 

components/PaginatedTable/Filter.svelte

@@ -119,8 +119,18 @@
 					/>
 				</div>
 			</div>
+		{:else if filter.type === FilterType.tags}
+			<input
+				id="input_filter_{filter.name}"
+				class="form-control"
+				type="text"
+				on:change={onChange}
+				bind:value
+			/>
 		{:else}
-			<div class="badge">Unknown input type "{filter.type}"</div>
+			<h5>
+				<span class="badge bg-danger">Unknown input type "{filter.type}"</span>
+			</h5>
 		{/if}
 	</div>
 </div>