Skip to content
Snippets Groups Projects
Commit c1e10857 authored by Mathis Neumann's avatar Mathis Neumann
Browse files

include changes for presentation

parent 1c873c82
No related branches found
No related tags found
No related merge requests found
......@@ -20,7 +20,7 @@ node { /* all nodes */
width: 100px;
height: 60px;
text-wrap: wrap;
text-max-width: 90px;
text-max-width: 100px;
}
$node > node { /* compounds. "Nodes" in meta model. $ selects the parent node that has a node instead of the node (as css would) */
......
......@@ -42,7 +42,7 @@ Model.reopenClass({
"systemId":"system123",
"hostname":"host4",
"ip":"10.0.0.2",
"name":"Database",
"name":"Data Center 1",
"nodeGroupId":"test-system123-nodeGroup-1"
},
{
......
......@@ -38,7 +38,7 @@ Model.reopenClass({
"lastUpdate":"2016-06-20T12:46:29.818+02:00",
"revisionNumber":0,
"systemId":"system123",
"name":"PostgreSQL",
"name":"Database",
"nodeId":"test-system123-node-4",
"serviceId":"test-system123-service-6"
},
......@@ -49,7 +49,7 @@ Model.reopenClass({
"lastUpdate":"2016-06-20T12:46:29.818+02:00",
"revisionNumber":0,
"systemId":"system123",
"name":"FrontEnd",
"name":"Frontend",
"nodeId":"test-system123-node-1",
"serviceId":"test-system123-service-1"
},
......
......@@ -14,11 +14,21 @@ $resizingAnimationDuration: .5s; // see deployments/detail route for property
transition: width $resizingAnimationDuration;
}
.extendedSidebar {
.minimizeSidebar {
visibility: hidden;
}
.extendedSidebar { // TODO: not set by route?
.visualisationContainer {
@extend .col-md-6
@extend .col-md-8
}
.visualisationSidebar {
@extend .col-md-6
@extend .col-md-4
}
.minimizeSidebar {
visibility: visible;
}
}
.renderingSettings {
margin-top: 20px;
}
......@@ -3,6 +3,15 @@
{{architecture-visualisation-cytoscape graph=graph layoutAlgorithm=layoutAlgorithm theme=theme select=(route-action 'loadDetails')}}
</div>
<div class="visualisationSidebar">
<button class="btn btn-default minimizeSidebar">
<i class="glyphicon glyphicon-chevron-right"></i>
</button>
{{!-- this component can be used as a block, show content --}}
{{yield}}
<div class="renderingSettings">
<div class="form-group">
<label for="layoutAlgorithm">Layout:</label>
<select class="form-control" id="layoutAlgorithm" onchange={{action "selectLayoutAlgorithm" value="target.value"}}>
......@@ -19,9 +28,7 @@
{{/each}}
</select>
</div>
{{!-- this component can be used as a block, show content --}}
{{yield}}
</div>
</div>
</div>
......@@ -3,5 +3,5 @@
{{#if model.timeSeries}}
{{time-series timeSeries=model.timeSeries}}
{{else}}
No plot data available
No time series
{{/if}}
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment