Linked Series (#1230)

* Implemented the ability to link different series together through Edit Series. CSS pending.

* Fixed up the css for related cards to show the relation

* Working on making all tabs in edit seris modal save in one go. Taking a break.

* Some fixes for Robbie to help with styling on

* Linked series pill, center library

* Centering library detail and related pill spacing

- Library detail cards are now centered if total number of items is > 6 or if mobile.
- Added ability to determine if mobile (viewport width <= 480px
- Fixed related card spacing
- Fixed related card pill spacing

* Updating relation form spacing

* Fixed a bug in card detail layout when there is no pagination, we create one in a way that all items render at once.

* Only auto-close side nav on phones, not tablets

* Fixed a bug where we had flipped state on sideNavCollapsed$

* Cleaned up some misleading comments

* Implemented RBS back in and now  if you have a relationship besides prequel/sequel, the target series will show a link back to it's parent.

* Added Parentto pipe

* Missed a relationship type

Co-authored-by: Robbie Davis <robbie@therobbiedavis.com>

UI/Web/src/app/_models/series-detail/related-series.ts

@@ -0,0 +1,17 @@
+import { Series } from "../series";
+
+export interface RelatedSeries {
+    sourceSeriesId: number;
+    sequels: Array<Series>;
+    prequels: Array<Series>;
+    spinOffs: Array<Series>;
+    adaptations: Array<Series>;
+    sideStories: Array<Series>;
+    characters: Array<Series>;
+    contains: Array<Series>;
+    others: Array<Series>;
+    alternativeSettings: Array<Series>;
+    alternativeVersions: Array<Series>;
+    doujinshis: Array<Series>;
+    parent: Array<Series>;
+}

UI/Web/src/app/_models/series-detail/relation-kind.ts

@@ -0,0 +1,31 @@
+export enum RelationKind {
+    Prequel = 1,
+    Sequel = 2,
+    SpinOff = 3,
+    Adaptation = 4,
+    SideStory = 5,
+    Character = 6,
+    Contains = 7,
+    Other = 8,
+    AlternativeSetting = 9,
+    AlternativeVersion = 10,
+    Doujinshi = 11,
+    /**
+     * This is UI only. Backend will generate Parent series for everything but Prequel/Sequel
+     */
+    Parent = 12
+}
+
+export const RelationKinds = [
+    {text: 'Prequel', value: RelationKind.Prequel},
+    {text: 'Sequel', value: RelationKind.Sequel},
+    {text: 'Spin Off', value: RelationKind.SpinOff},
+    {text: 'Adaptation', value: RelationKind.Adaptation},
+    {text: 'Alternative Setting', value: RelationKind.AlternativeSetting},
+    {text: 'Alternative Version', value: RelationKind.AlternativeVersion},
+    {text: 'Side Story', value: RelationKind.SideStory},
+    {text: 'Character', value: RelationKind.Character},
+    {text: 'Contains', value: RelationKind.Contains},
+    {text: 'Doujinshi', value: RelationKind.Doujinshi},
+    {text: 'Other', value: RelationKind.Other},
+];