diff --git a/web/src/pages/map/items-list.vue b/web/src/pages/map/items-list.vue index 41393901..829510d5 100644 --- a/web/src/pages/map/items-list.vue +++ b/web/src/pages/map/items-list.vue @@ -61,6 +61,34 @@ {{ item.title.auto }} + + + - + + + + + + +
+ +
@@ -94,12 +122,14 @@ export default Vue.extend({ total_items: { [category: number]: number } count_items: { [category: number]: number } state: ItemState + class_detail_open: number | undefined } { return { active_levels: ['1', '2', '3'], total_items: {}, count_items: {}, state: Object.assign({}, this.itemState), + class_detail_open: undefined, } }, @@ -208,6 +238,13 @@ export default Vue.extend({ this.itemsChanged() }, + set_item_class(item_id: number, class_id: number): void { + this._select_items_loop((item: Item) => item.item === item_id) + this.state.class = class_id + this.$forceUpdate() + this.itemsChanged() + }, + toggle_categorie_block(categ_id: number): void { const block = document.getElementById(`categorie_block_${categ_id}`) block.style.height = block.style.height == '0px' ? '' : '0px' @@ -362,4 +399,8 @@ div.level-3.disabled { background: url('~../../../static/images/levels.png') no-repeat; background-position: -32px -16px; } + +.class_detail { + cursor: pointer; +}