0byt3m1n1
Path:
/
home
/
mgatv524
/
mixmidia.mgaplay.com.br
/
views
/
[
Home
]
File: menuboard-page.twig
{# /** * Copyright (C) 2022 Xibo Signage Ltd * * Xibo - Digital Signage - http://www.xibo.org.uk * * This file is part of Xibo. * * Xibo is free software: you can redistribute it and/or modify * it under the terms of the GNU Affero General Public License as published by * the Free Software Foundation, either version 3 of the License, or * any later version. * * Xibo is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * GNU Affero General Public License for more details. * * You should have received a copy of the GNU Affero General Public License * along with Xibo. If not, see <http://www.gnu.org/licenses/>. */ #} {% extends "authed.twig" %} {% import "inline.twig" as inline %} {% block title %}{{ "Menu Boards"|trans }} | {% endblock %} {% block actionMenu %} {% if currentUser.featureEnabled("menuBoard.add") %} <div class="widget-action-menu pull-right"> <button class="btn btn-success XiboFormButton" title="{% trans "Add a new Menu Board" %}" href="{{ url_for("menuBoard.add.form") }}"><i class="fa fa-plus-circle" aria-hidden="true"></i> {% trans "Add Menu Board" %}</button> </div> {% endif %} {% endblock %} {% block pageContent %} <div class="widget"> <div class="widget-title">{% trans "Menu Boards" %} | {{ "This is a feature preview and should not be used in production"|trans }}</div> <div class="widget-body"> <div class="XiboGrid" id="{{ random() }}" data-grid-type="menuBoard" data-grid-name="menuBoardView"> <div class="XiboFilter card mb-3 bg-light"> <div class="FilterDiv card-body" id="Filter"> <form class="form-inline"> {% set title %}{% trans "ID" %}{% endset %} {{ inline.number("menuId", title) }} <div class="form-group mr-1 mb-1"> <label class="control-label mr-1" title="" for="name" accesskey="">{% trans "Name" %}</label> <div class="input-group"> <input class="form-control" name="name" type="text" id="name" value=""> <div class="input-group-append input-group-addon"> <div class="input-group-text"> <input title="{% trans "Use Regex?" %}" type="checkbox" id="useRegexForName" name="useRegexForName"> </div> </div> </div> </div> {% set title %}{% trans "Code" %}{% endset %} {{ inline.input('code', title) }} {% set attributes = [ { name: "data-allow-clear", value: "true" }, { name: "data-placeholder--id", value: null }, { name: "data-placeholder--value", value: "" } ] %} {% set title %}{% trans "Owner" %}{% endset %} {% set helpText %}{% trans "Show items owned by the selected User." %}{% endset %} {{ inline.dropdown("userId", "single", title, "", [{userId:null, userName:""}]|merge(users), "userId", "userName", helpText, "selectPicker", "", "", "", attributes) }} {{ inline.hidden("folderId") }} </form> </div> </div> <div class="row"> <div class="col-sm-1 form-group" style="padding: 0"> <button type="button" id="folder-tree-select-folder-button" class="btn btn-outline-secondary btn-sm" title="{% trans "Open / Close Folder Search options" %}"><i class="fas fa-bars fa-1x"></i></button> </div> <div class="form-group col-sm-11" style="padding: 0"> <div id="breadcrumbs" style="margin-top: 5px;"></div> </div> </div> <div class="row"> <div class="col-sm-2 p-3 bg-light" id="grid-folder-filter"> <div class="form-check"> <input type="checkbox" class="form-check-input" id="folder-tree-clear-selection-button"> <label class="form-check-label" for="folder-tree-clear-selection-button" title="{% trans "Search in all folders" %}">{% trans "Global Search" %}</label> </div> <div id="container-folder-tree"></div> </div> <div id="datatable-container" class="card col-sm-10 pt-4 px-2"> <div class="XiboData"> <table id="menuBoards" class="table table-striped responsive nowrap" data-content-type="menuBoard" data-content-id-name="menuId" data-state-preference-name="menuBoardGrid" style="width: 100%;"> <thead> <tr> <th>{% trans "ID" %}</th> <th>{% trans "Name" %}</th> <th>{% trans "Description" %}</th> <th>{% trans "Code" %}</th> <th>{% trans "Modified Date" %}</th> <th>{% trans "Owner" %}</th> <th>{% trans "Permissions" %}</th> <th class="rowMenu"></th> </tr> </thead> <tbody> </tbody> </table> </div> </div> </div> </div> </div> </div> {% endblock %} {% block javaScript %} <script type="text/javascript"> var table; $(document).ready(function() { {% if not currentUser.featureEnabled("folder.view") %} disableFolders(); {% endif %} table = $("#menuBoards").DataTable({ "language": dataTablesLanguage, "lengthMenu": [10, 25, 50, 100, 250, 500], serverSide: true, stateSave: true, stateDuration: 0, responsive: true, stateLoadCallback: dataTableStateLoadCallback, stateSaveCallback: dataTableStateSaveCallback, filter: false, searchDelay: 3000, dataType: 'json', "order": [[1, "asc"]], ajax: { url: "{{ url_for("menuBoard.search") }}", "data": function (d) { $.extend(d, $("#menuBoards").closest(".XiboGrid").find(".FilterDiv form").serializeObject()); } }, "columns": [ {"data": "menuId", responsivePriority: 2}, { "data": "name", responsivePriority: 2, "render": dataTableSpacingPreformatted }, { "data": "description", responsivePriority: 2, "render": dataTableSpacingPreformatted }, { "data": "code", responsivePriority: 3 }, { "name": "modifiedDt", "data": function (data) { return moment.unix(data.modifiedDt).format(jsDateFormat); } }, {"data": "owner", responsivePriority: 4}, { "data": "groupsWithPermissions", responsivePriority: 4, "render": dataTableCreatePermissions }, { "orderable": false, responsivePriority: 1, "data": dataTableButtonsColumn } ] }); table.on('draw', dataTableDraw); table.on('processing.dt', dataTableProcessing); dataTableAddButtons(table, $('#menuBoards_wrapper').find('.col-md-6').eq(1)); }); </script> {% endblock %}