Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Enhance networks Component #3344

Draft
wants to merge 20 commits into
base: development
Choose a base branch
from
Draft
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
20 commits
Select commit Hold shift + click to select a range
39cb05d
feat: Add NetworkItem component to make it less complex
MohamedElmdary Aug 28, 2024
ffa1dd1
feat: Apply solution to all need solutions
MohamedElmdary Aug 28, 2024
d2a40aa
feat: Support has-custom-domain in Networks component
MohamedElmdary Aug 28, 2024
b0e953e
chore: update default value for hasCustomDomain to 'false'
MohamedElmdary Aug 29, 2024
66c76e6
chore: Merge branch 'development' into development_enhance_networks_i…
MohamedElmdary Aug 29, 2024
4b619af
feat: Add createNetworks function
MohamedElmdary Aug 29, 2024
7445413
chore: Refactor useNetworks method
MohamedElmdary Sep 1, 2024
c2762cd
feat: Use 'useNetworks' in freeflow solution
MohamedElmdary Sep 1, 2024
954d979
feat: Use 'useNetworks' in full_vm solution
MohamedElmdary Sep 1, 2024
a9ff88f
feat: Use 'useNetworks' in jenkins solution
MohamedElmdary Sep 1, 2024
8c30abf
feat: Use 'useNetworks' in all solutions
MohamedElmdary Sep 1, 2024
921c8fd
Merge pull request #3352 from threefoldtech/development_enhance_netwo…
MohamedElmdary Sep 1, 2024
30b685a
fix: mark wg input as readonly if domain is needed while use didn't e…
MohamedElmdary Sep 2, 2024
ae76920
fix: mark wg input as readonly if domain is needed while use didn't e…
MohamedElmdary Sep 2, 2024
a61d2e0
Merge branch 'development' into development_enhance_networks_input
MohamedElmdary Sep 4, 2024
96851d8
chore: Remove has-custom-domain from TfSelectionDetails component
MohamedElmdary Sep 4, 2024
0f0f9c9
chore: turn ipv4 into readonly in caprover
MohamedElmdary Sep 4, 2024
89d323e
merge development
0oM4R Oct 30, 2024
a5e7957
chore: jenkins
0oM4R Oct 30, 2024
a2eae58
chore: wirguard
0oM4R Oct 30, 2024
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion packages/grid_client/tests/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -42,5 +42,5 @@ yarn test --runInBand
> `--coverage`: Collect and report coverage.
> `--colors`: Force colorful output.
> `--forceExit`: Force the process to exit after tests complete.
>
>
> **Note:** Some tests are using Mycelium for the SSH connection, which is why it is important for Mycelium to be running.
2 changes: 1 addition & 1 deletion packages/playground/public/info/jenkins.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,4 +2,4 @@
title: Jenkins
---

Jenkins is a popular open-source automation server that enables developers to build, test, and deploy their applications continuously. For more details, check [Jenkins documentation](https://www.manual.grid.tf/documentation/dashboard/solutions/jenkins.html).
Jenkins is a popular open-source automation server that enables developers to build, test, and deploy their applications continuously. For more details, check [Jenkins documentation](https://www.manual.grid.tf/documentation/dashboard/solutions/jenkins.html).
38 changes: 38 additions & 0 deletions packages/playground/src/components/NetworkItem.vue
Original file line number Diff line number Diff line change
@@ -0,0 +1,38 @@
<template>
<input-tooltip v-if="value !== null" inline :tooltip="tooltipText">
<v-switch
hide-details
color="primary"
inset
:label="label"
:model-value="value"
@update:model-value="callEmitFunction($event ?? false)"
:readonly="readonly"
:style="{ opacity: readonly ? 0.5 : 1 }"
/>
</input-tooltip>
</template>

<script lang="ts">
import { computed, type PropType } from "vue";

export default {
name: "NetworkItem",
props: {
tooltipText: { type: String, required: true },
label: { type: String, required: true },
value: Boolean as PropType<boolean | null | undefined>,
emitFunction: Function as PropType<any>,
},
setup(props) {
const readonly = computed(() => typeof props.emitFunction !== "function");
function callEmitFunction(value?: boolean): void {
if (typeof props.emitFunction === "function") {
props.emitFunction(value);
}
}

return { readonly, callEmitFunction };
},
};
</script>
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@
<v-card
:height="200"
class="pa-3 pt-6"
style="width: 100%;"
style="width: 100%"
v-bind="props"
:class="[
isHovering ? 'card-opacity' : undefined,
Expand Down
3 changes: 1 addition & 2 deletions packages/playground/src/components/caprover_worker.vue
Original file line number Diff line number Diff line change
Expand Up @@ -25,12 +25,11 @@

<Networks
required
v-model:ipv4="$props.modelValue.ipv4"
:ipv4="$props.modelValue.ipv4"
v-model:ipv6="$props.modelValue.ipv6"
v-model:planetary="$props.modelValue.planetary"
v-model:mycelium="$props.modelValue.mycelium"
v-model:wireguard="$props.modelValue.wireguard"
enableIpv4
/>

<input-tooltip inline tooltip="Click to know more about dedicated machines." :href="manual.dedicated_machines">
Expand Down
2 changes: 1 addition & 1 deletion packages/playground/src/components/input_tooltip.vue
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<template>
<div class="d-flex" v-if="!disabled">
<div class="d-flex" v-if="!disabled" v-bind="$attrs">
<v-tooltip :text="tooltip || 'None!'" :location="location" :width="width ? width : ''">
<template #activator="{ props }">
{{ getPropsRef(props) }}
Expand Down
Loading
Loading