diff --git a/packages/playground/src/components/ssh_keys/ManageSshDeployemnt.vue b/packages/playground/src/components/ssh_keys/ManageSshDeployemnt.vue index 777f5448fa..7b8176b22b 100644 --- a/packages/playground/src/components/ssh_keys/ManageSshDeployemnt.vue +++ b/packages/playground/src/components/ssh_keys/ManageSshDeployemnt.vue @@ -37,8 +37,12 @@ - The keys selected here will be forwarded to your deployment. To change keys, simply toggle on the keys you - wish to select/deselect. + + To change the key that you want to use over the deployment, simply click on it. { selectedKeys.value = sshKeysManagement.list().filter(_key => _key.isActive === true); + // TODO: Remove the below `selectedKeys.value = [selectedKeys.value[0]];` to make the user select more than one key + // after fixing this issue: https://github.com/threefoldtech/tf-images/issues/231 + selectedKeys.value = [selectedKeys.value[0]]; handleKeys(); emit("selectedKeys", selectedKeysString.value); }); @@ -137,14 +144,17 @@ export default defineComponent({ }; function selectKey(key: SSHKeyData) { - if (isKeySelected(key)) { - const index = selectedKeys.value.findIndex(selectedKey => selectedKey.id === key.id); - if (index !== -1) { - selectedKeys.value.splice(index, 1); - } - } else { - selectedKeys.value.push(key); - } + // TODO: Update the below `selectedKeys.value = [key];` to make the user select more than one key + // after fixing this issue: https://github.com/threefoldtech/tf-images/issues/231 + selectedKeys.value = [key]; + // if (isKeySelected(key)) { + // const index = selectedKeys.value.findIndex(selectedKey => selectedKey.id === key.id); + // if (index !== -1) { + // selectedKeys.value.splice(index, 1); + // } + // } else { + // selectedKeys.value.push(key); + // } handleKeys(); emit("selectedKeys", selectedKeysString.value); diff --git a/packages/playground/src/components/ssh_keys/SshTable.vue b/packages/playground/src/components/ssh_keys/SshTable.vue index 9516c02c91..480f2434f0 100644 --- a/packages/playground/src/components/ssh_keys/SshTable.vue +++ b/packages/playground/src/components/ssh_keys/SshTable.vue @@ -184,11 +184,14 @@ export default defineComponent({ title: "Key Fingerprint", key: "fingerPrint", }, - { - title: "Active", - key: "activation", - sortable: false, - }, + + // TODO: Update the below `Column` to make the user activate/deactivate more than one key. + // after fixing this issue: https://github.com/threefoldtech/tf-images/issues/231 + // { + // title: "Active", + // key: "activation", + // sortable: false, + // }, ]; const deleteSelected = () => { diff --git a/packages/playground/src/views/sshkey_view.vue b/packages/playground/src/views/sshkey_view.vue index 1741b97b49..a8b9fd7f4f 100644 --- a/packages/playground/src/views/sshkey_view.vue +++ b/packages/playground/src/views/sshkey_view.vue @@ -12,6 +12,8 @@ + Multiple keys support is coming up soon +