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

Item page improvements #521

Merged
merged 12 commits into from
Jan 17, 2021
Merged

Item page improvements #521

merged 12 commits into from
Jan 17, 2021

Conversation

ThibaultNocchi
Copy link
Member

@ThibaultNocchi ThibaultNocchi commented Jan 8, 2021

I'm trying to improve the background code of the item page.

  • Factorized the track selector into their own component, which emits an input event when the track is changed with the index of the track. It also chooses the default value, disabled the selector if necessary, applies placeholders...
  • Factorized the cols sm and class tags of the two-columns lines in the info part (genres, writing, selectors...) to easily edit them later to find the right sizing 🤌
  • Warning message instead of the selectors when no media source are found
  • Fix the play button not being centered anymore on mobile size

@codecov-io
Copy link

codecov-io commented Jan 8, 2021

Codecov Report

Merging #521 (226b1c3) into master (5eaf5b7) will decrease coverage by 0.35%.
The diff coverage is 0.00%.

Impacted file tree graph

@@            Coverage Diff            @@
##           master    #521      +/-   ##
=========================================
- Coverage    5.58%   5.23%   -0.36%     
=========================================
  Files          97     105       +8     
  Lines        2702    2884     +182     
  Branches      420     439      +19     
=========================================
  Hits          151     151              
- Misses       2544    2726     +182     
  Partials        7       7              
Impacted Files Coverage Δ
components/Item/TrackSelector.vue 0.00% <0.00%> (ø)
pages/item/_itemId/index.vue 0.00% <0.00%> (ø)
pages/login.vue 0.00% <0.00%> (ø)
store/servers.ts 0.00% <0.00%> (ø)
pages/playback/index.vue 0.00% <0.00%> (ø)
pages/settings/index.vue 0.00% <0.00%> (ø)
store/playbackManager.ts 0.00% <0.00%> (ø)
pages/library/_viewId.vue 0.00% <0.00%> (ø)
components/Layout/AudioControls.vue 0.00% <0.00%> (ø)
components/Players/PlayerManager.vue 0.00% <0.00%> (ø)
... and 8 more

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 5eaf5b7...226b1c3. Read the comment docs.

@ferferga
Copy link
Member

ferferga commented Jan 8, 2021

Take in mind that backdrop store doesn't work in master, is fixed in #520

@ThibaultNocchi ThibaultNocchi changed the title Item page improvments Item page improvements Jan 9, 2021
@ThibaultNocchi ThibaultNocchi marked this pull request as ready for review January 9, 2021 18:35
@ThibaultNocchi ThibaultNocchi added the blocked Something depends on another issue or Pull Request label Jan 14, 2021
@ThibaultNocchi
Copy link
Member Author

ThibaultNocchi commented Jan 14, 2021

Waiting for #530 as it was rebased against. Some of the conflicts also come from there, so I don't want to do it twice :p

@ThibaultNocchi ThibaultNocchi removed the blocked Something depends on another issue or Pull Request label Jan 15, 2021
components/Item/TrackSelector.vue Outdated Show resolved Hide resolved
components/Item/TrackSelector.vue Outdated Show resolved Hide resolved
pages/item/_itemId/index.vue Outdated Show resolved Hide resolved
pages/item/_itemId/index.vue Show resolved Hide resolved
pages/item/_itemId/index.vue Outdated Show resolved Hide resolved
pages/item/_itemId/index.vue Outdated Show resolved Hide resolved
pages/item/_itemId/index.vue Outdated Show resolved Hide resolved
pages/item/_itemId/index.vue Outdated Show resolved Hide resolved
@@ -42,7 +42,7 @@
</div>
<v-row
class="mt-4 align-center"
:class="{ 'text-center': !$vuetify.breakpoint.mdAndUp }"
:class="{ 'justify-center': !$vuetify.breakpoint.mdAndUp }"
>
<v-btn
v-if="canPlay(item)"
Copy link
Member Author

Choose a reason for hiding this comment

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

Here we're using a v-if which calls to the mixin and a disabled which calls to local method, do these overlap? @MrTimscampi

Copy link
Member

Choose a reason for hiding this comment

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

@ThibaultNocchi they're combined, see audio controls for an example

Copy link
Member

Choose a reason for hiding this comment

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

You can remove the braces though

@sonarqubecloud
Copy link

Kudos, SonarCloud Quality Gate passed!

Bug A 0 Bugs
Vulnerability A 0 Vulnerabilities
Security Hotspot A 0 Security Hotspots
Code Smell A 0 Code Smells

No Coverage information No Coverage information
2.2% 2.2% Duplication

@ThibaultNocchi
Copy link
Member Author

I've removed the icon and now the play button gets disabled when there's no media source
Screenshot_2021-01-16 Jellyfin(1)

@ferferga ferferga merged commit 6b85dbd into jellyfin:master Jan 17, 2021
@ThibaultNocchi ThibaultNocchi deleted the items_improvs branch January 17, 2021 10:08
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants