Skip to content

Commit

Permalink
chore: housekeeping
Browse files Browse the repository at this point in the history
  • Loading branch information
@SychO9
SychO9 committed Jan 10, 2025
1 parent 3d16e7f commit 2231865
Show file tree
Hide file tree
Showing 4 changed files with 2,799 additions and 1,206 deletions.
86 changes: 50 additions & 36 deletions js/src/admin/components/GdprPage.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,7 @@ import DataType from '../models/DataType';
import Tooltip from 'flarum/common/components/Tooltip';
import ExtensionLink from './ExtensionLink';
import LinkButton from 'flarum/common/components/LinkButton';
import Form from 'flarum/common/components/Form';

export default class GdprPage<CustomAttrs extends IPageAttrs = IPageAttrs> extends AdminPage<CustomAttrs> {
gdprDataTypes: DataType[] = [];
Expand Down Expand Up @@ -42,46 +43,59 @@ export default class GdprPage<CustomAttrs extends IPageAttrs = IPageAttrs> exten

return (
<div className="GdprPage">
<h3>{app.translator.trans('flarum-gdpr.admin.gdpr_page.settings.heading')}</h3>
<p className="helpText">{app.translator.trans('flarum-gdpr.admin.gdpr_page.settings.help_text')}</p>
<LinkButton className="Button" href={app.route('extension', { id: 'flarum-gdpr' })}>
{app.translator.trans('flarum-gdpr.admin.gdpr_page.settings.extension_settings_button')}
</LinkButton>
<hr />
<h3>{app.translator.trans('flarum-gdpr.admin.gdpr_page.data_types.title')}</h3>
<p className="helpText">{app.translator.trans('flarum-gdpr.admin.gdpr_page.data_types.help_text')}</p>
<Form>
<div className="Form-group">
<label>{app.translator.trans('flarum-gdpr.admin.gdpr_page.settings.heading')}</label>
<p className="helpText">{app.translator.trans('flarum-gdpr.admin.gdpr_page.settings.help_text')}</p>
<LinkButton className="Button" href={app.route('extension', { id: 'flarum-gdpr' })}>
{app.translator.trans('flarum-gdpr.admin.gdpr_page.settings.extension_settings_button')}
</LinkButton>
</div>

<div className="GdprGrid">
<div class="GdprGrid-row">
<div className="GdprGrid-header">{app.translator.trans('flarum-gdpr.admin.gdpr_page.data_types.type')}</div>
<div className="GdprGrid-header">{app.translator.trans('flarum-gdpr.admin.gdpr_page.data_types.export_description')}</div>
<div className="GdprGrid-header">{app.translator.trans('flarum-gdpr.admin.gdpr_page.data_types.anonymize_description')}</div>
<div className="GdprGrid-header">{app.translator.trans('flarum-gdpr.admin.gdpr_page.data_types.delete_description')}</div>
<div className="GdprGrid-header">{app.translator.trans('flarum-gdpr.admin.gdpr_page.data_types.extension')}</div>
<div className="Form-group">
<label>{app.translator.trans('flarum-gdpr.admin.gdpr_page.data_types.title')}</label>
<p className="helpText">{app.translator.trans('flarum-gdpr.admin.gdpr_page.data_types.help_text')}</p>
{this.grid()}
</div>

{this.gdprDataTypes.map((dataType) => (
<>
<div class="GdprGrid-row">
<div>
<Tooltip text={dataType.id()}>
<span className="helpText">{dataType.type()}</span>
</Tooltip>
</div>
<div className="helpText">{dataType.exportDescription()}</div>
<div className="helpText">{dataType.anonymizeDescription()}</div>
<div className="helpText">{dataType.deleteDescription()}</div>
<div>
<ExtensionLink extension={dataType.extension() ? app.data.extensions[dataType.extension() as string] : null} />
</div>
</div>
</>
))}
<div className="Form-group">
<label>{app.translator.trans('flarum-gdpr.admin.gdpr_page.user_table_data.title')}</label>
<p className="helpText">{app.translator.trans('flarum-gdpr.admin.gdpr_page.user_table_data.help_text')}</p>
<div className="GdprUserColumnData">{app.translator.trans('flarum-gdpr.admin.gdpr_page.user_table_data.not_yet_implemented')}</div>
</div>
</Form>
</div>
);
}

grid() {
return (
<div className="GdprGrid">
<div class="GdprGrid-row">
<div className="GdprGrid-header">{app.translator.trans('flarum-gdpr.admin.gdpr_page.data_types.type')}</div>
<div className="GdprGrid-header">{app.translator.trans('flarum-gdpr.admin.gdpr_page.data_types.export_description')}</div>
<div className="GdprGrid-header">{app.translator.trans('flarum-gdpr.admin.gdpr_page.data_types.anonymize_description')}</div>
<div className="GdprGrid-header">{app.translator.trans('flarum-gdpr.admin.gdpr_page.data_types.delete_description')}</div>
<div className="GdprGrid-header">{app.translator.trans('flarum-gdpr.admin.gdpr_page.data_types.extension')}</div>
</div>
<hr />
<h3>{app.translator.trans('flarum-gdpr.admin.gdpr_page.user_table_data.title')}</h3>
<p className="helpText">{app.translator.trans('flarum-gdpr.admin.gdpr_page.user_table_data.help_text')}</p>
<div className="GdprUserColumnData">Not yet implemented</div>

{this.gdprDataTypes.map((dataType) => (
<>
<div class="GdprGrid-row">
<div>
<Tooltip text={dataType.id()}>
<span className="helpText">{dataType.type()}</span>
</Tooltip>
</div>
<div className="helpText">{dataType.exportDescription()}</div>
<div className="helpText">{dataType.anonymizeDescription()}</div>
<div className="helpText">{dataType.deleteDescription()}</div>
<div>
<ExtensionLink extension={dataType.extension() ? app.data.extensions[dataType.extension() as string] : null} />
</div>
</div>
</>
))}
</div>
);
}
Expand Down
2 changes: 1 addition & 1 deletion js/src/admin/extend.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ export default [
function () {
return (
<div className="Form-group">
<h3>{app.translator.trans('flarum-gdpr.admin.settings.gdpr_page.title')}</h3>
<label>{app.translator.trans('flarum-gdpr.admin.settings.gdpr_page.title')}</label>
<p className="helpText">{app.translator.trans('flarum-gdpr.admin.settings.gdpr_page.help_text')}</p>
<LinkButton href={app.route('gdpr')} icon="fas fa-user-shield" className="Button">
{app.translator.trans('flarum-gdpr.admin.nav.gdpr_button')}
Expand Down
Loading

0 comments on commit 2231865

Please sign in to comment.