--- /dev/null
+<!--
+Copyright (c) 2019 AT&T Intellectual Property. All rights reserved.
+
+Licensed 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 id="page-content" class="content" style="padding: 25px;">
+ <style>
+ul.ul-layer {
+ list-style: none;
+ padding-left: 0;
+ margin-top: 25px;
+}
+
+li.li-layer {
+ border: 1px solid black;
+ display: inline-block;
+ padding: 5px 10px;
+ margin-right: 5px;
+ margin-bottom: 5px;
+ text-transform: capitalize;
+}
+</style>
+ <div>
+ <h1 class="heading-page">Get Blueprint Instances</h1>
+
+ <div ng-show="loadingBlueprintInstances">
+ <img src=" static/fusion/images/giphy.gif" />
+ </div>
+
+ <h2 class="heading-small"></h2>
+ <table class="table table-striped table-bordered">
+ <thead>
+ <tr style="background-color: grey;">
+ <th class>Id </th>
+ <th class>Version </th>
+ <th class>Blueprint </th>
+ <th class>Layer(s) </th>
+ <th class>Timeslot(s) </th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr class="border_bottom"
+ ng-repeat="blueprintInstanceInfo in blueprintInstanceInfos">
+ <td class
+ style="padding-left: 10px; font-size: 15px; width: 13%;">
+ {{ blueprintInstanceInfo.blueprintInstanceId }}</td>
+ <td class
+ style="padding-left: 10px; font-size: 15px; width: 13%;">
+ {{ blueprintInstanceInfo.version }}</td>
+ <td class
+ style="padding-left: 10px; font-size: 15px; width: 13%;">
+ {{ blueprintInstanceInfo.blueprint.blueprintName
+ }}</td>
+ <td class
+ style="padding-left: 10px; font-size: 15px; width: 13%;">
+ <ul class="ul-layer">
+ <li
+ ng-repeat="layer in blueprintInstanceInfo.blueprintLayers"
+ class="li-layer">{{layer.layer}}</li>
+ </ul>
+ </td>
+ <td class
+ style="padding-left: 10px; font-size: 15px; width: 13%;">
+ <ul class="ul-layer">
+ <li
+ ng-repeat="timeslot in blueprintInstanceInfo.timeslots"
+ class="li-layer">Lab:
+ {{timeslot.labInfo.lab}}, Start Date and
+ Time: {{timeslot.startDateTime}}</li>
+ </ul>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+
+
+ </div>
+</div>