initial seed code commit VVP-9

Change-Id: I4d48180db7eba7cb7c299ab618f04d2092868085
Signed-off-by: Paul McGoldrick <paul.mcgoldrick@att.com>

1 files changed, 184 insertions, 0 deletions

diff --git a/d2ice.att.io/app/directives/progress/progress.less b/d2ice.att.io/app/directives/progress/progress.less
new file mode 100755
index 00000000..c374886a
--- /dev/null
+++ b/d2ice.att.io/app/directives/progress/progress.less
@@ -0,0 +1,184 @@
+//
+// ============LICENSE_START========================================== 
+// org.onap.vvp/portal
+// ===================================================================
+// Copyright © 2017 AT&T Intellectual Property. All rights reserved.
+// ===================================================================
+//
+// Unless otherwise specified, all software contained herein is licensed
+// under the Apache License, Version 2.0 (the “License”);
+// you may not use this software 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.
+//
+//
+//
+// Unless otherwise specified, all documentation contained herein is licensed
+// under the Creative Commons License, Attribution 4.0 Intl. (the “License”);
+// you may not use this documentation except in compliance with the License.
+// You may obtain a copy of the License at
+// 
+//          https:creativecommons.org/licenses/by/4.0/
+//
+// Unless required by applicable law or agreed to in writing, documentation
+// 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.
+//
+// ============LICENSE_END============================================
+// 
+// ECOMP is a trademark and service mark of AT&T Intellectual Property.
+.steps-progress-wrapper {
+    position: relative;
+    border: 1px solid;
+    border-color: @main_color_o;
+    padding: 10px 15px;
+    background-color: @main_color_p;
+
+    .progress-side-info {
+    	padding: 0 10px;
+		margin-top: 4px;
+
+        .value {
+            line-height: 20px;
+            .m_12_r;
+        }
+
+        .progress-side-info-row {
+            .m_12_m;
+            line-height:20px;
+
+            .progress-side-info-first-row {
+                padding-top: 1%;
+            }
+
+            .progress-side-info-last-row {
+                padding-bottom: 1%;
+            }
+        }
+    }
+
+    .progress-body-content {
+		.progress-left-content {
+		        border-right: solid 1px  @main_color_o;
+
+		}
+
+        .progress-version-release {
+            margin-top: 5px;
+            color: @main_color_m
+        }
+
+        .description {
+            .progress-title {
+                .b_20;
+
+                .manual-id {
+                    .b_20_m;
+                }
+
+                .progress-click {
+                	cursor:pointer;
+                }
+
+                .progress-question-mark {
+                    font-size: 20px;
+                    color: @main_color_r;
+                    display: inline-block;
+                    margin-left: 1px;
+                    cursor: pointer;
+                    position: relative;
+                    top: 1px;
+                }
+
+                .star-engagement-action {
+                    display: inline-block;
+                    cursor: pointer;
+                    position: relative;
+                    margin-right: 5px;
+                }
+            }
+
+            .progress-edit-days-left {
+                float: right;
+                position: relative;
+                margin-right: 1%;
+
+                .steps-progress-days-left {
+                    .m_14_m;
+                    vertical-align: bottom;
+                }
+
+                .edit {
+                    .sprite;
+                    .sprite.edit-medium;
+                    display: inline-block;
+                    cursor: pointer;
+                    position:relative;
+                    top:3px;
+                }
+            }
+        }
+
+        .steps-progress-bar {
+            display: flex;
+            flex-direction: row;
+            justify-content: space-between;
+            overflow: hidden;
+            border: solid 1px @main_color_o;
+            height: 30px;
+
+            .progress-filled {
+                background-color: red;
+                /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1672a4+0,c2e1f2+100 */
+                background: @gradient_left; /* Old browsers */
+                background: -moz-linear-gradient(left, @gradient_left 0%, @gradient_right 100%); /* FF3.6-15 */
+                background: -webkit-linear-gradient(left, @gradient_left 0%, @gradient_right 100%); /* Chrome10-25,Safari5.1-6 */
+                background: linear-gradient(to right, @gradient_left 0%, @gradient_right 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
+                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=@gradient_left, endColorstr=@gradient_right, GradientType=1); /* IE6-9 */
+                border-right: solid 1px @main_color_o;
+            }
+
+            .progress-empty {
+                position: relative;
+
+                &.right {
+                    .percents {
+                        left: 10px;
+                    }
+                    .edit {
+                        left: 50px;
+                    }
+                }
+
+                .edit {
+                    font-size: 21px;
+                    color: @main_color_r;
+                    display: inline-block;
+                    position: absolute;
+                    top: 5px;
+                    left: -25px;
+                    cursor: pointer;
+                }
+
+                .percents {
+                    position: absolute;
+                    top: 4px;
+                    left: -60px;
+                }
+
+                &.full {
+               		 .percents { left: -70px; }
+          		}
+            }
+        }
+    }
+}