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>
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>
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]}" />
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}">
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>
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>
38 <input class=
"collapsible-optgroups form-control" ng-model=
"newClause" title=
"Add a single clause" crm-ui-select=
"{data: data.fields, placeholder: 'Add clause'}" />