blob: 7b7af5e3e2718b1384b3b7e6a247041ff146dad8 [file] [log] [blame]
<!--
/**
* 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>