Merge pull request #189 from poornimamohan/master

Changes to the Footer content
project-flogo · Oct 6, 2016 · 06e4d9c · 06e4d9c
2 parents f57c01c + 4e9ec09
commit 06e4d9c
Show file tree

Hide file tree

Showing 2 changed files with 70 additions and 2 deletions.
diff --git a/src/client/app/flogo.flows/components/flows.component.less b/src/client/app/flogo.flows/components/flows.component.less
@@ -3,6 +3,7 @@
   flex: auto;
   margin:0 auto;
   width:100%;
+  position: relative;
 }
 
 @card-bg-color: #ffffff;
@@ -26,6 +27,7 @@
 .flogo-flows-container{
   background: #eeeded;
   width: 100%;
+  margin-bottom: 60px;
 }
 
 flogo-flows-import:hover{
@@ -247,6 +249,61 @@ flogo-flows-import:hover{
   height: 200px;
 }
 
+.flogo-flows-footerContainer{
+  width: 100%;
+  height:60px;
+  border:1px solid #b6b6b6;
+  position: absolute;
+  bottom:0px;
+  padding:0px 70px;
+  background: #eeeded;
+}
+
+.flogo-flows-footerText{
+  height:20px;
+  padding:3px 0px;
+}
+
+.flogo-flows-copyright{
+  width: 550.5px;
+  height: 20px;
+  font-family: "Source Sans Pro";
+  font-size: 14px;
+  font-weight: normal;
+  font-style: normal;
+  font-stretch: normal;
+  line-height: 1.43;
+  letter-spacing: 0.8px;
+  color: #727272;
+  display: inline-block;
+}
+
+.flogo-flows-privacyText{
+  font-family: "Source Sans Pro";
+  font-size: 14px;
+  font-weight: normal;
+  font-style: normal;
+  font-stretch: normal;
+  line-height: 1.43;
+  letter-spacing: 0.8px;
+  text-align: right;
+  color: #727272;
+  border-right:1px solid #727272;
+  text-decoration: none;
+  cursor: pointer;
+  padding:2px 17px;
+}
+
+.flogo-flows-footerPrivacy{
+  float:right;
+  width:422px;
+  height: 20px;
+  margin:10px 0px;
+  padding:2px 0px;
+}
+
+
+
 /*
 .flogo-calc-cards-container-width(1);
 .flogo-calc-cards-container-width(2);

diff --git a/src/client/app/flogo.flows/components/flows.tpl.html b/src/client/app/flogo.flows/components/flows.tpl.html
@@ -4,7 +4,7 @@
         <div class="flogo-welcome-msg">
             <p class="flogo-welcomeMsg-header">Welcome back</p>
             <p class="flogo-welcomeMsg-description">We have got some new instructional videos you can check out that can help you&#46;</p>
-            <a href="#" target="_blank"><img src="/assets/svg/flogo.video.icon.svg"> Featured Video tutorial</a>
+            <a href="http://www.youtube.com" target="_blank"><img src="/assets/svg/flogo.video.icon.svg"> Featured Video tutorial</a>
         </div>
         <div class="flogo-mascot">
             <img src="/assets/svg/flogo-flynn.png" class="flogo-flows-mascotImg">
@@ -40,4 +40,15 @@ <h3 class="flogo-flows-container-title">My Flows</h3>
             </li>
         </ul>
     </div>
-</div>
+
+</div>
+<footer class="flogo-flows-footerContainer">
+        <div class="flogo-flows-footerText">
+            <p class="flogo-flows-copyright">Copyright &copy; 2016 TIBCO Software Inc. All rights reserved.</p>
+            <div class="flogo-flows-footerPrivacy">
+                <a href="http://www.tibco.com/company/privacy-cma" target="_new" class="flogo-flows-privacyText">Privacy Policy</a>
+                <a href="http://www.tibco.com/company/termsofuse" target="_new" class="flogo-flows-privacyText">Terms of Use</a>
+                <a href="http://www.tibco.com/trademarks" target="_new" class="flogo-flows-privacyText">Trademarks</a>
+            </div>
+        </div>
+    </footer>