This repository has been archived by the owner on Mar 7, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 20
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Add a new context menu item that opens reset modal dialog. Add a new modal window with reset options, which provides a way to toggle graceful, reboot flags. Signed-off-by: Artem Chernyshev <[email protected]>
- Loading branch information
Showing
5 changed files
with
159 additions
and
60 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,107 @@ | ||
| <!-- | ||
| This Runtime Code Form is subject to the terms of the Mozilla Public | ||
| License, v. 2.0. If a copy of the MPL was not distributed with this | ||
| file, You can obtain one at http://mozilla.org/MPL/2.0/. | ||
| --> | ||
| <template> | ||
| <div> | ||
| <div class="sm:flex sm:items-start p-5 max-w-xl"> | ||
| <div class="flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-yellow-400 text-yellow-400 bg-opacity-20 sm:mx-0 sm:h-10 sm:w-10"> | ||
| <exclamation-icon class="w-6 h-6" fill="currentColor"/> | ||
| </div> | ||
| <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> | ||
| <h3 class="text-lg leading-6 font-medium text-talos-gray-900 dark:text-talos-gray-100" id="modal-title">Reset the Node {{ node }}</h3> | ||
| <p class="text-sm text-talos-gray-500 dark:text-talos-gray-300">This operation will reset the EPHEMERAL partition on the node.</p> | ||
| <div class="mt-2 flex flex-col gap-1"> | ||
| <t-checkbox v-model="graceful" label="Graceful"/> | ||
| <t-checkbox v-model="reboot" label="Reboot"/> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="bg-talos-gray-50 dark:bg-talos-gray-700 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse gap-2 rounded-b-lg"> | ||
| <t-button small primary :disabled="!node || state === 'Resetting'" @click="reset">{{ state }}</t-button> | ||
| <t-button small @click="close">Cancel</t-button> | ||
| </div> | ||
| </div> | ||
| </template> | ||
|
|
||
| <script lang="ts"> | ||
| import TButton from '../components/TButton.vue'; | ||
| import TCheckbox from '../components/TCheckbox.vue'; | ||
| import { ref } from 'vue'; | ||
| import { useRoute, useRouter } from 'vue-router'; | ||
| import { MachineService, getCluster } from '../api/grpc'; | ||
| import { Runtime } from '../api/common/theila.pb'; | ||
| import { | ||
| ExclamationIcon, | ||
| } from '@heroicons/vue/outline'; | ||
| import { showError } from '../modal'; | ||
|
|
||
| export default { | ||
| components: { | ||
| TButton, | ||
| TCheckbox, | ||
| ExclamationIcon, | ||
| }, | ||
|
|
||
| setup() { | ||
| const route = useRoute(); | ||
| const router = useRouter(); | ||
| const state = ref("Reset"); | ||
| const graceful = ref(true); | ||
| const reboot = ref(true); | ||
|
|
||
| const close = () => { | ||
| router.replace({ query: { | ||
| modal: undefined, | ||
| node: undefined, | ||
| }}); | ||
| }; | ||
|
|
||
| return { | ||
| node: route.query.node, | ||
| state, | ||
| close, | ||
| graceful, | ||
| reboot, | ||
| reset: async () => { | ||
| state.value = "Resetting"; | ||
|
|
||
| try { | ||
| const res = await MachineService.Reset({ | ||
| reboot: reboot.value, | ||
| graceful: graceful.value, | ||
| systemPartitionsToWipe: [ | ||
| { | ||
| label: "EPHEMERAL", | ||
| wipe: true, | ||
| } | ||
| ], | ||
| }, { | ||
| runtime: Runtime.Talos, | ||
| metadata: { | ||
| nodes: [route.query.node], | ||
| ...getCluster(route), | ||
| } | ||
| }); | ||
|
|
||
| const errors: string[] = []; | ||
| for(const message of res.messages) { | ||
| if(message.metadata.error) | ||
| errors.push(`${message.metadata.hostname || route.query.node} ${message.metadata.error}`); | ||
| } | ||
|
|
||
| if(errors.length > 0) | ||
| throw new Error(errors.join(", ")) | ||
|
|
||
| close(); | ||
| } catch(e) { | ||
| close(); | ||
|
|
||
| showError("Failed to Issue Reset", e.toString()) | ||
| } | ||
| } | ||
| } | ||
| }, | ||
| } | ||
| </script> |