Ignore:
Timestamp:
27 Jan 2014, 11:43:55 (11 years ago)
Author:
Henrik Bettermann
Message:

Add jquery.DataTables? 1.9.4.

Use bootstrap-theme.min.css.

Location:
main/waeup.kofa/branches/uli-diazo-themed/layout
Files:
4 added
2 edited

Legend:

Unmodified
Added
Removed
  • main/waeup.kofa/branches/uli-diazo-themed/layout/static/css/base.css

    r10985 r10986  
    4242
    4343.well {
    44     background-color: #fff;
     44   
    4545    padding: 10px 5px 20px 5px;
    4646    margin-bottom: 10px;
     47    background-image: None;
     48    background-color: #fff;
    4749}
    4850
     
    8991
    9092.actionbar .btn-default {
    91     background-color: #FFFFFF;
    92     border-color: #CCCCCC;
    93     color: #333333;
    9493    margin-bottom: 4px;
    9594    padding: 4px 8px;
    9695    margin: 0px 0px 4px 0px;
    97 }
    98 
    99 .actionbar  .btn-default:hover {
    100     color: #333333;
    101     background-color: #ebebeb;
    102     border-color: #adadad;
    10396}
    10497
  • main/waeup.kofa/branches/uli-diazo-themed/layout/theme.html

    r10985 r10986  
    1111    <link href="bootstrap/css/bootstrap.min.css"
    1212          rel="stylesheet">
     13    <link href="bootstrap/css/bootstrap-theme.min.css"
     14          rel="stylesheet">
     15
     16    <link href="static/css/jquery.dataTables.css"
     17          rel="stylesheet">
     18
    1319    <link href="static/css/base.css" rel="stylesheet">
    1420
     
    2026    <!-- icons -->
    2127    <link rel="shortcut icon" href="static/ico/favicon.ico">
    22     <link rel="apple-touch-icon-precomposed" sizes="144x144"
    23           href="static/ico/apple-touch-icon-144-precomposed.png">
    24     <link rel="apple-touch-icon-precomposed" sizes="114x114"
    25           href="static/ico/apple-touch-icon-114-precomposed.png">
    26     <link rel="apple-touch-icon-precomposed" sizes="72x72"
    27           href="static/ico/apple-touch-icon-72-precomposed.png">
    28     <link rel="apple-touch-icon-precomposed"
    29           href="static/ico/apple-touch-icon-57-precomposed.png">
     28
    3029
    3130  </head>
     
    175174            </div>
    176175            <div>...content that spans the whole page.</div>
     176            <br><br>
    177177            <div id="#sampleform">
    178178              <form method="post">
    179179                <fieldset id="form-fieldset">
    180180                  <legend>A Sample Form</legend>
    181                   <div class="form-field">
     181                  <div class="form-group">
    182182                    <label>Some Label</label>
    183183                    <input type="text" class="textType"
    184184                           name="myinput[]" placeholder="A name..." />
    185185                  </div>
    186                   <button type="submit" class="btn rowadd">
     186                  <button type="submit" class="btn rowadd btn-default">
    187187                    Add row
    188188                  </button>
     
    192192              </form>
    193193            </div> <!-- /sampleform -->
    194           </div> <!-- /well -->
    195 
    196 
    197 
    198 
     194            <br><br>
     195            <h3>A Sample Data Table</h3>
     196            <table id="#dadatable" class="table dataTable">
     197              <thead>
     198                <tr>
     199                  <th>Id</th>
     200                  <th>Name</th>
     201                  <th>Portal Roles</th>
     202                  <th>Local Roles</th>
     203                  <th></th>
     204                </tr>
     205              </thead><tbody><tr><td>admin</td>
     206                  <td>John</td>
     207                  <td nowrap="nowrap">Portal Manager <br />Academics Officer (view only) </td>
     208                  <td>Owner</td>
     209                  <td class="text-right">
     210                    <form method="post">
     211                      <input type="hidden" name="userid" value="admin" />
     212                      <input class="btn btn-sm btn-primary" type="submit" name="manage" value="Manage" />
     213                      <input class="btn btn-sm btn-default" type="submit" name="delete" value="Remove" />
     214                    </form>
     215                  </td>
     216                </tr>
     217                <tr>
     218                  <td>tester</td>
     219                  <td>Vitali</td>
     220                  <td nowrap="nowrap">Academics Officer (view only)</td>
     221                  <td>Owner</td>
     222                  <td class="text-right">
     223                    <form method="post">
     224                      <input type="hidden" name="userid" value="your_id" />
     225                      <input class="btn btn-sm btn-primary" type="submit" name="manage" value="Manage" />
     226                      <input class="btn btn-sm btn-default" type="submit" name="delete" value="Remove" />
     227                    </form>
     228                  </td>
     229                </tr>
     230              </tbody>
     231            </table>
     232          </div> <!-- /well -->
    199233        </div> <!-- /kofa-content-wide -->
    200234      </div> <!-- /row -->
     
    222256         evt.preventDefault();
    223257         /* Add first .form-field after last .form-field... */
    224          $(".form-field:last").after($(".form-field:first").clone().hide().fadeIn());
     258         $(".form-group:last").after($(".form-group:first").clone().hide().fadeIn());
    225259      });
    226260    </script>
    227261
     262    <script src="static/js/jquery.dataTables.min.js"></script>
     263
     264    <script type="text/javascript">
     265      $(document).ready(function(){
     266        $('.dataTable').dataTable();
     267
     268        $('.dataTableFiles').dataTable( {
     269                "aaSorting": [[ 2, "desc" ]],
     270        } );
     271
     272        $('.dataTableManage').dataTable( {
     273                "aaSorting": [[ 1, "asc" ]],
     274                "aoColumnDefs":[{ "bSortable": false, "aTargets": [ 0 ] }]
     275        } );
     276
     277        $('.dataTableManageFiles').dataTable( {
     278                "aaSorting": [[ 3, "desc" ]],
     279                "aoColumnDefs":[{ "bSortable": false, "aTargets": [ 0 ] }]
     280        } );
     281      });
     282    </script>
     283
    228284  </body>
    229285</html>
Note: See TracChangeset for help on using the changeset viewer.