mirror of
https://github.com/superseriousbusiness/gotosocial.git
synced 2025-10-31 22:12:25 -05:00
[feature] Allow import/export/creation of domain allows via admin panel (#2264)
* it's happening! * aaa * fix silly whoopsie * it's working pa! it's working ma! * model report parameters * shuffle some more stuff around * getting there * oo hoo * finish tidying up for now * aaa * fix use form submit errors * peepee poo poo * aaaaa * ffff * they see me typin', they hatin' * boop * aaa * oooo * typing typing tappa tappa * almost done typing * weee * alright * push it push it real good doo doo doo doo doo doo * thingy no worky * almost done * mutation modifers not quite right * hmm * it works * view blocks + allows nicely * it works! * typia install * the old linterino * linter plz
This commit is contained in:
parent
48725f7228
commit
637f188ebe
77 changed files with 4154 additions and 1690 deletions
|
|
@ -1,140 +0,0 @@
|
|||
/*
|
||||
GoToSocial
|
||||
Copyright (C) GoToSocial Authors admin@gotosocial.org
|
||||
SPDX-License-Identifier: AGPL-3.0-or-later
|
||||
|
||||
This program is free software: you can redistribute it and/or modify
|
||||
it under the terms of the GNU Affero General Public License as published by
|
||||
the Free Software Foundation, either version 3 of the License, or
|
||||
(at your option) any later version.
|
||||
|
||||
This program is distributed in the hope that it will be useful,
|
||||
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
GNU Affero General Public License for more details.
|
||||
|
||||
You should have received a copy of the GNU Affero General Public License
|
||||
along with this program. If not, see <http://www.gnu.org/licenses/>.
|
||||
*/
|
||||
|
||||
const React = require("react");
|
||||
|
||||
function TextInput({ label, field, ...inputProps }) {
|
||||
const { onChange, value, ref } = field;
|
||||
|
||||
return (
|
||||
<div className={`form-field text${field.valid ? "" : " invalid"}`}>
|
||||
<label>
|
||||
{label}
|
||||
<input
|
||||
type="text"
|
||||
{...{ onChange, value, ref }}
|
||||
{...inputProps}
|
||||
/>
|
||||
</label>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
function TextArea({ label, field, ...inputProps }) {
|
||||
const { onChange, value, ref } = field;
|
||||
|
||||
return (
|
||||
<div className="form-field textarea">
|
||||
<label>
|
||||
{label}
|
||||
<textarea
|
||||
type="text"
|
||||
{...{ onChange, value, ref }}
|
||||
{...inputProps}
|
||||
/>
|
||||
</label>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
function FileInput({ label, field, ...inputProps }) {
|
||||
const { onChange, ref, infoComponent } = field;
|
||||
|
||||
return (
|
||||
<div className="form-field file">
|
||||
<label>
|
||||
<div className="label">{label}</div>
|
||||
<div className="file-input button">Browse</div>
|
||||
{infoComponent}
|
||||
{/* <a onClick={removeFile("header")}>remove</a> */}
|
||||
<input
|
||||
type="file"
|
||||
className="hidden"
|
||||
{...{ onChange, ref }}
|
||||
{...inputProps}
|
||||
/>
|
||||
</label>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
function Checkbox({ label, field, ...inputProps }) {
|
||||
const { onChange, value } = field;
|
||||
|
||||
return (
|
||||
<div className="form-field checkbox">
|
||||
<label>
|
||||
<input
|
||||
type="checkbox"
|
||||
checked={value}
|
||||
onChange={onChange}
|
||||
{...inputProps}
|
||||
/> {label}
|
||||
</label>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
function Select({ label, field, options, children, ...inputProps }) {
|
||||
const { onChange, value, ref } = field;
|
||||
|
||||
return (
|
||||
<div className="form-field select">
|
||||
<label>
|
||||
{label} {children}
|
||||
<select
|
||||
{...{ onChange, value, ref }}
|
||||
{...inputProps}
|
||||
>
|
||||
{options}
|
||||
</select>
|
||||
</label>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
function RadioGroup({ field, label, ...inputProps }) {
|
||||
return (
|
||||
<div className="form-field radio">
|
||||
{Object.entries(field.options).map(([value, radioLabel]) => (
|
||||
<label key={value}>
|
||||
<input
|
||||
type="radio"
|
||||
name={field.name}
|
||||
value={value}
|
||||
checked={field.value == value}
|
||||
onChange={field.onChange}
|
||||
{...inputProps}
|
||||
/>
|
||||
{radioLabel}
|
||||
</label>
|
||||
))}
|
||||
{label}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
module.exports = {
|
||||
TextInput,
|
||||
TextArea,
|
||||
FileInput,
|
||||
Checkbox,
|
||||
Select,
|
||||
RadioGroup
|
||||
};
|
||||
Loading…
Add table
Add a link
Reference in a new issue