| <!-- |
| /** |
| * Licensed to the Apache Software Foundation (ASF) under one |
| * or more contributor license agreements. See the NOTICE file |
| * distributed with this work for additional information |
| * regarding copyright ownership. The ASF licenses this file |
| * to you under the Apache License, Version 2.0 (the |
| * "License"); you may not use this file except in compliance |
| * with the License. You may obtain a copy of the License at |
| * |
| * http://www.apache.org/licenses/LICENSE-2.0 |
| * |
| * Unless required by applicable law or agreed to in writing, software |
| * distributed under the License is distributed on an "AS IS" BASIS, |
| * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| * See the License for the specific language governing permissions and |
| * limitations under the License. |
| */ |
| --> |
| <div class="clusterForm"> |
| <div class="col-xs-22"> |
| <div class="preview pullOver"> |
| <button id="previewXMLBtn" type="button" class="btn btn-default btn-md pull-right nextBtn" |
| ng-disabled="invalidXml && xmlPreview.edit" ng-click="toggleclick()" >Preview XML</button> |
| </div> |
| <br/> |
| <div class="formBoxContainer detailsBox"> |
| <div class="row clusterProgressBox" ng-class="{summary:secondStep===true}"> |
| <div class="progressBar col-xs-24"> |
| <div class="text-center" ng-class="{ |
| active:isActive('forms.cluster.general'), |
| completed:isCompleted('forms.cluster.general')}">General</div> |
| <div class="text-center" ng-class="{ |
| active:isActive('forms.cluster.summary'), |
| completed:isCompleted('forms.cluster.summary')}">Summary</div> |
| </div> |
| </div> |
| <div class="row customContainer"> |
| <div class="col-xs-offset-1 col-xs-22"> |
| <div class="col-xs-24"> |
| <label class="title"><span class="entypo archive icon-lg entypo-align-sub"></span> NEW CLUSTER</label> |
| </div> |
| <div ui-view></div> |
| </div> |
| </div> |
| </div> |
| |
| <div class="hide xmlPreviewContainer detailsBox" > |
| <div class="row dt"> |
| <div class="col-xs-24 pt15px"> |
| <div class="col-xs-13 noSpecial"> |
| <h5>XML Preview</h5> |
| <label style="margin-top: -10px;margin-bottom: -2px;" ng-if="invalidXml" class="custom-danger">Invalid Xml</label> |
| </div> |
| |
| <div class="pull-right"> |
| <button type="button" |
| id="cluster.editXML" |
| class="btn btn-default btn-xs" |
| ng-click="xmlPreview.editXML()" |
| ng-class="{'btn-warning':xmlPreview.edit}" |
| ng-disabled="invalidXml"> |
| <div ng-if="!xmlPreview.edit">Edit XML</div> |
| <div ng-if="xmlPreview.edit">Finish</div> |
| </button> |
| |
| <button type="button" |
| id="revertXMLBtn" |
| class="btn btn-default btn-xs" |
| ng-if="invalidXml" |
| ng-click="revertXml()"> |
| <div>Revert</div> |
| </button> |
| </div> |
| </div> |
| <div class="col-xs-24 showValidationStyle"> |
| <textarea ng-model="prettyXml" |
| elastic |
| class="form-control" |
| ng-disabled="!xmlPreview.edit" |
| ng-class="{fakeInvalid:invalidXml}"> |
| </textarea> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |