Trigger: group and label the perform action inputs

This commit is contained in:
Felix Niklas 2020-03-10 16:07:28 +01:00 committed by Thorsten Eckel
parent a3e4691a72
commit eeadee2d5e
6 changed files with 68 additions and 16 deletions

View file

@ -377,7 +377,6 @@ class App.UiElement.ticket_perform_action
null: false
options: { true: 'internal', false: 'public' }
value: meta.internal || 'false'
class: 'form-control--small'
translate: true
)
@ -423,9 +422,9 @@ class App.UiElement.ticket_perform_action
name: "#{name}::internal"
multiple: false
null: false
label: 'Visibility'
options: { true: 'internal', false: 'public' }
value: meta.internal
class: 'form-control--small'
translate: true
)
articleElement = $( App.view('generic/ticket_perform_action/article')(

View file

@ -21,7 +21,7 @@ class Index extends App.ControllerSubContent
{ name: 'New Trigger', 'data-type': 'new', class: 'btn--success' }
]
container: @el.closest('.content')
large: true
veryLarge: true
)
App.Config.set('Trigger', { prio: 3300, name: 'Trigger', parent: '#manage', target: '#manage/trigger', controller: Index, permission: ['admin.trigger'] }, 'NavBarAdmin')

View file

@ -1,5 +1,22 @@
<div class="flex">
<div class="js-internal"></div>
<div class="controls js-subject"><input type="text" name="<%= @name %>::subject" value="<%= @meta.subject %>" style="width: 100%;" placeholder="<%- @T('Subject') %>"></div>
<div class="controls js-body js-body-<%- @articleType %>"><div class="richtext form-control"><div contenteditable="true" data-name="<%= @name %>::body"><%- @meta.body %></div></div></div>
<div class="form-group">
<div class="formGroup-label">
<label><%- @T('Visibility') %></label>
</div>
<div class="js-internal"></div>
</div>
<div class="form-group">
<div class="formGroup-label">
<label><%- @T('Subject') %></label>
</div>
<div class="controls js-subject">
<input type="text" name="<%= @name %>::subject" value="<%= @meta.subject %>" style="width: 100%;" placeholder="<%- @T('Subject') %>">
</div>
</div>
<div class="form-group">
<div class="formGroup-label">
<label><%- @T('Body') %></label>
</div>
<div class="controls js-body js-body-<%- @articleType %>">
<div class="richtext form-control"><div contenteditable="true" data-name="<%= @name %>::body"><%- @meta.body %></div></div>
</div>
</div>

View file

@ -1,11 +1,36 @@
<div class="flex">
<div class="form-group">
<div class="formGroup-label">
<label><%- @T('Visibility') %></label>
</div>
<div class="js-internal"></div>
</div>
<div class="form-group">
<div class="formGroup-label">
<label><%- @T('Recipient') %></label>
</div>
<div class="controls js-recipient u-positionOrigin">
<select></select>
<%- @Icon('arrow-down', 'dropdown-arrow') %>
</div>
</div>
<div class="form-group">
<div class="formGroup-label">
<label><%- @T('Recipient') %></label>
</div>
<div class="controls js-recipientUser u-positionOrigin">
<select></select>
</div>
</div>
<% if @notificationType is 'email': %>
<div class="form-group">
<div class="formGroup-label">
<label><%- @T('Subject') %></label>
</div>
<div class="controls js-subject"><input type="text" name="<%= @name %>::subject" value="<%= @meta.subject %>" style="width: 100%;" placeholder="<%- @T('Subject') %>"></div>
</div>
<% end %>
<div class="form-group">
<div class="formGroup-label">
<label><%- @T('Body') %></label>
</div>
<div class="controls js-body js-body-<%- @notificationType %>"><div class="richtext form-control"><div contenteditable="true" data-name="<%= @name %>::body"><%- @meta.body %></div></div></div>
</div>

View file

@ -6,8 +6,8 @@
</div>
</div>
<div class="js-setAttribute"></div>
<div class="js-setNotification flex"></div>
<div class="js-setArticle flex"></div>
<div class="horizontal-filter-group js-setNotification flex"></div>
<div class="horizontal-filter-group js-setArticle flex"></div>
</div>
<div class="filter-controls js-rowActions">
<div class="filter-control filter-control-remove js-remove" title="<%- @Ti('Remote') %>">

View file

@ -8644,7 +8644,6 @@ label + .wizard-buttonList {
.horizontal-filter {
display: flex;
align-items: center;
background: hsl(197,20%,93%);
padding: 7px;
border: 1px solid hsl(198,19%,86%);
@ -8691,10 +8690,22 @@ label + .wizard-buttonList {
.horizontal-filter-body {
display: flex;
align-items: center;
flex-wrap: wrap;
flex: 1;
}
.horizontal-filter-group {
padding: 10px;
background: hsl(109,0%,97%);
border: 1px solid hsl(201,19%,86%);
border-radius: 5px;
margin: 0 5px;
> .form-group:last-child {
margin-bottom: 0;
}
}
.horizontal-filter-value {
flex-shrink: 0;
@ -8838,7 +8849,7 @@ output {
.filter-controls {
display: flex;
align-items: center;
margin-top: 5.5px;
}
.filter-control {