mirror of
https://github.com/idanoo/autobrr
synced 2025-07-23 16:59:12 +00:00
add freeleech toggle (#8)
This commit is contained in:
Ludvig Lundgren
GitHub
parent
9eccc6b5e2
commit
07a9583ddf
2 changed files with 127 additions and 41 deletions
|
|
@ -58,6 +58,8 @@ export interface Filter {
|
||||||
except_tags: string;
|
except_tags: string;
|
||||||
match_uploaders: string;
|
match_uploaders: string;
|
||||||
except_uploaders: string;
|
except_uploaders: string;
|
||||||
|
freeleech: boolean;
|
||||||
|
freeleech_percent: string;
|
||||||
actions: Action[];
|
actions: Action[];
|
||||||
indexers: Indexer[];
|
indexers: Indexer[];
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
import React, {Fragment, useRef, useState} from "react";
|
import React, {Fragment, useRef, useState} from "react";
|
||||||
import {Dialog, Switch, Transition} from "@headlessui/react";
|
import {Dialog, Switch, Transition} from "@headlessui/react";
|
||||||
import {ChevronRightIcon, ExclamationIcon, } from '@heroicons/react/solid'
|
import {ChevronDownIcon, ChevronRightIcon, ExclamationIcon,} from '@heroicons/react/solid'
|
||||||
import {EmptyListState} from "../components/EmptyListState";
|
import {EmptyListState} from "../components/EmptyListState";
|
||||||
|
|
||||||
import {
|
import {
|
||||||
|
|
@ -492,6 +492,8 @@ function FilterTabGeneral({filter}: FilterTabGeneralProps) {
|
||||||
except_tags: filter.except_tags,
|
except_tags: filter.except_tags,
|
||||||
match_uploaders: filter.match_uploaders,
|
match_uploaders: filter.match_uploaders,
|
||||||
except_uploaders: filter.except_uploaders,
|
except_uploaders: filter.except_uploaders,
|
||||||
|
freeleech: filter.freeleech,
|
||||||
|
freeleech_percent: filter.freeleech_percent,
|
||||||
indexers: filter.indexers || [],
|
indexers: filter.indexers || [],
|
||||||
}}
|
}}
|
||||||
// validate={validate}
|
// validate={validate}
|
||||||
|
|
@ -542,7 +544,7 @@ function FilterTabGeneral({filter}: FilterTabGeneralProps) {
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="">
|
<div className="border-t">
|
||||||
<SwitchGroup name="enabled" label="Enabled" description="Enabled or disable filter."/>
|
<SwitchGroup name="enabled" label="Enabled" description="Enabled or disable filter."/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
@ -615,6 +617,8 @@ function FilterTabMoviesTvNew2({filter}: FilterTabGeneralProps) {
|
||||||
except_tags: filter.except_tags,
|
except_tags: filter.except_tags,
|
||||||
match_uploaders: filter.match_uploaders,
|
match_uploaders: filter.match_uploaders,
|
||||||
except_uploaders: filter.except_uploaders,
|
except_uploaders: filter.except_uploaders,
|
||||||
|
freeleech: filter.freeleech,
|
||||||
|
freeleech_percent: filter.freeleech_percent,
|
||||||
indexers: filter.indexers || [],
|
indexers: filter.indexers || [],
|
||||||
}}
|
}}
|
||||||
// validate={validate}
|
// validate={validate}
|
||||||
|
|
@ -664,6 +668,11 @@ function FilterTabMoviesTvNew2({filter}: FilterTabGeneralProps) {
|
||||||
|
|
||||||
function FilterTabAdvanced({filter}: FilterTabGeneralProps) {
|
function FilterTabAdvanced({filter}: FilterTabGeneralProps) {
|
||||||
const history = useHistory();
|
const history = useHistory();
|
||||||
|
const [releasesIsOpen, toggleReleases] = useToggle(false)
|
||||||
|
const [groupsIsOpen, toggleGroups] = useToggle(false)
|
||||||
|
const [categoriesIsOpen, toggleCategories] = useToggle(false)
|
||||||
|
const [uploadersIsOpen, toggleUploaders] = useToggle(false)
|
||||||
|
const [freeleechIsOpen, toggleFreeleech] = useToggle(false)
|
||||||
|
|
||||||
const updateMutation = useMutation((filter: Filter) => APIClient.filters.update(filter), {
|
const updateMutation = useMutation((filter: Filter) => APIClient.filters.update(filter), {
|
||||||
onSuccess: () => {
|
onSuccess: () => {
|
||||||
|
|
@ -717,6 +726,8 @@ function FilterTabAdvanced({filter}: FilterTabGeneralProps) {
|
||||||
except_tags: filter.except_tags,
|
except_tags: filter.except_tags,
|
||||||
match_uploaders: filter.match_uploaders,
|
match_uploaders: filter.match_uploaders,
|
||||||
except_uploaders: filter.except_uploaders,
|
except_uploaders: filter.except_uploaders,
|
||||||
|
freeleech: filter.freeleech,
|
||||||
|
freeleech_percent: filter.freeleech_percent,
|
||||||
indexers: filter.indexers || [],
|
indexers: filter.indexers || [],
|
||||||
}}
|
}}
|
||||||
// validate={validate}
|
// validate={validate}
|
||||||
|
|
@ -725,58 +736,131 @@ function FilterTabAdvanced({filter}: FilterTabGeneralProps) {
|
||||||
{({handleSubmit, submitting, values, valid}) => {
|
{({handleSubmit, submitting, values, valid}) => {
|
||||||
return (
|
return (
|
||||||
<form onSubmit={handleSubmit}>
|
<form onSubmit={handleSubmit}>
|
||||||
<div className="mt-6 lg:pb-8">
|
<div className="mt-6 lg:pb-8 border-b border-gray-200">
|
||||||
<TitleSubtitle title="Releases" subtitle="Releases"/>
|
<div className="flex justify-between items-center cursor-pointer" onClick={toggleReleases}>
|
||||||
|
<div className="-ml-2 -mt-2 flex flex-wrap items-baseline">
|
||||||
<div className="mt-6 grid grid-cols-12 gap-6">
|
<h3 className="ml-2 mt-2 text-lg leading-6 font-medium text-gray-900">Releases</h3>
|
||||||
<TextField name="match_releases" label="Match releases" columns={6} placeholder=""/>
|
<p className="ml-2 mt-1 text-sm text-gray-500 truncate">Match or ignore</p>
|
||||||
<TextField name="except_releases" label="Except releases" columns={6}
|
</div>
|
||||||
placeholder=""/>
|
<div className="mt-3 sm:mt-0 sm:ml-4">
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
className="inline-flex items-center px-4 py-2 border-transparent text-sm font-medium text-white"
|
||||||
|
>
|
||||||
|
{releasesIsOpen ? <ChevronDownIcon className="h-6 w-6 text-gray-500" aria-hidden="true"/> : <ChevronRightIcon className="h-6 w-6 text-gray-500" aria-hidden="true"/>}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
{releasesIsOpen && (
|
||||||
|
<div className="mt-6 grid grid-cols-12 gap-6">
|
||||||
|
<TextField name="match_releases" label="Match releases" columns={6} placeholder=""/>
|
||||||
|
<TextField name="except_releases" label="Except releases" columns={6}
|
||||||
|
placeholder=""/>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="mt-6 lg:pb-8">
|
<div className="mt-6 lg:pb-8 border-b border-gray-200">
|
||||||
<TitleSubtitle title="Release groups"
|
<div className="flex justify-between items-center cursor-pointer" onClick={toggleGroups}>
|
||||||
subtitle="Match or ignore certain release groups"/>
|
<div className="-ml-2 -mt-2 flex flex-wrap items-baseline">
|
||||||
|
<h3 className="ml-2 mt-2 text-lg leading-6 font-medium text-gray-900">Groups</h3>
|
||||||
<div className="mt-6 grid grid-cols-12 gap-6">
|
<p className="ml-2 mt-1 text-sm text-gray-500 truncate">Match or ignore</p>
|
||||||
<TextField name="match_release_groups" label="Match groups" columns={6}
|
</div>
|
||||||
placeholder=""/>
|
<div className="mt-3 sm:mt-0 sm:ml-4">
|
||||||
<TextField name="except_release_groups" label="Except groups" columns={6}
|
<button
|
||||||
placeholder=""/>
|
type="button"
|
||||||
|
className="inline-flex items-center px-4 py-2 border-transparent text-sm font-medium text-white"
|
||||||
|
>
|
||||||
|
{groupsIsOpen ? <ChevronDownIcon className="h-6 w-6 text-gray-500" aria-hidden="true"/> : <ChevronRightIcon className="h-6 w-6 text-gray-500" aria-hidden="true"/>}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
{groupsIsOpen && (
|
||||||
|
<div className="mt-6 grid grid-cols-12 gap-6">
|
||||||
|
<TextField name="match_releases" label="Match releases" columns={6} placeholder=""/>
|
||||||
|
<TextField name="except_releases" label="Except releases" columns={6}
|
||||||
|
placeholder=""/>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div className="mt-6 lg:pb-8 border-b border-gray-200">
|
||||||
<div className="mt-6 lg:pb-8">
|
<div className="flex justify-between items-center cursor-pointer" onClick={toggleCategories}>
|
||||||
<TitleSubtitle title="Categories" subtitle="Match or ignore certain categories"/>
|
<div className="-ml-2 -mt-2 flex flex-wrap items-baseline">
|
||||||
|
<h3 className="ml-2 mt-2 text-lg leading-6 font-medium text-gray-900">Categories and tags</h3>
|
||||||
<div className="mt-6 grid grid-cols-12 gap-6">
|
<p className="ml-2 mt-1 text-sm text-gray-500 truncate">Match or ignore categories or tags</p>
|
||||||
<TextField name="match_categories" label="Match categories" columns={6}
|
</div>
|
||||||
placeholder=""/>
|
<div className="mt-3 sm:mt-0 sm:ml-4">
|
||||||
<TextField name="except_categories" label="Except categories" columns={6}
|
<button
|
||||||
placeholder=""/>
|
type="button"
|
||||||
|
className="inline-flex items-center px-4 py-2 border-transparent text-sm font-medium text-white"
|
||||||
|
>
|
||||||
|
{categoriesIsOpen ? <ChevronDownIcon className="h-6 w-6 text-gray-500" aria-hidden="true"/> : <ChevronRightIcon className="h-6 w-6 text-gray-500" aria-hidden="true"/>}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
{categoriesIsOpen && (
|
||||||
|
<div className="mt-6 grid grid-cols-12 gap-6">
|
||||||
|
<TextField name="match_categories" label="Match categories" columns={6}
|
||||||
|
placeholder=""/>
|
||||||
|
<TextField name="except_categories" label="Except categories" columns={6}
|
||||||
|
placeholder=""/>
|
||||||
|
|
||||||
|
<TextField name="match_tags" label="Match tags" columns={6} placeholder=""/>
|
||||||
|
<TextField name="except_tags" label="Except tags" columns={6} placeholder=""/>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="mt-6 lg:pb-8">
|
<div className="mt-6 lg:pb-8 border-b border-gray-200">
|
||||||
<TitleSubtitle title="Tags" subtitle="Match or ignore certain tags"/>
|
<div className="flex justify-between items-center cursor-pointer" onClick={toggleUploaders}>
|
||||||
|
<div className="-ml-2 -mt-2 flex flex-wrap items-baseline">
|
||||||
<div className="mt-6 grid grid-cols-12 gap-6">
|
<h3 className="ml-2 mt-2 text-lg leading-6 font-medium text-gray-900">Uploaders</h3>
|
||||||
<TextField name="match_tags" label="Match tags" columns={6} placeholder=""/>
|
<p className="ml-2 mt-1 text-sm text-gray-500 truncate">Match or ignore uploaders</p>
|
||||||
<TextField name="except_tags" label="Except tags" columns={6} placeholder=""/>
|
</div>
|
||||||
|
<div className="mt-3 sm:mt-0 sm:ml-4">
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
className="inline-flex items-center px-4 py-2 border-transparent text-sm font-medium text-white"
|
||||||
|
>
|
||||||
|
{uploadersIsOpen ? <ChevronDownIcon className="h-6 w-6 text-gray-500" aria-hidden="true"/> : <ChevronRightIcon className="h-6 w-6 text-gray-500" aria-hidden="true"/>}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
{uploadersIsOpen && (
|
||||||
|
<div className="mt-6 grid grid-cols-12 gap-6">
|
||||||
|
<TextField name="match_uploaders" label="Match uploaders" columns={6}
|
||||||
|
placeholder=""/>
|
||||||
|
<TextField name="except_uploaders" label="Except uploaders" columns={6}
|
||||||
|
placeholder=""/>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="mt-6 lg:pb-8">
|
<div className="mt-6 lg:pb-8 border-b border-gray-200">
|
||||||
<TitleSubtitle title="Uploaders" subtitle="Match or ignore certain uploaders"/>
|
<div className="flex justify-between items-center cursor-pointer" onClick={toggleFreeleech}>
|
||||||
|
<div className="-ml-2 -mt-2 flex flex-wrap items-baseline">
|
||||||
<div className="mt-6 grid grid-cols-12 gap-6">
|
<h3 className="ml-2 mt-2 text-lg leading-6 font-medium text-gray-900">Freeleech</h3>
|
||||||
<TextField name="match_uploaders" label="Match uploaders" columns={6}
|
<p className="ml-2 mt-1 text-sm text-gray-500 truncate">Match only freeleech and freeleech percent</p>
|
||||||
placeholder=""/>
|
</div>
|
||||||
<TextField name="except_uploaders" label="Except uploaders" columns={6}
|
<div className="mt-3 sm:mt-0 sm:ml-4">
|
||||||
placeholder=""/>
|
<button
|
||||||
|
type="button"
|
||||||
|
className="inline-flex items-center px-4 py-2 border-transparent text-sm font-medium text-white"
|
||||||
|
>
|
||||||
|
{freeleechIsOpen ? <ChevronDownIcon className="h-6 w-6 text-gray-500" aria-hidden="true"/> : <ChevronRightIcon className="h-6 w-6 text-gray-500" aria-hidden="true"/>}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
{freeleechIsOpen && (
|
||||||
|
<div className="mt-6 grid grid-cols-12 gap-6">
|
||||||
|
<div className="col-span-6">
|
||||||
|
<SwitchGroup name="freeleech" label="Freeleech" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<TextField name="freeleech_percent" label="Freeleech percent" columns={6} />
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<FormButtonsGroup deleteAction={deleteAction}/>
|
<FormButtonsGroup deleteAction={deleteAction}/>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue