Improved keys

Guillaume Chau · Guillaume Chau · commit a6eff967bd89 · 2018-01-08T00:39:34.000+01:00
diff --git a/src/devtools/components/StateInspector.vue b/src/devtools/components/StateInspector.vue
@@ -78,7 +78,7 @@ export default {
       })
     },
     dataTypeTooltip () {
-      return `<span class="keyboard">${this.$keys.ctrl}</span> + <i class="material-icons">mouse</i>: Collapse All<br><span class="keyboard">Shift</span> + <i class="material-icons">mouse</i>: Expand All`
+      return `<span class="keyboard">${this.$keys.ctrl}</span> + <i class="material-icons">mouse</i>: Collapse All<br><span class="keyboard">${this.$keys.shift}</span> + <i class="material-icons">mouse</i>: Expand All`
     }
   },
   methods: {
diff --git a/src/devtools/index.js b/src/devtools/index.js
@@ -9,7 +9,9 @@ import { parse } from '../util'
 const isChrome = typeof chrome !== 'undefined' && !!chrome.devtools
 const isMac = navigator.platform === 'MacIntel'
 const keys = {
-  ctrl: isMac ? '&#8984;' : 'Ctrl'
+  ctrl: isMac ? '&#8984;' : 'Ctrl',
+  shift: 'Shift',
+  alt: isMac ? '&#8997;' : 'Alt'
 }
 
 Object.defineProperties(Vue.prototype, {
diff --git a/src/devtools/mixins/data-field-edit.js b/src/devtools/mixins/data-field-edit.js
@@ -238,8 +238,8 @@ export default {
     quickEditNumberTooltip (operator) {
       return `Quick Edit<br><br>
 <span class="keyboard">${this.$keys.ctrl}</span> + <i class="material-icons">mouse</i>: ${operator}5<br>
-<span class="keyboard">Shift</span> + <i class="material-icons">mouse</i>: ${operator}10<br>
-<span class="keyboard">Alt</span> + <i class="material-icons">mouse</i>: ${operator}100`
+<span class="keyboard">${this.$keys.shift}</span> + <i class="material-icons">mouse</i>: ${operator}10<br>
+<span class="keyboard">${this.$keys.alt}</span> + <i class="material-icons">mouse</i>: ${operator}100`
     }
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -78,7 +78,7 @@ export default {`
`78`	`78`	`})`
`79`	`79`	`},`
`80`	`80`	`dataTypeTooltip () {`
`81`		- return `<span class="keyboard">${this.$keys.ctrl}</span> + <i class="material-icons">mouse</i>: Collapse All<br><span class="keyboard">Shift</span> + <i class="material-icons">mouse</i>: Expand All`
	`81`	+ return `<span class="keyboard">${this.$keys.ctrl}</span> + <i class="material-icons">mouse</i>: Collapse All<br><span class="keyboard">${this.$keys.shift}</span> + <i class="material-icons">mouse</i>: Expand All`
`82`	`82`	`}`
`83`	`83`	`},`
`84`	`84`	`methods: {`
Original file line number	Diff line number	Diff line change
`@@ -238,8 +238,8 @@ export default {`
`238`	`238`	`quickEditNumberTooltip (operator) {`
`239`	`239`	return `Quick Edit<br><br>
`240`	`240`	`<span class="keyboard">${this.$keys.ctrl}</span> + <i class="material-icons">mouse</i>: ${operator}5<br>`
`241`		`-<span class="keyboard">Shift</span> + <i class="material-icons">mouse</i>: ${operator}10<br>`
`242`		-<span class="keyboard">Alt</span> + <i class="material-icons">mouse</i>: ${operator}100`
	`241`	`+<span class="keyboard">${this.$keys.shift}</span> + <i class="material-icons">mouse</i>: ${operator}10<br>`
	`242`	+<span class="keyboard">${this.$keys.alt}</span> + <i class="material-icons">mouse</i>: ${operator}100`
`243`	`243`	`}`
`244`	`244`	`}`
`245`	`245`	`}`