added svcapi ui and camunda code

[it/otf.git] / otf-frontend / client / src / app / shared / modules / stat / stat.component.html

diff --git a/otf-frontend/client/src/app/shared/modules/stat/stat.component.html b/otf-frontend/client/src/app/shared/modules/stat/stat.component.html
new file mode 100644 (file)
index 0000000..02cd2ba
--- /dev/null
+++ b/otf-frontend/client/src/app/shared/modules/stat/stat.component.html
@@ -0,0 +1,35 @@
+<!-- Copyright (c) 2019 AT&T Intellectual Property.                            #\r
+#                                                                              #\r
+#   Licensed under the Apache License, Version 2.0 (the "License");            #\r
+#   you may not use this file except in compliance with the License.           #\r
+#   You may obtain a copy of the License at                                    #\r
+#                                                                              #\r
+#       http://www.apache.org/licenses/LICENSE-2.0                             #\r
+#                                                                              #\r
+#   Unless required by applicable law or agreed to in writing, software        #\r
+#   distributed under the License is distributed on an "AS IS" BASIS,          #\r
+#   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.   #\r
+#   See the License for the specific language governing permissions and        #\r
+#   limitations under the License.                                             #\r
+#############################################################################-->\r
+\r
+\r
+<div class="card text-white bg-{{bgClass}}">\r
+    <div class="card-header">\r
+        <div class="row">\r
+            <div class="col col-xs-3">\r
+                <i class="fa {{icon}} fa-5x"></i>\r
+            </div>\r
+            <div class="col col-xs-9 text-right">\r
+                <div class="d-block huge">{{count}}</div>\r
+                <div class="d-block">{{label}}</div>\r
+            </div>\r
+        </div>\r
+    </div>\r
+    <div class="card-footer">\r
+        <span class="float-left">View Details {{data}}</span>\r
+        <a href="javascript:void(0)" class="float-right card-inverse">\r
+            <span ><i class="fa fa-arrow-circle-right"></i></span>\r
+        </a>\r
+    </div>\r
+</div>\r