openstack/vitrage-dashboard
Code Issues Proposed changes

show yaml in correct way

Browse Source 
Story: 2004729
Task: 28767

Change-Id: I6213a64cbec3173fe64ff1576aba196dd1cfd3bf
This commit is contained in:
Noor Yameen 2019-01-15 10:30:16 +02:00
parent ecf05d58bc
commit f86f4b093f
1 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
vitrage_dashboard/dashboard/static/dashboard/project/components/template/templateContainer.html
View File

@ -9,7 +9,7 @@
<b>Template: </b> <b>Template: </b>
<span id="template_name">{$ data.metadata.name $}</span> <span id="template_name">{$ data.metadata.name $}</span>
</h2> </h2>
<div ng-hide="yaml_view"> <div ng-show="!yaml_view">
<div class="definition-block" ng-if="data.definitions && data.definitions.entities"> <div class="definition-block" ng-if="data.definitions && data.definitions.entities">
<h3>Entities</h3> <h3>Entities</h3>
<div ng-repeat="entity in data.definitions.entities | orderBy: 'entity.category' track by entity.entity.template_id"> <div ng-repeat="entity in data.definitions.entities | orderBy: 'entity.category' track by entity.entity.template_id">
@ -57,17 +57,16 @@
<li ng-repeat="(property, value) in equ.entity"> <li ng-repeat="(property, value) in equ.entity">
<b>{$ property $}:</b> {$ value $} <b>{$ property $}:</b> {$ value $}
</li> </li>
</ul> </ul>
</div> </div>
</details> </details>
</div> </div>
</div> </li>
</ul> </ul>
<br> <br>
</div> </div>
<div class="definition-block" ng-if="data.scenarios">
<div class="definition-block" ng-if="data.scenarios">
<h3>Scenarios</h3> <h3>Scenarios</h3>
<div ng-repeat="scenario in data.scenarios track by $index"> <div ng-repeat="scenario in data.scenarios track by $index">
<details> <details>
@ -94,10 +93,13 @@
</div> </div>
<br> <br>
</div> </div>
</div> </div>
<div ng-show="yaml_view" class="definition-block"> <div ng-show="yaml_view" class="definition-block">
<pre contentEditable="false"> <pre contentEditable="false">
{$ str_data $} {$ str_data $}
</pre> </pre>
</div> </div>
</div>
</div>