Commit | Line | Data |
---|---|---|
19b53e5b C |
1 | <legend>{{ data.label || data.op + ' group' }}<span class="crm-marker" ng-if="data.required"> *</span></legend> |
2 | <div class="btn-group btn-group-xs" ng-if="data.groupParent"> | |
3 | <button class="btn btn-danger-outline" ng-click="removeGroup()" title="{{ ts('Remove group') }}"> | |
4 | <i class="crm-i fa-trash"></i> | |
5 | </button> | |
6 | </div> | |
7 | <div class="api4-where-group-sortable" ng-model="data.where" ui-sortable="{axis: 'y', connectWith: '.api4-where-group-sortable', containment: '.api4-where-fieldset', over: onSortOver, start: onSort, stop: onSort}"> | |
8 | <div class="api4-input form-inline clearfix" ng-repeat="(index, clause) in data.where"> | |
9 | <div class="api4-clause-badge" title="{{ ts('Drag to reposition') }}"> | |
10 | <span class="badge badge-info"> | |
11 | <span ng-if="!index && !data.groupParent">Where</span> | |
12 | <span ng-if="index || data.groupParent">{{ data.op }}</span> | |
13 | <i class="crm-i fa-arrows"></i> | |
14 | </span> | |
15 | </div> | |
16 | <div ng-if="clause[0] !== 'AND' && clause[0] !== 'OR' && clause[0] !== 'NOT'" class="api4-input-group"> | |
17 | <input class="collapsible-optgroups form-control" ng-model="clause[0]" crm-ui-select="{data: data.fields, allowClear: true, placeholder: 'Field'}" /> | |
18 | <select class="form-control api4-operator" ng-model="clause[1]" ng-options="o for o in operators" ></select> | |
19 | <input class="form-control" ng-model="clause[2]" api4-exp-value="{field: clause[0], op: clause[1]}" /> | |
20 | </div> | |
21 | <fieldset class="clearfix" ng-if="clause[0] === 'AND' || clause[0] === 'OR' || clause[0] === 'NOT'" crm-api4-where-clause="{where: clause[1], op: clause[0], fields: data.fields, operators: data.operators, groupParent: data.where, groupIndex: index}"> | |
22 | </fieldset> | |
23 | </div> | |
24 | </div> | |
25 | <div class="api4-input form-inline"> | |
26 | <div class="api4-clause-badge"> | |
27 | <div class="btn-group btn-group-xs" title="{{ data.groupParent ? ts('Add a subgroup of clauses') : ts('Add a group of clauses') }}"> | |
28 | <button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> | |
29 | {{ data.op }} <span class="caret"></span> | |
30 | </button> | |
31 | <ul class="dropdown-menu api4-add-where-group-menu"> | |
32 | <li ng-repeat="con in conjunctions" ng-if="data.op !== con"> | |
33 | <a href ng-click="addGroup(con)">{{ con }}</a> | |
34 | </li> | |
35 | </ul> | |
36 | </div> | |
37 | </div> | |
38 | <input class="collapsible-optgroups form-control" ng-model="newClause" title="Add a single clause" crm-ui-select="{data: data.fields, placeholder: 'Add clause'}" /> | |
39 | </div> |