Changeset 4390

Timestamp:

01/29/14 14:43:09 (10 years ago)

Author:

twagoo

Message:

added advanced options box to mockup

Location:

vlo/branches/vlo-3.0/vlo-web-app/src/main/html

Files:

• index.html (modified) (1 diff)
• style/vlo-facets.css (modified) (1 diff)

vlo/branches/vlo-3.0/vlo-web-app/src/main/html/index.html

@@ -149 +149 @@
                     <div class="rbottom"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
                 </div>
-                <div class="sidebaritem">
-                    <!-- rounded corners - top **** -->
-                    <div class="rtop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
-                    <h1>other information</h1>
-                    <!-- **** INSERT OTHER INFORMATION HERE **** -->
-                    <p>
-                        This space can be used for additional information such as a contact phone number, address
-                        or maybe even a graphic.
-                    </p>
+                
+                <div class="sidebaritem facet collapsedfacet">
+                    <!-- rounded corners - top **** -->
+                    <div class="rtop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
+                    <a href="#" class="expandfacet"><span>expand</span></a>
+                    <a href="#" class="collapsefacet"><span>collapse</span></a>
+                    <h1>Advanced options</h1>
+                    <div class="sbilinks facetvalues">
+                        <form id="advancedoptions" action="">
+                            <ul>
+                                <li>
+                                    <input type="checkbox" id="onlyfcs"/>
+                                    <label for="onlyfcs">Only include resources that support content search</label>
+                                </li>
+                                <li>
+                                    <input type="checkbox" id="onlymdformat"/>
+                                    <label for="onlyfcs">Only include resources described with</label>
+                                    <select>
+                                        <option>CMDI</option>
+                                        <option>OLAC</option>
+                                    </select>
+                                </li>
+                            </ul>
+                            <input type="submit" value="Apply" />
+                        </form>
+                    </div>
                     <!-- rounded corners - bottom **** -->
                     <div class="rbottom"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>

vlo/branches/vlo-3.0/vlo-web-app/src/main/html/style/vlo-facets.css

@@ -184 +184 @@
     padding: 0px 2px;
 }
+
+/* advanced options */
+form#advancedoptions {
+    margin: 0em 1em;
+}