UI: Fix duplicate quickview (for provider column) in backup repository

[sureshanaparti]

Description

This PR fixes duplicate quickview (for provider column) in backup repository.

Quickview for provider column is enabled for OAuth providers only, here: https://github.com/apache/cloudstack/pull/7996/files#diff-fa50e9f30df1f49ab46e9e30d15009ff36b166ce26cb289a8ec75a4f60873d2b

Types of changes

• Breaking change (fix or feature that would cause existing functionality to change)
• New feature (non-breaking change which adds functionality)
• Bug fix (non-breaking change which fixes an issue)
• Enhancement (improves an existing feature and functionality)
• Cleanup (Code refactoring and cleanup, that may add test cases)
• Build/CI
• Test (unit or integration test code)

Feature/Enhancement Scale or Bug Severity

Feature/Enhancement Scale

• Major
• Minor

Bug Severity

• BLOCKER
• Critical
• Major
• Minor
• Trivial

Screenshots (if appropriate):

How Has This Been Tested?

Verified quick view for Backup Repository and OAuth Configuration sections in UI.

Backup Repository UI, Before Fix:

Backup Repository UI, After Fix:

OAuth Configuration UI, No change:

How did you try to break this feature and the system with this change?

[sureshanaparti]

@blueorangutan ui

[blueorangutan]

@sureshanaparti a Jenkins job has been kicked to build UI QA env. I'll keep you posted as I make progress.

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 17.56%. Comparing base (4b74a99) to head (d0a5207).

Additional details and impacted files

@@            Coverage Diff            @@
##               main   #11849   +/-   ##
=========================================
  Coverage     17.56%   17.56%           
  Complexity    15533    15533           
=========================================
  Files          5909     5909           
  Lines        529013   529013           
  Branches      64605    64605           
=========================================
+ Hits          92911    92913    +2     
+ Misses       425655   425652    -3     
- Partials      10447    10448    +1     

Flag	Coverage Δ
uitests	3.58% <ø> (ø)
unittests	18.63% <ø> (+<0.01%)	⬆️

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[blueorangutan]

UI build: ✔️
Live QA URL: https://qa.cloudstack.cloud/simulator/pr/11849 (QA-JID-778)

[sureshanaparti]

@DaanHoogland that will enable quick view only in oauthsetting, for provider column. all other views have name column and route is not oauthsetting.

name column is the usual quick view column, only exception is provider column (used in oauthsetting for quick view)

[DaanHoogland]

@DaanHoogland that will enable quick view only in oauthsetting, for provider column. all other views have name column and route is not oauthsetting.

name column is the usual quick view column, only exception is provider column (used in oauthsetting for quick view)

Thanks @sureshanaparti , I had found my erroneous way of thinking and deleted my comment.

[abh1sar]

Hi Suresh,
Please see if the suggested change make sense.
The idea is to show the quick view only on the first column if it is one of [name, provider].
I think this is consistent with the existing UI behaviour and the code seems more maintainable.

[abh1sar]

Suggested change

	:enabled="quickViewEnabled() && actions.length > 0 && columns && (columns[0].dataIndex === 'name' || (columns[0].dataIndex === 'provider' && ['oauthsetting'].includes($route.path.split('/')[1])))"
	:enabled="quickViewEnabled() && actions.length > 0 && column.key === columns[0].dataIndex"

[abh1sar]

Suggested change

	<template v-if="column.key === 'name' || (column.key === 'provider' && ['oauthsetting'].includes($route.path.split('/')[1]))">
	<template v-if="['name', 'provider'].includes(column.key) ">