瀏覽代碼

Add no select/disabled option to thread

sbkwgh 8 年之前
父節點
當前提交
c72491154c
共有 2 個文件被更改,包括 11 次插入3 次删除
  1. 10 2
      src/components/SelectButton.vue
  2. 1 1
      src/components/routes/ThreadNew.vue

+ 10 - 2
src/components/SelectButton.vue

@@ -7,8 +7,9 @@
 		<div class='select_button__options' :class='{"select_button__options--hidden": hideMenu}'>
 			<div
 				v-for='(option, index) in options'
-				@click='select(index)'
+				@click='select(index, option.disabled)'
 				class='select_button__option'
+				:class='{"select_button__option--disabled": option.disabled}'
 			>
 				{{option.name}}
 			</div>
@@ -24,7 +25,9 @@
 			toggleMenu () {
 				this.hideMenu = !this.hideMenu;
 			},
-			select (index) {
+			select (index, disabled) {
+				if(disabled) return;
+
 				this.selectedIndex = index;
 				this.hideMenu = true;
 
@@ -97,6 +100,11 @@
 			&:active {
 				background-color: $color__lightgray--darker;
 			}
+
+			@at-root #{&}--disabled {
+				color: $color__gray--darkest;
+				pointer-events: none;
+			}
 		}
 
 	}

+ 1 - 1
src/components/routes/ThreadNew.vue

@@ -26,7 +26,7 @@
 		},
 		computed: {
 			categories () {
-				return this.$store.state.meta.categories
+				return this.$store.getters.categoriesWithoutAll
 			}
 		},
 		methods: {}