Skip to content

initial draft of reworked selection menu #1244

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
mal-tee wants to merge 1 commit into
base: master
Choose a base branch
from
Draft

initial draft of reworked selection menu #1244

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
24 changes: 14 additions & 10 deletions src/Components/RequestList.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -164,7 +164,7 @@ export const RequestList = (props: RequestListProps) => {
{selectionMode && (
<div className="dropdown-container" style="float:right;">
<button className="icon-ellipsis button button-small button-secondary" />
<div className="dropdown" style="right: 0; max-width: 400px; width: 90vw;">
<div className="dropdown" style="right: 0; max-width: 300px; width: 90vw;">
<button
id="toggle-all-button"
className="button button-secondary"
Expand All @@ -188,26 +188,28 @@ export const RequestList = (props: RequestListProps) => {
</button>
{selectedRequestIds.length > 0 && (
<>
<hr style="width: 80%" />
Selection…
<a
id="download-button"
className="button button-secondary"
href={URL.createObjectURL(buildCsv())}
download={csv_download_filename}
style="margin-right: 10px;">
style="margin-right: 10px; text-align: right;">
<Text id="export-btn" />
</a>
<a
id="export-ics-button"
className="button button-secondary"
href={URL.createObjectURL(buildIcs())}
download={ics_download_filename}
style="margin-right: 10px;">
style="margin-right: 10px; text-align: right;">
<Text id="export-ics" />
</a>
<button
id="delete-selected-proceedings-button"
className="button button-secondary"
style="margin-right: 10px;"
className="button button-secondary button-error"
style="margin-right: 10px; text-align: right;"
onClick={() =>
confirm(t('delete-selected-proceedings-confirm', 'my-requests')) &&
deleteSelected()
Expand All @@ -217,21 +219,23 @@ export const RequestList = (props: RequestListProps) => {
<button
id="mark-selected-as-done-button"
className="button button-secondary"
style="margin-right: 10px;"
style="margin-right: 10px; text-align: right;"
onClick={() => changeSelectedStatus('done')}>
<Text id="mark-selected-as-done" />
<Text id="mark-selected-as" />{' '}
<span className="badge badge-success">done</span>.
</button>
<button
id="mark-selected-as-abandoned-button"
className="button button-secondary"
style="margin-right: 10px;"
style="margin-right: 10px; text-align: right;"
onClick={() => changeSelectedStatus('abandoned')}>
<Text id="mark-selected-as-abandoned" />
<Text id="mark-selected-as" />{' '}
<span className="badge badge-gray">abandoned</span>.
</button>
<button
id="reactivate-selected-button"
className="button button-secondary"
style="margin-right: 10px;"
style="margin-right: 10px; text-align: right;"
onClick={() => changeSelectedStatus('reactivate')}>
<Text id="reactivate-selected" />
</button>
Expand Down
11 changes: 5 additions & 6 deletions src/i18n/en.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -238,13 +238,12 @@
"webform": "web form",
"sent-via-medium": "sent via {{medium}}",
"delete-all-btn": "Delete all proceedings",
"export-btn": "Export selected proceedings as CSV",
"export-ics": "Export selected proceedings to calendar",
"delete-selected-proceedings": "Delete selected proceedings",
"export-btn": "…CSV export",
"export-ics": "…calendar export",
"delete-selected-proceedings": "…delete",
"delete-selected-proceedings-confirm": "This will delete the selected proceedings and all messages they contain. Are you sure?",
"mark-selected-as-done": "Mark selected proceedings as done",
"mark-selected-as-abandoned": "Mark selected proceedings as abandoned",
"reactivate-selected": "Reactivate selected proceedings",
"mark-selected-as": "…mark as",
"reactivate-selected": "..reactivate.",
"no-requests-heading": "No requests yet",
"no-requests": "You haven't generated any requests yet. As soon as you start doing that, they will appear here.",
"generate-request": "Generate a request",
Expand Down