Project

General

Profile

« Previous | Next » 

Revision 4046

Added by berkley about 16 years ago

added a tabbed interface

View differences:

index.jsp
27 27
      <div id="loginheaderdiv" style="padding: 3px;">
28 28
        <h2 style="text-align:center" id="loginheader">Please Login</h2>
29 29
      </div>
30
      <!--login div-->
30 31
      <div id="loginformdiv" style="padding:20px;">
31 32
      <form action="metacat" name="loginform" method="POST">
32 33
        <div style="width:300px; margin:0px auto; height: 150px;">
......
51 52
      
52 53
      <!--main part of the page after logging in-->
53 54
      <div id="maindiv" style="display:none; width:625px; margin:0px auto; padding: 10px;">
54
      <table style="width:625px">
55
        <tr valign="top">
56
          <td width="50%" height="100%">
55
        <a href="javascript:showSearchPane()"><img id="searchtabimg" src="style/skins/sms/search-tab.png"/></a><img id="searchtabimgsel" src="style/skins/sms/search-tab-selected.png"/>
56
        <a href="javascript:showUploadPane()"><img id="uploadtabimg" src="style/skins/sms/upload-tab.png"/></a><img id="uploadtabimgsel" src="style/skins/sms/upload-tab-selected.png"/>
57
        <a href="javascript:showBrowsePane()"><img id="browsetabimg" src="style/skins/sms/browse-tab.png"/></a><img id="browsetabimgsel" src="style/skins/sms/browse-tab-selected.png"/>
57 58
          
58 59
          <!--search panel-->
59
            <div id="leftspan" style="background:grey; border:1px solid; height: 99%; width: 99%;">
60
              <h4 style="text-align:center">Semantic Search</h4>
61
              <form>
62
                <table>
63
                  <tr>
64
                    <td>Search:</td><td><input id="searchtextbox" type="text" name="anytext"/></td>
65
                  </tr>
66
                  <tr>
67
                    <td><a href="javascript:search()">[Search]</a></td><td>&nbsp;</td>
68
                  </tr>
69
                </table>
70
              </form>
71
            </div>
60
        <div id="searchdiv" style="background:grey; border:1px solid; height: 99%; width: 99%;">
61
          <div style="padding: 5px;">
62
            <h4 style="text-align:center">Semantic Search</h4>
63
            <form>
64
              <table>
65
                <tr>
66
                  <td>Search:</td><td><input id="searchtextbox" type="text" name="anytext"/></td>
67
                </tr>
68
                <tr>
69
                  <td><a href="javascript:search()">[Search]</a></td><td>&nbsp;</td>
70
                </tr>
71
              </table>
72
            </form>
73
          </div>
74
        </div>
72 75
          
73
          </td>
74 76
          
75 77
          <!--upload panel-->
76
          <td width="50%">
77
            <div id="rightspan" style="background:grey; border:1px solid; width: 99%; height: 99%;">
78
              <h4 style="text-align:center">Upload an ontology or data package</h4>
79
              <form action="metacat" name="uploadform" method="POST" enctype="multipart/form-data">
80
                <input type="hidden" name="action" value="insertmultipart"/>
81
                <input type="hidden" name="qformat" value="sms"/>
82
                <table>
83
                  <tr>
84
                    <td>File:</td><td><input type="file" id="datafile" name="datafile"/></td>
85
                  </tr>
86
                  <tr>
87
                    <td>DocId:</td><td><input id="docidtextfield" type="text" name="docid" readonly="true"/></td>
88
                  </tr>
89
                  <tr>
90
                    <td>
91
                      <a href="javascript:uploadfile()" >[Upload]</a>
92
                      <!--<input type="submit"/>-->
93
                    </td>
94
                  </tr>
95
                </table>
96
              </form>
97
              <div id="uploadstatus" style="width:312px">
98
              <%
99
                if(status != null && status.equals("success"))
100
                {
101
                  out.print("Your file was successfully uploaded with id <a href=\"http://linus.nceas.ucsb.edu/sms/metacat?docid=" + docid 
102
                  + "&action=read&qformat=sms\">" + docid + "</a>.  " +  
103
                  "<a href=\"javascript:makepublic('" + docid + "')\">Click here</a> to make this document publicly readable.");
104
                }
105
                else
106
                {
107
                  if(docid != null)
108
                  {
109
                    out.print("Sorry, your file upload failed.  Try logging in again.");
110
                  }
111
                }
112
                
113
                %>
114
              </div>
78
        <div id="uploaddiv" style="background:grey; border:1px solid; width: 99%; height: 99%;">
79
          <div style="padding:5px;">
80
            <h4 style="text-align:center">Upload an ontology or data package</h4>
81
            <form action="metacat" name="uploadform" method="POST" enctype="multipart/form-data">
82
              <input type="hidden" name="action" value="insertmultipart"/>
83
              <input type="hidden" name="qformat" value="sms"/>
84
              <input type="hidden" name="updateXMLNS" value="true"/>
85
              <table>
86
                <tr>
87
                  <td>File:<input type="file" id="datafile" name="datafile"/></td>
88
                </tr>
89
                <tr>
90
                  <!--<td>DocId:</td><td><input id="docidtextfield" type="text" name="docid" readonly="true"/></td>-->
91
                  <td>
92
                      Identifier Prefix: <input style="display:inline" id="docidfamily" type="text" value="sms" size="3"/>
93
                      <input style="display:inline" id="docidnumber" type="hidden" size="1"/>
94
                      <input style="display:inline" id="docidrevision" type="hidden" size="1"/>
95
                      <input style="display:inline" id="docid" type="hidden" name="docid" value="x"/>
96
                      <span style="font-size:70%"><a href="javascript:getId()">[Check Id]</a></span>
97
                  </td>
98
                </tr>
99
                <tr>
100
                  <td>
101
                    <a href="javascript:uploadfile()" >[Upload]</a>
102
                    <!--<input type="submit"/>-->
103
                  </td>
104
                </tr>
105
              </table>
106
            </form>
107
            <div id="uploadstatus" style="font-size: 70%; width:312px"> 
108
            <%
109
              if(status != null && status.equals("success"))
110
              {
111
                out.print("Your file was successfully uploaded with id <a href=\"http://linus.nceas.ucsb.edu/sms/metacat?docid=" + docid 
112
                + "&action=read&qformat=sms\">" + docid + "</a>.  " +  
113
                "<a href=\"javascript:makepublic('" + docid + "')\">Click here</a> to make this document publicly readable.");
114
              }
115
              else
116
              {
117
                out.print("Sorry, your file upload failed.  Try logging in again.");
118
              }
119
              
120
              %>
115 121
            </div>
116
          </td>
117
        </tr>
118
      </table>
122
          </div>
123
        </div>
119 124
      
120
      <!--search result panel-->
121
      <div id="searchresultdiv" style="position: relative; left: 3px; border: 1px solid ; padding: 10px; width: 595px;">
122
        <div id="searchresulttable">
123
          <!--this is filled in via an AJAX call.  see showDatasets()-->
125
        <!--search result panel-->
126
        <div id="searchresultdiv" style="position: relative; left: 3px; border: 1px solid ; padding: 10px; width: 595px; ">
127
          <div id="searchresulttable">
128
            <!--this is filled in via an AJAX call.  see showDatasets()-->
129
          </div>
124 130
        </div>
125 131
      </div>
126 132
      
127
      </div>
128
      
129 133
    </div>
130 134
  </div>
131 135
  <img id="bottomimg" src="style/skins/sms/sms-page-bottom.png" style="position:relative; bottom: 0px;"/>

Also available in: Unified diff