snipe
2674 lines
114 KiB
PHP
2674 lines
114 KiB
PHP
@push('css')
|
|
<link rel="stylesheet" href="{{ url(mix('css/dist/bootstrap-table.css')) }}">
|
|
|
|
@endpush
|
|
|
|
@push('js')
|
|
|
|
<script src="{{ url(mix('js/dist/bootstrap-table.js')) }}"></script>
|
|
<script src="{{ url(mix('js/dist/bootstrap-table-locale-all.min.js')) }}"></script>
|
|
|
|
<!-- load english again here, even though it's in the all.js file, because if BS table doesn't have the translation, it otherwise defaults to chinese. See https://bootstrap-table.com/docs/api/table-options/#locale -->
|
|
<script src="{{ url(mix('js/dist/bootstrap-table-en-US.min.js')) }}"></script>
|
|
|
|
<script nonce="{{ csrf_token() }}">
|
|
$(function () {
|
|
|
|
if (!$.fn.bootstrapTable || $.fn.bootstrapTable.__snipeAdvancedSearchPatched) {
|
|
return;
|
|
}
|
|
|
|
$.fn.bootstrapTable.__snipeAdvancedSearchPatched = true;
|
|
|
|
var BootstrapTable = $.BootstrapTable;
|
|
var baseBootstrapTablePrototype = Object.getPrototypeOf(BootstrapTable.prototype);
|
|
var baseInitSearch = baseBootstrapTablePrototype.initSearch;
|
|
var defaultAdvancedSearchOperator = 'and';
|
|
var advancedSearchSearchText = @json(trans('general.search'));
|
|
|
|
var advancedSearchOperatorLabel = @json(trans('general.search_operator'));
|
|
var advancedSearchAndText = @json(trans('general.and'));
|
|
var advancedSearchOrText = @json(trans('general.or'));
|
|
var advancedSearchOperatorStorageKey = 'snipeit.bs.table.advancedSearchOperator';
|
|
|
|
var normalizeAdvancedSearchOperator = function (operator) {
|
|
return (operator || defaultAdvancedSearchOperator).toString().toLowerCase() === 'or' ? 'or' : 'and';
|
|
};
|
|
|
|
var getStoredAdvancedSearchOperator = function () {
|
|
try {
|
|
var storedOperator = localStorage.getItem(advancedSearchOperatorStorageKey);
|
|
|
|
return storedOperator ? normalizeAdvancedSearchOperator(storedOperator) : null;
|
|
} catch (error) {
|
|
return null;
|
|
}
|
|
};
|
|
|
|
var storeAdvancedSearchOperator = function (operator) {
|
|
try {
|
|
localStorage.setItem(advancedSearchOperatorStorageKey, normalizeAdvancedSearchOperator(operator));
|
|
} catch (error) {
|
|
// Ignore storage errors (private mode/quota), fallback remains in-memory.
|
|
}
|
|
};
|
|
|
|
var escapeAdvancedSearchValue = function (value) {
|
|
return $('<div/>').text(value == null ? '' : value).html();
|
|
};
|
|
|
|
Object.assign($.fn.bootstrapTable.locales, {
|
|
formatAdvancedCloseButton: function () {
|
|
return advancedSearchSearchText;
|
|
},
|
|
formatAdvancedCancelButton: function () {
|
|
return $.fn.bootstrapTable.defaults.formatClearSearch();
|
|
},
|
|
formatAdvancedSearchOperator: function () {
|
|
return advancedSearchOperatorLabel;
|
|
}
|
|
});
|
|
|
|
Object.assign($.fn.bootstrapTable.defaults, {
|
|
advancedSearchOperator: defaultAdvancedSearchOperator,
|
|
formatAdvancedCloseButton: $.fn.bootstrapTable.locales.formatAdvancedCloseButton,
|
|
formatAdvancedCancelButton: $.fn.bootstrapTable.locales.formatAdvancedCancelButton,
|
|
formatAdvancedSearchOperator: $.fn.bootstrapTable.locales.formatAdvancedSearchOperator
|
|
});
|
|
|
|
BootstrapTable.prototype.getAdvancedSearchOperator = function () {
|
|
var operator = this.advancedSearchOperator || this.options.advancedSearchOperator || this.$el.data('advanced-search-filter-operator') || getStoredAdvancedSearchOperator() || defaultAdvancedSearchOperator;
|
|
|
|
return normalizeAdvancedSearchOperator(operator);
|
|
};
|
|
|
|
BootstrapTable.prototype.setAdvancedSearchOperator = function (operator) {
|
|
this.advancedSearchOperator = normalizeAdvancedSearchOperator(operator);
|
|
this.$el.data('advanced-search-filter-operator', this.advancedSearchOperator);
|
|
storeAdvancedSearchOperator(this.advancedSearchOperator);
|
|
};
|
|
|
|
BootstrapTable.prototype.collectAdvancedSearchFormData = function () {
|
|
var filters = {};
|
|
var operator = defaultAdvancedSearchOperator;
|
|
|
|
$.each(this.$toolbarModal.find('.toolbar-model-form').serializeArray(), function (index, field) {
|
|
var value = $.trim(field.value);
|
|
|
|
if (field.name === '__advanced_search_operator') {
|
|
operator = value.toLowerCase() === 'or' ? 'or' : 'and';
|
|
|
|
return;
|
|
}
|
|
|
|
if (value !== '') {
|
|
filters[field.name] = value;
|
|
}
|
|
});
|
|
|
|
return {
|
|
filters: filters,
|
|
operator: operator
|
|
};
|
|
};
|
|
|
|
BootstrapTable.prototype.getAdvancedSearchFieldTitle = function (fieldName) {
|
|
for (var i = 0; i < this.columns.length; i++) {
|
|
var column = this.columns[i];
|
|
|
|
if (column.field === fieldName) {
|
|
return $('<div/>').html(column.title || fieldName).text().trim();
|
|
}
|
|
}
|
|
|
|
return fieldName;
|
|
};
|
|
|
|
BootstrapTable.prototype.getAdvancedSearchTagsContainer = function () {
|
|
var $tableWrapper = this.$el.closest('.bootstrap-table');
|
|
|
|
if (!$tableWrapper.length) {
|
|
return $();
|
|
}
|
|
|
|
var $container = $tableWrapper.children('.snipe-advanced-search-tags');
|
|
|
|
if (!$container.length) {
|
|
$container = $('<div class="snipe-advanced-search-tags" style="margin: 8px 0;"></div>');
|
|
|
|
if ($tableWrapper.children('.fixed-table-container').length) {
|
|
$container.insertBefore($tableWrapper.children('.fixed-table-container').first());
|
|
} else {
|
|
$container.insertBefore(this.$el);
|
|
}
|
|
}
|
|
|
|
return $container;
|
|
};
|
|
|
|
BootstrapTable.prototype.getAdvancedSearchButton = function () {
|
|
var $tableWrapper = this.$el.closest('.bootstrap-table');
|
|
|
|
if (!$tableWrapper.length) {
|
|
return $();
|
|
}
|
|
|
|
// Try to find the button by data attribute first (most reliable)
|
|
var $button = $tableWrapper.find('button[data-toggle="advanced-search"]').first();
|
|
|
|
// Fallback: look in toolbar by the fa-search-plus icon
|
|
if (!$button.length) {
|
|
$button = $tableWrapper.find('button:has(.fa-search-plus)').first();
|
|
}
|
|
|
|
return $button;
|
|
};
|
|
|
|
BootstrapTable.prototype.updateAdvancedSearchButtonState = function () {
|
|
var hasFilters = !$.isEmptyObject(this.filterColumnsPartial);
|
|
var $button = this.getAdvancedSearchButton();
|
|
|
|
if ($button.length) {
|
|
$button.toggleClass('active', hasFilters);
|
|
}
|
|
};
|
|
|
|
BootstrapTable.prototype.renderAdvancedSearchTags = function () {
|
|
var _this = this;
|
|
var filters = this.filterColumnsPartial;
|
|
var $tagContainer = this.getAdvancedSearchTagsContainer();
|
|
|
|
if ($.isEmptyObject(filters)) {
|
|
$tagContainer.empty();
|
|
this.updateAdvancedSearchButtonState();
|
|
return;
|
|
}
|
|
|
|
var colMap = {};
|
|
this.columns.forEach(c => colMap[c.field] = c.title);
|
|
var op = this.getAdvancedSearchOperator();
|
|
var html = '<span class="label label-warning" style="font-size: 11px; margin-right:6px;display:inline-block;margin-bottom:6px;">' +
|
|
advancedSearchOperatorLabel + ': ' + (op === 'or' ? advancedSearchOrText : advancedSearchAndText) + '</span>';
|
|
|
|
Object.keys(filters).forEach(f => {
|
|
html += '<span class="label label-primary" style="font-size: 11px; margin-right:6px;display:inline-block;margin-bottom:6px;"><b>' +
|
|
(colMap[f] || f).replace(/<[^>]*>/g, '') + ':</b> ' + escapeAdvancedSearchValue(filters[f]) +
|
|
' <a href="javascript:void(0)" class="snipe-advanced-search-tag-remove" data-field="' + f +
|
|
'" style="color:#fff;margin-left:6px;text-decoration:none;">×</a></span>';
|
|
});
|
|
|
|
$tagContainer
|
|
.html(html)
|
|
.off('click.snipeAdvancedSearchTags')
|
|
.on('click.snipeAdvancedSearchTags', '.snipe-advanced-search-tag-remove', function (e) {
|
|
e.preventDefault();
|
|
var field = $(this).data('field');
|
|
if (field && _this.filterColumnsPartial) {
|
|
delete _this.filterColumnsPartial[field];
|
|
_this.options.pageNumber = 1;
|
|
_this.initSearch();
|
|
_this.updatePagination();
|
|
_this.trigger('column-advanced-search', _this.filterColumnsPartial, _this.getAdvancedSearchOperator());
|
|
|
|
_this.renderAdvancedSearchTags();
|
|
}
|
|
});
|
|
|
|
this.updateAdvancedSearchButtonState();
|
|
};
|
|
|
|
BootstrapTable.prototype.applyAdvancedSearch = function () {
|
|
var toolbarState = this.collectAdvancedSearchFormData();
|
|
|
|
this.filterColumnsPartial = toolbarState.filters;
|
|
this.setAdvancedSearchOperator(toolbarState.operator);
|
|
|
|
if (this.options.sidePagination !== 'server') {
|
|
this.options.pageNumber = 1;
|
|
this.initSearch();
|
|
this.updatePagination();
|
|
this.trigger('column-advanced-search', this.filterColumnsPartial, this.getAdvancedSearchOperator());
|
|
}
|
|
|
|
this.renderAdvancedSearchTags();
|
|
this.updateAdvancedSearchButtonState();
|
|
|
|
this.hideToolbarModal();
|
|
};
|
|
|
|
BootstrapTable.prototype.cancelAdvancedSearch = function () {
|
|
this.filterColumnsPartial = {};
|
|
this.options.pageNumber = 1;
|
|
this.initSearch();
|
|
this.updatePagination();
|
|
this.trigger('column-advanced-search', this.filterColumnsPartial, this.getAdvancedSearchOperator());
|
|
this.renderAdvancedSearchTags();
|
|
this.updateAdvancedSearchButtonState();
|
|
// Reset the form inputs so the fields appear empty when re-opened
|
|
if (this.$toolbarModal) {
|
|
this.$toolbarModal.find('.toolbar-model-form')[0] && this.$toolbarModal.find('.toolbar-model-form')[0].reset();
|
|
this.$toolbarModal.find('input[type="text"]').val('');
|
|
}
|
|
this.hideToolbarModal();
|
|
};
|
|
|
|
BootstrapTable.prototype.createToolbarForm = function () {
|
|
var filterColumnsPartial = this.filterColumnsPartial || {};
|
|
var html = [`<form class="form-horizontal toolbar-model-form" action="${this.options.actionForm}">`];
|
|
var operator = this.getAdvancedSearchOperator();
|
|
|
|
html.push('<div class="form-group row"><div class="col-sm-12"><p class="help-block"><i class="fa fa-solid fa-lightbulb text-info" aria-hidden="true"></i> {!! trans('general.search_tip') !!}</p></div></div>');
|
|
|
|
html.push(`
|
|
<div class="form-group row">
|
|
<label class="col-sm-4 control-label">${this.options.formatAdvancedSearchOperator()}</label>
|
|
<div class="col-sm-6">
|
|
<select class="form-control ${this.constants.classes.input}" name="__advanced_search_operator">
|
|
<option value="and"${operator === 'and' ? ' selected' : ''}>${advancedSearchAndText}</option>
|
|
<option value="or"${operator === 'or' ? ' selected' : ''}>${advancedSearchOrText}</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
`);
|
|
|
|
for (var columnIndex = 0; columnIndex < this.columns.length; columnIndex++) {
|
|
var column = this.columns[columnIndex];
|
|
|
|
if (!column.checkbox && column.visible && column.searchable) {
|
|
var title = $('<div/>').html(column.title).text().trim();
|
|
var value = filterColumnsPartial[column.field] || '';
|
|
|
|
html.push(`
|
|
<div class="form-group row">
|
|
<label class="col-sm-4 control-label">${title}</label>
|
|
<div class="col-sm-6">
|
|
<input
|
|
type="text"
|
|
class="form-control ${this.constants.classes.input}"
|
|
name="${column.field}"
|
|
placeholder="${escapeAdvancedSearchValue(title)}"
|
|
value="${escapeAdvancedSearchValue(value)}"
|
|
>
|
|
</div>
|
|
</div>
|
|
`);
|
|
}
|
|
}
|
|
|
|
html.push('</form>');
|
|
|
|
return html.join('');
|
|
};
|
|
|
|
BootstrapTable.prototype.initAdvancedSearchFooter = function () {
|
|
var _this = this;
|
|
var $footer = this.$toolbarModal.find('.toolbar-modal-footer');
|
|
var $templateButton = $footer.find('.toolbar-modal-close').first();
|
|
|
|
if (!this._advancedSearchFooterButtonTagName) {
|
|
this._advancedSearchFooterButtonTagName = ($templateButton.prop('tagName') || $footer.find('button,a').first().prop('tagName') || 'button').toLowerCase();
|
|
}
|
|
|
|
if (!this._advancedSearchFooterButtonBaseClass) {
|
|
var buttonClassSource = ($templateButton.attr('class') || $footer.find('button,a').first().attr('class') || '');
|
|
|
|
this._advancedSearchFooterButtonBaseClass = buttonClassSource
|
|
.replace(/\btoolbar-modal-close\b/g, '')
|
|
.replace(/\btoolbar-modal-cancel\b/g, '')
|
|
.replace(/\btoolbar-modal-search\b/g, '')
|
|
.replace(/\bpull-left\b/g, '')
|
|
.trim();
|
|
}
|
|
|
|
var tagName = this._advancedSearchFooterButtonTagName;
|
|
var baseClass = this._advancedSearchFooterButtonBaseClass;
|
|
|
|
var createFooterButton = function (text, extraClass) {
|
|
var $button = $('<' + tagName + '>').addClass($.trim(baseClass + ' ' + extraClass)).html(text);
|
|
|
|
if (tagName === 'button') {
|
|
$button.attr('type', 'button');
|
|
}
|
|
|
|
if (tagName === 'a') {
|
|
$button.attr('href', 'javascript:void(0)');
|
|
}
|
|
|
|
return $button;
|
|
};
|
|
|
|
var $cancelButton = createFooterButton(this.options.formatAdvancedCancelButton(), 'toolbar-modal-cancel');
|
|
var $searchButton = createFooterButton(this.options.formatAdvancedCloseButton(), 'toolbar-modal-search');
|
|
|
|
// Keep cancel on the left for clearer primary/secondary action separation.
|
|
$cancelButton.addClass('pull-left');
|
|
|
|
$footer.empty().append($cancelButton, $searchButton);
|
|
|
|
$cancelButton.off('click').on('click', function (event) {
|
|
event.preventDefault();
|
|
_this.cancelAdvancedSearch();
|
|
});
|
|
|
|
$searchButton.off('click').on('click', function (event) {
|
|
event.preventDefault();
|
|
_this.applyAdvancedSearch();
|
|
});
|
|
};
|
|
|
|
BootstrapTable.prototype.initToolbarModalBody = function () {
|
|
var _this = this;
|
|
|
|
this.$toolbarModal.find('.toolbar-modal-title').html(this.options.formatAdvancedSearch());
|
|
this.$toolbarModal.find('.toolbar-modal-body')
|
|
.html(this.createToolbarForm())
|
|
.off('submit', '.toolbar-model-form')
|
|
.on('submit', '.toolbar-model-form', function (event) {
|
|
event.preventDefault();
|
|
_this.applyAdvancedSearch();
|
|
});
|
|
|
|
// Let Enter keypresses reuse the same submit path so keyboard users can apply filters quickly.
|
|
this.$toolbarModal.find('.toolbar-model-form')
|
|
.off('keydown.snipeAdvancedSearch')
|
|
.on('keydown.snipeAdvancedSearch', ':input', function (event) {
|
|
if (event.key !== 'Enter' || $(event.target).is('textarea')) {
|
|
return;
|
|
}
|
|
|
|
event.preventDefault();
|
|
$(this).closest('form').trigger('submit');
|
|
});
|
|
|
|
this.initAdvancedSearchFooter();
|
|
};
|
|
|
|
BootstrapTable.prototype.initSearch = function () {
|
|
var _this = this;
|
|
|
|
baseInitSearch.apply(this, arguments);
|
|
|
|
if (!this.options.advancedSearch || this.options.sidePagination === 'server') {
|
|
return;
|
|
}
|
|
|
|
var filters = $.isEmptyObject(this.filterColumnsPartial) ? null : this.filterColumnsPartial;
|
|
|
|
if (!filters) {
|
|
return;
|
|
}
|
|
|
|
var operator = this.getAdvancedSearchOperator();
|
|
|
|
this.data = this.data.filter(function (item, index) {
|
|
var matches = [];
|
|
var matchFound = false;
|
|
var allMatched = true;
|
|
|
|
$.each(filters, function (key, value) {
|
|
var searchValue = value.toLowerCase();
|
|
var formattedValue = item[key];
|
|
var headerIndex = _this.header.fields.indexOf(key);
|
|
var isMatch;
|
|
|
|
formattedValue = $.fn.bootstrapTable.utils.calculateObjectValue(_this.header, _this.header.formatters[headerIndex], [formattedValue, item, index], formattedValue);
|
|
|
|
if (_this.header.formatters[headerIndex]) {
|
|
formattedValue = $('<div>').html(formattedValue).text();
|
|
}
|
|
|
|
isMatch = headerIndex !== -1 && (typeof formattedValue === 'string' || typeof formattedValue === 'number') && "".concat(formattedValue).toLowerCase().includes(searchValue);
|
|
|
|
matches.push(isMatch);
|
|
matchFound = matchFound || isMatch;
|
|
allMatched = allMatched && isMatch;
|
|
});
|
|
|
|
if (!matches.length) {
|
|
return true;
|
|
}
|
|
|
|
return operator === 'or' ? matchFound : allMatched;
|
|
});
|
|
|
|
this.unsortedData = this.data.slice();
|
|
};
|
|
|
|
var blockedFields = "searchable,sortable,switchable,title,visible,formatter,class".split(",");
|
|
|
|
var keyBlocked = function(key) {
|
|
for(var j in blockedFields) {
|
|
if (key === blockedFields[j]) {
|
|
return true;
|
|
}
|
|
}
|
|
return false;
|
|
}
|
|
|
|
/** This handles the responsive tab UI on v iew detail pages **/
|
|
function resize() {
|
|
if ($(window).width() < 767) {
|
|
$('.nav-tabs-dropdown').addClass('nav-justified');
|
|
$('.uploadtab').removeClass('pull-right');
|
|
|
|
}
|
|
else {
|
|
$('.nav-tabs-dropdown').removeClass('nav-justified');
|
|
$('.uploadtab').addClass('pull-right');
|
|
}
|
|
}
|
|
|
|
// Run once on initial ready (already inside top-level ready block)
|
|
resize();
|
|
|
|
// Watch for window resize events
|
|
$(window).on('resize', function () {
|
|
resize();
|
|
});
|
|
|
|
//open and close tab menu
|
|
$('.nav-tabs-dropdown').on("click", "li:not('.active') a", function (event) {
|
|
$(this).closest('ul').removeClass("open");
|
|
}).on("click", "li.active a", function (event) {
|
|
$(this).closest('ul').toggleClass("open");
|
|
});
|
|
|
|
/** End handling the responsive tab UI on view detail pages **/
|
|
|
|
$('.snipe-table').bootstrapTable('destroy').each(function () {
|
|
|
|
data_export_options = $(this).attr('data-export-options');
|
|
export_options = data_export_options ? JSON.parse(data_export_options) : {};
|
|
export_options['htmlContent'] = false; // this is already the default; but let's be explicit about it
|
|
export_options['jspdf'] = {
|
|
"orientation": "l",
|
|
"autotable": {
|
|
"styles": {
|
|
overflow: 'linebreak'
|
|
},
|
|
tableWidth: 'wrap'
|
|
}
|
|
};
|
|
// tableWidth: 'wrap',
|
|
// the following callback method is necessary to prevent XSS vulnerabilities
|
|
// (this is taken from Bootstrap Tables's default wrapper around jQuery Table Export)
|
|
export_options['onCellHtmlData'] = function (cell, rowIndex, colIndex, htmlData) {
|
|
if (cell.is('th')) {
|
|
return cell.find('.th-inner').text()
|
|
}
|
|
// Convert <br> tags to newlines so that line breaks in notes and
|
|
// textarea fields survive HTML-stripping during export
|
|
return htmlData.replace(/<br\s*\/?>/gi, '\n');
|
|
}
|
|
// Escape double quotes in hyperlink href and display text so that
|
|
// Excel HYPERLINK formulas are not corrupted when values contain "
|
|
export_options['mso'] = {
|
|
xlsx: {
|
|
onHyperlink: function (cell, row, col, href, cellText, formula) {
|
|
var escapedHref = href.replace(/"/g, '""');
|
|
var escapedText = cellText.replace(/"/g, '""');
|
|
if (escapedText.length) {
|
|
return '=HYPERLINK("' + escapedHref + '","' + escapedText + '")';
|
|
}
|
|
return '=HYPERLINK("' + escapedHref + '")';
|
|
}
|
|
}
|
|
};
|
|
|
|
// This allows us to override the table defaults set below using the data-dash attributes
|
|
var table = this;
|
|
var data_with_default = function (key,default_value) {
|
|
attrib_val = $(table).data(key);
|
|
if(attrib_val !== undefined) {
|
|
return attrib_val;
|
|
}
|
|
return default_value;
|
|
}
|
|
|
|
|
|
|
|
var initialAdvancedSearchOperator = getStoredAdvancedSearchOperator() || normalizeAdvancedSearchOperator(data_with_default('advanced-search-operator', defaultAdvancedSearchOperator));
|
|
|
|
$(this).data('advanced-search-filter-operator', initialAdvancedSearchOperator);
|
|
|
|
$(this).bootstrapTable({
|
|
|
|
ajaxOptions: {
|
|
headers: {
|
|
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
|
|
}
|
|
},
|
|
// reorderableColumns: true,
|
|
// buttonsPrefix: "btn",
|
|
addrbar: {{ (config('session.bs_table_addrbar') == 'true') ? 'true' : 'false'}}, // deeplink search phrases, sorting, etc
|
|
advancedSearch: data_with_default('advanced-search', true),
|
|
advancedSearchOperator: initialAdvancedSearchOperator,
|
|
buttonsClass: "tableButton tableButton btn-theme hidden-print",
|
|
buttonsOrder: [
|
|
'columns',
|
|
'btnAdd',
|
|
'btnShowDeleted',
|
|
'btnToggleCompleted',
|
|
'btnDue',
|
|
'btnOverdue',
|
|
'btnShowAdmins',
|
|
'btnShowExpiring',
|
|
'btnShowInactive',
|
|
'refresh',
|
|
'btnExport',
|
|
'export',
|
|
'print',
|
|
'fullscreen',
|
|
'advancedSearch',
|
|
],
|
|
classes: 'table table-responsive table-striped snipe-table table-no-bordered',
|
|
clickToSelect: data_with_default('click-to-select', true),
|
|
cookie: true,
|
|
cookieExpire: '2y',
|
|
cookieStorage: '{{ config('session.bs_table_storage') }}',
|
|
iconsPrefix: 'fa',
|
|
maintainSelected: data_with_default('maintain-selected', true),
|
|
minimumCountColumns: data_with_default('minimum-count-columns', 2),
|
|
mobileResponsive: data_with_default('mobile-responsive', true),
|
|
pagination: data_with_default('pagination', true),
|
|
paginationFirstText: "{{ trans('general.first') }}",
|
|
paginationLastText: "{{ trans('general.last') }}",
|
|
paginationNextText: "{{ trans('general.next') }}",
|
|
paginationPreText: "{{ trans('general.previous') }}",
|
|
search: data_with_default('search', true),
|
|
searchText: "{{ request()->get('assetTag') ?? session()->get('search') }}", // this is needed so that people who incorrectly use the topsearch as an omnibar will not have an additional filter from BS tables
|
|
searchHighlight: data_with_default('search-highlight', true),
|
|
showColumns: data_with_default('show-columns', true),
|
|
showColumnsToggleAll: data_with_default('show-columns-toggle-all', true),
|
|
showExport: data_with_default('show-export', true),
|
|
showFullscreen: data_with_default('show-fullscreen', true),
|
|
showPrint: data_with_default('show-print', true),
|
|
showRefresh: data_with_default('show-refresh', true),
|
|
showSearchClearButton: data_with_default('show-search-clear-button', true),
|
|
sortName: data_with_default('sort-name', 'created_at'),
|
|
sortOrder: data_with_default('sort-order', 'desc'),
|
|
fixedColumns: data_with_default('fixed-columns', 'true'),
|
|
fixedRightNumber: data_with_default('fixed-right-number', '1'),
|
|
stickyHeader: true,
|
|
stickyHeaderOffsetLeft: parseInt($('body').css('padding-left'), 10),
|
|
stickyHeaderOffsetRight: parseInt($('body').css('padding-right'), 10),
|
|
trimOnSearch: false,
|
|
undefinedText: '',
|
|
pageList: ['10', '20', '30', '50', '100', '150', '200'{!! ((config('app.max_results') > 200) ? ",'500'" : '') !!}{!! ((config('app.max_results') > 500) ? ",'".config('app.max_results')."'" : '') !!}],
|
|
pageSize: {{ (($snipeSettings->per_page!='') && ($snipeSettings->per_page > 0)) ? $snipeSettings->per_page : 20 }},
|
|
paginationVAlign: 'both',
|
|
queryParams: function (params) {
|
|
var newParams = {};
|
|
for (var i in params) {
|
|
if (!keyBlocked(i)) { // only send the field if it's not in blockedFields
|
|
newParams[i] = params[i];
|
|
}
|
|
}
|
|
|
|
if (newParams.filter) {
|
|
newParams.filter_operator = $(table).data('advanced-search-filter-operator') || data_with_default('advanced-search-operator', 'and');
|
|
}
|
|
|
|
return newParams;
|
|
},
|
|
formatLoadingMessage: function () {
|
|
return '<h2><x-icon type="spinner" /> {{ trans('general.loading') }} </h2>';
|
|
},
|
|
formatAdvancedCloseButton: function () {
|
|
return advancedSearchSearchText;
|
|
},
|
|
formatAdvancedCancelButton: function () {
|
|
return $.fn.bootstrapTable.defaults.formatClearSearch();
|
|
},
|
|
formatAdvancedSearchOperator: function () {
|
|
return advancedSearchOperatorLabel;
|
|
},
|
|
icons: {
|
|
advancedSearchIcon: 'fas fa-search-plus',
|
|
paginationSwitchDown: 'fa-caret-square-o-down',
|
|
paginationSwitchUp: 'fa-caret-square-o-up',
|
|
fullscreen: 'fa-expand',
|
|
columns: 'fa-columns',
|
|
print: 'fa-print',
|
|
refresh: 'fas fa-sync-alt',
|
|
export: 'fa-download',
|
|
clearSearch: 'fa-times',
|
|
},
|
|
locale: '{{ app()->getLocale() }}',
|
|
exportOptions: export_options,
|
|
exportTypes: ['xlsx', 'csv', 'pdf', 'json', 'xml', 'txt', 'sql', 'doc'],
|
|
onLoadSuccess: function () { // possible 'fixme'? this might be for contents, not for headers?
|
|
$('[data-tooltip="true"]').tooltip(); // Needed to attach tooltips after ajax call
|
|
},
|
|
onPostHeader: function () {
|
|
var lookup = {};
|
|
var lookup_initialized = false;
|
|
var ths = $('th');
|
|
var toolbar_buttons = $('.tableButton');
|
|
|
|
ths.each(function (index, element) {
|
|
th = $(element);
|
|
//only populate the lookup table once; don't need to keep doing it.
|
|
if (!lookup_initialized) {
|
|
// th -> tr -> thead -> table
|
|
var table = th.parent().parent().parent()
|
|
var column_data = table.data('columns')
|
|
|
|
for (var column in column_data) {
|
|
lookup[column_data[column].field] = column_data[column].titleTooltip;
|
|
}
|
|
|
|
lookup_initialized = true
|
|
}
|
|
|
|
field = th.data('field'); // find fieldname this column refers to
|
|
title = lookup[field];
|
|
|
|
if (title) {
|
|
th.attr('data-toggle', 'tooltip');
|
|
th.attr('data-tooltip', 'true');
|
|
th.attr('data-placement', 'top');
|
|
th.tooltip({container: 'body', title: title});
|
|
|
|
}
|
|
});
|
|
|
|
// Add tooltips to the toolbar buttons too
|
|
toolbar_buttons.each(function (index, element) {
|
|
tableButton = $(element);
|
|
title = tableButton.attr('title');
|
|
override_class = tableButton.attr('class');
|
|
|
|
if (title) {
|
|
// Keep this commented out so that we don't interfere with the dropdown toggle for columns, etc
|
|
// tableButton.attr('data-toggle', 'tooltip');
|
|
tableButton.attr('data-tooltip', 'true');
|
|
tableButton.attr('data-placement', 'auto');
|
|
|
|
// This prevents the slight button jitter on the mouseovees on the dashboard
|
|
tableButton.tooltip({container: 'body', title: title});
|
|
|
|
// This handles the case where we want a different color button than the default
|
|
if ((override_class) && ((override_class.indexOf('btn-info') >= 0)) || (override_class.indexOf('btn-danger') >= 0)) {
|
|
tableButton.removeClass('btn-primary');
|
|
}
|
|
}
|
|
});
|
|
|
|
},
|
|
formatNoMatches: function () {
|
|
return '{{ trans('table.no_matching_records') }}';
|
|
}
|
|
|
|
});
|
|
|
|
var bootstrapTableInstance = $(this).data('bootstrap.table');
|
|
|
|
if (bootstrapTableInstance && typeof bootstrapTableInstance.renderAdvancedSearchTags === 'function') {
|
|
bootstrapTableInstance.renderAdvancedSearchTags();
|
|
}
|
|
|
|
// Add btn-advanced-search class to the advanced search button for styling
|
|
if (bootstrapTableInstance) {
|
|
// Use a small delay to ensure toolbar is fully rendered
|
|
setTimeout(function () {
|
|
var $advancedSearchBtn = bootstrapTableInstance.getAdvancedSearchButton();
|
|
if ($advancedSearchBtn.length) {
|
|
$advancedSearchBtn.addClass('btn-advanced-search');
|
|
|
|
// Add data attribute if not present
|
|
if (!$advancedSearchBtn.attr('data-toggle')) {
|
|
$advancedSearchBtn.attr('data-toggle', 'advanced-search');
|
|
}
|
|
|
|
// Initialize button state
|
|
bootstrapTableInstance.updateAdvancedSearchButtonState();
|
|
}
|
|
}, 50);
|
|
}
|
|
|
|
});
|
|
|
|
bindBulkEditSelectionHandler();
|
|
initializeBootstrapTableSearchUi();
|
|
});
|
|
|
|
|
|
// User table buttons
|
|
window.userButtons = () => ({
|
|
@can('create', \App\Models\User::class)
|
|
btnAdd: {
|
|
text: '{{ trans('general.create') }}',
|
|
icon: 'fa fa-plus',
|
|
event () {
|
|
window.location.href = '{{ route('users.create') }}';
|
|
},
|
|
attributes: {
|
|
title: '{{ trans('general.create') }}',
|
|
class: 'btn-warning',
|
|
@if ($snipeSettings->shortcuts_enabled == 1)
|
|
accesskey: 'n'
|
|
@endif
|
|
}
|
|
},
|
|
@endcan
|
|
|
|
btnExport: {
|
|
text: '{{ trans('general.export_all_to_csv') }}',
|
|
icon: 'fa-solid fa-file-csv',
|
|
event () {
|
|
window.location.href = '{{ route('users.export') }}';
|
|
},
|
|
attributes: {
|
|
title: '{{ trans('general.export_all_to_csv') }}',
|
|
}
|
|
},
|
|
|
|
btnShowAdmins: {
|
|
text: '{{ trans('general.show_admins') }}',
|
|
icon: 'fa-solid fa-crown',
|
|
event () {
|
|
window.location.href = '{{ (request()->input('admins') == "true") ? route('users.index') : route('users.index', ['admins' => 'true']) }}';
|
|
},
|
|
attributes: {
|
|
title: '{{ trans('general.show_admins') }}',
|
|
class: '{{ (request()->input('admins') == "true") ? ' btn-selected text-danger' : '' }}'
|
|
}
|
|
},
|
|
|
|
btnShowDeleted: {
|
|
text: '{{ (request()->input('status') == "deleted") ? trans('admin/users/table.show_current') : trans('admin/users/table.show_deleted') }}',
|
|
icon: 'fa-solid fa-trash',
|
|
event () {
|
|
window.location.href = '{{ (request()->input('status') == "deleted") ? route('users.index') : route('users.index', ['status' => 'deleted']) }}';
|
|
},
|
|
attributes: {
|
|
class: '{{ (request()->input('status') == "deleted") ? ' btn-selected' : '' }}',
|
|
title: '{{ (request()->input('status') == "deleted") ? trans('admin/users/table.show_current') : trans('admin/users/table.show_deleted') }}',
|
|
|
|
}
|
|
},
|
|
|
|
}); // end user table buttons
|
|
|
|
// Oauth table buttons
|
|
window.oauthButtons = () => ({
|
|
|
|
btnAdd: {
|
|
text: '{{ (request()->input('status') == "deleted") ? trans('admin/users/table.show_current') : trans('admin/users/table.show_deleted') }}',
|
|
icon: 'fa fa-plus',
|
|
attributes: {
|
|
event() {
|
|
wire:click = "$dispatch('openModal')"
|
|
onclick = "$('#modal-create-client').modal('show');"
|
|
},
|
|
|
|
title: '{{ trans('general.create') }}',
|
|
class: 'btn-warning',
|
|
@if ($snipeSettings->shortcuts_enabled == 1)
|
|
accesskey: 'n'
|
|
@endif
|
|
},
|
|
},
|
|
|
|
}); // end user table buttons
|
|
|
|
|
|
@can('create', \App\Models\Company::class)
|
|
// Company table buttons
|
|
window.companyButtons = () => ({
|
|
btnAdd: {
|
|
text: '{{ trans('general.create') }}',
|
|
icon: 'fa fa-plus',
|
|
event () {
|
|
window.location.href = '{{ route('companies.create') }}';
|
|
},
|
|
attributes: {
|
|
class: 'btn-warning',
|
|
title: '{{ trans('general.create') }}',
|
|
@if ($snipeSettings->shortcuts_enabled == 1)
|
|
accesskey: 'n'
|
|
@endif
|
|
}
|
|
},
|
|
|
|
}); // End company table buttons
|
|
@endcan
|
|
|
|
|
|
@can('create', \App\Models\Groups::class)
|
|
// Groups table buttons
|
|
window.groupButtons = () => ({
|
|
btnAdd: {
|
|
text: '{{ trans('general.create') }}',
|
|
icon: 'fa fa-plus',
|
|
event () {
|
|
window.location.href = '{{ route('groups.create') }}';
|
|
},
|
|
attributes: {
|
|
class: 'btn-warning',
|
|
title: '{{ trans('general.create') }}',
|
|
@if ($snipeSettings->shortcuts_enabled == 1)
|
|
accesskey: 'n'
|
|
@endif
|
|
}
|
|
},
|
|
|
|
}); // End Groups table buttons
|
|
@endcan
|
|
|
|
|
|
// Asset table buttons
|
|
window.assetButtons = () => ({
|
|
@can('create', \App\Models\Asset::class)
|
|
btnAdd: {
|
|
text: '{{ trans('general.create') }}',
|
|
icon: 'fa fa-plus',
|
|
event () {
|
|
window.location.href = '{{ route('hardware.create') }}';
|
|
},
|
|
attributes: {
|
|
title: '{{ trans('general.create') }}',
|
|
class: 'btn-warning',
|
|
@if ($snipeSettings->shortcuts_enabled == 1)
|
|
accesskey: 'n'
|
|
@endif
|
|
}
|
|
},
|
|
@endcan
|
|
|
|
@can('update', \App\Models\Asset::class)
|
|
btnAddMaintenance: {
|
|
text: '{{ trans('button.add_maintenance') }}',
|
|
icon: 'fa-solid fa-screwdriver-wrench',
|
|
event () {
|
|
window.location.href = '{{ route('maintenances.create', ['asset_id' => (isset($asset)) ? $asset->id :'' ]) }}';
|
|
},
|
|
attributes: {
|
|
title: '{{ trans('button.add_maintenance') }}',
|
|
}
|
|
},
|
|
@endcan
|
|
|
|
|
|
btnExport: {
|
|
text: '{{ trans('admin/hardware/general.custom_export') }}',
|
|
icon: 'fa-solid fa-file-csv',
|
|
event () {
|
|
window.location.href = '{{ route('reports/custom') }}';
|
|
},
|
|
attributes: {
|
|
title: '{{ trans('admin/hardware/general.custom_export') }}',
|
|
}
|
|
},
|
|
|
|
btnShowDeleted: {
|
|
text: '{{ (request()->input('status_type') == "Deleted") ? trans('general.list_all') : trans('general.deleted') }}',
|
|
icon: 'fa-solid fa-trash',
|
|
event () {
|
|
window.location.href = '{{ (request()->input('status_type') == "Deleted") ? route('hardware.index') : route('hardware.index', ['status_type' => 'Deleted']) }}';
|
|
},
|
|
attributes: {
|
|
class: '{{ (request()->input('status_type') == "Deleted") ? 'btn-selected' : '' }}',
|
|
title: '{{ (request()->input('status_type') == "Deleted") ? trans('general.list_all') : trans('general.deleted') }}',
|
|
|
|
}
|
|
},
|
|
});
|
|
|
|
@can('create', \App\Models\Location::class)
|
|
// Location table buttons
|
|
window.locationButtons = () => ({
|
|
btnAdd: {
|
|
text: '{{ trans('general.create') }}',
|
|
icon: 'fa fa-plus',
|
|
event () {
|
|
window.location.href = '{{ route('locations.create') }}';
|
|
},
|
|
attributes: {
|
|
class: 'btn-warning',
|
|
title: '{{ trans('general.create') }}',
|
|
@if ($snipeSettings->shortcuts_enabled == 1)
|
|
accesskey: 'n'
|
|
@endif
|
|
}
|
|
},
|
|
|
|
btnShowDeleted: {
|
|
text: '{{ (request()->input('status') == "deleted") ? trans('general.show_current') : trans('general.show_deleted') }}',
|
|
icon: 'fa-solid fa-trash',
|
|
event () {
|
|
window.location.href = '{{ (request()->input('status') == "deleted") ? route('locations.index') : route('locations.index', ['status' => 'deleted']) }}';
|
|
},
|
|
attributes: {
|
|
class: '{{ (request()->input('status') == "deleted") ? 'btn-selected' : '' }}',
|
|
title: '{{ (request()->input('status') == "deleted") ? trans('general.show_current') : trans('general.show_deleted') }}',
|
|
|
|
}
|
|
},
|
|
});
|
|
@endcan
|
|
|
|
@can('create', \App\Models\Accessory::class)
|
|
// Accessory table buttons
|
|
window.accessoryButtons = () => ({
|
|
btnAdd: {
|
|
text: '{{ trans('general.create') }}',
|
|
icon: 'fa fa-plus',
|
|
event () {
|
|
window.location.href = '{{ route('accessories.create') }}';
|
|
},
|
|
attributes: {
|
|
class: 'btn-warning',
|
|
title: '{{ trans('general.create') }}',
|
|
@if ($snipeSettings->shortcuts_enabled == 1)
|
|
accesskey: 'n'
|
|
@endif
|
|
}
|
|
},
|
|
});
|
|
@endcan
|
|
|
|
@can('create', \App\Models\Depreciation::class)
|
|
// Accessory table buttons
|
|
window.depreciationButtons = () => ({
|
|
btnAdd: {
|
|
text: '{{ trans('general.create') }}',
|
|
icon: 'fa fa-plus',
|
|
event () {
|
|
window.location.href = '{{ route('depreciations.create') }}';
|
|
},
|
|
attributes: {
|
|
class: 'btn-warning',
|
|
title: '{{ trans('general.create') }}',
|
|
@if ($snipeSettings->shortcuts_enabled == 1)
|
|
accesskey: 'n'
|
|
@endif
|
|
}
|
|
},
|
|
});
|
|
@endcan
|
|
|
|
@can('create', \App\Models\CustomField::class)
|
|
// Accessory table buttons
|
|
window.customFieldButtons = () => ({
|
|
btnAdd: {
|
|
text: '{{ trans('general.create') }}',
|
|
icon: 'fa fa-plus',
|
|
event () {
|
|
window.location.href = '{{ route('fields.create') }}';
|
|
},
|
|
attributes: {
|
|
class: 'btn-warning',
|
|
title: '{{ trans('general.create') }}',
|
|
@if ($snipeSettings->shortcuts_enabled == 1)
|
|
accesskey: 'n'
|
|
@endif
|
|
}
|
|
},
|
|
});
|
|
@endcan
|
|
|
|
|
|
@can('create', \App\Models\CustomFieldset::class)
|
|
// Accessory table buttons
|
|
window.customFieldsetButtons = () => ({
|
|
btnAdd: {
|
|
text: '{{ trans('general.create') }}',
|
|
icon: 'fa fa-plus',
|
|
event () {
|
|
window.location.href = '{{ route('fieldsets.create') }}';
|
|
},
|
|
attributes: {
|
|
class: 'btn-warning',
|
|
title: '{{ trans('general.create') }}',
|
|
@if ($snipeSettings->shortcuts_enabled == 1)
|
|
accesskey: 'n'
|
|
@endif
|
|
}
|
|
},
|
|
});
|
|
@endcan
|
|
|
|
@can('create', \App\Models\Component::class)
|
|
// Compoment table buttons
|
|
window.componentButtons = () => ({
|
|
btnAdd: {
|
|
text: '{{ trans('general.create') }}',
|
|
icon: 'fa fa-plus',
|
|
event () {
|
|
window.location.href = '{{ route('components.create') }}';
|
|
},
|
|
attributes: {
|
|
class: 'btn-warning',
|
|
title: '{{ trans('general.create') }}',
|
|
@if ($snipeSettings->shortcuts_enabled == 1)
|
|
accesskey: 'n'
|
|
@endif
|
|
}
|
|
},
|
|
});
|
|
@endcan
|
|
|
|
@can('create', \App\Models\Consumable::class)
|
|
// Consumable table buttons
|
|
window.consumableButtons = () => ({
|
|
btnAdd: {
|
|
text: '{{ trans('general.create') }}',
|
|
icon: 'fa fa-plus',
|
|
event () {
|
|
window.location.href = '{{ route('consumables.create') }}';
|
|
},
|
|
attributes: {
|
|
class: 'btn-warning',
|
|
title: '{{ trans('general.create') }}',
|
|
@if ($snipeSettings->shortcuts_enabled == 1)
|
|
accesskey: 'n'
|
|
@endif
|
|
}
|
|
},
|
|
});
|
|
@endcan
|
|
|
|
@can('create', \App\Models\Manufacturer::class)
|
|
// Manufacturer table buttons
|
|
window.manufacturerButtons = () => ({
|
|
btnAdd: {
|
|
text: '{{ trans('general.create') }}',
|
|
icon: 'fa fa-plus',
|
|
event () {
|
|
window.location.href = '{{ route('manufacturers.create') }}';
|
|
},
|
|
attributes: {
|
|
class: 'btn-warning',
|
|
title: '{{ trans('general.create') }}',
|
|
@if ($snipeSettings->shortcuts_enabled == 1)
|
|
accesskey: 'n'
|
|
@endif
|
|
},
|
|
},
|
|
|
|
btnShowDeleted: {
|
|
text: '{{ (request()->input('status') == "Deleted") ? trans('general.list_all') : trans('general.deleted') }}',
|
|
icon: 'fa-solid fa-trash',
|
|
event () {
|
|
window.location.href = '{{ (request()->input('status') == "deleted") ? route('manufacturers.index') : route('manufacturers.index', ['status' => 'deleted']) }}';
|
|
},
|
|
attributes: {
|
|
class: '{{ (request()->input('status') == "deleted") ? 'btn-selected' : '' }}',
|
|
title: '{{ (request()->input('status') == "deleted") ? trans('general.list_all') : trans('general.deleted') }}',
|
|
|
|
}
|
|
},
|
|
});
|
|
@endcan
|
|
|
|
@can('create', \App\Models\Supplier::class)
|
|
// Consumable table buttons
|
|
window.supplierButtons = () => ({
|
|
btnAdd: {
|
|
text: '{{ trans('general.create') }}',
|
|
icon: 'fa fa-plus',
|
|
event () {
|
|
window.location.href = '{{ route('suppliers.create') }}';
|
|
},
|
|
attributes: {
|
|
class: 'btn-warning',
|
|
title: '{{ trans('general.create') }}',
|
|
@if ($snipeSettings->shortcuts_enabled == 1)
|
|
accesskey: 'n'
|
|
@endif
|
|
}
|
|
},
|
|
});
|
|
@endcan
|
|
|
|
@can('create', \App\Models\Department::class)
|
|
// Department table buttons
|
|
window.departmentButtons = () => ({
|
|
btnAdd: {
|
|
text: '{{ trans('general.create') }}',
|
|
icon: 'fa fa-plus',
|
|
event () {
|
|
window.location.href = '{{ route('departments.create') }}';
|
|
},
|
|
attributes: {
|
|
class: 'btn-warning',
|
|
title: '{{ trans('general.create') }}',
|
|
@if ($snipeSettings->shortcuts_enabled == 1)
|
|
accesskey: 'n'
|
|
@endif
|
|
}
|
|
},
|
|
});
|
|
@endcan
|
|
|
|
@can('create', \App\Models\Department::class)
|
|
// Custom Field table buttons
|
|
window.departmentButtons = () => ({
|
|
btnAdd: {
|
|
text: '{{ trans('general.create') }}',
|
|
icon: 'fa fa-plus',
|
|
event () {
|
|
window.location.href = '{{ route('departments.create') }}';
|
|
},
|
|
attributes: {
|
|
class: 'btn-warning',
|
|
title: '{{ trans('general.create') }}',
|
|
@if ($snipeSettings->shortcuts_enabled == 1)
|
|
accesskey: 'n'
|
|
@endif
|
|
}
|
|
},
|
|
});
|
|
@endcan
|
|
|
|
@can('update', \App\Models\Asset::class)
|
|
// Custom Field table buttons
|
|
window.maintenanceButtons = () => ({
|
|
btnAdd: {
|
|
text: '{{ trans('general.create') }}',
|
|
icon: 'fa fa-plus',
|
|
event () {
|
|
window.location.href = '{{ route('maintenances.create', ['asset_id' => (isset($asset)) ? $asset->id :'' ]) }}';
|
|
},
|
|
attributes: {
|
|
class: 'btn-warning',
|
|
title: '{{ trans('button.add_maintenance') }}',
|
|
@if ($snipeSettings->shortcuts_enabled == 1)
|
|
accesskey: 'n'
|
|
@endif
|
|
}
|
|
},
|
|
btnToggleCompleted: {
|
|
text: '{{ request()->input('completed', 'false') === 'true' ? trans('admin/maintenances/general.show_active') : trans('admin/maintenances/general.show_completed') }}',
|
|
icon: 'fa-regular fa-square-check',
|
|
event() {
|
|
var isShowingCompleted = '{{ request()->input('completed', 'false') }}' === 'true';
|
|
window.location.href = '{{ route('maintenances.index') }}?completed=' + (isShowingCompleted ? 'false' : 'true');
|
|
},
|
|
attributes: {
|
|
class: '{{ request()->input('completed', 'false') === 'true' ? 'btn-selected' : '' }}',
|
|
title: '{{ request()->input('completed', 'false') === 'true' ? trans('admin/maintenances/general.show_active') : trans('admin/maintenances/general.show_completed') }}',
|
|
},
|
|
},
|
|
|
|
btnDue: {
|
|
text: '{{ trans('admin/maintenances/general.due') }}',
|
|
icon: 'fa-regular fa-clock',
|
|
event() {
|
|
var isActive = '{{ request()->input('upcoming_status') }}' === 'due';
|
|
window.location.href = '{{ route('maintenances.index') }}' + (isActive ? '' : '?upcoming_status=due');
|
|
},
|
|
attributes: {
|
|
class: '{{ request()->input('upcoming_status') === 'due' ? 'btn-selected' : '' }}',
|
|
title: '{{ trans('admin/maintenances/general.due') }}',
|
|
},
|
|
},
|
|
|
|
btnOverdue: {
|
|
text: '{{ trans('admin/maintenances/general.overdue') }}',
|
|
icon: 'fa-solid fa-triangle-exclamation',
|
|
event() {
|
|
var isActive = '{{ request()->input('upcoming_status') }}' === 'overdue';
|
|
window.location.href = '{{ route('maintenances.index') }}' + (isActive ? '' : '?upcoming_status=overdue');
|
|
},
|
|
attributes: {
|
|
class: '{{ request()->input('upcoming_status') === 'overdue' ? 'btn-selected' : '' }}',
|
|
title: '{{ trans('admin/maintenances/general.overdue') }}',
|
|
},
|
|
},
|
|
});
|
|
@endcan
|
|
|
|
@can('create', \App\Models\Category::class)
|
|
// Custom Field table buttons
|
|
window.categoryButtons = () => ({
|
|
btnAdd: {
|
|
text: '{{ trans('general.create') }}',
|
|
icon: 'fa fa-plus',
|
|
event () {
|
|
window.location.href = '{{ route('categories.create') }}';
|
|
},
|
|
attributes: {
|
|
class: 'btn-warning',
|
|
title: '{{ trans('general.create') }}',
|
|
@if ($snipeSettings->shortcuts_enabled == 1)
|
|
accesskey: 'n'
|
|
@endif
|
|
}
|
|
},
|
|
});
|
|
@endcan
|
|
|
|
@can('create', \App\Models\PredefinedKit::class)
|
|
// Custom Field table buttons
|
|
window.kitButtons = () => ({
|
|
btnAdd: {
|
|
text: '{{ trans('general.create') }}',
|
|
icon: 'fa fa-plus',
|
|
event () {
|
|
window.location.href = '{{ route('kits.create') }}';
|
|
},
|
|
attributes: {
|
|
class: 'btn-warning',
|
|
title: '{{ trans('general.create') }}',
|
|
@if ($snipeSettings->shortcuts_enabled == 1)
|
|
accesskey: 'n'
|
|
@endif
|
|
}
|
|
},
|
|
});
|
|
@endcan
|
|
|
|
@can('create', \App\Models\AssetModel::class)
|
|
// Custom Field table buttons
|
|
window.modelButtons = () => ({
|
|
btnAdd: {
|
|
text: '{{ trans('general.create') }}',
|
|
icon: 'fa fa-plus',
|
|
event () {
|
|
window.location.href = '{{ route('models.create') }}';
|
|
},
|
|
attributes: {
|
|
class: 'btn-warning',
|
|
title: '{{ trans('general.create') }}',
|
|
@if ($snipeSettings->shortcuts_enabled == 1)
|
|
accesskey: 'n'
|
|
@endif
|
|
}
|
|
},
|
|
btnShowDeleted: {
|
|
text: '{{ (request()->input('status') == "deleted") ? trans('general.list_all') : trans('general.deleted') }}',
|
|
icon: 'fa-solid fa-trash',
|
|
event () {
|
|
window.location.href = '{{ (request()->input('status') == "deleted") ? route('models.index') : route('models.index', ['status' => 'deleted']) }}';
|
|
},
|
|
attributes: {
|
|
class: '{{ (request()->input('status') == "deleted") ? ' btn-selected' : '' }}',
|
|
title: '{{ (request()->input('status') == "deleted") ? trans('general.list_all') : trans('general.deleted') }}',
|
|
|
|
}
|
|
},
|
|
});
|
|
@endcan
|
|
|
|
@can('create', \App\Models\Statuslabel::class)
|
|
// Status label table buttons
|
|
window.statuslabelButtons = () => ({
|
|
btnAdd: {
|
|
text: '{{ trans('general.create') }}',
|
|
icon: 'fa fa-plus',
|
|
event () {
|
|
window.location.href = '{{ route('statuslabels.create') }}';
|
|
},
|
|
attributes: {
|
|
class: 'btn-info',
|
|
title: '{{ trans('general.create') }}',
|
|
@if ($snipeSettings->shortcuts_enabled == 1)
|
|
accesskey: 'n'
|
|
@endif
|
|
}
|
|
},
|
|
});
|
|
@endcan
|
|
|
|
|
|
// License table buttons
|
|
window.licenseButtons = () => ({
|
|
@can('create', \App\Models\License::class)
|
|
btnAdd: {
|
|
text: '{{ trans('general.create') }}',
|
|
icon: 'fa fa-plus',
|
|
event () {
|
|
window.location.href = '{{ route('licenses.create') }}';
|
|
},
|
|
attributes: {
|
|
class: 'btn-warning',
|
|
title: '{{ trans('general.create') }}',
|
|
@if ($snipeSettings->shortcuts_enabled == 1)
|
|
accesskey: 'n'
|
|
@endif
|
|
},
|
|
},
|
|
@endcan
|
|
|
|
btnExport: {
|
|
text: '{{ trans('general.export_all_to_csv') }}',
|
|
icon: 'fa-solid fa-file-csv',
|
|
event () {
|
|
window.location.href = '{{ route('licenses.export', ['category_id' => (isset($category)) ? $category->id :'' ]) }}';
|
|
},
|
|
attributes: {
|
|
title: '{{ trans('general.export_all_to_csv') }}',
|
|
}
|
|
},
|
|
|
|
btnShowExpiring: {
|
|
text: '{{ (request()->input('status') == "expiring") ? trans('general.list_all') : trans('general.show_expiring') }}',
|
|
icon: 'fas fa-clock',
|
|
event () {
|
|
window.location.href = '{{ (request()->input('status') == "expiring") ? route('licenses.index') : route('licenses.index', ['status' => 'expiring']) }}';
|
|
},
|
|
attributes: {
|
|
class: "{{ (request()->input('status') == "expiring") ? ' btn-warning' : '' }}",
|
|
title: '{{ (request()->input('status') == "expiring") ? trans('general.list_all') : trans('general.show_expiring') }}',
|
|
|
|
}
|
|
},
|
|
|
|
btnShowInactive: {
|
|
text: '{{ (request()->input('status') == "inactive") ? trans('general.list_all') : trans('general.show_inactive') }}',
|
|
icon: 'fas fa-history',
|
|
event () {
|
|
window.location.href = '{{ (request()->input('status') == "inactive") ? route('licenses.index') : route('licenses.index', ['status' => 'inactive']) }}';
|
|
},
|
|
attributes: {
|
|
class: "{{ (request()->input('status') == "inactive") ? ' btn-warning' : '' }}",
|
|
title: '{{ (request()->input('status') == "inactive") ? trans('general.list_all') : trans('general.show_inactive') }}',
|
|
|
|
}
|
|
},
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
function dateRowCheckStyle(value) {
|
|
if ((value.days_to_next_audit) && (value.days_to_next_audit < {{ $snipeSettings->audit_warning_days ?: 0 }})) {
|
|
return { classes : "danger" }
|
|
}
|
|
return {};
|
|
}
|
|
|
|
|
|
// Use document.getElementById and DOM/jQuery element constructors throughout this block
|
|
// rather than jQuery selector parsing or HTML string concatenation. The countId value
|
|
// originates from a data attribute that may contain stored user input (e.g. a manufacturer
|
|
// or supplier name), and jQuery decodes HTML entities in data attributes before returning
|
|
// them to JS. Concatenating a decoded attacker-controlled value into an HTML string passed
|
|
// to .after() would allow stored XSS; setting it via DOM APIs treats it as plain text.
|
|
function updateSelectedCount(table) {
|
|
var countId = $(table).data('selected-count-id');
|
|
if (!countId) return;
|
|
var rawCountId = countId.charAt(0) === '#' ? countId.substring(1) : countId;
|
|
if (!rawCountId) return;
|
|
var el = document.getElementById(rawCountId);
|
|
if (!el) return;
|
|
var count = $(table).bootstrapTable('getSelections').length;
|
|
$(el).find('.badge').text(count);
|
|
if (count > 0) {
|
|
$(el).show();
|
|
} else {
|
|
$(el).hide();
|
|
}
|
|
}
|
|
|
|
$('.snipe-table').on('post-body.bs.table', function () {
|
|
var countId = $(this).data('selected-count-id');
|
|
if (!countId) return;
|
|
var rawCountId = countId.charAt(0) === '#' ? countId.substring(1) : countId;
|
|
if (!rawCountId) return;
|
|
var $paginationDetail = $(this).closest('.bootstrap-table')
|
|
.find('.fixed-table-pagination').first()
|
|
.find('.pagination-detail');
|
|
if ($paginationDetail.length && !document.getElementById(rawCountId)) {
|
|
var $selectedCount = $('<span/>', {
|
|
id: rawCountId,
|
|
style: 'display:none; float:left; margin-top:10px; margin-bottom:10px; margin-left:10px; line-height:34px;'
|
|
});
|
|
$selectedCount.append(document.createTextNode('— '));
|
|
$selectedCount.append($('<span/>', { 'class': 'badge', text: '0' }));
|
|
$selectedCount.append(document.createTextNode(' {{ trans('general.selected') }}'));
|
|
$paginationDetail.after($selectedCount);
|
|
}
|
|
updateSelectedCount(this);
|
|
});
|
|
|
|
// These methods dynamically add/remove hidden input values in the bulk actions form
|
|
$('.snipe-table').on('check.bs.table .btSelectItem', function (row, $element) {
|
|
var buttonName = $(this).data('bulk-button-id');
|
|
var tableId = $(this).data('id-table');
|
|
|
|
$(buttonName).removeAttr('disabled');
|
|
$(buttonName).after($('<input/>', {
|
|
id: tableId + '_checkbox_' + $element.id,
|
|
type: 'hidden',
|
|
name: 'ids[]',
|
|
value: $element.id
|
|
}));
|
|
updateSelectedCount(this);
|
|
});
|
|
|
|
$('.snipe-table').on('check-all.bs.table', function (event, rowsAfter) {
|
|
|
|
var buttonName = $(this).data('bulk-button-id');
|
|
var tableId = $(this).data('id-table');
|
|
|
|
for (var i in rowsAfter) {
|
|
// Do not select things that were already selected
|
|
if (!document.getElementById(tableId + '_checkbox_' + rowsAfter[i].id)) {
|
|
$(buttonName).after($('<input/>', {
|
|
id: tableId + '_checkbox_' + rowsAfter[i].id,
|
|
type: 'hidden',
|
|
name: 'ids[]',
|
|
value: rowsAfter[i].id
|
|
}));
|
|
}
|
|
}
|
|
|
|
if ($(this).bootstrapTable('getSelections').length > 0) {
|
|
$(buttonName).removeAttr('disabled');
|
|
}
|
|
updateSelectedCount(this);
|
|
});
|
|
|
|
|
|
$('.snipe-table').on('uncheck.bs.table .btSelectItem', function (row, $element) {
|
|
var tableId = $(this).data('id-table');
|
|
$( "#" + tableId + "_checkbox_" + $element.id).remove();
|
|
updateSelectedCount(this);
|
|
});
|
|
|
|
|
|
// Handle whether the edit button should be disabled
|
|
$('.snipe-table').on('uncheck.bs.table', function () {
|
|
var buttonName = $(this).data('bulk-button-id');
|
|
|
|
if ($(this).bootstrapTable('getSelections').length == 0) {
|
|
|
|
$(buttonName).attr('disabled', 'disabled');
|
|
}
|
|
});
|
|
|
|
$('.snipe-table').on('uncheck-all.bs.table', function (event, rowsAfter, rowsBefore) {
|
|
|
|
var buttonName = $(this).data('bulk-button-id');
|
|
$(buttonName).attr('disabled', 'disabled');
|
|
var tableId = $(this).data('id-table');
|
|
|
|
for (var i in rowsBefore) {
|
|
$('#' + tableId + "_checkbox_" + rowsBefore[i].id).remove();
|
|
}
|
|
updateSelectedCount(this);
|
|
|
|
});
|
|
|
|
// Initialize sort-order for bulk actions (label-generation) for snipe-tables
|
|
$('.snipe-table').each(function (i, table) {
|
|
table_cookie_segment = $(table).data('cookie-id-table');
|
|
sort = '';
|
|
order = '';
|
|
cookies = document.cookie.split(";");
|
|
for(i in cookies) {
|
|
cookiedef = cookies[i].split("=", 2);
|
|
cookiedef[0] = cookiedef[0].trim();
|
|
if (cookiedef[0] == table_cookie_segment + ".bs.table.sortOrder") {
|
|
order = cookiedef[1];
|
|
}
|
|
if (cookiedef[0] == table_cookie_segment + ".bs.table.sortName") {
|
|
sort = cookiedef[1];
|
|
}
|
|
}
|
|
if (sort && order) {
|
|
domnode = $($(this).data('bulk-form-id')).get(0);
|
|
if ( domnode && domnode.elements && domnode.elements.sort ) {
|
|
domnode.elements.sort.value = sort;
|
|
domnode.elements.order.value = order;
|
|
}
|
|
}
|
|
});
|
|
|
|
// If sort order changes, update the sort-order for bulk-actions (for label-generation)
|
|
$('.snipe-table').on('sort.bs.table', function (event, name, order) {
|
|
domnode = $($(this).data('bulk-form-id')).get(0);
|
|
// make safe in case there isn't a bulk-form-id, or it's not found, or has no 'sort' element
|
|
if ( domnode && domnode.elements && domnode.elements.sort ) {
|
|
domnode.elements.sort.value = name;
|
|
domnode.elements.order.value = order;
|
|
}
|
|
});
|
|
|
|
|
|
// This specifies the footer columns that should have special styles associated
|
|
// (usually numbers)
|
|
window.footerStyle = column => ({
|
|
remaining: {
|
|
classes: 'text-padding-number-footer-cell'
|
|
},
|
|
qty: {
|
|
classes: 'text-padding-number-footer-cell',
|
|
},
|
|
purchase_cost: {
|
|
classes: 'text-padding-number-footer-cell'
|
|
},
|
|
checkouts_count: {
|
|
classes: 'text-padding-number-footer-cell'
|
|
},
|
|
assets_count: {
|
|
classes: 'text-padding-number-footer-cell'
|
|
},
|
|
seats: {
|
|
classes: 'text-padding-number-footer-cell'
|
|
},
|
|
free_seats_count: {
|
|
classes: 'text-padding-number-footer-cell'
|
|
},
|
|
}[column.field]);
|
|
|
|
|
|
|
|
|
|
// This only works for model index pages because it uses the row's model ID
|
|
function genericRowLinkFormatter(destination) {
|
|
return function (value,row) {
|
|
|
|
if ((row) && (row.tag_color) && (row.tag_color!='') && (row.tag_color!=undefined)) {
|
|
var tag_icon = '<i class="fa-solid fa-square" style="color: ' + row.tag_color + ';" aria-hidden="true"></i> ';
|
|
} else {
|
|
var tag_icon = '';
|
|
}
|
|
|
|
if (value) {
|
|
return '<span style="white-space:nowrap;">' + tag_icon + '<a href="{{ config('app.url') }}/' + destination + '/' + row.id + '">' + value + '</a></span>';
|
|
}
|
|
};
|
|
}
|
|
|
|
|
|
|
|
// This is a special formatter that will indicate whether a user is an admin or superadmin
|
|
function usernameRoleLinkFormatter(value, row) {
|
|
|
|
if ((value) && (row)) {
|
|
|
|
if (row.role === 'superadmin') {
|
|
return '<span style="white-space: nowrap" data-tooltip="true" title="{{ trans('general.superuser_tooltip') }}"><x-icon type="superadmin" title="{{ trans('general.superuser') }}" class="text-danger" /> <a href="{{ config('app.url') }}/users/' + row.id + '">' + value + '</a></span>';
|
|
} else if (row.role === 'admin') {
|
|
return '<span style="white-space: nowrap" data-tooltip="true" title="{{ trans('general.admin_tooltip') }}"><x-icon type="superadmin" title="{{ trans('general.admin_user') }}" class="text-warning" /> <a href="{{ config('app.url') }}/users/' + row.id + '">' + value + '</a></span>';
|
|
}
|
|
|
|
// Regular user
|
|
return '<a href="{{ config('app.url') }}/users/' + row.id + '">' + value + '</a>';
|
|
}
|
|
|
|
}
|
|
|
|
function progressBarFormatter(value) {
|
|
var bar_color = 'danger';
|
|
|
|
if (value <= 25) {
|
|
bar_color = 'danger';
|
|
}
|
|
else if (value <= 75) {
|
|
bar_color = 'warning';
|
|
}
|
|
else if (value <= 100) {
|
|
bar_color = 'success';
|
|
}
|
|
return '<div class="progress progress-sm" data-tooltip="true" title="' + value + '%"><div class="progress-bar progress-bar-' + bar_color + '" role="progressbar" aria-valuenow="' + value + '" aria-valuemin="0" aria-valuemax="100" style="width: ' + value + '%; min-width: 0em;"></div></div>';
|
|
}
|
|
|
|
// Use this when we're introspecting into a column object and need to link
|
|
function genericColumnObjLinkFormatter(destination) {
|
|
return function (value,row) {
|
|
if ((value) && (value.status_meta)) {
|
|
|
|
var text_color;
|
|
var icon_style;
|
|
var text_help;
|
|
var status_meta = {
|
|
'deployed': '{{ strtolower(trans('general.deployed')) }}',
|
|
'deployable': '{{ strtolower(trans('admin/hardware/general.deployable')) }}',
|
|
'archived': '{{ strtolower(trans('general.archived')) }}',
|
|
'undeployable': '{{ strtolower(trans('general.undeployable')) }}',
|
|
'pending': '{{ strtolower(trans('general.pending')) }}'
|
|
}
|
|
|
|
switch (value.status_meta) {
|
|
case 'deployed':
|
|
text_color = 'blue';
|
|
icon_style = 'fa-circle';
|
|
text_help = '<label class="label label-default">{{ trans('general.deployed') }}</label>';
|
|
break;
|
|
case 'deployable':
|
|
text_color = 'green';
|
|
icon_style = 'fa-circle';
|
|
text_help = '';
|
|
break;
|
|
case 'pending':
|
|
text_color = 'orange';
|
|
icon_style = 'fa-circle';
|
|
text_help = '';
|
|
break;
|
|
default:
|
|
text_color = 'red';
|
|
icon_style = 'fa-times';
|
|
text_help = '';
|
|
}
|
|
|
|
return '<nobr><a href="{{ config('app.url') }}/' + destination + '/' + value.id + '" data-tooltip="true" title="'+ status_meta[value.status_meta] + '"> <i class="fa ' + icon_style + ' text-' + text_color + '"></i> ' + value.name + ' ' + text_help + ' </a> </nobr>';
|
|
} else if ((value) && (value.name)) {
|
|
|
|
// Add some overrides for any funny urls we have
|
|
var dest = destination;
|
|
var tag_color;
|
|
var polymorphicItemFormatterDest = '';
|
|
|
|
|
|
|
|
if (destination == 'fieldsets') {
|
|
var polymorphicItemFormatterDest = 'fields/';
|
|
}
|
|
|
|
// Handle the preceding icon if a tag_color is given in the API response
|
|
if ((value.tag_color) && (value.tag_color!='')) {
|
|
var tag_icon = '<i class="fa-solid fa-square" style="color: ' + value.tag_color + ';" aria-hidden="true"></i>';
|
|
} else {
|
|
var tag_icon = '';
|
|
}
|
|
|
|
return '<nobr>'+ tag_icon + ' <a href="{{ config('app.url') }}/' + polymorphicItemFormatterDest + dest + '/' + value.id + '">' + value.name + '</a></span>';
|
|
}
|
|
};
|
|
}
|
|
|
|
|
|
function colorTagFormatter(value, row) {
|
|
if (value) {
|
|
return '<i class="fa-solid fa-square" style="color: ' + value + ';" aria-hidden="true"></i> ' + value;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
function licenseKeyFormatter(value, row) {
|
|
if (value) {
|
|
return '<code class="single-line"><span class="js-copy-link" data-clipboard-target=".js-copy-key-' + row.id + '" aria-hidden="true" data-tooltip="true" data-placement="top" title="{{ trans('general.copy_to_clipboard') }}"><span class="js-copy-key-' + row.id + '">' + value + '</span></span></code>';
|
|
}
|
|
}
|
|
|
|
|
|
|
|
function hardwareAuditFormatter(value, row) {
|
|
return '<a href="{{ config('app.url') }}/hardware/' + row.id + '/audit" class="actions btn btn-sm btn-primary hidden-print" data-tooltip="true" title="{{ trans('general.audit') }}"><x-icon type="audit" /><span class="sr-only">{{ trans('general.audit') }}</span></a> ';
|
|
}
|
|
|
|
|
|
|
|
|
|
// Make the edit/delete buttons
|
|
function genericActionsFormatter(owner_name, element_name) {
|
|
if (!element_name) {
|
|
element_name = '';
|
|
}
|
|
|
|
|
|
return function (value,row) {
|
|
var actions = '<nobr>';
|
|
|
|
// Add some overrides for any funny urls we have
|
|
var dest = owner_name;
|
|
|
|
if (dest =='groups') {
|
|
var dest = 'admin/groups';
|
|
}
|
|
|
|
|
|
if(element_name != '') {
|
|
dest = dest + '/' + row.owner_id + '/' + element_name;
|
|
}
|
|
|
|
if ((row.available_actions) && (row.available_actions.create_asset === true)) {
|
|
actions += '<a href="{{ config('app.url') }}/hardware/create?model_id=' + row.id + '" class="actions btn btn-sm btn-info hidden-print" data-tooltip="true" title="{{ trans('general.new_asset') }}"><x-icon type="plus" class="fa-fw" /><span class="sr-only">{{ trans('general.new_asset') }}</span></a> ';
|
|
}
|
|
|
|
if ((row.available_actions) && (row.available_actions.clone === true)) {
|
|
actions += '<a href="{{ config('app.url') }}/' + dest + '/' + row.id + '/clone" class="actions btn btn-sm btn-info hidden-print" data-tooltip="true" title="{{ trans('general.clone_item') }}"><x-icon type="clone" class="fa-fw" /><span class="sr-only">{{ trans('general.clone_item') }}</span></a> ';
|
|
}
|
|
|
|
if ((row.available_actions) && (row.available_actions.audit === true)) {
|
|
actions += '<a href="{{ config('app.url') }}/' + dest + '/' + row.id + '/audit" class="actions btn btn-sm btn-primary hidden-print" data-tooltip="true" title="{{ trans('general.audit') }}"><x-icon type="audit" class="fa-fw" /><span class="sr-only">{{ trans('general.audit') }}</span></a> ';
|
|
}
|
|
|
|
if ((row.available_actions) && (row.available_actions.update === true)) {
|
|
actions += '<a href="{{ config('app.url') }}/' + dest + '/' + row.id + '/edit" class="actions btn btn-sm btn-warning hidden-print" data-tooltip="true" title="{{ trans('general.update') }}"><x-icon type="edit" class="fa-fw" /><span class="sr-only">{{ trans('general.update') }}</span></a> ';
|
|
} else {
|
|
if ((row.available_actions) && (row.available_actions.update != true)) {
|
|
actions += '<span data-tooltip="true" title="{{ trans('general.cannot_be_edited') }}"><a class="btn btn-warning btn-sm disabled" onClick="return false;"><x-icon type="edit" class="fa-fw" /></a></span> ';
|
|
}
|
|
}
|
|
|
|
if ((row.available_actions) && (row.available_actions.delete === true)) {
|
|
|
|
// use the asset tag if no name is provided
|
|
|
|
if (row.name) {
|
|
var name_for_box = row.name
|
|
} else if (row.asset_tag) {
|
|
var name_for_box = row.asset_tag
|
|
}
|
|
|
|
|
|
|
|
actions += '<a href="{{ config('app.url') }}/' + dest + '/' + row.id + '" '
|
|
+ ' class="actions btn btn-danger btn-sm delete-asset hidden-print" data-tooltip="true" '
|
|
+ ' data-toggle="modal" data-icon="fa-trash"'
|
|
+ ' data-content="{{ trans('general.sure_to_delete') }}: ' + name_for_box + '?" '
|
|
+ ' data-title="{{ trans('general.delete') }}" onClick="return false;">'
|
|
+ '<x-icon type="delete" class="fa-fw" /><span class="sr-only">{{ trans('general.delete') }}</span></a> ';
|
|
} else {
|
|
// Do not show the delete button on things that are already deleted
|
|
if ((row.available_actions) && (row.available_actions.restore != true)) {
|
|
actions += '<span data-tooltip="true" title="{{ trans('general.cannot_be_deleted') }}"><a class="btn btn-danger btn-sm delete-asset disabled hidden-print" onClick="return false;"><x-icon type="delete" class="fa-fw" /><span class="sr-only">{{ trans('general.cannot_be_deleted') }}</span></a></span> ';
|
|
}
|
|
|
|
}
|
|
|
|
|
|
if ((row.available_actions) && (row.available_actions.restore === true)) {
|
|
actions += '<form style="display: inline;" method="POST" action="{{ config('app.url') }}/' + dest + '/' + row.id + '/restore"> ';
|
|
actions += '@csrf';
|
|
actions += '<button class="btn btn-sm btn-warning" data-tooltip="true" title="{{ trans('general.restore') }}"><x-icon type="restore" class="fa-fw" /><span class="sr-only">{{ trans('general.restore') }}</span></button> ';
|
|
}
|
|
|
|
actions +='</nobr>';
|
|
return actions;
|
|
|
|
};
|
|
}
|
|
|
|
|
|
// This handles the icons and display of polymorphic entries
|
|
function polymorphicItemFormatter(value) {
|
|
|
|
var item_destination = '';
|
|
var item_icon;
|
|
|
|
if ((value) && (value.type)) {
|
|
|
|
if (value.type === 'asset') {
|
|
item_destination = 'hardware';
|
|
item_icon = 'fas fa-barcode';
|
|
}
|
|
else if (value.type === 'accessory') {
|
|
item_destination = 'accessories';
|
|
item_icon = 'far fa-keyboard';
|
|
}
|
|
else if (value.type === 'component') {
|
|
item_destination = 'components';
|
|
item_icon = 'far fa-hdd';
|
|
}
|
|
else if (value.type === 'consumable') {
|
|
item_destination = 'consumables';
|
|
item_icon = 'fas fa-tint';
|
|
}
|
|
else if (value.type === 'license') {
|
|
item_destination = 'licenses';
|
|
item_icon = 'far fa-save';
|
|
}
|
|
else if (value.type === 'user') {
|
|
item_destination = 'users';
|
|
item_icon = 'fas fa-user';
|
|
}
|
|
else if (value.type === 'location') {
|
|
item_destination = 'locations'
|
|
item_icon = 'fas fa-map-marker-alt';
|
|
}
|
|
else if (value.type === 'maintenance') {
|
|
item_destination = 'maintenances'
|
|
item_icon = 'fa-solid fa-screwdriver-wrench';
|
|
}
|
|
else if (value.type === 'model') {
|
|
item_destination = 'models'
|
|
item_icon = 'fa-solid fa-boxes-stacked';
|
|
}
|
|
else if (value.type === 'supplier') {
|
|
item_destination = 'suppliers';
|
|
item_icon = 'fa-solid fa-store';
|
|
}
|
|
else if (value.type === 'department') {
|
|
item_destination = 'departments';
|
|
item_icon = 'fa-solid fa-building-user';
|
|
}
|
|
else if (value.type === 'company') {
|
|
item_destination = 'companies';
|
|
item_icon = 'fa-regular fa-building';
|
|
}
|
|
|
|
// display the username if it's checked out to a user, but don't do it if the username's there already
|
|
if (value.username && !value.name.match('\\(') && !value.name.match('\\)')) {
|
|
value.name = value.name + ' (' + value.username + ')';
|
|
}
|
|
|
|
// Show as strikethrough if it's been deleted
|
|
if (value.deleted_at && value.deleted_at != '') {
|
|
return '<nobr><span class="text-muted" data-tooltip="true" title="{{ trans('general.deleted') }} ' + value.type + '"><del><i class="' + item_icon + ' fa-fw"></i> ' + value.name + '</del></span></nobr>';
|
|
}
|
|
|
|
return '<nobr><a href="{{ config('app.url') }}/' + item_destination +'/' + value.id + '" data-tooltip="true" title="' + value.type + '"><i class="' + item_icon + ' fa-fw"></i> ' + value.name + '</a></nobr>';
|
|
|
|
} else {
|
|
return '';
|
|
}
|
|
|
|
|
|
}
|
|
|
|
// This just prints out the item type in the activity report
|
|
function itemTypeFormatter(value, row) {
|
|
|
|
if ((row) && (row.item) && (row.item.type)) {
|
|
return row.item.type;
|
|
}
|
|
}
|
|
|
|
|
|
// Convert line breaks to <br>
|
|
function notesFormatter(value) {
|
|
if (value) {
|
|
return value.replace(/(?:\r\n|\r|\n)/g, '<br />');
|
|
}
|
|
}
|
|
|
|
// Check if checkbox should be selectable
|
|
// Selectability is determined by the API field "selectable" which is set at the Presenter/API Transformer
|
|
// However since different bulk actions have different requirements, we have to walk through the available_actions object
|
|
// to determine whether to disable it
|
|
function checkboxEnabledFormatter (value, row) {
|
|
if (row.available_actions && row.available_actions.bulk_selectable) {
|
|
var values = Object.values(row.available_actions.bulk_selectable);
|
|
if (values.length > 0 && !values.some(function (v) { return v === true; })) {
|
|
return { disabled: true };
|
|
}
|
|
}
|
|
}
|
|
|
|
function licenseInOutFormatter(value, row) {
|
|
var user_can_checkout = row.available_actions && row.available_actions.user_can_checkout;
|
|
|
|
if (row.disabled === true) {
|
|
return '<span class="btn btn-sm bg-maroon btn-checkout disabled" data-tooltip="true" title="{{ trans('admin/licenses/message.checkout.license_is_inactive') }}">{{ trans('general.checkout') }}</span>';
|
|
} else if ((row.available_actions.checkout === true) && (user_can_checkout === true) && (row.disabled === false)) {
|
|
return '<a href="{{ config('app.url') }}/licenses/' + row.id + '/checkout" class="btn btn-sm bg-maroon btn-checkout" data-tooltip="true" title="{{ trans('general.checkout_tooltip') }}">{{ trans('general.checkout') }}</a>';
|
|
} else if (row.available_actions.checkout === true) {
|
|
return '<span class="btn btn-sm bg-maroon btn-checkout disabled" data-tooltip="true" title="{{ trans('admin/licenses/message.checkout.unavailable') }}">{{ trans('general.checkout') }}</span>';
|
|
}
|
|
}
|
|
// We need a special formatter for license seats, since they don't work exactly the same
|
|
// Checkouts need the license ID, checkins need the specific seat ID
|
|
|
|
function licenseSeatInOutFormatter(value, row) {
|
|
if (row.disabled && (row.assigned_user || row.assigned_asset)) {
|
|
return '<a href="{{ config('app.url') }}/licenses/' + row.id + '/checkin" class="btn btn-sm bg-purple" data-tooltip="true" title="{{ trans('general.checkin_tooltip') }}">{{ trans('general.checkin') }}</a>';
|
|
}
|
|
if (row.disabled) {
|
|
return '<a href="{{ config('app.url') }}/licenses/' + row.id + '/checkin" class="btn btn-sm bg-maroon btn-checkout disabled" data-tooltip="true" title="{{ trans('general.checkin_tooltip') }}">{{ trans('general.checkout') }}</a>';
|
|
}
|
|
// The user is allowed to check the license seat out and it's available
|
|
if ((row.available_actions.checkout === true) && (row.user_can_checkout === true) && ((!row.assigned_asset) && (!row.assigned_user))) {
|
|
return '<a href="{{ config('app.url') }}/licenses/' + row.license_id + '/checkout/'+row.id+'" class="btn btn-sm bg-maroon btn-checkout" data-tooltip="true" title="{{ trans('general.checkout_tooltip') }}">{{ trans('general.checkout') }}</a>';
|
|
}
|
|
|
|
// The user is allowed to check the license seat in and it's available
|
|
if ((row.available_actions.checkin === true) && ((row.assigned_asset) || (row.assigned_user))) {
|
|
return '<a href="{{ config('app.url') }}/licenses/' + row.id + '/checkin" class="btn btn-sm bg-purple btn-checkin" data-tooltip="true" title="{{ trans('general.checkin_tooltip') }}">{{ trans('general.checkin') }}</a>';
|
|
}
|
|
|
|
}
|
|
|
|
function genericCheckinCheckoutFormatter(destination) {
|
|
return function (value, row) {
|
|
|
|
// The user is allowed to check items out, AND the item is deployable
|
|
if ((row.available_actions.checkout == true) && (row.user_can_checkout == true) && ((!row.asset_id) && (!row.assigned_to))) {
|
|
|
|
return '<a href="{{ config('app.url') }}/' + destination + '/' + row.id + '/checkout" class="btn btn-sm bg-maroon btn-checkout" data-tooltip="true" title="{{ trans('general.checkout_tooltip') }}">{{ trans('general.checkout') }}</a>';
|
|
|
|
// The user is allowed to check items out, but the item is not able to be checked out
|
|
} else if (((row.user_can_checkout == false)) && (row.available_actions.checkout == true) && (!row.assigned_to)) {
|
|
|
|
// We use slightly different language for assets versus other things, since they are the only
|
|
// item that has a status label
|
|
if (destination =='hardware') {
|
|
return '<span data-tooltip="true" title="{{ trans('admin/hardware/general.undeployable_tooltip') }}"><a class="btn btn-sm bg-maroon btn-checkout disabled">{{ trans('general.checkout') }}</a></span>';
|
|
} else {
|
|
return '<span data-tooltip="true" title="{{ trans('general.undeployable_tooltip') }}"><a class="btn btn-sm bg-maroon btn-checkout disabled">{{ trans('general.checkout') }}</a></span>';
|
|
}
|
|
|
|
// The user is allowed to check items in
|
|
} else if (row.available_actions.checkin == true) {
|
|
if (row.assigned_to) {
|
|
return '<a href="{{ config('app.url') }}/' + destination + '/' + row.id + '/checkin" class="btn btn-sm bg-purple btn-checkin" data-tooltip="true" title="{{ trans('general.checkin_tooltip') }}">{{ trans('general.checkin') }}</a>';
|
|
} else if (row.assigned_pivot_id) {
|
|
return '<a href="{{ config('app.url') }}/' + destination + '/' + row.assigned_pivot_id + '/checkin" class="btn btn-sm bg-purple btn-checkin" data-tooltip="true" title="{{ trans('general.checkin_tooltip') }}">{{ trans('general.checkin') }}</a>';
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
// This is only used by the requestable assets section
|
|
function assetRequestActionsFormatter (row, value) {
|
|
if (value.assigned_to_self == true){
|
|
return '<button class="btn btn-danger btn-sm btn-block disabled" data-tooltip="true" title="{{ trans('admin/hardware/message.requests.cancel') }}">{{ trans('button.cancel') }}</button>';
|
|
} else if (value.available_actions.cancel == true) {
|
|
return '<form action="{{ config('app.url') }}/account/request-asset/' + value.id + '/cancel" method="POST">@csrf<button class="btn btn-danger btn-block btn-sm" data-tooltip="true" title="{{ trans('admin/hardware/message.requests.cancel') }}">{{ trans('button.cancel') }}</button></form>';
|
|
} else if (value.available_actions.request == true) {
|
|
return '<form action="{{ config('app.url') }}/account/request-asset/'+ value.id + '" method="POST">@csrf<button class="btn btn-block btn-primary btn-sm" data-tooltip="true" title="{{ trans('general.request_item') }}">{{ trans('button.request') }}</button></form>';
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
var formatters = [
|
|
'accessories',
|
|
'categories',
|
|
'companies',
|
|
'components',
|
|
'consumables',
|
|
'departments',
|
|
'depreciations',
|
|
'fieldsets',
|
|
'groups',
|
|
'hardware',
|
|
'kits',
|
|
'licenses',
|
|
'locations',
|
|
'maintenances',
|
|
'manufacturers',
|
|
'models',
|
|
'statuslabels',
|
|
'suppliers',
|
|
'users',
|
|
];
|
|
|
|
for (var i in formatters) {
|
|
window[formatters[i] + 'LinkFormatter'] = genericRowLinkFormatter(formatters[i]);
|
|
window[formatters[i] + 'LinkObjFormatter'] = genericColumnObjLinkFormatter(formatters[i]);
|
|
window[formatters[i] + 'ActionsFormatter'] = genericActionsFormatter(formatters[i]);
|
|
window[formatters[i] + 'InOutFormatter'] = genericCheckinCheckoutFormatter(formatters[i]);
|
|
}
|
|
|
|
var child_formatters = [
|
|
['kits', 'models'],
|
|
['kits', 'licenses'],
|
|
['kits', 'consumables'],
|
|
['kits', 'accessories'],
|
|
];
|
|
|
|
for (var i in child_formatters) {
|
|
var owner_name = child_formatters[i][0];
|
|
var child_name = child_formatters[i][1];
|
|
window[owner_name + '_' + child_name + 'ActionsFormatter'] = genericActionsFormatter(owner_name, child_name);
|
|
}
|
|
|
|
|
|
|
|
// This is gross, but necessary so that we can package the API response
|
|
// for custom fields in a more useful way.
|
|
function customFieldsFormatter(value, row) {
|
|
|
|
|
|
if ((!this) || (!this.title)) {
|
|
return '';
|
|
}
|
|
|
|
var field_column = this.title;
|
|
|
|
// Pull out any HTMl that might be passed via the presenter
|
|
// (for example, the locked icon for encrypted fields)
|
|
var field_column_plain = field_column.replace(/<(?:.|\n)*?> ?/gm, '');
|
|
if ((row.custom_fields) && (row.custom_fields[field_column_plain])) {
|
|
|
|
// If the field type needs special formatting, do that here
|
|
if ((row.custom_fields[field_column_plain].field_format) && (row.custom_fields[field_column_plain].value)) {
|
|
if (row.custom_fields[field_column_plain].field_format=='URL') {
|
|
return '<a href="' + row.custom_fields[field_column_plain].value + '" target="_blank" rel="noopener">' + row.custom_fields[field_column_plain].value + '</a>';
|
|
} else if (row.custom_fields[field_column_plain].field_format=='BOOLEAN') {
|
|
return (row.custom_fields[field_column_plain].value == 1) ? "<span class='fas fa-check-circle' style='color:green'>" : "<span class='fas fa-times-circle' style='color:red' />";
|
|
} else if (row.custom_fields[field_column_plain].field_format=='EMAIL') {
|
|
return '<a href="mailto:' + row.custom_fields[field_column_plain].value + '" style="white-space: nowrap" data-tooltip="true" title="{{ trans('general.send_email') }}"><x-icon type="email" /> ' + row.custom_fields[field_column_plain].value + '</a>';
|
|
}
|
|
}
|
|
// Convert newlines to <br> for textarea fields so they render in
|
|
// the table; export will convert <br> back to \n via onCellHtmlData
|
|
if (row.custom_fields[field_column_plain].element === 'textarea') {
|
|
var val = row.custom_fields[field_column_plain].value;
|
|
return val ? val.replace(/(?:\r\n|\r|\n)/g, '<br>') : '';
|
|
}
|
|
|
|
return row.custom_fields[field_column_plain].value;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
function createdAtFormatter(value) {
|
|
if ((value) && (value.formatted)) {
|
|
return value.formatted;
|
|
}
|
|
}
|
|
|
|
function externalLinkFormatter(value) {
|
|
|
|
if (value) {
|
|
if ((value.indexOf("{") === -1) || (value.indexOf("}") ===-1)) {
|
|
return '<nobr><a href="' + value + '" target="_blank" title="{{ trans('general.external_link_tooltip') }} ' + value + '" data-tooltip="true"><x-icon type="external-link" /> ' + value + '</a></nobr>';
|
|
}
|
|
return value;
|
|
}
|
|
}
|
|
|
|
function groupsFormatter(value) {
|
|
|
|
if (value) {
|
|
var groups = '';
|
|
for (var index in value.rows) {
|
|
groups += '<a href="{{ config('app.url') }}/admin/groups/' + value.rows[index].id + '" class="label label-light">' + value.rows[index].name + '</a> ';
|
|
}
|
|
return groups;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
function changeLogFormatter(value) {
|
|
|
|
var result = '<div style="word-break: break-word;">';
|
|
var pretty_index = '';
|
|
|
|
for (var index in value) {
|
|
|
|
|
|
// Check if it's a custom field
|
|
if (index.startsWith('_snipeit_')) {
|
|
pretty_index = index.replace("_snipeit_", "Custom:_");
|
|
} else {
|
|
pretty_index = index;
|
|
}
|
|
|
|
extra_pretty_index = prettyLog(pretty_index);
|
|
|
|
result += extra_pretty_index + ': <del>' + value[index].old + '</del> <x-icon type="long-arrow-right" /> ' + value[index].new + '<br>'
|
|
}
|
|
|
|
return result+'</div>';
|
|
|
|
}
|
|
|
|
function prettyLog(str) {
|
|
let frags = str.split('_');
|
|
for (let i = 0; i < frags.length; i++) {
|
|
frags[i] = frags[i].charAt(0).toUpperCase() + frags[i].slice(1);
|
|
}
|
|
return frags.join(' ');
|
|
}
|
|
|
|
// Show the warning if below min qty
|
|
function minAmtFormatter(row, value) {
|
|
|
|
if ((row) && (row!=undefined)) {
|
|
|
|
if (value.remaining <= value.min_amt) {
|
|
return '<span class="text-danger text-bold" data-tooltip="true" title="{{ trans('admin/licenses/general.below_threshold_short') }}"><x-icon type="warning" class="text-yellow" /> ' + value.min_amt + '</span>';
|
|
}
|
|
return value.min_amt
|
|
}
|
|
return '--';
|
|
}
|
|
|
|
|
|
|
|
// Create a linked phone number in the table list
|
|
function phoneFormatter(value) {
|
|
if (value) {
|
|
return '<span style="white-space: nowrap;"><a href="tel:' + value + '" data-tooltip="true" title="{{ trans('general.call') }}"><x-icon type="phone" /> ' + value + '</a></span>';
|
|
}
|
|
}
|
|
|
|
// Create a linked phone number in the table list
|
|
function mobileFormatter(value) {
|
|
if (value) {
|
|
return '<span style="white-space: nowrap;"><a href="tel:' + value + '" data-tooltip="true" title="{{ trans('general.call') }}"><x-icon type="mobile" /> ' + value + '</a></span>';
|
|
}
|
|
}
|
|
|
|
|
|
function deployedLocationFormatter(row, value) {
|
|
if ((row) && (row!=undefined)) {
|
|
// Handle the preceding icon if a tag_color is given in the API response
|
|
if ((row.tag_color) && (row.tag_color!='')) {
|
|
var tag_icon = '<i class="fa-solid fa-square" style="color: ' + row.tag_color + ';" aria-hidden="true"></i> ';
|
|
} else {
|
|
var tag_icon = '';
|
|
}
|
|
|
|
return '<nobr>' + tag_icon +'<a href="{{ config('app.url') }}/locations/' + row.id + '">' + row.name + '</a></nobr>';
|
|
} else if (value.rtd_location) {
|
|
return '<a href="{{ config('app.url') }}/locations/' + value.rtd_location.id + '">' + value.rtd_location.name + '</a>';
|
|
}
|
|
|
|
}
|
|
|
|
function groupsAdminLinkFormatter(value, row) {
|
|
return '<a href="{{ config('app.url') }}/admin/groups/' + row.id + '">' + value + '</a>';
|
|
}
|
|
|
|
function assetTagLinkFormatter(value, row) {
|
|
if ((row.asset) && (row.asset.id)) {
|
|
if (row.asset.deleted_at) {
|
|
return '<span style="white-space: nowrap;"><x-icon type="x" class="text-danger" /><span class="sr-only">{{ trans('admin/hardware/general.deleted') }}</span> <del><a href="{{ config('app.url') }}/hardware/' + row.asset.id + '" data-tooltip="true" title="{{ trans('admin/hardware/general.deleted') }}">' + row.asset.asset_tag + '</a></del></span>';
|
|
}
|
|
return '<a href="{{ config('app.url') }}/hardware/' + row.asset.id + '">' + row.asset.asset_tag + '</a>';
|
|
}
|
|
return '';
|
|
|
|
}
|
|
|
|
function departmentNameLinkFormatter(value, row) {
|
|
if ((row.assigned_user) && (row.assigned_user.department) && (row.assigned_user.department.name)) {
|
|
return '<a href="{{ config('app.url') }}/departments/' + row.assigned_user.department.id + '">' + row.assigned_user.department.name + '</a>';
|
|
}
|
|
|
|
}
|
|
|
|
function assetNameLinkFormatter(value, row) {
|
|
if ((row.asset) && (row.asset.name)) {
|
|
return '<a href="{{ config('app.url') }}/hardware/' + row.asset.id + '">' + row.asset.name + '</a>';
|
|
}
|
|
}
|
|
|
|
function assetSerialLinkFormatter(value, row) {
|
|
|
|
if ((row.asset) && (row.asset.serial)) {
|
|
if (row.asset.deleted_at) {
|
|
return '<span style="white-space: nowrap;"><x-icon type="x" class="text-danger" /><span class="sr-only">deleted</span> <del><a href="{{ config('app.url') }}/hardware/' + row.asset.id + '" data-tooltip="true" title="{{ trans('admin/hardware/general.deleted') }}">' + row.asset.serial + '</a></del></span>';
|
|
}
|
|
return '<a href="{{ config('app.url') }}/hardware/' + row.asset.id + '">' + row.asset.serial + '</a>';
|
|
}
|
|
return '';
|
|
}
|
|
|
|
function trueFalseFormatter(value) {
|
|
if ((value) && ((value == 'true') || (value == '1'))) {
|
|
return '<x-icon type="checkmark" class="text-success" /><span class="sr-only">{{ trans('general.true') }}</span>';
|
|
} else {
|
|
return '<x-icon type="x" class="text-danger" /><span class="sr-only">{{ trans('general.false') }}</span>';
|
|
}
|
|
}
|
|
|
|
function dateDisplayFormatter(value) {
|
|
if (value) {
|
|
return value.formatted;
|
|
}
|
|
}
|
|
|
|
function iconFormatter(value) {
|
|
if (value) {
|
|
return '<i class="' + value + ' icon-med"></i>';
|
|
}
|
|
}
|
|
|
|
function emailFormatter(value) {
|
|
if (value) {
|
|
return '<a href="mailto:' + value + '" style="white-space: nowrap" data-tooltip="true" title="{{ trans('general.send_email') }}"><x-icon type="email" /> ' + value + '</a>';
|
|
}
|
|
}
|
|
|
|
function linkFormatter(value) {
|
|
if (value) {
|
|
return '<a href="' + value + '">' + value + '</a>';
|
|
}
|
|
}
|
|
|
|
function assetCompanyFilterFormatter(value, row) {
|
|
if (value) {
|
|
return '<a href="{{ config('app.url') }}/hardware/?company_id=' + row.id + '">' + value + '</a>';
|
|
}
|
|
}
|
|
|
|
function assetCompanyObjFilterFormatter(value, row) {
|
|
if ((row) && (row.company)) {
|
|
return '<a href="{{ config('app.url') }}/hardware/?company_id=' + row.company.id + '">' + row.company.name + '</a>';
|
|
}
|
|
}
|
|
|
|
function usersCompanyObjFilterFormatter(value, row) {
|
|
if (value) {
|
|
return '<a href="{{ config('app.url') }}/users/?company_id=' + row.id + '">' + value + '</a>';
|
|
} else {
|
|
return value;
|
|
}
|
|
}
|
|
|
|
function companiesLinkObjFormatter(value, row) {
|
|
if (!value) {
|
|
return '';
|
|
}
|
|
var icon = (value.tag_color) ? '<i class="fa-solid fa-square" style="color: ' + value.tag_color + ';" aria-hidden="true"></i> ' : '';
|
|
return '<a href="{{ config('app.url') }}/companies/' + value.id + '" class="label label-light">' + icon + value.name + '</a>';
|
|
}
|
|
|
|
function companiesArrayLinkFormatter(value, row) {
|
|
if (!value || !value.length) {
|
|
return '';
|
|
}
|
|
return value.map(function (c) {
|
|
var icon = (c.tag_color) ? '<i class="fa-solid fa-square" style="color: ' + c.tag_color + ';" aria-hidden="true"></i> ' : '';
|
|
return '<a href="{{ config('app.url') }}/companies/' + c.id + '" class="label label-light">' + icon + c.name + '</a></span>';
|
|
}).join(' ');
|
|
}
|
|
|
|
function locationCompanyObjFilterFormatter(value, row) {
|
|
if (value) {
|
|
return '<a href="{{ url('/') }}/locations/?company_id=' + row.company.id + '">' + row.company.name + '</a>';
|
|
} else {
|
|
return value;
|
|
}
|
|
}
|
|
|
|
function employeeNumFormatter(value, row) {
|
|
|
|
if ((row) && (row.assigned_to) && ((row.assigned_to.employee_number))) {
|
|
return '<a href="{{ config('app.url') }}/users/' + row.assigned_to.id + '">' + row.assigned_to.employee_number + '</a>';
|
|
}
|
|
}
|
|
|
|
function jobtitleFormatter(value, row) {
|
|
if ((row) && (row.assigned_to) && ((row.assigned_to.jobtitle))) {
|
|
return '<a href="{{ config('app.url') }}/users/' + row.assigned_to.id + '">' + row.assigned_to.jobtitle + '</a>';
|
|
}
|
|
}
|
|
|
|
function orderNumberObjFilterFormatter(value, row) {
|
|
if (value) {
|
|
return '<a href="{{ config('app.url') }}/hardware/?order_number=' + row.order_number + '">' + row.order_number + '</a>';
|
|
}
|
|
}
|
|
|
|
function auditImageFormatter(value, row) {
|
|
if ((row) && (row.file) && (row.file.url)) {
|
|
return '<a href="' + row.file.url + '" data-toggle="lightbox" data-type="image"><img src="' + row.file.url + '" style="max-height: {{ $snipeSettings->thumbnail_max_h }}px; width: auto;" class="img-responsive" alt=""></a>'
|
|
}
|
|
}
|
|
|
|
|
|
function imageFormatter(value, row) {
|
|
|
|
if (value) {
|
|
|
|
// This is a clunky override to handle unusual API responses where we're presenting a link instead of an array
|
|
if (row.avatar) {
|
|
var altName = '';
|
|
}
|
|
else if (row.name) {
|
|
var altName = row.name;
|
|
}
|
|
else if ((row) && (row.model)) {
|
|
var altName = row.model.name;
|
|
}
|
|
return '<a href="' + value + '" data-toggle="lightbox" data-type="image"><img src="' + value + '" style="max-height: {{ $snipeSettings->thumbnail_max_h }}px; width: auto;" class="img-responsive" alt="' + altName + '"></a>';
|
|
}
|
|
}
|
|
|
|
|
|
// This is users in the user accounts section for EULAs
|
|
function downloadFormatter(value) {
|
|
if (value) {
|
|
return '<a href="' + value + '" class="btn btn-sm btn-theme"><x-icon type="download" /></a>';
|
|
}
|
|
}
|
|
|
|
// This is used by the UploadedFilesPresenter and the HistoryPresenter
|
|
// It handles the download and inline buttons for files that are uploaded to assets, users, etc
|
|
function fileDownloadButtonsFormatter(row, value) {
|
|
|
|
if (value) {
|
|
if (value.url) {
|
|
var inlinable = value.inlineable;
|
|
var exists_on_disk = value.exists_on_disk;
|
|
var download_url = value.url;
|
|
} else if (value.file) {
|
|
var inlinable = value.file.inlineable;
|
|
var exists_on_disk = value.file.exists_on_disk;
|
|
var download_url = value.file.url;
|
|
} else {
|
|
return '';
|
|
}
|
|
|
|
var download_button = '<a href="' + download_url + '" class="btn btn-sm btn-theme" data-tooltip="true" title="{{ trans('general.download') }}"><x-icon type="download" /></a>';
|
|
var download_button_disabled = '<span data-tooltip="true" title="{{ trans('general.file_does_not_exist') }}"><a class="btn btn-sm btn-theme disabled"><x-icon type="download" /></a></span>';
|
|
var inline_button = '<a href="'+ download_url +'?inline=true" class="btn btn-sm btn-theme" target="_blank" data-tooltip="true" title="{{ trans('general.open_new_window') }}"><x-icon type="external-link" /></a>';
|
|
var inline_button_disabled = '<span data-tooltip="true" title="{{ trans('general.file_not_inlineable') }}"><a class="btn btn-sm btn-theme disabled" target="_blank" data-tooltip="true" title="{{ trans('general.file_does_not_exist') }}"><x-icon type="external-link" /></a></span>';
|
|
|
|
if (exists_on_disk === true) {
|
|
if (inlinable === true) {
|
|
return '<span style="white-space: nowrap;">' + download_button + ' ' + inline_button + '</span>';
|
|
} else {
|
|
return '<span style="white-space: nowrap;">' + download_button + ' ' + inline_button_disabled + '</span>';
|
|
}
|
|
} else {
|
|
return '<span style="white-space: nowrap;">' + download_button_disabled + ' ' + inline_button_disabled + '</span>';
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
|
|
function filePreviewFormatter(row, value) {
|
|
|
|
if ((value) && (value.url) && (value.inlineable)) {
|
|
|
|
if (value.mediatype == 'image') {
|
|
return '<a href="' + value.url + '?inline=true" data-toggle="lightbox" data-type="image"><img src="' + value.url + '" style="max-height: {{ $snipeSettings->thumbnail_max_h }}px; width: auto;" class="img-responsive" alt=""></a>';
|
|
} else if (value.mediatype == 'video') {
|
|
return '<a href="' + value.url + '?inline=true" data-toggle="lightbox" data-type="video"><video style="max-height: {{ $snipeSettings->thumbnail_max_h }}px; width: auto;" class="img-responsive"><source src="' + value.url + '?inline=true"></video></a>';
|
|
} else if (value.mediatype == 'audio') {
|
|
return '<audio controls><source src="' + value.url + '?inline=true" type="audio/mp3">Your browser does not support the audio element.</audio>';
|
|
}
|
|
return '{{ trans('general.preview_not_available') }}';
|
|
}
|
|
return '{{ trans('general.preview_not_available') }}';
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// This is used in the table listings
|
|
function deleteUploadFormatter(value, row) {
|
|
|
|
if ((row.available_actions) && (row.available_actions.delete === true)) {
|
|
var destination;
|
|
|
|
// This is kinda gross, but for right now we're posting to the GUI delete routes
|
|
// All of these URLS and storage directories need to be updated to be more consistent :(
|
|
if (row.item.type === 'assetmodels') {
|
|
destination = 'models';
|
|
} else if (row.item.type === 'assets') {
|
|
destination = 'hardware';
|
|
} else {
|
|
destination = row.item.type;
|
|
}
|
|
|
|
return '<a href="{{ config('app.url') }}/' + destination + '/' + row.item.id + '/files/' + row.id + '/delete" '
|
|
+ ' data-target="#dataConfirmModal" class="actions btn btn-danger btn-sm delete-asset" data-tooltip="true" '
|
|
+ ' data-toggle="modal" data-icon="fa-trash"'
|
|
+ ' data-content="{{ trans('general.file_upload_status.confirm_delete') }}: ' + row.filename + '?" '
|
|
+ ' data-title="{{ trans('general.delete') }}" onClick="return false;" data-icon="fa-trash">'
|
|
+ '<x-icon type="delete" /><span class="sr-only">{{ trans('general.delete') }}</span></a> ';
|
|
}
|
|
}
|
|
|
|
// This handles the custom view for the filestable blade component gallery-card component
|
|
window.customViewFormatter = data => {
|
|
const template = $('#fileGalleryTemplate').html()
|
|
let view = ''
|
|
|
|
$.each(data, function (i, row) {
|
|
|
|
delete_url = row.url +'/delete';
|
|
|
|
if (row.exists_on_disk === true)
|
|
{
|
|
if (row.mediatype === 'image') {
|
|
embed_code = '<a href="' + row.url + '" data-toggle="lightbox" data-type="image" data-title="' + row.filename + row.filename + '" data-footer="' + row.note + '" class="embed-responsive-item"><img src="' + row.url + '?inline=true" alt="" style="max-width: 100%"></a>';
|
|
} else if (row.mediatype === 'video') {
|
|
embed_code = '<a href="' + row.url + '" data-toggle="lightbox" data-type="video" data-title="' + row.filename + row.filename + '" data-footer="' + row.note + '" class="embed-responsive-item"><video controls><source src="' + row.url + '?inline=true" type="video/mp4">Your browser does not support the video tag.</video></a>';
|
|
} else if (row.mediatype === 'audio') {
|
|
embed_code = '<audio style="width: 100%" controls><source src="' + row.url + '?inline=true" type="audio/mpeg">Your browser does not support the audio element.</audio>';
|
|
} else if (row.mediatype === 'pdf') {
|
|
embed_code = '<object height="200" style="width: 100%" type="application/pdf" data="' + row.url + '?inline=true">File cannot be displayed</object>';
|
|
} else {
|
|
embed_code = '<div class="text-center"><a href="' + row.url + '?inline=true"><i class="' + row.icon + '" style="font-size: 50px" /></i></a></div>';
|
|
}
|
|
} else {
|
|
embed_code = '<div class="text-center text-danger" style="padding-top: 20px;"><i class="fa-solid fa-heart-crack" style="font-size: 80px" /></i> <br><br>{{ trans('general.file_upload_status.file_not_found') }}</div>';
|
|
}
|
|
|
|
view += template.replace('%ID%', row.id)
|
|
.replace('%ICON%', row.icon)
|
|
.replace('%FILETYPE%', row.filetype)
|
|
.replace('%FILE_URL%', row.url)
|
|
.replace('%LINK_URL%', row.url)
|
|
.replace('%FILENAME%', (row.exists_on_disk === true) ? row.filename : '<x-icon type="x" /> <del>' + row.filename + '</del>')
|
|
.replace('%CREATED_AT%', row.created_at.formatted)
|
|
.replace('%CREATED_BY%', (row.created_by) ? row.created_by.name : '')
|
|
.replace('%NOTE%', (row.note) ? row.note : '')
|
|
.replace('%PANEL_CLASS%', (row.exists_on_disk === true) ? 'default' : 'danger')
|
|
.replace('%FILE_EMBED%', embed_code)
|
|
.replace('%DOWNLOAD_BUTTON%', (row.exists_on_disk === true) ? '<a href="'+ row.url +'" class="btn btn-sm btn-theme"><x-icon type="download" /></a> ' : '<span class="btn btn-sm btn-theme disabled" data-tooltip="true" title="{{ trans('general.file_upload_status.file_not_found') }}"><x-icon type="download" /></span>')
|
|
.replace('%NEW_WINDOW_BUTTON%', (row.exists_on_disk === true) ? '<a href="'+ row.url +'?inline=true" class="btn btn-sm btn-theme" target="_blank"><x-icon type="external-link" /></a> ' : '<span class="btn btn-sm btn-theme disabled" data-tooltip="true" title="{{ trans('general.file_upload_status.file_not_found') }}"><x-icon type="external-link"/></span>')
|
|
.replace('%DELETE_BUTTON%', (row.available_actions.delete === true) ?
|
|
'<a href="'+delete_url+'" class="delete-asset btn btn-danger btn-sm" data-icon="fa-trash" data-toggle="modal" data-content="{{ trans('general.file_upload_status.confirm_delete') }} '+ row.filename +'?" data-title="{{ trans('general.delete') }}" onClick="return false;" data-target="#dataConfirmModal"><x-icon type="delete" /><span class="sr-only">{{ trans('general.delete') }}</span></a>' :
|
|
'<a class="btn btn-sm btn-danger disabled" data-tooltip="true" title="{{ trans('general.file_upload_status.file_not_found') }}"><x-icon type="delete" /><span class="sr-only">{{ trans('general.delete') }}</span></a>'
|
|
);
|
|
})
|
|
|
|
return `<div class="row">${view}</div>`
|
|
}
|
|
|
|
|
|
|
|
function fileNameFormatter(row, value) {
|
|
|
|
if (value) {
|
|
if ((value.file) && (value.file.filename) && (value.file.url)) {
|
|
|
|
if (value.file.exists_on_disk === true) {
|
|
return '<a href="' + value.file.url + '">' + value.file.filename + '</a>';
|
|
}
|
|
|
|
return '<span class="text-danger" style="text-decoration: line-through;" data-tooltip="true" title="{{ trans('general.file_does_not_exist') }}"><x-icon type="x" /> ' + value.file.filename + '</span>';
|
|
|
|
} else if ((value.filename) && (value.url)) {
|
|
if (value.exists_on_disk === true) {
|
|
return '<a href="' + value.url + '">' + value.filename + '</a>';
|
|
}
|
|
return '<span class="text-danger" style="text-decoration: line-through;" data-tooltip="true" title="{{ trans('general.file_does_not_exist') }}"><x-icon type="x" /> ' + value.filename + '</span>';
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
|
|
function linkToUserSectionBasedOnCount (count, id, section) {
|
|
if (count) {
|
|
return '<a href="{{ config('app.url') }}/users/' + id + '#' + section +'">' + count + '</a>';
|
|
}
|
|
|
|
return count;
|
|
}
|
|
|
|
function linkNumberToUserAssetsFormatter(value, row) {
|
|
return linkToUserSectionBasedOnCount(value, row.id, 'asset');
|
|
}
|
|
|
|
function linkNumberToUserLicensesFormatter(value, row) {
|
|
return linkToUserSectionBasedOnCount(value, row.id, 'licenses');
|
|
}
|
|
|
|
function linkNumberToUserConsumablesFormatter(value, row) {
|
|
return linkToUserSectionBasedOnCount(value, row.id, 'consumables');
|
|
}
|
|
|
|
function linkNumberToUserAccessoriesFormatter(value, row) {
|
|
return linkToUserSectionBasedOnCount(value, row.id, 'accessories');
|
|
}
|
|
|
|
function linkNumberToUserManagedUsersFormatter(value, row) {
|
|
return linkToUserSectionBasedOnCount(value, row.id, 'managed-users');
|
|
}
|
|
|
|
function linkNumberToUserManagedLocationsFormatter(value, row) {
|
|
return linkToUserSectionBasedOnCount(value, row.id, 'managed-locations');
|
|
}
|
|
|
|
function labelPerPageFormatter(value, row, index, field) {
|
|
if (row) {
|
|
if (!row.hasOwnProperty('sheet_info')) { return 1; }
|
|
else { return row.sheet_info.labels_per_page; }
|
|
}
|
|
}
|
|
|
|
function labelRadioFormatter(value, row, index, field) {
|
|
if (row) {
|
|
return row.name == '{{ str_replace("\\", "\\\\", $snipeSettings->label2_template) }}';
|
|
}
|
|
}
|
|
|
|
function labelSizeFormatter(value, row) {
|
|
if (row) {
|
|
return row.width + ' x ' + row.height + ' ' + row.unit;
|
|
}
|
|
}
|
|
|
|
function cleanFloat(number) {
|
|
if(!number) { // in a JavaScript context, meaning, if it's null or zero or unset
|
|
return 0.0;
|
|
}
|
|
if ("{{$snipeSettings->digit_separator}}" == "1.234,56") {
|
|
// yank periods, change commas to periods
|
|
periodless = number.toString().replace(/\./g,"");
|
|
decimalfixed = periodless.replace(/,/g,".");
|
|
} else {
|
|
// yank commas, that's it.
|
|
decimalfixed = number.toString().replace(/\,/g,"");
|
|
}
|
|
return parseFloat(decimalfixed);
|
|
}
|
|
|
|
|
|
function qtySumFormatter(data) {
|
|
var currentField = this.field;
|
|
var total = 0;
|
|
var fieldname = this.field;
|
|
|
|
$.each(data, function() {
|
|
var r = this;
|
|
total += this[currentField];
|
|
});
|
|
return total;
|
|
}
|
|
|
|
function sumFormatter(data) {
|
|
if (Array.isArray(data)) {
|
|
var field = this.field;
|
|
var total_sum = data.reduce(function(sum, row) {
|
|
|
|
return (sum) + (cleanFloat(row[field]) || 0);
|
|
}, 0);
|
|
|
|
return numberWithCommas(total_sum.toFixed(2));
|
|
}
|
|
return 'not an array';
|
|
}
|
|
|
|
function sumFormatterQuantity(data){
|
|
if(Array.isArray(data)) {
|
|
|
|
// Prevents issues on page load where data is an empty array
|
|
if(data[0] == undefined){
|
|
return 0.00
|
|
}
|
|
// Check that we are actually trying to sum cost from a table
|
|
// that has a quantity column. We must perform this check to
|
|
// support licences which use seats instead of qty
|
|
if('qty' in data[0]) {
|
|
var multiplier = 'qty';
|
|
} else if('seats' in data[0]) {
|
|
var multiplier = 'seats';
|
|
} else {
|
|
return 'no quantity';
|
|
}
|
|
var total_sum = data.reduce(function(sum, row) {
|
|
return (sum) + (cleanFloat(row["purchase_cost"])*row[multiplier] || 0);
|
|
}, 0);
|
|
return numberWithCommas(total_sum.toFixed(2));
|
|
}
|
|
return 'not an array';
|
|
}
|
|
|
|
function numberWithCommas(value) {
|
|
|
|
if ((value) && ("{{$snipeSettings->digit_separator}}" == "1.234,56")){
|
|
var parts = value.toString().split(".");
|
|
parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ".");
|
|
return parts.join(",");
|
|
} else {
|
|
var parts = value.toString().split(",");
|
|
parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",");
|
|
return parts.join(".");
|
|
}
|
|
return value
|
|
}
|
|
|
|
function bindBulkEditSelectionHandler() {
|
|
$('#bulkEdit').click(function () {
|
|
var selectedIds = $('.snipe-table').bootstrapTable('getSelections');
|
|
$.each(selectedIds, function(key,value) {
|
|
$( "#bulkForm" ).append($('<input type="hidden" name="ids[' + value.id + ']" value="' + value.id + '">' ));
|
|
});
|
|
|
|
});
|
|
}
|
|
|
|
function initializeBootstrapTableSearchUi() {
|
|
|
|
// This handles the search box highlighting on both ajax and client-side
|
|
// bootstrap tables
|
|
var searchboxHighlighter = function (event) {
|
|
|
|
$('.search-input').each(function (index, element) {
|
|
|
|
if ($(element).val() != '') {
|
|
$(element).addClass('search-highlight');
|
|
$(element).next().children().addClass('search-highlight');
|
|
} else {
|
|
$(element).removeClass('search-highlight');
|
|
$(element).next().children().removeClass('search-highlight');
|
|
}
|
|
});
|
|
};
|
|
|
|
$("[name='clearSearch']").click(function () {
|
|
|
|
// This hacks around a stupid issue in BS tables where the search text would get remembered for way too long even after it was cleared
|
|
for (storedSearch in localStorage) {
|
|
if (storedSearch.endsWith('.bs.table.searchText')) {
|
|
localStorage.removeItem(storedSearch);
|
|
}
|
|
}
|
|
|
|
$('.search-input').each(function (index, element) {
|
|
$(element).val('');
|
|
});
|
|
});
|
|
|
|
$('.search button[name=clearSearch]').click(searchboxHighlighter);
|
|
searchboxHighlighter({ name:'pageload'});
|
|
$('.search-input').keyup(searchboxHighlighter);
|
|
|
|
// This is necessary to make the bootstrap tooltips work inside of the
|
|
// wenzhixin/bootstrap-table formatters
|
|
$(document).on('post-body.bs.table', '.snipe-table', function () {
|
|
$('[data-tooltip="true"]').tooltip({
|
|
container: 'body'
|
|
});
|
|
});
|
|
}
|
|
|
|
|
|
</script>
|
|
|
|
@endpush
|