imhven
/
abp
mirror of https://github.com/abpframework/abp
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Merged

Browse Source
pull/190/head
Halil İbrahim Kalkan 7 years ago
parent a876605f44 6292a49368
commit 24039ea60a
5 changed files with 225 additions and 259 deletions
Show Stats Download Patch File Download Diff File

3
src/Volo.Abp.Identity.Web/Pages/Identity/Users/Index.cshtml
Unescape View File

@ -9,8 +9,7 @@
@section scripts {
<script type="text/javascript" src="~/modules/identity/helpers/jquery.js"></script>
<script type="text/javascript" src="~/modules/identity/helpers/datatables_helper.js"></script>
<script type="text/javascript" src="~/modules/identity/helpers/datatables/datatables.record-actions.js"></script>
<script type="text/javascript" src="~/modules/identity/helpers/datatables.extensions.js"></script>
<script type="text/javascript" src="~/modules/identity/helpers/ResourceLoader.js"></script>
<script type="text/javascript" src="~/modules/identity/helpers/ModalManager.js"></script>
<script type="text/javascript" src="~/modules/identity/views/users/index.js"></script>

4
src/Volo.Abp.Identity.Web/Volo.Abp.Identity.Web.csproj
Unescape View File

@ -16,10 +16,6 @@
<EmbeddedResource Include="Localization\Resources\**\*.json" />
</ItemGroup>
<ItemGroup>
<Content Remove="wwwroot\modules\identity\helpers\datatables\datatables.record-actions.js" />
</ItemGroup>
<ItemGroup>
<ProjectReference Include="..\Volo.Abp.AspNetCore.Mvc.UI.Bootstrap\Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.csproj" />
<ProjectReference Include="..\Volo.Abp.Identity.Application.Contracts\Volo.Abp.Identity.Application.Contracts.csproj" />

224
src/Volo.Abp.Identity.Web/wwwroot/modules/identity/helpers/datatables.extensions.js
Unescape View File

@ -0,0 +1,224 @@
var abp = abp;
(function ($) {
/************************************************************************
* RECORD-ACTIONS extension for datatables *
*************************************************************************/
var recordActions = function() {
if (!$.fn.dataTableExt) {
return;
}
var _createDropdownItem = function (record, fieldItem) {
var $li = $('<li/>');
var $a = $('<a/>');
if (fieldItem.text) {
$a.html(fieldItem.text);
}
if (fieldItem.action) {
$a.click(function (e) {
e.preventDefault();
if (!$(this).closest('li').hasClass('disabled')) {
fieldItem.action({
record: record
});
}
});
}
$a.appendTo($li);
return $li;
}
var _createButtonDropdown = function (record, field) {
var $container = $('<div/>')
.addClass('dropdown')
.addClass('action-button');
var $dropdownButton = $('<button/>')
.html(field.text)
.addClass('btn btn-primary btn-sm dropdown-toggle')
.attr('data-toggle', 'dropdown')
.attr('aria-haspopup', 'true')
.attr('aria-expanded', 'false');
if (field.cssClass) {
$dropdownButton.addClass(field.cssClass);
}
var $dropdownItemsContainer = $('<ul/>').addClass('dropdown-menu');
for (var i = 0; i < field.items.length; i++) {
var fieldItem = field.items[i];
if (fieldItem.visible && !fieldItem.visible({ record: record })) {
continue;
}
var $dropdownItem = _createDropdownItem(record, fieldItem);
if (fieldItem.enabled && !fieldItem.enabled({ record: record })) {
$dropdownItem.addClass('disabled');
}
$dropdownItem.appendTo($dropdownItemsContainer);
}
if ($dropdownItemsContainer.find('li').length > 0) {
$dropdownItemsContainer.appendTo($container);
$dropdownButton.appendTo($container);
}
if ($dropdownItemsContainer.children().length === 0) {
return "";
}
return $container;
};
var _createSingleButton = function (record, field) {
$(field.element).data(record);
if (field.visible === undefined) {
return field.element;
}
var isVisibilityFunction = typeof field.visible === "function";
if (isVisibilityFunction) {
if (field.visible()) {
return field.element;
}
} else {
if (field.visible) {
return field.element;
}
}
return "";
};
var _createRowAction = function (record, field, tableInstance) {
if (field.items && field.items.length > 1) {
return _createButtonDropdown(record, field, tableInstance);
} else if (field.element) {
var $singleActionButton = _createSingleButton(record, field);
if ($singleActionButton != "") {
return $singleActionButton.clone(true);
}
}
return "";
}
var hideColumnWithoutRedraw = function (tableInstance, colIndex) {
tableInstance.fnSetColumnVis(colIndex, false, false);
}
var hideEmptyColumn = function (cellContent, tableInstance, colIndex) {
if (cellContent == "") {
hideColumnWithoutRedraw(tableInstance, colIndex);
}
};
var renderRowActions = function (tableInstance, nRow, aData, iDisplayIndex, iDisplayIndexFull) {
var columns;
if (tableInstance.aoColumns) {
columns = tableInstance.aoColumns;
} else {
columns = tableInstance.fnSettings().aoColumns;
}
if (!columns) {
return;
}
var cells = $(nRow).children("td");
for (var colIndex = 0; colIndex < columns.length; colIndex++) {
var column = columns[colIndex];
if (column.rowAction) {
var $actionContainer = _createRowAction(aData, column.rowAction, tableInstance);
hideEmptyColumn($actionContainer, tableInstance, colIndex);
var $actionButton = $(cells[colIndex]).find(".action-button");
if ($actionButton.length === 0) {
$(cells[colIndex]).append($actionContainer);
}
}
}
};
var _existingApiRenderRowActionsFunction = $.fn.dataTableExt.oApi.renderRowActions;
$.fn.dataTableExt.oApi.renderRowActions = function (tableInstance, nRow, aData, iDisplayIndex, iDisplayIndexFull) {
if (_existingApiRenderRowActionsFunction) {
_existingApiRenderRowActionsFunction(tableInstance, nRow, aData, iDisplayIndex, iDisplayIndexFull);
}
renderRowActions(tableInstance, nRow, aData, iDisplayIndex, iDisplayIndexFull);
};
if (!$.fn.dataTable) {
return;
}
var _existingDefaultFnRowCallback = $.fn.dataTable.defaults.fnRowCallback;
$.extend(true, $.fn.dataTable.defaults, {
fnRowCallback: function (nRow, aData, iDisplayIndex, iDisplayIndexFull) {
if (_existingDefaultFnRowCallback) {
_existingDefaultFnRowCallback(this, nRow, aData, iDisplayIndex, iDisplayIndexFull);
}
renderRowActions(this, nRow, aData, iDisplayIndex, iDisplayIndexFull);
}
});
}();
/************************************************************************
* AJAX extension for datatables *
*************************************************************************/
var ajaxActions = function() {
var datatables = abp.utils.createNamespace(abp, 'libs.datatables');
datatables.createAjax = function(serverMethod, inputAction) {
return function(requestData, callback, settings) {
var input = inputAction ? inputAction() : {};
//Paging
if (settings.oInit.paging) {
input.maxResultCount = requestData.length;
input.skipCount = requestData.start;
}
//Sorting
if (requestData.order && requestData.order.length > 0) {
var orderingField = requestData.order[0];
if (requestData.columns[orderingField.column].data) {
input.sorting = requestData.columns[orderingField.column].data + " " + orderingField.dir;
}
}
//Text filter
if (requestData.search && requestData.search.value !== "") {
input.filter = requestData.search.value;
}
if (callback) {
serverMethod(input).then(function(result) {
callback({
recordsTotal: result.totalCount,
recordsFiltered: result.totalCount,
data: result.items
});
});
}
}
}
}();
})(jQuery);

176
src/Volo.Abp.Identity.Web/wwwroot/modules/identity/helpers/datatables/datatables.record-actions.js
Unescape View File

@ -1,176 +0,0 @@
/************************************************************************
* RECORD-ACTIONS extension for datatables *
*************************************************************************/
(function ($) {
if (!$.fn.dataTableExt) {
return;
}
var _createDropdownItem = function (record, fieldItem) {
var $li = $('<li/>');
var $a = $('<a/>');
if (fieldItem.text) {
$a.html(fieldItem.text);
}
if (fieldItem.action) {
$a.click(function (e) {
e.preventDefault();
if (!$(this).closest('li').hasClass('disabled')) {
fieldItem.action({
record: record
});
}
});
}
$a.appendTo($li);
return $li;
}
var _createButtonDropdown = function (record, field) {
var $container = $('<div/>')
.addClass('dropdown')
.addClass('action-button');
var $dropdownButton = $('<button/>')
.html(field.text)
.addClass('btn btn-primary btn-sm dropdown-toggle')
.attr('data-toggle', 'dropdown')
.attr('aria-haspopup', 'true')
.attr('aria-expanded', 'false');
if (field.cssClass) {
$dropdownButton.addClass(field.cssClass);
}
var $dropdownItemsContainer = $('<ul/>').addClass('dropdown-menu');
for (var i = 0; i < field.items.length; i++) {
var fieldItem = field.items[i];
if (fieldItem.visible && !fieldItem.visible({ record: record })) {
continue;
}
var $dropdownItem = _createDropdownItem(record, fieldItem);
if (fieldItem.enabled && !fieldItem.enabled({ record: record })) {
$dropdownItem.addClass('disabled');
}
$dropdownItem.appendTo($dropdownItemsContainer);
}
if ($dropdownItemsContainer.find('li').length > 0) {
$dropdownItemsContainer.appendTo($container);
$dropdownButton.appendTo($container);
}
if ($dropdownItemsContainer.children().length === 0) {
return "";
}
return $container;
};
var _createSingleButton = function (record, field) {
$(field.element).data(record);
if (field.visible === undefined) {
return field.element;
}
var isVisibilityFunction = typeof field.visible === "function";
if (isVisibilityFunction) {
if (field.visible()) {
return field.element;
}
} else {
if (field.visible) {
return field.element;
}
}
return "";
};
var _createRowAction = function (record, field, tableInstance) {
if (field.items && field.items.length > 1) {
return _createButtonDropdown(record, field, tableInstance);
} else if (field.element) {
var $singleActionButton = _createSingleButton(record, field);
if ($singleActionButton != "") {
return $singleActionButton.clone(true);
}
}
return "";
}
var hideColumnWithoutRedraw = function (tableInstance, colIndex) {
tableInstance.fnSetColumnVis(colIndex, false, false);
}
var hideEmptyColumn = function(cellContent, tableInstance, colIndex) {
if (cellContent == "") {
hideColumnWithoutRedraw(tableInstance, colIndex);
}
};
var renderRowActions = function (tableInstance, nRow, aData, iDisplayIndex, iDisplayIndexFull) {
var columns;
if (tableInstance.aoColumns) {
columns = tableInstance.aoColumns;
} else {
columns = tableInstance.fnSettings().aoColumns;
}
if (!columns) {
return;
}
var cells = $(nRow).children("td");
for (var colIndex = 0; colIndex < columns.length; colIndex++) {
var column = columns[colIndex];
if (column.rowAction) {
var $actionContainer = _createRowAction(aData, column.rowAction, tableInstance);
hideEmptyColumn($actionContainer, tableInstance, colIndex);
var $actionButton = $(cells[colIndex]).find(".action-button");
if ($actionButton.length === 0) {
$(cells[colIndex]).append($actionContainer);
}
}
}
};
var _existingApiRenderRowActionsFunction = $.fn.dataTableExt.oApi.renderRowActions;
$.fn.dataTableExt.oApi.renderRowActions = function (tableInstance, nRow, aData, iDisplayIndex, iDisplayIndexFull) {
if (_existingApiRenderRowActionsFunction) {
_existingApiRenderRowActionsFunction(tableInstance, nRow, aData, iDisplayIndex, iDisplayIndexFull);
}
renderRowActions(tableInstance, nRow, aData, iDisplayIndex, iDisplayIndexFull);
};
if (!$.fn.dataTable) {
return;
}
var _existingDefaultFnRowCallback = $.fn.dataTable.defaults.fnRowCallback;
$.extend(true, $.fn.dataTable.defaults, {
fnRowCallback: function (nRow, aData, iDisplayIndex, iDisplayIndexFull) {
if (_existingDefaultFnRowCallback) {
_existingDefaultFnRowCallback(this, nRow, aData, iDisplayIndex, iDisplayIndexFull);
}
renderRowActions(this, nRow, aData, iDisplayIndex, iDisplayIndexFull);
}
});
})(jQuery);

77
src/Volo.Abp.Identity.Web/wwwroot/modules/identity/helpers/datatables_helper.js
Unescape View File

@ -1,77 +0,0 @@
var abp = abp;
(function () {
var datatables = abp.utils.createNamespace(abp, 'libs.datatables');
datatables.createAjax = function(serverMethod, inputAction) {
return function (requestData, callback, settings) {
var input = inputAction ? inputAction() : {};
//Paging
if (settings.oInit.paging) {
input.maxResultCount = requestData.length;
input.skipCount = requestData.start;
}
//Sorting
if (requestData.order && requestData.order.length > 0) {
var orderingField = requestData.order[0];
if (requestData.columns[orderingField.column].data) {
input.sorting = requestData.columns[orderingField.column].data + " " + orderingField.dir;
}
}
//Text filter
if (requestData.search && requestData.search.value !== "") {
input.filter = requestData.search.value;
}
if (callback) {
serverMethod(input).then(function (result) {
callback({
recordsTotal: result.totalCount,
recordsFiltered: result.totalCount,
data: result.items
});
});
}
}
}
//TODO: Implement like we did before!
datatables.createActionColumn = function (actions) {
return {
targets: 0,
data: null,
orderable: false,
autoWidth: false,
defaultContent: '',
render: function (list, type, record, meta) {
var htmlContent;
if (actions && actions.length) {
var actionLinks = '';
for (var i = 0; i < actions.length; ++i) {
var action = actions[i];
actionLinks += '<a class="dropdown-item" href="#">' + action.text + '</a>';
}
htmlContent = '<div class="dropdown">' +
'<button class="btn btn-primary btn-sm dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
'Actions' +
'</button>' +
'<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">' +
actionLinks +
'</div>' +
'</div>';
} else {
htmlContent = '-'; //TODO: ...?
}
return htmlContent;
}
}
};
})();
Write Preview
Loading…
Cancel
Save