Cutlery/Kyoo
1
0
Fork 0
mirror of https://github.com/zoriya/Kyoo.git synced 2025-06-22 23:10:35 -04:00
Code Issues Packages Projects Releases Wiki Activity

Fixing dragable attributes

Browse Source
This commit is contained in:
Zoe Roux 2021-01-10 20:17:25 +01:00
parent 19ae493109
commit 7cbe936e15
8 changed files with 37 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/components/episodes-list/episodes-list.component.html
View File

@ -3,7 +3,7 @@
(scroll)="onScroll()" infinite-scroll (scrolled)="this.episodes?.loadNext(this.client)"
[horizontal]="true" [scrollWindow]="false"
appLongPress (longPressed)="this.openMenu()">
<a *ngFor="let episode of this.episodes?.items"
<a *ngFor="let episode of this.episodes?.items" draggable="false"
routerLink="/watch/{{episode.slug}}" href="/watch/{{episode.slug}}"
class="episode" #itemsDom>
<button mat-icon-button class="moreBtn" tabindex="-1"

3
src/app/components/items-grid/items-grid.component.html
View File

@ -91,7 +91,8 @@
<div class="container-fluid justify-content-center"
infinite-scroll (scrolled)="this.page?.loadNext(this.client)" infiniteScrollContainer="#main" fromRoot="true">
<a class="show" *ngFor="let item of this.page?.items" [href]="getLink(item)" [routerLink]="getLink(item)">
<a class="show" *ngFor="let item of this.page?.items" draggable="false"
[href]="getLink(item)" [routerLink]="getLink(item)">
<div matRipple [style.background-image]="getThumb(item.slug)"></div>
<p class="title">{{item.title ? item.title : item.name}}</p>
<p class="date">{{getDate(item)}}</p>

3
src/app/components/items-list/items-list.component.html
View File

@ -1,6 +1,7 @@
<div class="scroll-row mb-5">
<div class="container" #scrollView (scroll)="onScroll()" infinite-scroll (scrolled)="this.items?.loadNext(this.client)" [horizontal]="true" [scrollWindow]="false">
<a class="item" *ngFor="let item of this.items?.items" [routerLink]="getLink(item)" [href]="getLink(item)" #itemsDom>
<a class="item" *ngFor="let item of this.items?.items" draggable="false"
[routerLink]="getLink(item)" [href]="getLink(item)" #itemsDom>
<div matRipple [style.background-image]="getThumb(item.slug)"> </div>
<p class="title">{{item.title ? item.title : item.name}}</p>
<p class="date">{{getDate(item)}}</p>

2
src/app/components/people-list/people-list.component.html
View File

@ -2,7 +2,7 @@
<div class="people-container" #scrollView
(scroll)="onScroll()" infinite-scroll (scrolled)="this.people?.loadNext(this.client)"
[horizontal]="true" [scrollWindow]="false">
<a class="people" *ngFor="let people of this.people?.items"
<a class="people" *ngFor="let people of this.people?.items" draggable="false"
routerLink="/people/{{people.slug}}" href="/people/{{people.slug}}" #itemsDom>
<div matRipple [style.background-image]="getPeopleIcon(people.slug)"> </div>
<h6 class="name">{{people.name}}</h6>

3
src/app/components/show-grid/show-grid.component.html
View File

@ -1,7 +1,8 @@
<div class="container-fluid">
<div *ngFor="let show of this.shows?.items" class="show-container">
<mat-card class="show">
<a [href]="getLink(show)" [routerLink]="getLink(show)" class="d-flex" (click)="this.clickCallback.emit(show)">
<a draggable="false" class="d-flex" (click)="this.clickCallback.emit(show)"
[href]="getLink(show)" [routerLink]="getLink(show)">
<div class="thumb">
<div [style.background-image]="getThumb(show)"> </div>
</div>

3
src/app/pages/player/player.component.ts
View File

@ -520,6 +520,9 @@ export class PlayerComponent implements OnInit, OnDestroy, AfterViewInit
@HostListener("document:keyup", ["$event"])
keypress(event: KeyboardEvent): void
{
if (event.altKey || event.ctrlKey || event.metaKey || event.shiftKey)
return;
switch (event.key)
{
case " ":

21
src/app/pages/show-details/show-details.component.html
View File

@ -37,7 +37,9 @@
<img src="logo/{{this.show.slug}}" #logo alt="" (error)="logo.style.display = 'none'" />
<div>
<p>Studio: <b><a routerLink="/studio/{{this.show.studio?.slug}}">{{this.show.studio?.name}}</a></b></p>
<p>Studio: <b><a draggable="false"
href="/studio/{{this.show.studio?.slug}}"
routerLink="/studio/{{this.show.studio?.slug}}">{{this.show.studio?.name}}</a></b></p>
</div>
</div>
</div>
@ -51,7 +53,14 @@
<div class="col">
<p class="mr-1 d-inline-block">Studio: <b><a routerLink="/studio/{{this.show.studio?.slug}}">{{this.show.studio?.name}}</a></b></p>
<div class="d-sm-none">
<p>Genres: <span *ngFor="let genre of this.show.genres; let isLast = last"><b><a routerLink="/genre/{{genre.slug}}">{{genre.name}}</a></b>{{isLast ? "" : ", "}}</span></p>
<p>Genres:
<span *ngFor="let genre of this.show.genres; let isLast = last">
<b><a draggable="false"
href="/genre/{{genre.slug}}"
routerLink="/genre/{{genre.slug}}">{{genre.name}}</a></b>
{{isLast ? "" : ", "}}
</span>
</p>
</div>
</div>
</div>
@ -61,7 +70,7 @@
<p class="text-justify overview">{{this.show.overview}}</p>
<ul>
<li class="provider" *ngFor="let id of this.show.externalIDs">
<a [href]="id.link"><img [src]="id.provider.logo" [alt]="id.provider.name"/></a>
<a draggable="false" [href]="id.link"><img [src]="id.provider.logo" [alt]="id.provider.name"/></a>
</li>
</ul>
</div>
@ -69,7 +78,11 @@
<div class="col-3 d-none d-sm-block">
<h3 style="opacity: .8;">Genres</h3>
<ul>
<li *ngFor="let genre of this.show.genres"><b><a class="genre" routerLink="/genre/{{genre.slug}}">{{genre.name}}</a></b></li>
<li *ngFor="let genre of this.show.genres">
<b><a draggable="false" class="genre"
href="/genre/{{genre.slug}}"
routerLink="/genre/{{genre.slug}}">{{genre.name}}</a></b>
</li>
</ul>
</div>
</div>

9
src/styles.scss
View File

@ -109,3 +109,12 @@ mat-icon
{
z-index: 2000 !important;
}
*
{
-webkit-user-drag: none;
-khtml-user-drag: none;
-moz-user-drag: none;
-o-user-drag: none;
user-drag: none;
}