Fixing dragable attributes

src/app/components/episodes-list/episodes-list.component.html

@@ -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"

src/app/components/items-grid/items-grid.component.html

@@ -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>

src/app/components/items-list/items-list.component.html

@@ -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>

src/app/components/people-list/people-list.component.html

@@ -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>

src/app/components/show-grid/show-grid.component.html

@@ -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>

src/app/pages/player/player.component.ts

@@ -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 " ":

src/app/pages/show-details/show-details.component.html

@@ -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>

src/styles.scss

@@ -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;
+}