ngcp-panel/share/templates/sound/handles_list.tt

[% site_config.title = 'Manage Sound Set ' _ set_result.name -%]

<a class="btn btn-large btn-primary" href="[% c.uri_for() %]"><i class="icon-arrow-left"></i> Back</a>

[% IF messages -%]
<div class="row">
    [% FOREACH m IN messages -%]
        <div class="alert alert-[% m.type %]">[% m.text %]</div>
    [% END -%]
</div>
[% END -%]

<div class="ngcp-separator"></div>

<div class="accordion" id="sound_groups">
[% FOREACH group IN sound_groups.pairs %]
<div class="accordion-group">
    <div class="accordion-heading">
        <a class="accordion-toggle" data-toggle="collapse" data-parent="#sound_groups" href="#collapse[% group.key %]">[% group.key %]</a>
    </div>
    <div class="accordion-body collapse" id="collapse[% group.key %]">
    <div class="accordion-inner">

<table class="table table-bordered table-striped table-highlight table-hover" id="sounds_table[% group.key %]">
    <thead>
        <tr>
            [% # one for description -%]
            <th>Name</th>
            <th>Filename</th>
            <th>Loop</th>
            [% # one for actions -%]
            <th></th>
        </tr>
    </thead>
    <tbody>
        [% FOREACH r IN group.value %]
            <tr class="sw_action_row">
                <td>
                  [% r.get_column("handlename") %]
                </td>
                <td>
                    [% r.get_column("filename") %]
                </td>
                <td>
                    <input type="checkbox" disabled="disabled" [% r.get_column('loopplay') ? 'checked="checked"' : '' %]>
                </td>
                <td>
                    <div class="sw_actions pull-right">
                        <a class="btn btn-small btn-primary" href="[% handles_base_uri _ "/" _ r.get_column("handleid") _ "/edit" %]"><i class="icon-edit"></i> Upload</a>
                        [% IF r.get_column("filename").size -%]
                        <a class="btn btn-small btn-secondary" data-confirm="Delete" href="[% handles_base_uri _ "/" _ r.get_column("handleid") _ "/delete" %]"><i class="icon-edit"></i> Delete</a>
                        <a class="btn btn-small btn-tertiary" href="[% c.uri_for_action('/sound/handles_download', [c.req.captures.0, r.get_column('handleid')]) %]"><i class="icon-play"></i> Play</a>
                        [% END -%]
                    </div>
                </td>
            </tr>
        [% END %]
    </tbody>
</table>
    </div>
    </div>
</div>
[% END %]
</div>

<script type="text/javascript">
$(function() {
  $('#sound_groups').on('shown', function (e) {
    localStorage.setItem('lastTab', $("#sound_groups .in").attr('id'));
  });

  //go to the latest tab, if it exists:
  var lastTab = localStorage.getItem('lastTab');
  if (lastTab) {
      $('#'+lastTab).addClass("in");//collapse("show"); collapse does annoying animation
  }
});
</script>

[% IF edit_flag -%]

[%
    PROCESS "helpers/modal.tt";
    modal_header(m.create_flag=0,
                 m.name = "Preference " _ file_result.handle.name );
-%]
    [% form.render -%]
[%
    modal_footer();
-%]
<script>
    $(function () {
        $('#mod_edit').modal({keyboard: false, backdrop: 'static'});
        $('#mod_close').click(function(event) {
            window.location.href="[% handles_base_uri %]";
        });

    });
</script>
[% END -%]
[% # vim: set tabstop=4 syntax=html expandtab: -%]