Query Name

Select

</div>
                </div>
                <div class="row">
                    <label>Select the fields you wish to display</label>
                    <ul dnd-list="vm.selectFields" style="list-style-type: none; max-height:300px; overflow-y:scroll">
                        <li ng-repeat="item in vm.selectFields"
                            dnd-effect-allowed="move"
                            dnd-moved="vm.moveSelectFields($index)"
                            dnd-dragstart="vm.dragStart()"
                            dnd-dragend="vm.dragEnd()"
                            dnd-draggable="item">

<form class="form-inline">
                                <div dnd-handle title="Click and drag to change the order of the selection" style="width:30px" class="checkbox">:::</div>
                                <dnd-nodrag title="Click and drag to change the order of the selection">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" ng-click="vm.checkField(item,'select')" ng-model="item.checked">
                                        </label>
                                    </div>
                                    <div class="form-group">
                                        <input type="text" class="form-control metadata-input" ng-model="item.alias" placeholder="alias" />
                                    </div>
                                </dnd-nodrag>
                            </form>
                        </li>
                    </ul>
                </div>
                <div class="row">
                    <button class="btn btn-primary btn-admin pull-right" ng-disabled="vm.dataQuery.selectClause == null || vm.dataQuery.selectClause == ''" wz-next>Continue</button>
                </div>
            </wz-step>
            
            <wz-step wz-title="Group By" wz-disabled="{{vm.dataQuery.hasGroupBy === false}}">
                <div class="row">
                    <form>
                        <div class="form-group">
                            <label for="txtHaving">Group By Clause</label>
                            <textarea id="txtHaving" class="form-control metadata-input" ng-model="vm.dataQuery.groupByClause" placeholder="Group by" rows="3" />
                        </div>
                    </form>
                    <div>
                        <ul dnd-list="vm.groupByFields" style="list-style-type: none;">
                            <li ng-repeat="item in vm.groupByFields"
                                dnd-effect-allowed="move"
                                dnd-moved="vm.moveGroupFields($index)"
                                dnd-draggable="item">
                                <dnd-nodrag title="Click and drag to change the order of the selection">

</li>
                        </ul>

</div>
                </div>
                <div class="row">

<button class="btn btn-primary btn-admin pull-right" wz-next>Continue</button>
                </div>

</wz-step>
            
            <wz-step wz-title="Order By" wz-disabled="{{vm.dataQuery.hasOrderBy === false}}">
                <div class="row">
                    <form>
                        <div class="form-group" ng-show="vm.dataQuery.queryType.lookupName == 'query'">
                            <label for="txtHaving">Order By Clause</label>
                            <textarea id="txtHaving" class="form-control metadata-input" ng-model="vm.dataQuery.orderByClause" placeholder="Order by" rows="3" />
                        </div>
                    </form>
                    <div>
                        <ul dnd-list="vm.orderByFields" style="list-style-type: none;">
                            <li ng-repeat="item in vm.orderByFields"
                                dnd-effect-allowed="move"
                                dnd-moved="vm.moveOrderFields($index)"
                                dnd-draggable="item">
                                <dnd-nodrag title="Click and drag to change the order of the selection">

</li>
                        </ul>

</div>
                </div>
                <div class="row">
                    <button class="btn btn-primary btn-admin pull-right" wz-next>Continue</button>
                </div>

</wz-step>
            
            <wz-step wz-title="Review" wz-disabled="{{vm.dataQuery.queryType.lookupName !== 'query'}}">
                <div class="row">
                    <form class="form">
                        <textarea rows="7" ng-model="vm.query" class="form-control metadata-input">

Feature Query