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

feat(xo-6): add sidebar to host networks view #8287

Open
wants to merge 8 commits into
base: master
Choose a base branch
from

Conversation

S3bastianCZ
Copy link
Contributor

@S3bastianCZ S3bastianCZ commented Jan 29, 2025

Description

Add sidebar to host networks view

Screenshot

Capture d’écran 2025-02-26 à 09 06 38

Checklist

  • Commit
    • Title follows commit conventions
    • Reference the relevant issue (Fixes #007, See xoa-support#42, See https://...)
    • If bug fix, add Introduced by
  • Changelog
    • If visible by XOA users, add changelog entry
    • Update "Packages to release" in CHANGELOG.unreleased.md
  • PR
    • If UI changes, add screenshots
    • If not finished or not tested, open as Draft

Review process

This 2-passes review process aims to:

  • develop skills of junior reviewers
  • limit the workload for senior reviewers
  • limit the number of unnecessary changes by the author
  1. The author creates a PR.
  2. Review process:
    1. The author assigns the junior reviewer.
    2. The junior reviewer conducts their review:
      • Resolves their comments if they are addressed.
      • Adds comments if necessary or approves the PR.
    3. The junior reviewer assigns the senior reviewer.
    4. The senior reviewer conducts their review:
      • If there are no unresolved comments on the PR → merge.
      • Otherwise, we continue with 3.
  3. The author responds to comments and/or makes corrections, and we go back to 2.

Notes:

  1. The author can request a review at any time, even if the PR is still a Draft.
  2. In theory, there should not be more than one reviewer at a time.
  3. The author should not make any changes:
    • When a reviewer is assigned.
    • Between the junior and senior reviews.

@S3bastianCZ S3bastianCZ self-assigned this Jan 29, 2025
@S3bastianCZ S3bastianCZ force-pushed the host-networks-with-side-bar- branch 2 times, most recently from 1190751 to 24b8506 Compare February 3, 2025 08:48
@S3bastianCZ S3bastianCZ marked this pull request as ready for review February 3, 2025 09:51
@S3bastianCZ S3bastianCZ requested a review from OlivierFL February 3, 2025 09:51
@S3bastianCZ S3bastianCZ force-pushed the host-networks-with-side-bar- branch from 8fecac8 to fbdcffc Compare February 3, 2025 15:45
@S3bastianCZ S3bastianCZ force-pushed the host-networks-with-side-bar- branch 12 times, most recently from 7a43728 to d3d0b57 Compare February 27, 2025 09:57
@S3bastianCZ S3bastianCZ force-pushed the host-networks-with-side-bar- branch from d3d0b57 to 28df170 Compare February 28, 2025 09:34
@S3bastianCZ S3bastianCZ force-pushed the host-networks-with-side-bar- branch from 28df170 to 6ebe5fb Compare February 28, 2025 09:36
host: XoHost
}>()
const { records } = usePifStore().subscribe()
const route = useRoute()
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

To fix type-check error l.30:

Suggested change
const route = useRoute()
const route = useRoute<'/host/[id]'>()

Comment on lines +40 to +41
- xo-server minor
- xo-web minor
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I don't think it is necessary:

Suggested change
- xo-server minor
- xo-web minor

Comment on lines +71 to +72
.map(slaveId => baseContext.records.value.find(pif => pif.id === slaveId))
.map(pif => pif!.device)
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Can’t it be simplified?

</UiComplexIcon>
<a href="">{{ networkNameLabel }}</a>
-->
<span v-tooltip class="text-ellipsis">{{ network?.name_label }}</span>
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Shouldn't we display at least a - if network is undefined and we have no name_label?

{{ $t('network') }}
</template>
<template #value>
<div class="network">
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The <div> will always be rendered, even if network is undefined

{{ pif.dns }}
</span>
</template>
<template v-if="pif.dns" #addons>
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
<template v-if="pif.dns" #addons>
<template #addons>

:icon="faCopy"
size="medium"
accent="brand"
@click="copy(String(pif.dns))"
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Same here for the conversion

Comment on lines +259 to +265
<template v-if="pif.gateway" #addons>
<UiButtonIcon
v-tooltip="copied && $t('core.copied')"
:icon="faCopy"
size="medium"
accent="brand"
@click="copy(String(pif.gateway))"
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I will not add comments on each section, but please refer to my previous comments about the v-if and String() parts


const networkNbd = computed(() => (network.value?.nbd ? t('on') : t('off')))

const status = computed(() => (pif?.attached ? 'connected' : 'disconnected'))
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
const status = computed(() => (pif?.attached ? 'connected' : 'disconnected'))
const status = computed(() => (pif.attached ? 'connected' : 'disconnected'))


const status = computed(() => (pif?.attached ? 'connected' : 'disconnected'))

const physicalInterfaceStatus = computed(() => (pif && pif.carrier ? 'connected' : 'physically-disconnected'))
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think this can be enough:

Suggested change
const physicalInterfaceStatus = computed(() => (pif && pif.carrier ? 'connected' : 'physically-disconnected'))
const physicalInterfaceStatus = computed(() => (pif.carrier ? 'connected' : 'physically-disconnected'))

@OlivierFL OlivierFL requested a review from ByScripts February 28, 2025 16:37
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants