You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@climate.apache.org by sk...@apache.org on 2013/08/22 19:23:42 UTC

svn commit: r1516521 - in /incubator/climate/trunk/rcmet/src/main/ui/app: css/app.css index.html

Author: skhudiky
Date: Thu Aug 22 17:23:42 2013
New Revision: 1516521

URL: http://svn.apache.org/r1516521
Log:
CLIMATE-247: add divs to make the AngularJS UI easily skinnable 

Modified:
    incubator/climate/trunk/rcmet/src/main/ui/app/css/app.css
    incubator/climate/trunk/rcmet/src/main/ui/app/index.html

Modified: incubator/climate/trunk/rcmet/src/main/ui/app/css/app.css
URL: http://svn.apache.org/viewvc/incubator/climate/trunk/rcmet/src/main/ui/app/css/app.css?rev=1516521&r1=1516520&r2=1516521&view=diff
==============================================================================
--- incubator/climate/trunk/rcmet/src/main/ui/app/css/app.css (original)
+++ incubator/climate/trunk/rcmet/src/main/ui/app/css/app.css Thu Aug 22 17:23:42 2013
@@ -16,6 +16,26 @@
  * specific language governing permissions and limitations
  * under the License.
 **/
+  
+body {
+}
+
+#header-img {
+}
+
+#header-title {
+}
+
+#OCW-powered {
+	
+}
+
+#main-container {
+	margin-top:80px;
+	min-height:400px;
+	height:auto !important;
+	height:400px; 
+}
 
 #datasetDiv
 {

Modified: incubator/climate/trunk/rcmet/src/main/ui/app/index.html
URL: http://svn.apache.org/viewvc/incubator/climate/trunk/rcmet/src/main/ui/app/index.html?rev=1516521&r1=1516520&r2=1516521&view=diff
==============================================================================
--- incubator/climate/trunk/rcmet/src/main/ui/app/index.html (original)
+++ incubator/climate/trunk/rcmet/src/main/ui/app/index.html Thu Aug 22 17:23:42 2013
@@ -36,14 +36,18 @@
 </head>
 <body ng-cloak>
 
-<div class="container-fluid">
+<div class="container">
   <div class="row-fluid">
     <div class="span12">
 	    <!-- Title -->
 	    <div class="row-fluid">
-	      <div class="span12 text-center">
+	      <div class="span12">
 	      <br><br>
-	        <h2>Apache Open Climate Workbench UI</h2>
+	      <div id="header">
+	        <img id="header-img" src=""/>
+	        <h3 id="header-title">Project Name</h3>
+	        <h5 id="OCW-powered">Powered by Apache Open Climate Workbench</h5>
+	      </div>
 	      </div>
 	    </div>
 	    <!-- Navigation bar -->
@@ -51,7 +55,7 @@
 			<div class="navbar navbar-fixed-top">
 			  <div class="navbar-inner">
 				  <div class="container">
-				    <a class="brand" href="#">A.OCW</a>
+				    <a class="brand" href="#">OCW UI</a>
 				    <ul class="nav">
 				      <li ng-class="{ active: $state.includes('main') }"><a href="#">Evaluate</a></li>
 				      <li ng-class="{ active: $state.includes('results') }"><a href="#/results">Results</a></li>
@@ -59,12 +63,11 @@
 				  </div>
 			  </div>
 			</div>
-	      	<hr />
 	    </div>
 	</div>
   </div>
   <!-- Main Content -->
-  <div class="container" style="margin-top:60px" ui-view ng-animate="{enter:'fade-enter'}"></div>
+  <div id="main-container" class="container" ui-view ng-animate="{enter:'fade-enter'}"></div>
 </div>
 
   <!--Libraries-->
@@ -114,4 +117,9 @@
   <!--Filters-->
   <script src="js/filters/ISODateToMiddleEndian.js"></script>
 </body>
+<footer class="container well well-small" style="margin-top:10px">
+<div class="span4 offset1">
+<h6>Powered by Apache Open Climate Workbench</h6>
+</div>
+</footer>
 </html>