]>
Commit | Line | Data |
---|---|---|
1 | <?php | |
2 | require_once "../inc/common.php"; | |
3 | require_once "../inc/header.php"; | |
4 | ||
5 | if (!empty($_POST)) | |
6 | { | |
7 | do_log($_POST); | |
8 | ||
9 | /* Nothing being posted yet */ | |
10 | ||
11 | } | |
12 | ||
13 | ?> | |
14 | <h4>Channels Overview</h4><br> | |
15 | ||
16 | <!-- The channel list --> | |
17 | <table id="data_list" class="table-striped display responsive nowrap" style="width:100%"> | |
18 | <thead class="table-primary"> | |
19 | <th scope="col">Name</th> | |
20 | <th scope="col">Users</th> | |
21 | <th scope="col">Modes</th> | |
22 | <th scope="col">Topic</th> | |
23 | <th scope="col">Created</th> | |
24 | </thead> | |
25 | </table> | |
26 | ||
27 | <script> | |
28 | let data_list_table = null; | |
29 | ||
30 | $(document).ready( function () { | |
31 | args = { | |
32 | 'responsive': true, | |
33 | 'fixedHeader': { | |
34 | header: true, | |
35 | headerOffset: 53 | |
36 | }, | |
37 | 'ajax': { | |
38 | 'url': '<?php echo get_config("base_url"); ?>api/channels.php', | |
39 | dataSrc: '' | |
40 | }, | |
41 | 'pageLength':100, | |
42 | 'order':[[1,'desc']], | |
43 | 'columns': [ | |
44 | { 'data': 'Name', 'responsivePriority': 1, 'className':'virtuallink' }, | |
45 | { 'data': 'Users', 'responsivePriority': 2 }, | |
46 | { 'data': 'Modes', 'responsivePriority': 3 }, | |
47 | { 'data': 'Topic', 'responsivePriority': 5, 'className':'tdwrap' }, | |
48 | { 'data': 'Created', 'responsivePriority': 4 }, | |
49 | ], | |
50 | }; | |
51 | /* Hide on mobile */ | |
52 | if (window.innerWidth > 8000) | |
53 | { | |
54 | args['dom'] = 'Pfrtip'; | |
55 | args['searchPanes'] = { | |
56 | 'initCollapsed': 'true', | |
57 | 'columns': [1,3], | |
58 | 'dtOpts': { | |
59 | select: { style: 'multi'}, | |
60 | order: [[ 1, "desc" ]] | |
61 | }, | |
62 | } | |
63 | } | |
64 | ||
65 | data_list_table = $('#data_list').DataTable(args); | |
66 | ||
67 | $('#data_list').on( 'click', 'td', function () { | |
68 | show_channel(this); | |
69 | } ); | |
70 | } ); | |
71 | ||
72 | function show_channel(e) | |
73 | { | |
74 | /* The first column is the 'Select' column */ | |
75 | // not on this page, or not yet ;) | |
76 | //if (data_list_table.cell(e).index().column == 0) | |
77 | // return; | |
78 | ||
79 | /* For all the other columns we show the view screen */ | |
80 | var data = data_list_table.row(e).data(); | |
81 | channel = data['Name']; | |
82 | window.location = '<?php echo get_config('base_url'); ?>channels/details.php?chan=' + | |
83 | encodeURIComponent(channel); | |
84 | // not working: still expands on mobile: e.stopImmediatePropagation(); | |
85 | return true; | |
86 | } | |
87 | ||
88 | </script> | |
89 | ||
90 | <?php require_once UPATH.'/inc/footer.php'; ?> |