diff options
Diffstat (limited to 'plugins/SegmentEditor/angularjs/segment-generator/segmentgenerator.directive.html')
-rw-r--r-- | plugins/SegmentEditor/angularjs/segment-generator/segmentgenerator.directive.html | 61 |
1 files changed, 61 insertions, 0 deletions
diff --git a/plugins/SegmentEditor/angularjs/segment-generator/segmentgenerator.directive.html b/plugins/SegmentEditor/angularjs/segment-generator/segmentgenerator.directive.html new file mode 100644 index 0000000000..9fd8ab548f --- /dev/null +++ b/plugins/SegmentEditor/angularjs/segment-generator/segmentgenerator.directive.html @@ -0,0 +1,61 @@ +<div class="segment-generator"> + <div piwik-activity-indicator loading="segmentGenerator.model.isLoading"></div> + + <div ng-repeat="(conditionIndex,condition) in segmentGenerator.conditions" class="segmentRow{{conditionIndex}}"> + <div class="segment-rows"> + <div ng-repeat="orCondition in condition.orConditions" class="orCondId{{ orCondition.id }}"> + <div class="segment-row"> + <a ng-click="segmentGenerator.removeOrCondition(condition, orCondition)" class="segment-close"></a> + <a href="#" class="segment-loading" ng-show="orCondition.isLoading"></a> + <div class="segment-row-inputs valign-wrapper"> + <div class="segment-input metricListBlock valign-wrapper"> + <div piwik-field uicontrol="expandable-select" name="segments" + title="{{ segmentGenerator.segments[orCondition.segment].name }}" + full-width="true" + style="width: 100%;" + ng-change="segmentGenerator.updateAutocomplete(orCondition)" + ng-model="orCondition.segment" + options="segmentGenerator.segmentList"> + </div> + </div> + <div class="segment-input metricMatchBlock valign-wrapper"> + <div piwik-field uicontrol="select" name="matches" + style="display: inline-block" + full-width="true" + ng-change="segmentGenerator.updateSegmentDefinition()" + ng-model="orCondition.matches" + options="segmentGenerator.matches[segmentGenerator.segments[orCondition.segment].type]"> + </div> + </div> + <div class="segment-input metricValueBlock valign-wrapper"> + <div class="form-group row" style="width: 100%;"> + <div class="input-field col s12"> + <span role="status" aria-live="polite" class="ui-helper-hidden-accessible"></span> + <input ng-model="orCondition.value" placeholder="Value" + ng-change="segmentGenerator.updateSegmentDefinition()" + type="text" class="autocomplete" title="Value" autocomplete="off"> + </div> + </div> + </div> + <div class="clear"></div> + </div> + </div> + + <div class="segment-or">{{ 'SegmentEditor_OperatorOR'|translate }}</div> + </div> + + <div class="segment-add-or" ng-click="segmentGenerator.addNewOrCondition(condition)"> + <div> + <a ng-bind-html="'+' + ('SegmentEditor_AddANDorORCondition'|translate:'<span>' + ('SegmentEditor_OperatorOR'|translate) + '</span>')"></a> + </div> + </div> + </div> + <div class="segment-and">{{ 'SegmentEditor_OperatorAND'|translate }}</div> + </div> + + <div class="segment-add-row initial" ng-click="segmentGenerator.addNewAndCondition()"> + <div> + <a ng-bind-html="'+' + ('SegmentEditor_AddANDorORCondition'|translate:'<span>' + segmentGenerator.andConditionLabel + '</span>')"></a> + </div> + </div> +</div> |