Settings values protobuf and service

ui/components/SettingsApp.vue

@@ -18,7 +18,7 @@
         </template>
         <settings-bundle
           v-for="bundle in selectedSettingsBundles"
-          :key="'bundle-' + bundle.key"
+          :key="'bundle-' + bundle.identifier.bundleKey"
           :bundle="bundle"
           class="uk-margin-top"
         />

ui/components/SettingsBundle.vue

@@ -35,7 +35,7 @@ export default {
   },
   methods: {
     getElementId(bundle, setting) {
-      return `setting-${bundle.key}-${setting.key}`
+      return `setting-${bundle.identifier.bundleKey}-${setting.settingKey}`
     },
     getSettingComponent(setting) {
       return 'Setting' + setting.type[0].toUpperCase() + setting.type.substr(1)

ui/components/settings/SettingMultiChoice.vue

@@ -60,15 +60,15 @@ export default {
       return Array.from(this.selectedOptions).map(option => option.displayValue).join(', ')
     },
     dropElementId() {
-      return `multi-choice-drop-${this.bundle.key}-${this.setting.key}`
+      return `multi-choice-drop-${this.bundle.identifier.bundleKey}-${this.setting.settingKey}`
     },
     buttonElementId() {
-      return `multi-choice-toggle-${this.bundle.key}-${this.setting.key}`
+      return `multi-choice-toggle-${this.bundle.identifier.bundleKey}-${this.setting.settingKey}`
     },
   },
   methods: {
     getOptionElementId(index) {
-      return `${this.bundle.key}-${this.setting.key}-${index}`
+      return `${this.bundle.identifier.bundleKey}-${this.setting.settingKey}-${index}`
     },
     onSelectedOption() {
       // TODO: propagate selection to parent

ui/components/settings/SettingSingleChoice.vue

@@ -58,15 +58,15 @@ export default {
   },
   computed: {
     dropElementId() {
-      return `single-choice-drop-${this.bundle.key}-${this.setting.key}`
+      return `single-choice-drop-${this.bundle.identifier.bundleKey}-${this.setting.settingKey}`
     },
     buttonElementId() {
-      return `single-choice-toggle-${this.bundle.key}-${this.setting.key}`
+      return `single-choice-toggle-${this.bundle.identifier.bundleKey}-${this.setting.settingKey}`
     },
   },
   methods: {
     getOptionElementId(index) {
-      return `${this.bundle.key}-${this.setting.key}-${index}`
+      return `${this.bundle.identifier.bundleKey}-${this.setting.settingKey}-${index}`
     },
     onSelectedOption() {
       // TODO: propagate selection to parent