Skip to content
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.

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

Pages Editor: UI tweaks, improved Workflow Settings #7093

Merged
merged 20 commits into from
Jun 4, 2024
Merged
Changes from 1 commit
Commits
Show all changes
20 commits
Select commit Hold shift + click to select a range
a3bf430
pages-editor-pt22: add optional ?tab=settings URL override
shaunanoordin Apr 29, 2024
2bed6df
WorkflowSettings: add Image Display Options
shaunanoordin Apr 29, 2024
b53569e
WorkflowSettings: add option to flip image colo(u)r
shaunanoordin Apr 30, 2024
1721f66
WorkflowSettingsPage: more options for mutli-image options. 'Reset' e…
shaunanoordin May 1, 2024
a931267
WorkflowSettingsPage: add playIterations option
shaunanoordin May 1, 2024
03d6d1e
Style: add rounded borders to every select element
shaunanoordin May 1, 2024
966ad98
WorkflowSettingsPage: add ?showRemovedOptions=true to show removed op…
shaunanoordin May 2, 2024
415947d
WorkflowSettingsPage: add option for separate frames view
shaunanoordin May 2, 2024
9328673
WorkflowSettingsPage: restyle smaller info text
shaunanoordin May 2, 2024
c5029a3
WorkflowSettingsPage: move Workflow ID
shaunanoordin May 3, 2024
cdbb51c
Add WorkflowVersion
shaunanoordin May 3, 2024
5d46764
DataManager: UPDATE MEMO WHEN STATUS CHANGES
shaunanoordin May 3, 2024
1e89991
WorkflowVersion: add loading icon
shaunanoordin May 3, 2024
b89d377
TasksPage: add 'no tasks' notice
shaunanoordin May 3, 2024
371502d
WorkflowSettingsPage: show Classifications Count. Restyle disabled el…
shaunanoordin May 6, 2024
faca24c
TasksPage: introduce UI for linear workflows
shaunanoordin May 6, 2024
a1c9ce9
TasksPage: adding/moving/deleting pages triggers linear workflow rules
shaunanoordin May 7, 2024
4bac969
TasksPage, WorkflowSettingsPage: introduce Advanced Mode
shaunanoordin May 7, 2024
75367e5
Feedback: increase fontsize of span.small_info
shaunanoordin Jun 4, 2024
669589a
Feedback: if showing separate viewers, 'col' layout is default
shaunanoordin Jun 4, 2024
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
Prev Previous commit
Next Next commit
WorkflowSettingsPage: add option for separate frames view
  • Loading branch information
shaunanoordin committed Jun 4, 2024
commit 415947d91658315a3870a838138fdc3c4840f416
Original file line number Diff line number Diff line change
@@ -190,6 +190,63 @@ export default function WorkflowSettingsPage() {
</label>
</div>

{showSeparateFramesOptions && (<>
<p>Show separate frames as:</p>
<ul className="input-group">
<li key="separate-frames-as-col">
<input
checked={workflow?.configuration?.multi_image_layout === 'col'}
id="separate-frames-as-col"
onChange={doUpdate}
name="configuration.multi_image_layout"
value="col"
type="radio"
/>
<label htmlFor="separate-frames-as-col">
Single column - all frames stacked vertically (recommended for landscape subjects; default for mobile devices)
</label>
</li>
<li key="separate-frames-as-row">
<input
checked={workflow?.configuration?.multi_image_layout === 'row'}
id="separate-frames-as-row"
name="configuration.multi_image_layout"
onChange={doUpdate}
value="row"
type="radio"
/>
<label htmlFor="separate-frames-as-row">
Single row - all frames side by side horizontally (recommended only for portrait subjects)
</label>
</li>
<li key="separate-frames-as-grid2">
<input
checked={workflow?.configuration?.multi_image_layout === 'grid2'}
id="separate-frames-as-grid2"
name="configuration.multi_image_layout"
onChange={doUpdate}
value="grid2"
type="radio"
/>
<label htmlFor="separate-frames-as-grid2">
Grid - frames distributed evenly over 2 columns
</label>
</li>
<li key="separate-frames-as-grid3">
<input
checked={workflow?.configuration?.multi_image_layout === 'grid3'}
id="separate-frames-as-grid3"
name="configuration.multi_image_layout"
onChange={doUpdate}
value="grid3"
type="radio"
/>
<label htmlFor="separate-frames-as-grid3">
Grid - frames distributed evenly over 3 columns
</label>
</li>
</ul>
</>)}
</fieldset>

<hr />