Styling

ui/v2.5/src/utils/index.ts

@@ -3,3 +3,4 @@ export { default as NavUtils } from "./navigation";
 export { default as TableUtils } from "./table";
 export { default as TextUtils } from "./text";
 export { default as DurationUtils } from "./duration";
+export { default as JWUtils } from './jwplayer';

ui/v2.5/src/utils/jwplayer.ts

@@ -0,0 +1,9 @@
+const playerID = "main-jwplayer";
+const getPlayer = () => (
+  (window as any).jwplayer(playerID)
+)
+
+export default {
+  playerID,
+  getPlayer
+};

ui/v2.5/src/utils/navigation.ts

@@ -1,9 +1,9 @@
-import * as GQL from "../core/generated-graphql";
-import { PerformersCriterion } from "../models/list-filter/criteria/performers";
-import { StudiosCriterion } from "../models/list-filter/criteria/studios";
-import { TagsCriterion } from "../models/list-filter/criteria/tags";
-import { ListFilterModel } from "../models/list-filter/filter";
-import { FilterMode } from "../models/list-filter/types";
+import * as GQL from "src/core/generated-graphql";
+import { PerformersCriterion } from "src/models/list-filter/criteria/performers";
+import { StudiosCriterion } from "src/models/list-filter/criteria/studios";
+import { TagsCriterion } from "src/models/list-filter/criteria/tags";
+import { ListFilterModel } from "src/models/list-filter/filter";
+import { FilterMode } from "src/models/list-filter/types";
 
 const makePerformerScenesUrl = (
   performer: Partial<GQL.PerformerDataFragment>
@@ -54,11 +54,10 @@ const makeSceneMarkerUrl = (
   return `/scenes/${sceneMarker.scene.id}?t=${sceneMarker.seconds}`;
 };
 
-const Nav = {
+export default {
   makePerformerScenesUrl,
   makeStudioScenesUrl,
   makeTagSceneMarkersUrl,
   makeTagScenesUrl,
   makeSceneMarkerUrl
 };
-export default Nav;

ui/v2.5/src/utils/table.tsx

@@ -89,10 +89,13 @@ const renderHtmlSelect = (options: {
         as="select"
         readOnly={!options.isEditing}
         plaintext={!options.isEditing}
+        value={options.value?.toString()}
         onChange={(event: React.FormEvent<HTMLSelectElement>) =>
           options.onChange(event.currentTarget.value)
         }
-      />
+      >
+        { options.selectOptions.map(opt => <option value={opt} key={opt}>{opt}</option>)}
+      </Form.Control>
     </td>
   </tr>
 );