fix uehaj2022/latteart#10

package.json

@@ -124,4 +124,4 @@
       "git add"
     ]
   }
-}
+}

src/gui/vue/pages/captureControl/expCapture/organisms/captureToolFooter/AutofillButton.vue

@@ -25,7 +25,8 @@
       small
       :title="$store.getters.message('app.autofill')"
     >
-      <v-icon>edit</v-icon>
+      <v-icon v-if="isDisabled">edit</v-icon>
+      <v-icon v-else>drive_file_rename_outline</v-icon>
     </v-btn>
   </div>
 </template>
@@ -43,10 +44,7 @@ export default class AutofillButton extends Vue {
   private autofillConditionGroup: AutofillConditionGroup[] | null = null;
 
   private get isDisabled(): boolean {
-    if (
-      !this.$store.state.captureControl.isCapturing ||
-      this.$store.state.captureControl.isAutoOperation
-    ) {
+    if (!this.$store.state.captureControl.isCapturing) {
       this.setMatchedAutofillConditionGroup(null);
       return true;
     }

src/gui/vue/pages/captureControl/expCapture/organisms/captureToolFooter/BrowserBackButton.vue

@@ -23,7 +23,7 @@
       :disabled="isDisabled"
       :title="$store.getters.message('navigate.back')"
     >
-      <v-icon dark>arrow_back</v-icon>
+      <v-icon dark>chevron_left</v-icon>
     </v-btn>
   </div>
 </template>

src/gui/vue/pages/captureControl/expCapture/organisms/captureToolFooter/BrowserForwardButton.vue

@@ -23,7 +23,7 @@
       :disabled="isDisabled"
       :title="$store.getters.message('navigate.forward')"
     >
-      <v-icon dark>arrow_forward</v-icon>
+      <v-icon dark>chevron_right</v-icon>
     </v-btn>
   </div>
 </template>

src/gui/vue/pages/captureControl/expCapture/organisms/captureToolFooter/NoteRegisterButton.vue

@@ -25,7 +25,7 @@
       small
       :title="$store.getters.message('app.record-note')"
     >
-      <v-icon>add_comment</v-icon>
+      <v-icon>notes</v-icon>
     </v-btn>
 
     <note-edit-dialog

src/gui/vue/pages/captureControl/expCapture/organisms/captureToolFooter/SelectWindowButton.vue

@@ -24,7 +24,8 @@
       :title="$store.getters.message('app.target-tab-window')"
       id="openWindowSelectorButton"
     >
-      <v-icon dark>tab</v-icon>
+      <v-icon v-if="windowSelectorIsEnabled">tab</v-icon>
+      <v-icon v-else>tab_unselected</v-icon>
     </v-btn>
 
     <window-selector-dialog

src/gui/vue/pages/captureControl/expCapture/organisms/captureToolHeader/CaptureToolHeader.vue

@@ -66,7 +66,7 @@ import MenuButton from "./MenuButton.vue";
   },
 })
 export default class CaptureToolHeader extends Vue {
-  private cancelKeydown(event: Event) {
+  public cancelKeydown(event: Event) {
     event.stopPropagation();
   }
 }

src/gui/vue/pages/captureControl/expCapture/organisms/captureToolHeader/ClearHistoryButton.vue

@@ -25,7 +25,8 @@
       @click="resetHistory"
       :title="$store.getters.message('app.reset')"
     >
-      <v-icon>refresh</v-icon>
+      <v-icon v-if="isDisabled">block</v-icon>
+      <v-icon v-else>autorenew</v-icon>
     </v-btn>
   </div>
 </template>

src/gui/vue/pages/captureControl/expCapture/organisms/captureToolHeader/LoadHistoryButton.vue

@@ -25,7 +25,8 @@
       :disabled="isDisabled"
       :title="$store.getters.message('app.import')"
     >
-      <v-icon>folder_open</v-icon>
+      <v-icon v-if="isDisabled">cancel_presentation</v-icon>
+      <v-icon v-else>cloud_circle</v-icon>
     </v-btn>
 
     <v-menu
@@ -58,7 +59,6 @@
 <script lang="ts">
 import { Component, Vue } from "vue-property-decorator";
 import ErrorMessageDialog from "@/vue/pages/common/ErrorMessageDialog.vue";
-import { TestResultSummary } from "@/lib/operationHistory/types";
 
 @Component({
   components: {
@@ -71,7 +71,7 @@ export default class LoadHistoryButton extends Vue {
   private menuY = 0;
   private errorMessageDialogOpened = false;
   private errorMessage = "";
-  private testResults: Array<TestResultSummary> = [];
+  private testResults: Array<{ id: string; name: string }> = [];
 
   private get isDisabled(): boolean {
     return this.isCapturing || this.isReplaying || this.isResuming;

src/gui/vue/pages/captureControl/expCapture/organisms/captureToolHeader/PauseButton.vue

@@ -25,7 +25,8 @@
       :title="pauseButtonTooltip"
       :color="pauseButtonColor"
     >
-      <v-icon>pause</v-icon>
+      <v-icon v-if="!isCapturing">pause</v-icon>
+      <v-icon v-else>pause_circle_outline</v-icon>
     </v-btn>
   </div>
 </template>
@@ -53,7 +54,7 @@ export default class PauseButton extends Vue {
   }
 
   private get pauseButtonColor() {
-    return this.isPaused ? "yellow" : "grey darken-3";
+    return this.isPaused ? "red" : "grey darken-3";
   }
 
   private pushPauseButton() {

src/gui/vue/pages/captureControl/expCapture/organisms/captureToolHeader/RecordButton.vue

@@ -27,19 +27,20 @@
       :title="$store.getters.message('app.start')"
       id="startButton"
     >
-      <v-icon>fiber_manual_record</v-icon>
+      <v-icon v-if="isDisabled">block</v-icon>
+      <v-icon v-else>fiber_manual_record</v-icon>
     </v-btn>
     <v-btn
       v-else
       icon
       flat
       large
-      color="red"
+      color="green"
       @click="endCapture"
       :title="$store.getters.message('app.finish')"
       id="endButton"
     >
-      <v-icon>fiber_manual_record</v-icon>
+      <v-icon color="green">fiber_smart_record</v-icon>
     </v-btn>
 
     <test-option-dialog

src/gui/vue/pages/captureControl/expCapture/organisms/captureToolHeader/TestResultNameTextField.vue

@@ -16,7 +16,7 @@
 
 <template>
   <v-layout justify-start align-center row>
-    <v-icon class="pl-4 pr-1">save_alt</v-icon>
+    <v-icon class="pl-4 pr-1">input</v-icon>
     <v-text-field
       single-line
       :label="$store.getters.message('app.test-result-name')"

src/gui/vue/pages/captureControl/expCapture/organisms/captureToolHeader/URLTextField.vue

@@ -16,10 +16,10 @@
 
 <template>
   <v-layout justify-start align-center row>
-    <v-icon class="pr-1">open_in_browser</v-icon>
+    <v-icon class="pr-1">add_link</v-icon>
     <v-text-field
       single-line
-      label="URL"
+      label="URL Link"
       v-model="url"
       :disabled="isDisabled"
       id="urlTextField"

tsconfig.json

@@ -12,11 +12,23 @@
     "esModuleInterop": true,
     "allowSyntheticDefaultImports": true,
     "baseUrl": ".",
-    "types": ["node", "webpack-env", "jest", "vuetify"],
+    "types": [
+      "node",
+      "webpack-env",
+      "jest",
+      "vuetify"
+    ],
     "paths": {
-      "@/*": ["src/gui/*"]
+      "@/*": [
+        "src/gui/*"
+      ]
     },
-    "lib": ["esnext", "dom", "dom.iterable", "scripthost"]
+    "lib": [
+      "esnext",
+      "dom",
+      "dom.iterable",
+      "scripthost"
+    ]
   },
   "include": [
     "src/gui/**/*.ts",
@@ -25,5 +37,7 @@
     "tests/**/*.ts",
     "tests/**/*.tsx"
   ],
-  "exclude": ["node_modules"]
-}
+  "exclude": [
+    "node_modules"
+  ]
+}