2 ================================================================================
4 ================================================================================
5 Copyright (C) 2017 AT&T Intellectual Property
6 ================================================================================
7 Licensed under the Apache License, Version 2.0 (the "License");
8 you may not use this file except in compliance with the License.
9 You may obtain a copy of the License at
11 http://www.apache.org/licenses/LICENSE-2.0
13 Unless required by applicable law or agreed to in writing, software
14 distributed under the License is distributed on an "AS IS" BASIS,
15 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
16 See the License for the specific language governing permissions and
17 limitations under the License.
18 ================================================================================
20 <div class="kpi-page-main">
21 <!--<button style="float: left; margin-left: 200px; width: 80%" ng-click="gotoKPIState('root.kpidash_ECOMP')">Hello</button> -->
22 <div ng-include="'kpi-dashboard/views/top-level-tabs.html'"></div>
23 <div ng-include="'kpi-dashboard/views/sec-level-tabs.html'"></div>
25 <div class="DCAE_KPI_class">
26 <div style="float: left; margin-left: 200px; width: 80%">
28 <b><font color="6633FF">Open DCAE-2016 Metrics &
29 Measurements</font></b>
32 <div id="dcae_kpi_table_user_stories">
33 <div class="pull-left" style="margin-right: 10px;">
35 <b><font color="purple">User Stories</font></b>
38 <!-- <div class="pull-left"
39 ng-click="updateUserStory(releases,userStories,progressReadinessList,progressReadinessListIndexMap)"
40 style="vertical-align: bottom; font-size: 30px;">
41 <a href="javascript:void(0)" class="ion-edit"></a>
44 <!-- <table att-table table-data="tableData" view-per-page="viewPerPage"
45 current-page="currentPage" search-category="searchCategory"
46 search-string="searchString" total-page="totalPage"> -->
51 <th>User Stories Delivered / In-Progress</th>
52 <th>IST Progress / Readiness</th>
53 <th>ETE Progress / Readiness</th>
54 <th><div style="float: left; vertical-align: bottom;">Key
55 Highlights in Release</div></th>
58 <tbody att-table-row type="body">
59 <tr ng-repeat="userStory in userStories | orderBy:'releaseKey'">
60 <td><b><font color="purple">{{userStory.releaseKey}}</font></b></td>
61 <td>{{userStory.delivered}}/{{userStory.inProgress}}
62 ({{(userStory.delivered/userStory.inProgress*100)|number:0}}%)</td>
64 color={{progressReadinessColorMap[userStory.istprogressReadiness]}}>{{progressReadinessMap[userStory.istprogressReadiness]}}</font></td>
66 color={{progressReadinessColorMap[userStory.e2EProgressReadiness]}}>{{progressReadinessMap[userStory.e2EProgressReadiness]}}</font></td>
67 <td>{{userStory.keyHighlights}}</td>
73 <div id="dcae_kpi_table_lines_of_code">
75 <b><font color="green">Lines of Code</font></b>
77 <!-- <table att-table table-data="tableData" view-per-page="viewPerPage" current-page="currentPage" search-category="searchCategory" search-string="searchString" total-page="totalPage"> -->
79 <thead att-table-row type="header">
82 <th ng-repeat="singleloc in sortedLocArray">
83 {{singleloc.category}}</th>
84 <!-- <th>Delete</th> -->
87 <tbody att-table-row type="body">
89 <td><b><font color="green">{{totalLOC}}</font></b></td>
90 <td ng-repeat="singleloc in sortedLocArray"><b><font
91 color="green">{{singleloc.LOC}}</font></b></td>
92 <!-- <td><div ng-click="" style="font-size:20px;"><a href="javascript:void(0)" class="icon-trash"></a></div></td> -->
98 <div id="dcae_kpi_table_api">
100 <div class="pull-left" style="margin-right: 10px;">
102 <b><font color="66CCFF">API</font></b>
105 <!-- <div class="pull-left"
106 ng-click="updateUserApi(userApiTypes,userApis)"
107 style="vertical-align: bottom; font-size: 30px;">
108 <a href="javascript:void(0)" class="ion-edit"></a>
111 <!-- <h3><b><font color="66CCFF">API</font></b></h3>
112 <div ng-click="updateUserApi(userApiTypes,userApis)" style="float:right;font-size:20px;"><a href="javascript:void(0)" class="icon-edit"></a></div> -->
113 <!-- <table att-table table-data="tableData" view-per-page="viewPerPage" current-page="currentPage" search-category="searchCategory" search-string="searchString" total-page="totalPage"> -->
115 <thead att-table-row type="header">
117 <th ng-repeat="userApi in userApis">{{userApi.apiType}}</th>
120 <tbody att-table-row type="body">
122 <td ng-repeat="userApi in userApis"><b><font
123 color="66CCFF">{{userApi.totalApi}}</font></b></td>
126 <td ng-repeat="userApi in userApis"><font color="black">{{userApi.comment}}</font></td>
132 <div id="dcae_kpi_services_supported">
134 <b><font color="orange">Services Supported</font></b>
136 <!-- <table att-table table-data="tableData" view-per-page="viewPerPage" current-page="currentPage" search-category="searchCategory" search-string="searchString" total-page="totalPage"> -->
138 <thead att-table-row type="header">
140 <!-- <th>Mobility (in 1607)</th>
141 <th>To be Migrated</th> -->
142 <th ng-repeat="kpiService in kpiServiceSupported">{{kpiService.serviceType}}</th>
143 <!-- <th ng-repeat = "userApi in userApis">{{userApi.apiType}} </th> -->
146 <tbody att-table-row type="body">
148 <!-- <td ng-repeat = "userApi in userApis"><b><font color="66CCFF">{{userApi.totalApi}}</font></b></td> -->
149 <td ng-repeat="kpiService in kpiServiceSupported">{{kpiService.totalCount}}</td>
156 <div id="dcae_kpi_dmaap_traffic_stats">
158 <b><font color="purple">DMaaP Traffic Stats</font></b>
161 <font color="purple">DataRouter</font></b>
163 <!-- <table att-table table-data="tableData" view-per-page="viewPerPage" current-page="currentPage" search-category="searchCategory" search-string="searchString" total-page="totalPage"> -->
165 <thead att-table-row type="header">
167 <th ng-repeat="trafficStat in kpiTrafficStats">{{trafficStat.title}}</th>
169 <!-- <th ng-repeat = "userApi in userApis">{{userApi.apiType}} </th> -->
172 <tbody att-table-row type="body">
174 <!-- <td ng-repeat = "userApi in userApis"><b><font color="66CCFF">{{userApi.totalApi}}</font></b></td> -->
175 <td ng-repeat="trafficStat in kpiTrafficStats">{{trafficStat.count}}</td>
181 <div id="dcae_kpi_dmaap_feed_stats">
183 <b><font color="green">DMaaP Feed Stats</font></b>
185 <!-- <table att-table table-data="tableData" view-per-page="viewPerPage" current-page="currentPage" search-category="searchCategory" search-string="searchString" total-page="totalPage"> -->
187 <thead att-table-row type="header">
189 <th ng-repeat="FeedStat in kpiFeedStats">{{FeedStat.title}}</th>
191 <!-- <th ng-repeat = "userApi in userApis">{{userApi.apiType}} </th> -->
194 <tbody att-table-row type="body">
196 <!-- <td ng-repeat = "userApi in userApis"><b><font color="66CCFF">{{userApi.totalApi}}</font></b></td> -->
197 <td ng-repeat="FeedStat in kpiFeedStats">{{FeedStat.count}}</td>