Changeset 14449 for main/waeup.kwarapoly/trunk/layout

Timestamp:

24 Jan 2017, 07:26:38 (8 years ago)

Author:

Henrik Bettermann

Message:

Update rules and theme.

Location:

main/waeup.kwarapoly/trunk/layout

Files:

• rules.xml (modified) (1 diff)
• theme.html (modified) (4 diffs)

main/waeup.kwarapoly/trunk/layout/rules.xml

@@ -102 +102 @@
           css:if-not-content="table.kofa-data-table" />
 
+    <drop css:theme="script.kofa-filterByText"
+          css:if-not-content="input.kofa-filterbox" />
 
 <!--

main/waeup.kwarapoly/trunk/layout/theme.html

@@ -318 +318 @@
                 </div>
 
+                <br><br>
+
+                <h3>Filtered Select Box</h3>
+                <br>
+                <input id="filterbox" class="kofa-filterbox form-control half"
+                       placeholder="Enter search text, then select item below."
+                       type="text" />
+                <br />
+                <select id="filteredselect" class="form-control half" size=2>
+                  <option value="1">1</option>
+                  <option value="1234567890">1234567890</option>
+                  <option value="better">better</option>
+                  <option value="world">world</option>
+                </select>
 
               </div><!-- /tab-content -->
@@ -345 +359 @@
             </div>
             <div>...content that spans the whole page.</div>
+
+            <br><br>
+            <h3>Accordions</h3>
+            <div class="panel-group" id="accordion" role="tablist"
+                 aria-multiselectable="true">
+              <div class="panel panel-default">
+                <div class="panel-heading" role="tab" id="headingTwo">
+                  <h4 class="panel-title">
+                    <a class="collapsed" data-toggle="collapse"
+                       data-parent="#accordion" href="#collapseTwo"
+                       aria-expanded="false" aria-controls="collapseTwo">
+                      Collapsible Group
+                    </a>
+                  </h4>
+                </div>
+                <div id="collapseTwo" class="panel-collapse collapse"
+                     role="tabpanel" aria-labelledby="headingTwo">
+                  <div class="panel-body">
+                    Anim pariatur cliche reprehenderit, enim eiusmod high life
+                    terry richardson ad squid. 3 wolf moon officia aute, non
+                    skateboard dolor brunch. Food truck quinoa laborum eiusmod.
+                  </div>
+                </div>
+              </div>
+            </div>
+
             <br><br>
             <h3>A Sample Data Table</h3>
@@ -528 +568 @@
               </tbody>
             </table>
+            <br>
+            <div class="documentation">
+              <a href="#" target="_blank">
+                Kofa Docs for this page
+              </a>
+            </div>
           </div> <!-- /well kofa-content-->
         </div> <!-- /kofa-content-wide -->
@@ -563 +609 @@
         src="static/js/kofa-datepicker.js">
     </script>
+    <script class="kofa-filterByText"
+        src="static/js/kofa-filterByText.js">
+    </script>
   </body>
 </html>