mirror of https://github.com/morpheus65535/bazarr
122 lines
3.5 KiB
TypeScript
122 lines
3.5 KiB
TypeScript
import { faBookmark as farBookmark } from "@fortawesome/free-regular-svg-icons";
|
|
import { faBookmark, faWrench } from "@fortawesome/free-solid-svg-icons";
|
|
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
|
|
import React, { FunctionComponent, useMemo } from "react";
|
|
import { Badge } from "react-bootstrap";
|
|
import { Link } from "react-router-dom";
|
|
import { Column } from "react-table";
|
|
import { movieUpdateAll, movieUpdateByRange } from "../../@redux/actions";
|
|
import { useLanguageProfiles, useMovieEntities } from "../../@redux/hooks";
|
|
import { useReduxAction } from "../../@redux/hooks/base";
|
|
import { MoviesApi } from "../../apis";
|
|
import { ActionBadge, LanguageText, TextPopover } from "../../components";
|
|
import { BuildKey } from "../../utilities";
|
|
import BaseItemView from "../generic/BaseItemView";
|
|
|
|
interface Props {}
|
|
|
|
const MovieView: FunctionComponent<Props> = () => {
|
|
const movies = useMovieEntities();
|
|
const loader = useReduxAction(movieUpdateByRange);
|
|
const profiles = useLanguageProfiles();
|
|
|
|
const columns: Column<Item.Movie>[] = useMemo<Column<Item.Movie>[]>(
|
|
() => [
|
|
{
|
|
accessor: "monitored",
|
|
selectHide: true,
|
|
Cell: ({ value }) => (
|
|
<FontAwesomeIcon
|
|
title={value ? "monitored" : "unmonitored"}
|
|
icon={value ? faBookmark : farBookmark}
|
|
></FontAwesomeIcon>
|
|
),
|
|
},
|
|
{
|
|
Header: "Name",
|
|
accessor: "title",
|
|
className: "text-nowrap",
|
|
Cell: ({ row, value, isSelecting: select }) => {
|
|
if (select) {
|
|
return value;
|
|
} else {
|
|
const target = `/movies/${row.original.radarrId}`;
|
|
return (
|
|
<TextPopover text={row.original.sceneName} delay={1}>
|
|
<Link to={target}>
|
|
<span>{value}</span>
|
|
</Link>
|
|
</TextPopover>
|
|
);
|
|
}
|
|
},
|
|
},
|
|
{
|
|
Header: "Audio",
|
|
accessor: "audio_language",
|
|
Cell: (row) => {
|
|
return row.value.map((v) => (
|
|
<Badge
|
|
variant="secondary"
|
|
className="mr-2"
|
|
key={BuildKey(v.code2, v.code2, v.hi)}
|
|
>
|
|
{v.name}
|
|
</Badge>
|
|
));
|
|
},
|
|
},
|
|
{
|
|
Header: "Languages Profile",
|
|
accessor: "profileId",
|
|
Cell: ({ value }) => {
|
|
return profiles?.find((v) => v.profileId === value)?.name ?? null;
|
|
},
|
|
},
|
|
{
|
|
Header: "Missing Subtitles",
|
|
accessor: "missing_subtitles",
|
|
selectHide: true,
|
|
Cell: (row) => {
|
|
const missing = row.value;
|
|
return missing.map((v) => (
|
|
<Badge
|
|
className="mx-2"
|
|
variant="warning"
|
|
key={BuildKey(v.code2, v.hi, v.forced)}
|
|
>
|
|
<LanguageText text={v}></LanguageText>
|
|
</Badge>
|
|
));
|
|
},
|
|
},
|
|
{
|
|
accessor: "radarrId",
|
|
selectHide: true,
|
|
Cell: ({ row, update }) => {
|
|
return (
|
|
<ActionBadge
|
|
icon={faWrench}
|
|
onClick={() => update && update(row, "edit")}
|
|
></ActionBadge>
|
|
);
|
|
},
|
|
},
|
|
],
|
|
[profiles]
|
|
);
|
|
|
|
return (
|
|
<BaseItemView
|
|
state={movies}
|
|
name="Movies"
|
|
loader={loader}
|
|
updateAction={movieUpdateAll}
|
|
columns={columns}
|
|
modify={(form) => MoviesApi.modify(form)}
|
|
></BaseItemView>
|
|
);
|
|
};
|
|
|
|
export default MovieView;
|