Skip to content

Workflow frontend polishing #17506

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

Merged
blizzz merged 18 commits into from
Nov 4, 2019
Merged

Workflow frontend polishing #17506

Changes from 1 commit
Commits
Show all changes
18 commits
Select commit Hold shift + click to select a range
327be37
Remove unused stylesheets from workflowengine
juliusknorr Oct 10, 2019
7147046
Fix remaining comments from #16706
juliusknorr Oct 10, 2019
b15c4a3
Properly validate individual checks
juliusknorr Oct 10, 2019
7b82a09
Fix minor styling issues with the user agent picker
juliusknorr Oct 10, 2019
6878d36
Allow to select multiple events
juliusknorr Oct 10, 2019
e72f58b
Fix bugs with check plugins
juliusknorr Oct 10, 2019
6830daf
Decode list of events when returning them
juliusknorr Oct 10, 2019
0fccda8
Fix input size and ellipsis
juliusknorr Oct 10, 2019
fce33f3
Fix operation list when scope is limited
juliusknorr Oct 11, 2019
06d43bd
Add missing ocs resource for user workflows
juliusknorr Oct 11, 2019
2adcc75
Fetch groups on the fly
juliusknorr Oct 11, 2019
928cf4b
Fix issue with unavailable operations
juliusknorr Oct 15, 2019
8a0164b
Adjust user UserWorkflowController methods to AWorflowController
juliusknorr Oct 15, 2019
5551da2
Fix systemtag selector
juliusknorr Oct 22, 2019
a0582ef
Move delete/cancel button to the bottom
juliusknorr Oct 23, 2019
580c835
Design fixes
juliusknorr Oct 23, 2019
9c766cf
do not break on Checkers that do not need specific context info
blizzz Oct 29, 2019
3f97025
bump bundles
blizzz Oct 29, 2019
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
Move delete/cancel button to the bottom 
Signed-off-by: Julius Härtl <[email protected]>
  • Loading branch information
@juliusknorr @blizzz
juliusknorr authored and blizzz committed Oct 29, 2019
commit a0582efc8638128223b49b660dd8a94c612114d6
47 changes: 23 additions & 24 deletions apps/workflowengine/src/components/Rule.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,28 +23,26 @@
</div>
<div class="flow-icon icon-confirm" />
<div class="action">
<div class="buttons">
<Actions>
<ActionButton v-if="rule.id < -1" icon="icon-close" @click="cancelRule">
{{ t('workflowengine', 'Cancel rule creation') }}
</ActionButton>
<ActionButton v-else icon="icon-close" @click="deleteRule">
{{ t('workflowengine', 'Remove rule') }}
</ActionButton>
</Actions>
</div>
<Operation :operation="operation" :colored="false">
<component :is="operation.options"
v-if="operation.options"
v-model="rule.operation"
@input="updateOperation" />
</Operation>
<button v-tooltip="ruleStatus.tooltip"
class="status-button icon"
:class="ruleStatus.class"
@click="saveRule">
{{ ruleStatus.title }}
</button>
<div class="buttons">
<button v-tooltip="ruleStatus.tooltip"
class="status-button icon"
:class="ruleStatus.class"
@click="saveRule">
{{ ruleStatus.title }}
</button>
<button v-if="rule.id < -1" @click="cancelRule">
{{ t('workflowengine', 'Cancel') }}
</button>
<button v-else @click="deleteRule">
{{ t('workflowengine', 'Delete') }}
</button>
</div>
</div>
</div>
</template>
Expand Down Expand Up @@ -163,11 +161,18 @@ export default {
background-position: 10px center;
}

.buttons {
display: block;
button {
float: right;
height: 34px;
}
}

.status-button {
transition: 0.5s ease all;
display: block;
margin: auto;
margin-right: 0;
margin: 3px 10px 3px auto;
}
.status-button.primary {
padding-left: 32px;
Expand Down Expand Up @@ -199,12 +204,6 @@ export default {
.action {
max-width: 400px;
position: relative;
.buttons {
position: absolute;
right: 0;
display: flex;
z-index: 1;
}
}
.icon-confirm {
background-position: right 27px;
Expand Down