Update single file firmware upload page

These updates are visible with IBM dotenv variables. Updates
include changes to layout and verbiage.

- Added a global application refresh listener, so app refresh
  can be called from components outside of the application header

Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: I5ebe6452a0360b6cced5597b648cde33e97c5a1f
diff --git a/src/env/components/FirmwareSingleImage/FirmwareSingleImageModalUpdateFirmware.vue b/src/env/components/FirmwareSingleImage/FirmwareSingleImageModalUpdateFirmware.vue
new file mode 100644
index 0000000..5157525
--- /dev/null
+++ b/src/env/components/FirmwareSingleImage/FirmwareSingleImageModalUpdateFirmware.vue
@@ -0,0 +1,44 @@
+<template>
+  <b-modal
+    id="modal-update-firmware"
+    :title="$t('pageFirmware.singleFileUpload.updateFirmware')"
+    :ok-title="$t('pageFirmware.singleFileUpload.startUpdate')"
+    :cancel-title="$t('global.action.cancel')"
+    @ok="$emit('ok')"
+  >
+    <p>
+      {{ $t('pageFirmware.singleFileUpload.modal.updateFirmwareInfo') }}
+    </p>
+    <p v-if="showMessage">
+      {{
+        $t('pageFirmware.singleFileUpload.modal.updateFirmwareInfo2', {
+          backup,
+          running,
+        })
+      }}
+    </p>
+    <p class="m-0">
+      {{ $t('pageFirmware.singleFileUpload.modal.updateFirmwareInfo3') }}
+    </p>
+  </b-modal>
+</template>
+
+<script>
+export default {
+  props: {
+    backup: {
+      type: String,
+      required: true,
+    },
+    running: {
+      type: String,
+      required: true,
+    },
+  },
+  computed: {
+    showMessage() {
+      return this.backup !== this.running;
+    },
+  },
+};
+</script>