Packet Stats Application with GUI Component
Change-Id: Iee1e94e77d55acb4381481dbf4c23927f7cece5a
diff --git a/apps/packet-stats/src/main/resources/app/view/sampleCustom/sampleCustom.css b/apps/packet-stats/src/main/resources/app/view/sampleCustom/sampleCustom.css
new file mode 100644
index 0000000..84f9685
--- /dev/null
+++ b/apps/packet-stats/src/main/resources/app/view/sampleCustom/sampleCustom.css
@@ -0,0 +1,116 @@
+/* css for sample app custom view */
+
+#ov-sample-custom {
+ padding: 20px;
+}
+.light #ov-sample-custom {
+ color: navy;
+}
+.dark #ov-sample-custom {
+ color: #88f;
+}
+
+#ov-sample-custom .button-panel {
+ margin: 10px;
+ width: 200px;
+}
+
+.light #ov-sample-custom .button-panel {
+ background-color: #ccf;
+}
+.dark #ov-sample-custom .button-panel {
+ background-color: #444;
+}
+
+#ov-sample-custom .my-button {
+ cursor: pointer;
+ padding: 4px;
+ text-align: center;
+}
+
+.light #ov-sample-custom .my-button {
+ color: white;
+ background-color: #8b8386;
+}
+.dark #ov-sample-custom .my-button {
+ color: black;
+ background-color: #aaa;
+}
+
+#ov-sample-custom .number {
+ font-size: 140%;
+ text-align: right;
+}
+
+#ov-sample-custom .quote {
+ margin: 10px 20px;
+ font-style: italic;
+}
+
+.bar rect {
+ fill: steelblue;
+}
+
+.bar text {;
+ font: 15px sans-serif;
+}
+
+
+.chart div {
+ font: 10px sans-serif;
+ background-color: steelblue;
+ text-align: right;
+ padding: 3px;
+ margin: 1px;
+ color: white;
+}
+ body {
+ width: 1450px;
+ height: 500px;
+ position: relative;
+ background-color:#DFE5EA;
+ }
+
+ svg {
+ width: 100%;
+ height: 100%;
+ position: center;
+ }
+
+ .toolTip {
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+ position: absolute;
+ display: none;
+ width: auto;
+ height: auto;
+ background: none repeat scroll 0 0 white;
+ border: 0 none;
+ border-radius: 8px 8px 8px 8px;
+ box-shadow: -3px 3px 15px #888888;
+ color: black;
+ font: 12px sans-serif;
+ padding: 5px;
+ text-align: center;
+ }
+
+ text {
+ font: 17px sans-serif;
+ }
+ text.value {
+ font-size: 150%;
+ fill: white;
+ }
+
+ .axisHorizontal path{
+ fill: none;
+ }
+
+ .axisHorizontal .tick line {
+ stroke-width: 1;
+ stroke: rgba(0, 0, 0, 0.2);
+ }
+
+ .bar {
+ fill: steelblue;
+ fill-opacity: .9;
+ }
\ No newline at end of file