Skip to content
Snippets Groups Projects
Select Git revision
  • 022ff1229c9804650d323d72d9edef240ade1367
  • master default protected
  • 1.31
  • 4.28.0
  • 4.27.0
  • 4.26.0
  • 4.25.5
  • 4.25.4
  • 4.25.3
  • 4.25.2
  • 4.25.1
  • 4.25.0
  • 4.24.3
  • 4.24.2
  • 4.24.1
  • 4.24.0
  • 4.23.6
  • 4.23.5
  • 4.23.4
  • 4.23.3
  • 4.23.2
  • 4.23.1
  • 4.23.0
23 results

232.html

Blame
    • 232.html 8.07 KiB 
    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>revision of the list design including filters #232</title>
    <script src="./232.mjs" type="module"></script>
</head>
<body>
   
    <main style="padding: 20px">

        <h1>revision of the list design including filters #232</h1>
        <p></p>
        <ul>
            <li><a href="https://gitlab.schukai.com/oss/libraries/javascript/monster/-/issues/232">Issue #232</a></li>
            <li><a href="/">Back to overview</a></li>
        </ul>
        
        <monster-datasource-rest id="data1" data-monster-option-write-url="/demo/bind-with-datasource/data.json"
                                 data-monster-option-read-url="/demo/bind-with-datasource/data.json"></monster-datasource-rest>
        <monster-datatable id="test-datatable" data-monster-datasource-selector="#data1">
            <monster-collapse id="my-collapse" data-monster-role="filter-collapse">
                <div class="flex">
                    <monster-tabs style="width: 100%"
                                  data-monster-option-features-opendelay="500"
                                  data-monster-option-classes-navigation="monster-theme-background-inherit"
                                  data-monster-option-classes-button="monster-theme-background-inherit" id="filtertabs">
                        <div data-monster-button-label="Filter" data-monster-state="active" class="active">
                            <monster-datatable-filter id="listfilter1" slot="filter"
                                                      data-monster-option-storedconfig-selector="#filtertabs">
                                <label data-monster-label="OID1" id="oid1"
                                       data-monster-template="${value | call:range:oid}">
                                    RANGE OID
                                    <monster-filter-range></monster-filter-range>
                                </label>
                                <label data-monster-label="date" id="date2"
                                       data-monster-template="${value | call:date-range:orderDate}">Date
                                    <monster-filter-date-range></monster-filter-date-range>
                                </label>
                                <label data-monster-label="OID2" data-monster-template="${value}" id="sdfsdf">
                                    The label
                                    <monster-filter-select data-monster-selected-template="selected">
                                        <div>sdfsd</div>
                                    </monster-filter-select>
                                </label>
                                <label data-monster-label="OID3" data-monster-template="${value | call:range:oid}"
                                       id="qq">OID
                                    2
                                    <monster-filter-input name="value3" type="search"></monster-filter-input>
                                </label>
                                <label data-monster-label="customerUID"
                                       data-monster-template="${value | call:range:customerUID}" id="customerUID">customerUID
                                    3<monster-filter-input name="value5" type="search"></monster-filter-input></label>
                                <label data-monster-label="OID5" data-monster-template="${value | call:range:oid}"
                                       id="gd">OID !!
                                    4<monster-filter-input name="value5" type="search"></monster-filter-input></label>
                                <label data-monster-label="OID6" data-monster-template="${value | call:range:oid}"
                                       id="dq">OID
                                    5<monster-filter-input name="value5" type="search"></monster-filter-input></label>
                                <label data-monster-label="OID7" data-monster-template="${value | call:range:oid}"
                                       id="xc">OID
                                    6<monster-filter-input name="value5" type="search"></monster-filter-input></label>

                            </monster-datatable-filter>
                        </div>
                        <div data-monster-button-label="SDAFASDFDS"></div>
                    </monster-tabs>

                </div>