- {{performer?.name}}
-
-
-
-
- {{performer?.birthdate | date:"MM/dd/yy"}} - Age {{performer?.birthdate | age}}
-
- Page not found
diff --git a/ui/v1/src/app/core/page-not-found/page-not-found.component.ts b/ui/v1/src/app/core/page-not-found/page-not-found.component.ts deleted file mode 100644 index c5c55a794..000000000 --- a/ui/v1/src/app/core/page-not-found/page-not-found.component.ts +++ /dev/null @@ -1,15 +0,0 @@ -import { Component, OnInit } from '@angular/core'; - -@Component({ - selector: 'app-page-not-found', - templateUrl: './page-not-found.component.html', - styleUrls: ['./page-not-found.component.css'] -}) -export class PageNotFoundComponent implements OnInit { - - constructor() { } - - ngOnInit() { - } - -} diff --git a/ui/v1/src/app/core/stash.service.ts b/ui/v1/src/app/core/stash.service.ts deleted file mode 100644 index 1ec0a789d..000000000 --- a/ui/v1/src/app/core/stash.service.ts +++ /dev/null @@ -1,508 +0,0 @@ -import { Injectable } from '@angular/core'; -import { PlatformLocation } from '@angular/common'; - -import { ListFilter } from '../shared/models/list-state.model'; - -import { Apollo, QueryRef } from 'apollo-angular'; -import { HttpLink } from 'apollo-angular-link-http'; -import { InMemoryCache } from 'apollo-cache-inmemory'; -import { onError } from 'apollo-link-error'; -import { ApolloLink } from 'apollo-link'; -import { getMainDefinition } from 'apollo-utilities'; - -import * as GQL from './graphql-generated'; -import {WebSocketLink} from "apollo-link-ws"; - -@Injectable() -export class StashService { - private findScenesGQL = new GQL.FindScenesGQL(this.apollo); - private findSceneGQL = new GQL.FindSceneGQL(this.apollo); - private findSceneForEditingGQL = new GQL.FindSceneForEditingGQL(this.apollo); - private findSceneMarkersGQL = new GQL.FindSceneMarkersGQL(this.apollo); - private sceneWallGQL = new GQL.SceneWallGQL(this.apollo); - private markerWallGQL = new GQL.MarkerWallGQL(this.apollo); - private findPerformersGQL = new GQL.FindPerformersGQL(this.apollo); - private findPerformerGQL = new GQL.FindPerformerGQL(this.apollo); - private findStudiosGQL = new GQL.FindStudiosGQL(this.apollo); - private findStudioGQL = new GQL.FindStudioGQL(this.apollo); - private findGalleriesGQL = new GQL.FindGalleriesGQL(this.apollo); - private findGalleryGQL = new GQL.FindGalleryGQL(this.apollo); - private findTagGQL = new GQL.FindTagGQL(this.apollo); - private markerStringsGQL = new GQL.MarkerStringsGQL(this.apollo); - private scrapeFreeonesGQL = new GQL.ScrapeFreeonesGQL(this.apollo); - private scrapeFreeonesPerformersGQL = new GQL.ScrapeFreeonesPerformersGQL(this.apollo); - private allTagsGQL = new GQL.AllTagsGQL(this.apollo); - private allTagsForFilterGQL = new GQL.AllTagsForFilterGQL(this.apollo); - private allPerformersForFilterGQL = new GQL.AllPerformersForFilterGQL(this.apollo); - private statsGQL = new GQL.StatsGQL(this.apollo); - private sceneUpdateGQL = new GQL.SceneUpdateGQL(this.apollo); - private performerCreateGQL = new GQL.PerformerCreateGQL(this.apollo); - private performerUpdateGQL = new GQL.PerformerUpdateGQL(this.apollo); - private studioCreateGQL = new GQL.StudioCreateGQL(this.apollo); - private studioUpdateGQL = new GQL.StudioUpdateGQL(this.apollo); - private tagCreateGQL = new GQL.TagCreateGQL(this.apollo); - private tagDestroyGQL = new GQL.TagDestroyGQL(this.apollo); - private tagUpdateGQL = new GQL.TagUpdateGQL(this.apollo); - private sceneMarkerCreateGQL = new GQL.SceneMarkerCreateGQL(this.apollo); - private sceneMarkerUpdateGQL = new GQL.SceneMarkerUpdateGQL(this.apollo); - private sceneMarkerDestroyGQL = new GQL.SceneMarkerDestroyGQL(this.apollo); - private metadataImportGQL = new GQL.MetadataImportGQL(this.apollo); - private metadataExportGQL = new GQL.MetadataExportGQL(this.apollo); - private metadataScanGQL = new GQL.MetadataScanGQL(this.apollo); - private metadataGenerateGQL = new GQL.MetadataGenerateGQL(this.apollo); - private metadataCleanGQL = new GQL.MetadataCleanGQL(this.apollo); - private metadataUpdateGQL = new GQL.MetadataUpdateGQL(this.apollo); - - constructor(private apollo: Apollo, private platformLocation: PlatformLocation, private httpLink: HttpLink) { - const platform: any = platformLocation; - const platformUrl = new URL(platform.location.origin); - platformUrl.port = platformUrl.protocol === 'https:' ? '9999' : '9998'; - const url = platformUrl.toString().slice(0, -1); - const webSocketScheme = platformUrl.protocol === 'https:' ? 'wss' : 'ws'; - - const wsLink = new WebSocketLink({ - uri: `${webSocketScheme}://${platform.location.hostname}:${platformUrl.port}/graphql`, - options: { - reconnect: true - } - }); - - const errorLink = onError(({ graphQLErrors, networkError }) => { - if (graphQLErrors) { - graphQLErrors.map(({ message, locations, path }) => - console.log( - `[GraphQL error]: Message: ${message}, Location: ${locations}, Path: ${path}`, - ), - ); - } - - if (networkError) { - console.log(`[Network error]: ${networkError}`); - } - }); - - const httpLinkHandler = httpLink.create({uri: `${url}/graphql`}); - - const splitLink = ApolloLink.split( - // split based on operation type - ({ query }) => { - const definition = getMainDefinition(query); - return definition.kind === 'OperationDefinition' && definition.operation === 'subscription'; - }, - wsLink, - httpLinkHandler - ); - - const link = ApolloLink.from([ - errorLink, - splitLink - ]); - - apollo.create({ - link: link, - defaultOptions: { - watchQuery: { - fetchPolicy: 'network-only', - errorPolicy: 'all' - }, - }, - cache: new InMemoryCache({ - // dataIdFromObject: o => { - // if (o.__typename === "MarkerStringsResultType") { - // return `${o.__typename}:${o.title}` - // } else { - // return `${o.__typename}:${o.id}` - // } - // }, - - cacheRedirects: { - Query: { - findScene: (rootValue, args, context) => { - return context.getCacheKey({__typename: 'Scene', id: args.id}); - } - } - }, - }) - }); - } - - findScenes(page?: number, filter?: ListFilter): QueryRef
-
-
-
-
-
-
- ![]()
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- ![]()
-
-
-
-
-
-
-
-
-
-
-
-
-
- Details
-
-
-
-
-
- Career Length
- {{performer.career_length}}
-
-
- Country
- {{performer.country}}
-
-
- Ethnicity
- {{performer.ethnicity?.toUpperCase()}}
-
-
- Eye Color
- {{performer.eye_color}}
-
-
- Height (cm)
- {{performer.height}}
-
-
- Measurements
- {{performer.measurements}}
-
-
- Fake Tits
- {{performer.fake_tits}}
-
-
- Tattoos
- {{performer.tattoos}}
-
-
- Piercings
- {{performer.piercings}}
-
-
-
-
-
-Social
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/ui/v1/src/app/performers/performer-detail/performer-detail.component.ts b/ui/v1/src/app/performers/performer-detail/performer-detail.component.ts
deleted file mode 100644
index 5e034290f..000000000
--- a/ui/v1/src/app/performers/performer-detail/performer-detail.component.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { ActivatedRoute, Router } from '@angular/router';
-
-import { StashService } from '../../core/stash.service';
-import { PerformersService } from '../performers.service';
-
-import { PerformerData } from '../../core/graphql-generated';
-
-import { SceneListState, CustomCriteria } from '../../shared/models/list-state.model';
-
-@Component({
- selector: 'app-performer-detail',
- templateUrl: './performer-detail.component.html',
- styleUrls: ['./performer-detail.component.css']
-})
-export class PerformerDetailComponent implements OnInit {
- performer: PerformerData.Fragment;
- sceneListState: SceneListState;
-
- constructor(
- private route: ActivatedRoute,
- private stashService: StashService,
- private performerService: PerformersService,
- private router: Router
- ) {}
-
- ngOnInit() {
- const id = parseInt(this.route.snapshot.params['id'], 10);
- this.sceneListState = this.performerService.detailsSceneListState;
- this.sceneListState.filter.customCriteria = [];
- this.sceneListState.filter.customCriteria.push(new CustomCriteria('performer_id', id.toString()));
-
- this.getPerformer();
- window.scrollTo(0, 0);
- }
-
- getPerformer() {
- const id = parseInt(this.route.snapshot.params['id'], 10);
-
- this.stashService.findPerformer(id).valueChanges.subscribe(performer => {
- this.performer = performer.data.findPerformer;
- });
- }
-
- onClickEdit() {
- this.router.navigate(['edit'], { relativeTo: this.route });
- }
-
- twitterLink(): string {
- return 'http://www.twitter.com/' + this.performer.twitter;
- }
-
- instagramLink(): string {
- return 'http://www.instagram.com/' + this.performer.instagram;
- }
-}
diff --git a/ui/v1/src/app/performers/performer-form/performer-form.component.css b/ui/v1/src/app/performers/performer-form/performer-form.component.css
deleted file mode 100644
index e69de29bb..000000000
diff --git a/ui/v1/src/app/performers/performer-form/performer-form.component.html b/ui/v1/src/app/performers/performer-form/performer-form.component.html
deleted file mode 100644
index fb2608a35..000000000
--- a/ui/v1/src/app/performers/performer-form/performer-form.component.html
+++ /dev/null
@@ -1,118 +0,0 @@
-
-
-- {{performer?.name || 'Performer'}}'s Scenes -
- -
-
\ No newline at end of file
diff --git a/ui/v1/src/app/performers/performer-form/performer-form.component.ts b/ui/v1/src/app/performers/performer-form/performer-form.component.ts
deleted file mode 100644
index 7acb12aa8..000000000
--- a/ui/v1/src/app/performers/performer-form/performer-form.component.ts
+++ /dev/null
@@ -1,204 +0,0 @@
-import { Component, OnInit, OnDestroy } from '@angular/core';
-import { ActivatedRoute, Router } from '@angular/router';
-
-import { StashService } from '../../core/stash.service';
-
-import { debounceTime, distinctUntilChanged } from 'rxjs/operators';
-
-import { FormControl } from '@angular/forms';
-
-@Component({
- selector: 'app-performer-form',
- templateUrl: './performer-form.component.html',
- styleUrls: ['./performer-form.component.css']
-})
-export class PerformerFormComponent implements OnInit, OnDestroy {
- name: string;
- favorite: boolean;
- aliases: string;
- country: string;
- birthdate: string;
- ethnicity: string;
- eye_color: string;
- height: string;
- measurements: string;
- fake_tits: string;
- career_length: string;
- tattoos: string;
- piercings: string;
- url: string;
- twitter: string;
- instagram: string;
- image: string;
-
- loading = true;
- imagePreview: string;
- image_path: string;
- ethnicityOptions: string[] = ['white', 'black', 'asian', 'hispanic'];
- performerNameOptions: string[] = [];
- selectedName: string;
-
- searchFormControl = new FormControl();
-
- constructor(
- private route: ActivatedRoute,
- private stashService: StashService,
- private router: Router
- ) {}
-
- ngOnInit() {
- this.getPerformer();
-
- this.searchFormControl.valueChanges.pipe(
- debounceTime(400),
- distinctUntilChanged()
- ).subscribe(term => {
- this.name = term;
- this.getPerformerNames(term);
- });
- }
-
- ngOnDestroy() {}
-
- async getPerformer() {
- const id = parseInt(this.route.snapshot.params['id'], 10);
- if (!!id === false) {
- console.log('new performer');
- this.loading = false;
- return;
- }
-
- const result = await this.stashService.findPerformer(id).result();
- this.loading = result.loading;
-
- this.name = result.data.findPerformer.name;
- this.selectedName = this.name;
- this.searchFormControl.setValue(this.name);
- this.favorite = result.data.findPerformer.favorite;
- this.aliases = result.data.findPerformer.aliases;
- this.country = result.data.findPerformer.country;
- this.birthdate = result.data.findPerformer.birthdate;
- this.ethnicity = result.data.findPerformer.ethnicity;
- this.eye_color = result.data.findPerformer.eye_color;
- this.height = result.data.findPerformer.height;
- this.measurements = result.data.findPerformer.measurements;
- this.fake_tits = result.data.findPerformer.fake_tits;
- this.career_length = result.data.findPerformer.career_length;
- this.tattoos = result.data.findPerformer.tattoos;
- this.piercings = result.data.findPerformer.piercings;
- this.url = result.data.findPerformer.url;
- this.twitter = result.data.findPerformer.twitter;
- this.instagram = result.data.findPerformer.instagram;
-
- this.image_path = result.data.findPerformer.image_path;
- this.imagePreview = this.image_path;
- }
-
- async getPerformerNames(query: string) {
- if (query === undefined) { return; }
- if (this.selectedName !== this.name) { this.selectedName = null; }
- const result = await this.stashService.scrapeFreeonesPerformers(query).result();
- this.performerNameOptions = result.data.scrapeFreeonesPerformerList;
- }
-
- onClickedPerformerName(name) {
- this.name = name;
- this.selectedName = name;
- this.searchFormControl.setValue(this.name);
- }
-
- onImageChange(event) {
- const file: File = event.target.files[0];
- const reader: FileReader = new FileReader();
-
- reader.onloadend = (e) => {
- this.image = reader.result as string;
- this.imagePreview = this.image;
- };
- reader.readAsDataURL(file);
- }
-
- onResetImage(imageInput) {
- imageInput.value = '';
- this.imagePreview = this.image_path;
- this.image = null;
- }
-
- onFavoriteChange() {
- this.favorite = !this.favorite;
- }
-
- onSubmit() {
- const id = this.route.snapshot.params['id'];
-
- if (!!id) {
- this.stashService.performerUpdate({
- id: id,
- name: this.name,
- url: this.url,
- birthdate: this.birthdate,
- ethnicity: this.ethnicity,
- country: this.country,
- eye_color: this.eye_color,
- height: this.height,
- measurements: this.measurements,
- fake_tits: this.fake_tits,
- career_length: this.career_length,
- tattoos: this.tattoos,
- piercings: this.piercings,
- aliases: this.aliases,
- twitter: this.twitter,
- instagram: this.instagram,
- favorite: this.favorite,
- image: this.image
- }).subscribe(result => {
- this.router.navigate(['/performers', id]);
- });
- } else {
- this.stashService.performerCreate({
- name: this.name,
- url: this.url,
- birthdate: this.birthdate,
- ethnicity: this.ethnicity,
- country: this.country,
- eye_color: this.eye_color,
- height: this.height,
- measurements: this.measurements,
- fake_tits: this.fake_tits,
- career_length: this.career_length,
- tattoos: this.tattoos,
- piercings: this.piercings,
- aliases: this.aliases,
- twitter: this.twitter,
- instagram: this.instagram,
- favorite: this.favorite,
- image: this.image
- }).subscribe(result => {
- this.router.navigate(['/performers', result.data.performerCreate.id]);
- });
- }
- }
-
- async onScrape() {
- this.loading = true;
- const result = await this.stashService.scrapeFreeones(this.name).result();
- this.loading = false;
-
- this.url = result.data.scrapeFreeones.url;
- this.name = result.data.scrapeFreeones.name;
- this.searchFormControl.setValue(this.name);
- this.aliases = result.data.scrapeFreeones.aliases;
- this.country = result.data.scrapeFreeones.country;
- this.birthdate = result.data.scrapeFreeones.birthdate ? result.data.scrapeFreeones.birthdate : this.birthdate;
- this.ethnicity = result.data.scrapeFreeones.ethnicity;
- this.eye_color = result.data.scrapeFreeones.eye_color;
- this.height = result.data.scrapeFreeones.height;
- this.measurements = result.data.scrapeFreeones.measurements;
- this.fake_tits = result.data.scrapeFreeones.fake_tits;
- this.career_length = result.data.scrapeFreeones.career_length;
- this.tattoos = result.data.scrapeFreeones.tattoos;
- this.piercings = result.data.scrapeFreeones.piercings;
- this.twitter = result.data.scrapeFreeones.twitter;
- this.instagram = result.data.scrapeFreeones.instagram;
- }
-}
diff --git a/ui/v1/src/app/performers/performer-list/performer-list.component.html b/ui/v1/src/app/performers/performer-list/performer-list.component.html
deleted file mode 100644
index df7ba507c..000000000
--- a/ui/v1/src/app/performers/performer-list/performer-list.component.html
+++ /dev/null
@@ -1,7 +0,0 @@
-
-
-Performer Information
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {{name}}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- ![]()
-
-
-
-
-
-
diff --git a/ui/v1/src/app/scenes/scene-detail-marker-manager/scene-detail-marker-manager.component.ts b/ui/v1/src/app/scenes/scene-detail-marker-manager/scene-detail-marker-manager.component.ts
deleted file mode 100644
index 085ad6aeb..000000000
--- a/ui/v1/src/app/scenes/scene-detail-marker-manager/scene-detail-marker-manager.component.ts
+++ /dev/null
@@ -1,162 +0,0 @@
-import { Component, OnInit, OnChanges, SimpleChanges, Input } from '@angular/core';
-import { FormControl } from '@angular/forms';
-
-import { StashService } from '../../core/stash.service';
-
-import { debounceTime, distinctUntilChanged } from 'rxjs/operators';
-
-import { MarkerStrings, SceneMarkerData, SceneData, AllTagsForFilter } from '../../core/graphql-generated';
-
-
-@Component({
- selector: 'app-scene-detail-marker-manager',
- templateUrl: './scene-detail-marker-manager.component.html',
- styleUrls: ['./scene-detail-marker-manager.component.css']
-})
-export class SceneDetailMarkerManagerComponent implements OnInit, OnChanges {
- @Input() scene: SceneData.Fragment;
- @Input() player: any;
-
- showingMarkerModal = false;
- markerOptions: MarkerStrings.Query['markerStrings'];
- filteredMarkerOptions: string[] = [];
- hasFocus = false;
- editingMarker: SceneMarkerData.Fragment;
- deleteClickCount = 0;
-
- searchFormControl = new FormControl();
-
- // Form input
- title: string;
- seconds: number;
- primary_tag_id: string;
- tag_ids: string[] = [];
-
- // From the network
- tags: AllTagsForFilter.AllTags[];
-
- constructor(private stashService: StashService) {}
-
- ngOnInit() {
- this.stashService.allTagsForFilter().valueChanges.subscribe(result => {
- this.tags = result.data.allTags;
- });
-
- this.stashService.markerStrings().valueChanges.subscribe(result => {
- this.markerOptions = result.data.markerStrings;
- });
-
- this.searchFormControl.valueChanges.pipe(
- debounceTime(400),
- distinctUntilChanged()
- ).subscribe(term => {
- this.filteredMarkerOptions = this.markerOptions.filter(value => {
- return value.title.toLowerCase().includes(term.toLowerCase());
- }).map(value => {
- return value.title;
- }).slice(0, 15);
- });
- }
-
- ngOnChanges(changes: SimpleChanges): void {
- if (changes['scene']) {
- }
- }
-
- onSubmit() {
- this.title = this.searchFormControl.value;
- const input = {
- id: null,
- title: this.title,
- seconds: this.seconds,
- scene_id: this.scene.id,
- primary_tag_id: this.primary_tag_id,
- tag_ids: this.tag_ids
- };
-
- if (this.editingMarker == null) {
- this.stashService.markerCreate(input).subscribe(response => {
- console.log(response);
- this.hideModal();
- }, error => {
- console.log(error);
- });
- } else {
- input.id = this.editingMarker.id;
- this.stashService.markerUpdate(input).subscribe(response => {
- console.log(response);
- this.hideModal();
- }, error => {
- console.log(error);
- });
- }
- }
-
- onCancel() {
- this.hideModal();
- }
-
- onClickDelete() {
- this.deleteClickCount += 1;
- if (this.deleteClickCount > 2) {
- this.stashService.markerDestroy(this.editingMarker.id, this.scene.id).subscribe(response => {
- console.log('Delete successfull:', response);
- this.hideModal();
- });
- }
- }
-
- onClickAddMarker() {
- this.player.pause();
- this.showModal();
- }
-
- onClickMarker(marker: SceneMarkerData.Fragment) {
- this.player.seek(marker.seconds);
- }
-
- onClickEditMarker(marker: SceneMarkerData.Fragment) {
- this.showModal(marker);
- }
-
- onClickMarkerTitle(title: string) {
- this.setTitle(title);
- }
-
- setHasFocus(hasFocus: boolean) {
- if (hasFocus === false) {
- setTimeout(() => { this.hasFocus = false; }, 400);
- } else {
- this.hasFocus = hasFocus;
- }
- }
-
- private hideModal() {
- this.showingMarkerModal = false;
- this.editingMarker = null;
- }
-
- private showModal(marker: SceneMarkerData.Fragment = null) {
- this.deleteClickCount = 0;
- this.showingMarkerModal = true;
-
- this.setTitle('');
- this.primary_tag_id = null;
- this.tag_ids = [];
- this.seconds = Math.round(this.player.getPosition());
-
- if (marker == null) { return; }
-
- this.editingMarker = marker;
-
- this.setTitle(marker.title);
- this.seconds = marker.seconds;
- this.primary_tag_id = marker.primary_tag.id;
- this.tag_ids = marker.tags.map(value => value.id);
- }
-
- private setTitle(title: string) {
- this.title = title;
- this.searchFormControl.setValue(title);
- }
-}
diff --git a/ui/v1/src/app/scenes/scene-detail-scrubber/scene-detail-scrubber.component.css b/ui/v1/src/app/scenes/scene-detail-scrubber/scene-detail-scrubber.component.css
deleted file mode 100644
index aefc6f310..000000000
--- a/ui/v1/src/app/scenes/scene-detail-scrubber/scene-detail-scrubber.component.css
+++ /dev/null
@@ -1,128 +0,0 @@
-.scrubber-wrapper {
- position: relative;
- overflow: hidden;
- margin: 5px 0;
-}
-
-#scrubber-back {
- float: left;
-}
-
-#scrubber-forward {
- float: right;
-}
-
-.scrubber-button {
- width: 1.5%;
- height: 100%;
- line-height: 120px;
- padding: 0;
- text-align: center;
- border: 1px solid #555;
- font-weight: 800;
- font-size: 20px;
- color: #FFF;
- cursor: pointer;
-}
-
-.scrubber-content {
- -webkit-user-select: none;
- -webkit-overflow-scrolling: touch;
- cursor: -webkit-grab;
- height: 120px;
- width: 96%;
- margin: 0 0.5%;
- display: inline-block;
- position: relative;
- overflow: hidden;
-}
-
-.scrubber-content.dragging {
- cursor: -webkit-grabbing;
-}
-
-.scrubber-tags-background {
- background-color: #555;
- position: absolute;
- left: 0;
- right: 0;
- height: 20px;
-}
-
-#scrubber-position-indicator {
- background-color: #CCC;
- width: 100%;
- left: -100%;
- height: 20px;
- z-index: 0;
- position: absolute;
-}
-
-#scrubber-current-position {
- background-color: #FFF;
- width: 2px;
- height: 30px;
- left: 50%;
- z-index: 100;
- position: absolute;
-}
-
-.scrubber-viewport {
- position: static;
- height: 100%;
- overflow: hidden;
-}
-
-.scrubber-slider {
- position: absolute;
- width: 100%;
- height: 100%;
- left: 0;
- transition: 333ms ease-out;
-}
-
-.scrubber-tags {
- height: 20px;
- position: relative;
- margin-bottom: 10px;
-}
-
-.scrubber-tag {
- position: absolute;
- background-color: #000;
- font-size: 10px;
- white-space: nowrap;
- padding: 0 10px;
- cursor: pointer;
-}
-.scrubber-tag:hover {
- z-index: 1;
- background-color: #444;
-}
-.scrubber-tag:after {
- content: "";
- position: absolute;
- bottom: -5px;
- left: 50%;
- margin-left: -5px;
- border-top: solid 5px #000;
- border-left: solid 5px transparent;
- border-right: solid 5px transparent;
-}
-
-.scrubber-item {
- position: absolute;
- display: flex;
- margin-right: 10px;
- cursor: pointer;
- color: white;
- text-shadow: 1px 1px black;
- text-align: center;
- font-size: 10px;
-}
-
-.scrubber-item span {
- display: inline-block;
- align-self: flex-end;
- width: 100%;
-}
\ No newline at end of file
diff --git a/ui/v1/src/app/scenes/scene-detail-scrubber/scene-detail-scrubber.component.html b/ui/v1/src/app/scenes/scene-detail-scrubber/scene-detail-scrubber.component.html
deleted file mode 100644
index f1d4500c1..000000000
--- a/ui/v1/src/app/scenes/scene-detail-scrubber/scene-detail-scrubber.component.html
+++ /dev/null
@@ -1,30 +0,0 @@
-
diff --git a/ui/v1/src/app/scenes/scene-detail-scrubber/scene-detail-scrubber.component.ts b/ui/v1/src/app/scenes/scene-detail-scrubber/scene-detail-scrubber.component.ts
deleted file mode 100644
index 62887615b..000000000
--- a/ui/v1/src/app/scenes/scene-detail-scrubber/scene-detail-scrubber.component.ts
+++ /dev/null
@@ -1,232 +0,0 @@
-import {
- Component,
- OnInit,
- OnChanges,
- SimpleChanges,
- Input,
- Output,
- HostListener,
- ViewChild,
- EventEmitter
-} from '@angular/core';
-
-import { HttpClient } from '@angular/common/http';
-
-import { SceneData } from '../../core/graphql-generated';
-
-class SceneSpriteItem {
- start: number;
- end: number;
- x: number;
- y: number;
- w: number;
- h: number;
-}
-
-@Component({
- selector: 'app-scene-detail-scrubber',
- templateUrl: './scene-detail-scrubber.component.html',
- styleUrls: ['./scene-detail-scrubber.component.css']
-})
-export class SceneDetailScrubberComponent implements OnInit, OnChanges {
- @Input() scene: SceneData.Fragment;
- @Output() seek: EventEmitter
-
-{{!!editingMarker ? 'Edit' : 'Create'}} Marker
- -
-
diff --git a/ui/v1/src/app/scenes/scene-detail/scene-detail.component.ts b/ui/v1/src/app/scenes/scene-detail/scene-detail.component.ts
deleted file mode 100644
index d93cfa805..000000000
--- a/ui/v1/src/app/scenes/scene-detail/scene-detail.component.ts
+++ /dev/null
@@ -1,82 +0,0 @@
-import { Component, OnInit, ViewChild } from '@angular/core';
-import { ActivatedRoute, Router } from '@angular/router';
-
-import { StashService } from '../../core/stash.service';
-
-import { SceneData } from '../../core/graphql-generated';
-
-@Component({
- selector: 'app-scene-detail',
- templateUrl: './scene-detail.component.html',
- styleUrls: ['./scene-detail.component.css']
-})
-export class SceneDetailComponent implements OnInit {
- scene: SceneData.Fragment;
-
- private lastTime = 0;
-
- private isPlayerSetup = false;
-
- @ViewChild('jwplayer') jwplayer: any;
- @ViewChild('scrubber') scrubber: any;
-
- constructor(private route: ActivatedRoute, private stashService: StashService, private router: Router) { }
-
- ngOnInit() {
- this.getScene();
- window.scrollTo(0, 0);
- }
-
- getScene() {
- const id = parseInt(this.route.snapshot.params['id'], 10);
-
- this.stashService.findScene(id).valueChanges.subscribe(result => {
- this.scene = Object.assign({scene_marker_tags: result.data.sceneMarkerTags}, result.data.findScene);
-
- // TODO: Check this, this didn't matter before...
- if (!this.isPlayerSetup) {
- const streamPath = this.scene.paths.stream;
- const screenshotPath = this.scene.paths.screenshot;
- const vttPath = this.scene.paths.vtt;
- const chaptersVttPath = this.scene.paths.chapters_vtt;
- this.jwplayer.setupPlayer(streamPath, screenshotPath, vttPath, chaptersVttPath);
- this.isPlayerSetup = true;
-
- this.route.queryParams.subscribe(params => {
- if (params['t'] != null) {
- this.jwplayer.player.seek(params['t']);
- }
- });
- }
- }, error => {
- console.log(error);
- });
- }
-
- onClickEdit() {
- this.router.navigate(['edit'], { relativeTo: this.route });
- }
-
- onSeeked() {
- const position = this.jwplayer.player.getPosition();
- this.scrubber.scrollTo(position);
- this.jwplayer.player.play();
- }
-
- onTime(data) {
- const position = this.jwplayer.player.getPosition();
- const difference = Math.abs(position - this.lastTime);
- if (difference > 1) {
- this.lastTime = position;
- this.scrubber.scrollTo(position);
- }
- }
-
- scrubberSeek(seconds) {
- this.jwplayer.player.seek(seconds);
- }
-
- scrubberScrolled() {
- this.jwplayer.player.pause();
- }
-}
diff --git a/ui/v1/src/app/scenes/scene-form/scene-form.component.css b/ui/v1/src/app/scenes/scene-form/scene-form.component.css
deleted file mode 100644
index e69de29bb..000000000
diff --git a/ui/v1/src/app/scenes/scene-form/scene-form.component.html b/ui/v1/src/app/scenes/scene-form/scene-form.component.html
deleted file mode 100644
index 4bdbc0302..000000000
--- a/ui/v1/src/app/scenes/scene-form/scene-form.component.html
+++ /dev/null
@@ -1,98 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
- {{scene?.title || 'No Title'}}
-
-
-
-
-
-
- {{scene?.title || 'No Title'}}
- {{scene?.date | date:"MM/dd/yy"}}
- {{scene?.file.size | fileSize}}
-
-
-
-
-
-
- No Studio
-
-
-
-
- Details
-{{scene.details}}
-
-
-
- Performers
-
-
-
-
-
-
-
- Tags
-
- {{tag.name}}
-
-
-
-
-
-- Gallery -
-
-
diff --git a/ui/v1/src/app/scenes/scene-form/scene-form.component.ts b/ui/v1/src/app/scenes/scene-form/scene-form.component.ts
deleted file mode 100644
index 583476390..000000000
--- a/ui/v1/src/app/scenes/scene-form/scene-form.component.ts
+++ /dev/null
@@ -1,87 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { ActivatedRoute, Router } from '@angular/router';
-
-import { StashService } from '../../core/stash.service';
-
-import { FindSceneForEditing } from '../../core/graphql-generated';
-
-@Component({
- selector: 'app-scene-form',
- templateUrl: './scene-form.component.html',
- styleUrls: ['./scene-form.component.css']
-})
-export class SceneFormComponent implements OnInit {
- loading = true;
-
- title: string;
- details: string;
- url: string;
- date: string;
- rating: number;
- gallery_id: string;
- studio_id: string;
- performer_ids: string[] = [];
- tag_ids: string[] = [];
-
- performers: FindSceneForEditing.Query['allPerformers'];
- tags: FindSceneForEditing.Query['allTags'];
- studios: FindSceneForEditing.Query['allStudios'];
- galleries: FindSceneForEditing.Query['validGalleriesForScene'];
-
- constructor(
- private route: ActivatedRoute,
- private stashService: StashService,
- private router: Router
- ) {}
-
- ngOnInit() {
- this.getScene();
- }
-
- getScene() {
- const id = parseInt(this.route.snapshot.params['id'], 10);
-
- if (!!id === false) {
- console.log('new scene');
- return;
- }
-
- this.stashService.findSceneForEditing(id).valueChanges.subscribe(result => {
- this.title = result.data.findScene.title;
- this.details = result.data.findScene.details;
- this.url = result.data.findScene.url;
- this.date = result.data.findScene.date;
- this.rating = result.data.findScene.rating;
- this.gallery_id = !!result.data.findScene.gallery ? result.data.findScene.gallery.id : null;
- this.studio_id = !!result.data.findScene.studio ? result.data.findScene.studio.id : null;
- this.performer_ids = result.data.findScene.performers.map(performer => performer.id);
- this.tag_ids = result.data.findScene.tags.map(tag => tag.id);
-
- this.performers = result.data.allPerformers;
- this.tags = result.data.allTags;
- this.studios = result.data.allStudios;
- this.galleries = result.data.validGalleriesForScene;
-
- this.loading = result.loading;
- });
- }
-
- onSubmit() {
- const id = this.route.snapshot.params['id'];
- this.stashService.sceneUpdate({
- id: id,
- title: this.title,
- details: this.details,
- url: this.url,
- date: this.date,
- rating: this.rating,
- studio_id: this.studio_id,
- gallery_id: this.gallery_id,
- performer_ids: this.performer_ids,
- tag_ids: this.tag_ids
- }).subscribe(result => {
- this.router.navigate(['/scenes', id]);
- });
- }
-
-}
diff --git a/ui/v1/src/app/scenes/scene-list/scene-list.component.ts b/ui/v1/src/app/scenes/scene-list/scene-list.component.ts
deleted file mode 100644
index 9aa451ae2..000000000
--- a/ui/v1/src/app/scenes/scene-list/scene-list.component.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-import { ScenesService } from '../scenes.service';
-
-@Component({
- selector: 'app-scene-list',
- template: 'Scene Information
-
-
- ![]()
{{ option.name }}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- <%= link_to 'Add Tag', new_tag_path, class: 'ui fluid button' %>
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ui/v1/src/app/scenes/scene-wall/scene-wall.component.ts b/ui/v1/src/app/scenes/scene-wall/scene-wall.component.ts
deleted file mode 100644
index 462374adf..000000000
--- a/ui/v1/src/app/scenes/scene-wall/scene-wall.component.ts
+++ /dev/null
@@ -1,84 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { FormControl } from '@angular/forms';
-
-import { debounceTime, distinctUntilChanged } from 'rxjs/operators';
-
-import { StashService } from '../../core/stash.service';
-
-export enum WallMode {
- Scenes,
- Markers
-}
-
-@Component({
- selector: 'app-scene-wall',
- templateUrl: './scene-wall.component.html',
- styleUrls: ['./scene-wall.component.css']
-})
-export class SceneWallComponent implements OnInit {
- WallMode = WallMode;
- items: any[]; // scenes or scene markers
- markerOptions: any[];
- showingMarkerList = false;
- searchTerm = '';
- searchFormControl = new FormControl();
- mode: WallMode = WallMode.Markers;
-
- constructor(
- private stashService: StashService
- ) {}
-
- ngOnInit() {
- this.searchFormControl.valueChanges.pipe(
- debounceTime(1000),
- distinctUntilChanged()
- ).subscribe(term => {
- this.getScenes(term);
- });
- this.stashService.markerStrings().valueChanges.subscribe(result => {
- this.markerOptions = result.data.markerStrings;
- });
- this.searchFormControl.setValue(this.searchTerm);
- }
-
- async getScenes(q: string) {
- this.items = null;
- this.searchTerm = q;
- if (this.mode === WallMode.Scenes) {
- const response = await this.stashService.sceneWall(q).result();
- this.items = response.data.sceneWall;
- } else {
- const response = await this.stashService.markerWall(q).result();
- this.items = response.data.markerWall;
- }
- }
-
- toggleMode() {
- if (this.mode === WallMode.Scenes) {
- this.mode = WallMode.Markers;
- } else {
- this.mode = WallMode.Scenes;
- }
- this.getScenes(this.searchTerm);
- }
-
- toggleMarkerList() {
- this.showingMarkerList = !this.showingMarkerList;
- }
-
- refresh() {
- this.getScenes(this.searchTerm);
- }
-
- onClickMarker(marker) {
- this.searchTerm = `${marker.title}`;
- this.searchFormControl.setValue(this.searchTerm);
- this.showingMarkerList = false;
- }
-
- async sortMarkers(by) {
- const result = await this.stashService.markerStrings(null, by).result();
- this.markerOptions = result.data.markerStrings;
- }
-
-}
diff --git a/ui/v1/src/app/scenes/scenes-routing.module.ts b/ui/v1/src/app/scenes/scenes-routing.module.ts
deleted file mode 100644
index cc7c20ac3..000000000
--- a/ui/v1/src/app/scenes/scenes-routing.module.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule, Routes } from '@angular/router';
-
-import { ScenesComponent } from './scenes/scenes.component';
-import { SceneListComponent } from './scene-list/scene-list.component';
-import { SceneDetailComponent } from './scene-detail/scene-detail.component';
-import { SceneFormComponent } from './scene-form/scene-form.component';
-import { SceneWallComponent } from './scene-wall/scene-wall.component';
-import { MarkerListComponent } from './marker-list/marker-list.component';
-
-const scenesRoutes: Routes = [
- { path: 'wall', component: SceneWallComponent },
- { path: 'markers', component: MarkerListComponent },
- { path: '',
- component: ScenesComponent,
- children: [
- { path: '', component: SceneListComponent },
- { path: ':id', component: SceneDetailComponent },
- { path: ':id/edit', component: SceneFormComponent }
- ]
- }
-];
-
-@NgModule({
- imports: [
- RouterModule.forChild(scenesRoutes)
- ],
- exports: [
- RouterModule
- ]
-})
-export class ScenesRoutingModule {}
diff --git a/ui/v1/src/app/scenes/scenes.module.ts b/ui/v1/src/app/scenes/scenes.module.ts
deleted file mode 100644
index 526985337..000000000
--- a/ui/v1/src/app/scenes/scenes.module.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { NgModule } from '@angular/core';
-import { SharedModule } from '../shared/shared.module';
-
-import { ScenesRoutingModule } from './scenes-routing.module';
-import { ScenesService } from './scenes.service';
-
-import { ScenesComponent } from './scenes/scenes.component';
-import { SceneListComponent } from './scene-list/scene-list.component';
-import { SceneDetailComponent } from './scene-detail/scene-detail.component';
-import { SceneFormComponent } from './scene-form/scene-form.component';
-import { SceneWallComponent } from './scene-wall/scene-wall.component';
-import { SceneDetailScrubberComponent } from './scene-detail-scrubber/scene-detail-scrubber.component';
-import { SceneDetailMarkerManagerComponent } from './scene-detail-marker-manager/scene-detail-marker-manager.component';
-import { MarkerListComponent } from './marker-list/marker-list.component';
-
-@NgModule({
- imports: [
- SharedModule,
- ScenesRoutingModule
- ],
- declarations: [
- ScenesComponent,
- SceneListComponent,
- SceneDetailComponent,
- SceneFormComponent,
- SceneWallComponent,
- SceneDetailScrubberComponent,
- SceneDetailMarkerManagerComponent,
- MarkerListComponent
- ],
- providers: [
- ScenesService
- ]
-})
-export class ScenesModule {}
diff --git a/ui/v1/src/app/scenes/scenes.service.ts b/ui/v1/src/app/scenes/scenes.service.ts
deleted file mode 100644
index 58aa9d0a6..000000000
--- a/ui/v1/src/app/scenes/scenes.service.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Injectable } from '@angular/core';
-
-import { SceneListState, SceneMarkerListState } from '../shared/models/list-state.model';
-
-@Injectable()
-export class ScenesService {
- sceneListState: SceneListState = new SceneListState();
- sceneMarkerListState: SceneMarkerListState = new SceneMarkerListState();
-
- constructor() {}
-}
diff --git a/ui/v1/src/app/scenes/scenes/scenes.component.ts b/ui/v1/src/app/scenes/scenes/scenes.component.ts
deleted file mode 100644
index 8ff906060..000000000
--- a/ui/v1/src/app/scenes/scenes/scenes.component.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-@Component({
- selector: 'app-scenes',
- template: '
-
-
-
-
-
\ No newline at end of file
diff --git a/ui/v1/src/app/settings/settings/settings.component.ts b/ui/v1/src/app/settings/settings/settings.component.ts
deleted file mode 100644
index f78a7cb18..000000000
--- a/ui/v1/src/app/settings/settings/settings.component.ts
+++ /dev/null
@@ -1,58 +0,0 @@
-import { Component, OnInit, OnDestroy } from '@angular/core';
-import { Subscription } from 'rxjs';
-
-import { StashService } from '../../core/stash.service';
-
-@Component({
- selector: 'app-settings',
- templateUrl: './settings.component.html'
-})
-export class SettingsComponent implements OnInit, OnDestroy {
- progress: number;
- message: string;
- logs: string[];
- statusObservable: Subscription;
- importClickCount = 0;
-
- constructor(private stashService: StashService) {}
-
- ngOnInit() {
- this.statusObservable = this.stashService.metadataUpdate().subscribe(response => {
- const result = JSON.parse(response.data.metadataUpdate);
-
- this.progress = result.progress;
- this.message = result.message;
- this.logs = result.logs;
- });
- }
-
- ngOnDestroy() {
- if (!this.statusObservable) { return; }
- this.statusObservable.unsubscribe();
- }
-
- onClickImport() {
- this.importClickCount += 1;
- if (this.importClickCount > 2) {
- this.stashService.metadataImport().refetch();
- this.importClickCount = 0;
- }
- }
-
- onClickExport() {
- this.stashService.metadataExport().refetch();
- }
-
- onClickScan() {
- this.stashService.metadataScan().refetch();
- }
-
- onClickGenerate() {
- this.stashService.metadataGenerate().refetch();
- }
-
- onClickClean() {
- this.stashService.metadataClean().refetch();
- }
-
-}
diff --git a/ui/v1/src/app/shared/age.pipe.ts b/ui/v1/src/app/shared/age.pipe.ts
deleted file mode 100644
index 2ffc0185f..000000000
--- a/ui/v1/src/app/shared/age.pipe.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { Pipe, PipeTransform } from '@angular/core';
-
-@Pipe({
- name: 'age'
-})
-export class AgePipe implements PipeTransform {
-
- transform(value: string, ageFromDate?: string): number {
- if (!!value === false) { return 0; }
-
- const birthdate = new Date(value);
- const fromDate = !!ageFromDate ? new Date(ageFromDate) : new Date();
-
- let age = fromDate.getFullYear() - birthdate.getFullYear();
- if (birthdate.getMonth() > fromDate.getMonth() ||
- (birthdate.getMonth() >= fromDate.getMonth() && birthdate.getDay() > fromDate.getDay())) {
- age -= 1;
- }
-
- return age;
- }
-
-}
diff --git a/ui/v1/src/app/shared/base-wall-item/base-wall-item.component.ts b/ui/v1/src/app/shared/base-wall-item/base-wall-item.component.ts
deleted file mode 100644
index 6ec3fb61e..000000000
--- a/ui/v1/src/app/shared/base-wall-item/base-wall-item.component.ts
+++ /dev/null
@@ -1,85 +0,0 @@
-import { Component, OnInit, ViewChild, ElementRef, HostListener } from '@angular/core';
-
-@Component({
- selector: 'app-base-wall-item',
- template: ''
-})
-export class BaseWallItemComponent implements OnInit {
- private video: any;
- private hoverTimeout: any = null;
- isHovering = false;
-
- title = '';
- imagePath = '';
- videoPath = '';
-
- @ViewChild('videoTag')
- set videoTag(videoTag: ElementRef) {
- if (videoTag === undefined) { return; }
- this.video = videoTag.nativeElement;
- this.video.volume = 0.05;
- this.video.loop = true;
- this.video.oncanplay = () => {
- this.video.play();
- };
- }
-
- constructor() {}
-
- ngOnInit() {}
-
- @HostListener('mouseenter', ['$event'])
- onMouseEnter(e) {
- if (!!this.hoverTimeout) { return; }
-
- const that = this;
- this.hoverTimeout = setTimeout(function() {
- that.configureTimeout(e);
- }, 1000);
- }
-
- @HostListener('mouseleave')
- onMouseLeave() {
- if (!!this.hoverTimeout) {
- clearTimeout(this.hoverTimeout);
- this.hoverTimeout = null;
- }
- if (this.video !== undefined) {
- this.video.pause();
- this.video.src = '';
- }
- this.isHovering = false;
- }
-
- @HostListener('mousemove', ['$event'])
- onMouseMove(event: MouseEvent) {
- if (!!this.hoverTimeout) {
- clearTimeout(this.hoverTimeout);
- this.hoverTimeout = null;
- }
- this.configureTimeout(event);
- }
-
- transitionEnd(event) {
- if (event.target.classList.contains('double-scale')) {
- event.target.style.zIndex = 2;
- } else {
- event.target.style.zIndex = null;
- }
- }
-
- private configureTimeout(event: MouseEvent) {
- const that = this;
- this.hoverTimeout = setTimeout(function() {
- if (event.target instanceof HTMLElement) {
- const target: HTMLElement = event.target;
- if (target.className === 'scene-wall-item-text-container' ||
- target.offsetParent.className === 'scene-wall-item-text-container') {
- that.configureTimeout(event);
- return;
- }
- }
- that.isHovering = true;
- }, 1000);
- }
-}
diff --git a/ui/v1/src/app/shared/capitalize.pipe.ts b/ui/v1/src/app/shared/capitalize.pipe.ts
deleted file mode 100644
index 4102f87f4..000000000
--- a/ui/v1/src/app/shared/capitalize.pipe.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Pipe, PipeTransform } from '@angular/core';
-
-@Pipe({
- name: 'capitalize'
-})
-export class CapitalizePipe implements PipeTransform {
-
- transform(value: any, args?: any): any {
- if (value) {
- return value.charAt(0).toUpperCase() + value.slice(1);
- }
- return value;
- }
-
-}
diff --git a/ui/v1/src/app/shared/file-name.pipe.ts b/ui/v1/src/app/shared/file-name.pipe.ts
deleted file mode 100644
index e9473f764..000000000
--- a/ui/v1/src/app/shared/file-name.pipe.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { Pipe, PipeTransform } from '@angular/core';
-
-@Pipe({
- name: 'filename'
-})
-export class FileNamePipe implements PipeTransform {
-
- transform(value: string, args?: any): string {
- if (!!value === false) { return 'No File Name'; }
- return value.replace(/^.*[\\\/]/, '');
- }
-
-}
diff --git a/ui/v1/src/app/shared/file-size.pipe.ts b/ui/v1/src/app/shared/file-size.pipe.ts
deleted file mode 100644
index ed6779b21..000000000
--- a/ui/v1/src/app/shared/file-size.pipe.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Pipe, PipeTransform } from '@angular/core';
-
-@Pipe({
- name: 'fileSize'
-})
-export class FileSizePipe implements PipeTransform {
-
- private units = [
- 'bytes',
- 'kB',
- 'MB',
- 'GB',
- 'TB',
- 'PB'
- ];
-
- transform(bytes: number = 0, precision: number = 2): string {
- if (isNaN(parseFloat(String(bytes))) || !isFinite(bytes)) { return '?'; }
-
- let unit = 0;
- while ( bytes >= 1024 ) {
- bytes /= 1024;
- unit++;
- }
-
- return bytes.toFixed(+precision) + ' ' + this.units[ unit ];
- }
-
-}
diff --git a/ui/v1/src/app/shared/gallery-card/gallery-card.component.css b/ui/v1/src/app/shared/gallery-card/gallery-card.component.css
deleted file mode 100644
index e69de29bb..000000000
diff --git a/ui/v1/src/app/shared/gallery-card/gallery-card.component.html b/ui/v1/src/app/shared/gallery-card/gallery-card.component.html
deleted file mode 100644
index b8ceceb0f..000000000
--- a/ui/v1/src/app/shared/gallery-card/gallery-card.component.html
+++ /dev/null
@@ -1,9 +0,0 @@
-
- {{log.type}} - {{log.message}}
-
-
-
\ No newline at end of file
diff --git a/ui/v1/src/app/shared/gallery-card/gallery-card.component.ts b/ui/v1/src/app/shared/gallery-card/gallery-card.component.ts
deleted file mode 100644
index be7cae3e6..000000000
--- a/ui/v1/src/app/shared/gallery-card/gallery-card.component.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import { Component, OnInit, Input, HostBinding } from '@angular/core';
-import { Router } from '@angular/router';
-
-import { GalleryData } from '../../core/graphql-generated';
-
-@Component({
- selector: 'app-gallery-card',
- templateUrl: './gallery-card.component.html',
- styleUrls: ['./gallery-card.component.css']
-})
-export class GalleryCardComponent implements OnInit {
- @Input() gallery: GalleryData.Fragment;
-
- // The host class needs to be card
- @HostBinding('class') class = 'card';
-
- constructor(
- private router: Router
- ) {}
-
- ngOnInit() {
- }
-
- onSelect(): void {
- this.router.navigate(['/galleries', this.gallery.id]);
- }
-
-}
diff --git a/ui/v1/src/app/shared/gallery-preview/gallery-preview.component.css b/ui/v1/src/app/shared/gallery-preview/gallery-preview.component.css
deleted file mode 100644
index e69de29bb..000000000
diff --git a/ui/v1/src/app/shared/gallery-preview/gallery-preview.component.html b/ui/v1/src/app/shared/gallery-preview/gallery-preview.component.html
deleted file mode 100644
index 87aa0b8cc..000000000
--- a/ui/v1/src/app/shared/gallery-preview/gallery-preview.component.html
+++ /dev/null
@@ -1,11 +0,0 @@
-{{gallery.title || gallery.path}}
-
-
\ No newline at end of file
diff --git a/ui/v1/src/app/shared/gallery-preview/gallery-preview.component.ts b/ui/v1/src/app/shared/gallery-preview/gallery-preview.component.ts
deleted file mode 100644
index fe7853c4c..000000000
--- a/ui/v1/src/app/shared/gallery-preview/gallery-preview.component.ts
+++ /dev/null
@@ -1,98 +0,0 @@
-import { Component, OnInit, OnChanges, Input, Output, EventEmitter } from '@angular/core';
-import { Router } from '@angular/router';
-
-import { StashService } from '../../core/stash.service';
-
-import { GalleryImage } from '../../shared/models/gallery.model';
-import { GalleryData } from '../../core/graphql-generated';
-
-@Component({
- selector: 'app-gallery-preview',
- templateUrl: './gallery-preview.component.html',
- styleUrls: ['./gallery-preview.component.css']
-})
-export class GalleryPreviewComponent implements OnInit, OnChanges {
- @Input() gallery: GalleryData.Fragment;
- @Input() galleryId: number;
- @Input() type = 'random';
- @Input() numberOfRandomImages = 12;
- @Input() showTitles = true;
- @Input() numberPerRow = 4;
- @Output() clicked: EventEmitter
-
-{{image.name}}
-
-
\ No newline at end of file
diff --git a/ui/v1/src/app/shared/jwplayer/jwplayer.component.ts b/ui/v1/src/app/shared/jwplayer/jwplayer.component.ts
deleted file mode 100644
index 580762065..000000000
--- a/ui/v1/src/app/shared/jwplayer/jwplayer.component.ts
+++ /dev/null
@@ -1,139 +0,0 @@
-import { Component, EventEmitter, Input, Output, ElementRef } from '@angular/core';
-
-declare var jwplayer: any;
-
-@Component({
- selector: 'app-jwplayer',
- templateUrl: './jwplayer.component.html',
- styleUrls: ['./jwplayer.component.css']
-})
-export class JwplayerComponent {
- @Input() public title: string;
- @Input() public file: string;
- @Input() public image: string;
- @Input() public height: string;
- @Input() public width: string;
- @Output() public bufferChange: EventEmitter