changed context root and UI layout

ibmjstart · Sep 4, 2014 · a2a96f6 · a2a96f6
1 parent 07d4a79
commit a2a96f6
Show file tree

Hide file tree

Showing 6 changed files with 90 additions and 54 deletions.
diff --git a/app/.settings/org.eclipse.wst.common.component b/app/.settings/org.eclipse.wst.common.component
@@ -1,8 +1,8 @@
-<?xml version="1.0" encoding="UTF-8"?><project-modules id="moduleCoreId" project-version="1.5.0">
-    <wb-module deploy-name="TwitterSearch0">
-        <wb-resource deploy-path="/" source-path="/WebContent" tag="defaultRootSource"/>
-        <wb-resource deploy-path="/WEB-INF/classes" source-path="/src"/>
-        <property name="java-output-path" value="/TwitterSearch0/bin"/>
-        <property name="context-root" value="TwitterSearch0"/>
-    </wb-module>
-</project-modules>
+<?xml version="1.0" encoding="UTF-8"?><project-modules id="moduleCoreId" project-version="1.5.0">
+    <wb-module deploy-name="TwitterSearch0">
+        <wb-resource deploy-path="/" source-path="/WebContent" tag="defaultRootSource"/>
+        <wb-resource deploy-path="/WEB-INF/classes" source-path="/src"/>
+        <property name="java-output-path" value="/TwitterSearch0/bin"/>
+        <property name="context-root" value="elephantsql"/>
+    </wb-module>
+</project-modules>
diff --git a/app/WebContent/WEB-INF/ibm-web-ext.xml b/app/WebContent/WEB-INF/ibm-web-ext.xml
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<web-ext
+	xmlns="http://websphere.ibm.com/xml/ns/javaee"
+	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+	xsi:schemaLocation="http://websphere.ibm.com/xml/ns/javaee http://websphere.ibm.com/xml/ns/javaee/ibm-web-ext_1_0.xsd"
+	version="1.0">
+
+	<reload-interval value="3"/>
+	<context-root uri="elephantsql" />
+	<enable-directory-browsing value="false"/>
+	<enable-file-serving value="true"/>
+	<enable-reloading value="true"/>
+	<enable-serving-servlets-by-class-name value="false" />
+
+</web-ext>
diff --git a/app/WebContent/css/style.css b/app/WebContent/css/style.css
@@ -5,4 +5,34 @@ body {
 
 a {
   color: #00B7FF;
-}
+}
+
+
+
+.btn-file {
+  position: relative;
+  overflow: hidden;
+  margin-bottom: 10px;
+}
+.btn-file input[type=file] {
+  position: absolute;
+  top: 0;
+  right: 0;
+  min-width: 100%;
+  min-height: 100%;
+  font-size: 100px;
+  text-align: right;
+  filter: alpha(opacity=0);
+  opacity: 0;
+  background: red;
+  cursor: inherit;
+  display: block;
+}
+input[readonly] {
+  background-color: white !important;
+  cursor: text !important;
+}
+
+.input-file {
+	margin-bottom: 0px;
+}
diff --git a/app/WebContent/home.jsp b/app/WebContent/home.jsp
@@ -6,26 +6,35 @@
 <head>
   <title>Upload</title>
   <link href="/css/bootstrap.css" rel="stylesheet">
+  <link href="/css/style.css" rel="stylesheet">
   <style>
     .hero-unit {
       margin-top: 60px;
     }
   </style>
   <script src="/js/bootstrap.min.js"></script>
+  <script src="/js/jquery-2.0.3.min.js"></script>
+  <script src="/js/scripts.js"></script>
 </head>
 <meta charset="utf-8">
 <body>
   <div class="container">
     <div class="hero-unit">
-      <div class="pull-right">    
-        <a href="/delete" class="btn btn-danger" title="Clear All">X</a>
-      </div>
       <div class="text-center">
-        <h1><a href="/">ElephantSQL Upload</a></h1>
+        <h1>ElephantSQL Upload Demo</h1>
+        <br>
         <p>
           <form action="/upload" method="POST" enctype="multipart/form-data">
-            <input type="file" name="file" /><br>
-            <input type="submit" class="btn" value="Upload" />
+            <div class="input-group">
+                <span class="input-group-btn">
+                    <span class="btn btn-file">
+                        Browse&hellip; <input type="file" name="file">
+                    </span>
+                </span>
+                <input type="text" class="form-control input-file" readonly>
+            </div>
+            <input type="submit" class="btn btn-success" value="Upload File" />
+            <a href="/delete" class="btn btn-info" title="Clear All">Clear DB</a>
           </form>
         </p>
         <% if (request.getAttribute("msg") != null) { %>