Commit 72fee44b by Venkatesh Seetharam

BUG-32628 UI Packaging and refactoring. Contributed by Venkatesh Seetharam

parent 14ea1098
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
/*! /*!
* Start Bootstrap - Heroic Features HTML Template (http://startbootstrap.com) * Start Bootstrap - Heroic Features HTML Template (http://startbootstrap.com)
* Code licensed under the Apache License v2.0. * Code licensed under the Apache License v2.0.
* For details, see http://www.apache.org/licenses/LICENSE-2.0. * For details, see http://www.apache.org/licenses/LICENSE-2.0.
*/ */
body { body {
padding-top: 70px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */ padding-top: 70px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
} }
.hero-spacer { .hero-spacer {
margin-top: 50px; margin-top: 50px;
} }
.hero-feature { .hero-feature {
margin-bottom: 30px; margin-bottom: 30px;
} }
footer { footer {
margin: 50px 0; margin: 50px 0;
} }
\ No newline at end of file
.bg-top2{ .bg-top2{
background: #eeeded; /* for non-css3 browsers */ background: #eeeded; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeded', endColorstr='#e5e5e4'); /* for IE */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeded', endColorstr='#e5e5e4'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#eeeded), to(#e5e5e4)); /* for webkit browsers */ background: -webkit-gradient(linear, left top, left bottom, from(#eeeded), to(#e5e5e4)); /* for webkit browsers */
background: -moz-linear-gradient(top, #eeeded, #e5e5e4); /* for firefox 3.6+ */ background: -moz-linear-gradient(top, #eeeded, #e5e5e4); /* for firefox 3.6+ */
width:100%; width:100%;
border-bottom:solid 1px #d9d9d8; border-bottom:solid 1px #d9d9d8;
margin-bottom:20px; margin-bottom:20px;
} }
.bg-top{ .bg-top{
background: #fafafa; /* for non-css3 browsers */ background: #fafafa; /* for non-css3 browsers */
border-bottom:solid 4px #5cbb5a; border-bottom:solid 4px #5cbb5a;
} }
.bg-bottom{ .bg-bottom{
background: #fafafa; /* for non-css3 browsers */ background: #fafafa; /* for non-css3 browsers */
border-top:solid 4px #5cbb5a; border-top:solid 4px #5cbb5a;
} }
.txt2{ .txt2{
color:#333333; color:#333333;
margin:10px; margin:10px;
} }
.table-border{ .table-border{
border:solid 2px #d9d9d8;; border:solid 2px #d9d9d8;;
margin-left:30px; margin-left:30px;
background-color:#edecec; background-color:#edecec;
} }
.search_table{ .search_table{
border-top:solid 2px #5cbb5a;; border-top:solid 2px #5cbb5a;;
border-left:solid 2px #5cbb5a;; border-left:solid 2px #5cbb5a;;
border-bottom:solid 2px #5cbb5a;; border-bottom:solid 2px #5cbb5a;;
background-color:#f4f4f4; background-color:#f4f4f4;
color:#333333; color:#333333;
} }
.serach_btn{ .serach_btn{
border:solid 1px #686867;; border:solid 1px #686867;;
} }
.txt1{ .txt1{
color:#5cbb5a; color:#5cbb5a;
font-size:23px; font-size:23px;
} }
.hrbg{ .hrbg{
background-color:#686867; background-color:#686867;
border:solid 1px #686867; border:solid 1px #686867;
} }
/* unvisited link */ /* unvisited link */
.searchbtn a:link { .searchbtn a:link {
background-color: #bdbdbd; background-color: #bdbdbd;
} }
/* visited link */ /* visited link */
.searchbtn a:visited { .searchbtn a:visited {
background-color: #bdbdbd; background-color: #bdbdbd;
} }
/* mouse over link */ /* mouse over link */
.searchbtn a:hover { .searchbtn a:hover {
background-color: #6abd45; background-color: #6abd45;
} }
/* selected link */ /* selected link */
.searchbtn a:active { .searchbtn a:active {
background-color: #bdbdbd; background-color: #bdbdbd;
} }
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content=""> <meta name="description" content="">
<meta name="author" content=""> <meta name="author" content="">
<link rel="icon" href=""> <link rel="icon" href="">
<title>DGI | aetna</title> <title>DGI | aetna</title>
<!-- Bootstrap core CSS --> <!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template --> <!-- Custom styles for this template -->
<link href="css/sticky-footer-navbar.css" rel="stylesheet"> <link href="css/sticky-footer-navbar.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet"> <link href="css/style.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]> <!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]--> <![endif]-->
</head> </head>
<body> <body>
<!-- Fixed navbar --> <!-- Fixed navbar -->
<nav class="navbar navbar-default navbar-fixed-top bg-top"> <nav class="navbar navbar-default navbar-fixed-top bg-top">
<div class="container" > <div class="container" >
<div class="row"> <div class="row">
<a href="index.html"> <h4 style="color:#333333; padding-left:15px; padding-top:5px"> <img src="img/logo-sm.png"></h4> </a> <a href="index.html"> <h4 style="color:#333333; padding-left:15px; padding-top:5px"> <img src="img/logo-sm.png"></h4> </a>
</div> </div>
</nav> </nav>
<!-- Begin page content --> <!-- Begin page content -->
<a href="Search.html"> <a href="Search.html">
<div style="margin-top:40px; width:100%" align="center" > <div style="margin-top:40px; width:100%" align="center" >
<img src="img/splash2.png" class="img-responsive"> <img src="img/splash2.png" class="img-responsive">
</div></div> </div></div>
<!--footer--> <!--footer-->
</a> </a>
<footer class="footer bg-bottom"> <footer class="footer bg-bottom">
<div class="container"> <div class="container">
<p class="txt2" align="right">Powered by<img src="img/HWLOGO-g.png"></p> <p class="txt2" align="right">Powered by<img src="img/HWLOGO-g.png"></p>
</div> </div>
</footer> </footer>
<!-- Bootstrap core JavaScript <!-- Bootstrap core JavaScript
================================================== --> ================================================== -->
<!-- Placed at the end of the document so the pages load faster --> <!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script> <script src="js/bootstrap.min.js"></script>
</body> </body>
</html> </html>
<div class="container" ng-controller="LineageController"> <div class="container" ng-controller="LineageController">
<div class="lineage"></div> <div class="lineage"></div>
<svg ng-attr-width="{{width}}" <svg ng-attr-width="{{width}}"
ng-attr-height="{{height}}"> ng-attr-height="{{height}}">
</svg> </svg>
</div> </div>
<!-- Page Content --> <!-- Page Content -->
<div style="margin-top:-20px;padding-top:20px; background-color:#eeeded;padding-bottom:10px;border-bottom:solid 1px #d9d9d8;"> <div style="margin-top:-20px;padding-top:20px; background-color:#eeeded;padding-bottom:10px;border-bottom:solid 1px #d9d9d8;">
<form name=form" class="container"> <form name=form" class="container">
<div class="col-lg-7"> <div class="col-lg-7">
<div class="row input-group"> <div class="row input-group">
<input type="text" ng-model="query" ng-keyup="$event.keyCode == 13 && executeSearch()" class="form-control search_table" placeholder="Search"> <input type="text" ng-model="query" ng-keyup="$event.keyCode == 13 && executeSearch()" class="form-control search_table" placeholder="Search">
<span class="input-group-btn"> <span class="input-group-btn">
<button class="btn btn-success" ng-click="executeSearch()" type="submit"><i class="glyphicon glyphicon-search white "></i></button> <button class="btn btn-success" ng-click="executeSearch()" type="submit"><i class="glyphicon glyphicon-search white "></i></button>
</span> </span>
</div> </div>
<div class="row"> <div class="row">
<small style="color:#999999; margin-top:2px;">property=HiveLineage.executionEngine&text=tez</small><br/> <small style="color:#999999; margin-top:2px;">property=HiveLineage.executionEngine&text=tez</small><br/>
<small style="color:#999999; margin-top:2px;">property=type&text=HiveLineage</small><br/> <small style="color:#999999; margin-top:2px;">property=type&text=HiveLineage</small><br/>
<small style="color:#999999; margin-top:2px;">property=type&text=hive_table</small> <small style="color:#999999; margin-top:2px;">property=type&text=hive_table</small>
</div> </div>
</div> </div>
</form> </form>
</div> </div>
<div class="container" style="min-height:330px;"> <div class="container" style="min-height:330px;">
<div class="row"> <div class="row">
<div class="col-lg-11"> <div class="col-lg-11">
<div ng-hide="iswiki"> <div ng-hide="iswiki">
<input type="hidden" ng-model="iserror"> <input type="hidden" ng-model="iserror">
<h4 class="txt1" ng-hide="!matchingResults">{{matchingResults}} results matching your query "{{SearchQuery}}" were found"</h4> <h4 class="txt1" ng-hide="!matchingResults">{{matchingResults}} results matching your query "{{SearchQuery}}" were found"</h4>
<ul class="list-unstyled"> <ul class="list-unstyled">
<li ng-hide="iserror" class="sm-txt1" ng-repeat="entity in entities"><u><a href="#Search/{{entity.guid}}" ng-click="StoreJson(entity)" style="line-height: 2.5;">{{ entity.guid}}</a></u> <li ng-hide="iserror" class="sm-txt1" ng-repeat="entity in entities"><u><a href="#Search/{{entity.guid}}" ng-click="StoreJson(entity)" style="line-height: 2.5;">{{ entity.guid}}</a></u>
</li> </li>
<li ng-show="iserror" class="sm-txt1"></li> <li ng-show="iserror" class="sm-txt1"></li>
</ul> </ul>
</ul> </ul>
</div> </div>
<div ng-show="iswiki" data-ng-include="selectedDefination.path"></div> <div ng-show="iswiki" data-ng-include="selectedDefination.path"></div>
</div> </div>
</div> </div>
</div> </div>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment