You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@ctakes.apache.org by se...@apache.org on 2020/05/01 19:01:49 UTC

svn commit: r1877267 - in /ctakes/trunk/ctakes-tiny-rest/src/main/webapp: css/index.css index.jsp

Author: seanfinan
Date: Fri May  1 19:01:49 2020
New Revision: 1877267

URL: http://svn.apache.org/viewvc?rev=1877267&view=rev
Log:
tiny-rest a little prettier

Modified:
    ctakes/trunk/ctakes-tiny-rest/src/main/webapp/css/index.css
    ctakes/trunk/ctakes-tiny-rest/src/main/webapp/index.jsp

Modified: ctakes/trunk/ctakes-tiny-rest/src/main/webapp/css/index.css
URL: http://svn.apache.org/viewvc/ctakes/trunk/ctakes-tiny-rest/src/main/webapp/css/index.css?rev=1877267&r1=1877266&r2=1877267&view=diff
==============================================================================
--- ctakes/trunk/ctakes-tiny-rest/src/main/webapp/css/index.css (original)
+++ ctakes/trunk/ctakes-tiny-rest/src/main/webapp/css/index.css Fri May  1 19:01:49 2020
@@ -1,13 +1,33 @@
-header {
-  text-align: center;
+h3 {
+   text-align: center;
 }
 textarea {
-    display: block;
-    margin-left: auto;
-    margin-right: auto;
+   display: block;
+   margin-left: auto;
+   margin-right: auto;
+   border: 2px solid SteelBlue;
+   border-radius: 4px;
+}
+.button {
+   transition-duration: 0.3s;
+   color: black;
+   border: 2px solid SteelBlue;
+   border-radius: 4px;
+   text-align: center;
+   padding: 10px 10px;
+   min-width: 75px;
+   margin-bottom: 5px;
+   text-decoration: none;
+   display: inline-block;
+   cursor: pointer;
+}
+.button:hover {
+   background-color: SteelBlue;
+   color: white;
 }
 .center {
-  display: block;
-  margin-left: auto;
-  margin-right: auto;
+   display: block;
+   margin-left: auto;
+   margin-right: auto;
+   text-align: center;
 }

Modified: ctakes/trunk/ctakes-tiny-rest/src/main/webapp/index.jsp
URL: http://svn.apache.org/viewvc/ctakes/trunk/ctakes-tiny-rest/src/main/webapp/index.jsp?rev=1877267&r1=1877266&r2=1877267&view=diff
==============================================================================
--- ctakes/trunk/ctakes-tiny-rest/src/main/webapp/index.jsp (original)
+++ ctakes/trunk/ctakes-tiny-rest/src/main/webapp/index.jsp Fri May  1 19:01:49 2020
@@ -11,18 +11,19 @@
    <body>
       <img src="http://ctakes.apache.org/images/ctakes_logo.jpg" alt="Apache cTAKES" class="center"/>
       <h3>Apache cTAKES 4.0.1 Tiny REST Service Tester</h3>
-      <label>Input Text: </label>
-      <textarea id="documentText" name="documentText" rows="20" cols="80" onFocus="this.value=''">Enter your text for analysis.</textarea>
+      <div class="center">
+      <textarea id="documentText" name="documentText" rows="20" cols="80" placeholder="Enter your text for analysis."></textarea>
       <br>
-      <label>Process and output: </label>
-      <input type="button" value="FHIR" name="fhirjson" id="fhirjson"/>
-      <input type="button" value="Text" name="text" id="text"/>
-      <input type="button" value="Property" name="property" id="property"/>
-      <input type="button" value="UMLS" name="umlsJson" id="umlsJson"/>
-      <input type="button" value="CUI" name="cui" id="cui"/>
-      <input type="button" value="XMI" name="xmi" id="xmi"/>
+      <label>Process to: </label>
+      <input type="button" class="button" value="FHIR" name="fhirjson" id="fhirjson"/>
+      <input type="button" class="button" value="Text" name="text" id="text"/>
+      <input type="button" class="button" value="Property" name="property" id="property"/>
+      <input type="button" class="button" value="UMLS" name="umlsJson" id="umlsJson"/>
+      <input type="button" class="button" value="CUI" name="cui" id="cui"/>
+      <input type="button" class="button" value="XMI" name="xmi" id="xmi"/>
       <br>
-      <textarea id="resultText" name="resultText" rows="20" cols="80" readonly>Your Result will appear here.</textarea>
+      <textarea id="resultText" name="resultText" rows="20" cols="80" readonly placeholder="Your Result will appear here."></textarea>
       <br>
+      </div>
    </body>
 </html>