Notes

//(function () {
// $(async function () {
// var _$employeeTable = $("#employeeTable");
// var _dpysAppService = abp.services.app.dpys;
// // Modal açma işlemleri
// var CreateModal = new app.ModalManager({
// viewUrl: abp.appPath + 'App/Dpys/Create',
// scriptUrl: abp.appPath + 'view-resources/Areas/App/Views/Dpys/_Create.min.js',
// modalClass: 'Create',
// cssClass: 'scrollable-modal'
// });

// $('#NewCreate').click(function (e) {
// e.preventDefault();
// CreateModal.open();
// });
// $(document).ready(function () {

// $('body').on('click', '#employeeSearch', async function () {

// var _$code = $('#Code').val();
// var _$tcNo = $('#TC').val();
// var _$nameSurname = $('#NameSurname').val();
// var _$linesId = parseInt($('#LineDropdown').val());
// var _$positionId = parseInt($('#PositionDropdown').val());
// var _$status = parseInt($('#StatusDropdown').val());
// var _$companyId = parseInt($('#CompanyDropdown').val());

// //var requestData = {
// // Code: _$code,
// // LinesId: _$linesId,
// // NameSurname: _$nameSurname,
// // PositionId: _$positionId,
// // Status: _$status,
// // TcNo: _$tcNo,
// // CompanyId: _$companyId
// //};
// //console.log(requestData);

// //const queryString = $.param(requestData);
// //console.log(queryString);

// //var testData = await _dpysAppService.getDpysEmployee(requestData)
// // .done(function (data) {
// // console.log(data);
// // });

// //console.log("Altta")
// //console.log(testData.items[0].code)

// console.log("butona basıldı")

// var dataTable = _$employeeTable.DataTable({
// deferLoading: true,
// paging: false,
// serverSide: false,
// processing: false,
// listAction: {
// ajaxFunction: _dpysAppService.getDpysEmployee,
// inputFilter: function () {
// return {
// code: _$code,
// tcNo: _$tcNo,
// nameSurname: _$nameSurname,
// positionId: _$positionId,
// linesId: _$linesId,
// companyId: _$companyId,
// status: _$status
// };
// },
// },
// //drawCallback: function () {
// // $('[data-bs-toggle="tooltip"]').tooltip();
// //},
// columns: [
// {
// targets: 0,
// data: 'code',
// },
// {
// targets: 1,
// data: 'TcNo',
// },
// {
// targets: 2,
// data: 'nameSurname',
// },
// {
// targets: 3,
// data: 'positionName',
// },
// {
// targets: 4,
// data: 'lineName',
// },
// {
// targets: 5,
// data: 'companyName',
// },
// ],
// });
// dataTable.ajax.reload();
// });

// });
// });
//})();


(function () {
$(function () {

var _$employeeTable = $("#employeeTable");
var _dpysAppService = abp.services.app.dpys;

var _$code;
var _$tcNo;
var _$nameSurname;
var _$positionId;
var _$linesId;
var _$companyId;
var _$status;

var dataTable = _$employeeTable.DataTable({
deferLoading: true,
paging: false,
serverSide: false,
processing: false,
listAction: {
ajaxFunction: _dpysAppService.getDpysEmployee,
inputFilter: function () {
return {
code: _$code,
tcNo: _$tcNo,
nameSurname: _$nameSurname,
positionId: _$positionId,
linesId: _$linesId,
companyId: _$companyId,
status: _$status
};
},
},

drawCallback: function () {
$('[data-bs-toggle="tooltip"]').tooltip();
},
columnDefs: [
{
className: 'dtr-control responsive',
orderable: false,
render: function () {
return '';
},
targets: 0,
},
{
targets: 1,
data: 'code',
},
{
targets: 2,
data: 'TcNo',
},
{
targets: 3,
data: 'nameSurname',
},
{
targets: 4,
data: 'positionName',
},
{
targets: 5,
data: 'lineName',
},
{
targets: 6,
data: 'companyName',
},
],
});


$('#employeeSearch').on('click', function () {
_$code = $('#Code').val();
_$tcNo = $('#TC').val();
_$nameSurname = $('#NameSurname').val();
_$linesId = parseInt($('#LineDropdown').val());
_$positionId = parseInt($('#PositionDropdown').val());
_$status = parseInt($('#StatusDropdown').val());
_$companyId = parseInt($('#CompanyDropdown').val());
dataTable.ajax.reload();

});

});
})();

@using MetroCRM.Authorization
@using MetroCRM.Web.Areas.App.Startup
@using MetroCRM.Web.Areas.App.Models
@using MetroCRM.Integrations.Dpys.Enum
@using System.ComponentModel
@{
ViewBag.CurrentPageName = AppPageNames.Common.Dpys;
}

@section Scripts {

<script abp-src="/view-resources/Areas/App/Views/Dpys/Index.js" asp-append-version="true"></script>


}


<abp-page-subheader title="@L("Dış Personel Yönetim Sistemi")" description="@L("Dış Personel Yönetim Sistemi")">
@if (IsGranted(AppPermissions.Pages_Dpys_Create))
{
<button id="NewCreate" class="btn btn-primary">
<i class="la la-plus btn-md-icon"></i>
<span class="d-none d-md-inline-block">
@L("Yeni Kayıt")
</span>
</button>
}
</abp-page-subheader>
<form role="form" class="form">

<div id="kt_app_content_container" class="@(await GetContainerClass())">
<div class="card">
<div class="card-body">
<label><b>Firma</b></label>
<select id="CompanyDropdown" name="CompanyDropdown" class="form-select">
<option disabled selected value="Lütfen Seçiniz">Lütfen Seçiniz</option>
@foreach (var company in Enum.GetValues(typeof(CompanyEnum)).Cast<CompanyEnum>())
{
var fieldInfo = typeof(CompanyEnum).GetField(company.ToString());
var descriptionAttributes = (DescriptionAttribute[])fieldInfo.GetCustomAttributes(typeof(DescriptionAttribute), false);
var description = descriptionAttributes.Length > 0 ? descriptionAttributes[0].Description : company.ToString();
<option value="@((int)company)">@description</option>
}
</select>
<div class="col-md-12">
<label><b>Hat Bilgisi Seçimi</b></label>
<select id="LineDropdown" name="LineDropdown" class="form-select">
<option disabled selected value="Lütfen Seçiniz">Lütfen Seçiniz</option>
@foreach (var lineType in Enum.GetValues(typeof(LineTypeEnum)).Cast<LineTypeEnum>())
{
var fieldInfo = typeof(LineTypeEnum).GetField(lineType.ToString());
var descriptionAttributes = (DescriptionAttribute[])fieldInfo.GetCustomAttributes(typeof(DescriptionAttribute), false);
var description = descriptionAttributes.Length > 0 ? descriptionAttributes[0].Description : lineType.ToString();
<option value="@((int)lineType)">@description</option>
}
</select>
</div>
<div class="row">
<div class="col-md-12">
<label><b>Pozisyon</b></label>
<select id="PositionDropdown" name="PositionDropdown" class="form-select">
<option disabled selected value="Lütfen Seçiniz">Lütfen Seçiniz</option>
@foreach (var positionType in Enum.GetValues(typeof(PositionEnum)).Cast<PositionEnum>())
{
var fieldInfo = typeof(PositionEnum).GetField(positionType.ToString());
var descriptionAttributes = (DescriptionAttribute[])fieldInfo.GetCustomAttributes(typeof(DescriptionAttribute), false);
var description = descriptionAttributes.Length > 0 ? descriptionAttributes[0].Description : positionType.ToString();
<option value="@((int)positionType)">@description</option>
}
</select>
</div>
</div>
<div class="row">
<div class="col-md-12">
<label><b>Durum</b></label>
<select id="StatusDropdown" name="StatusDropdown" class="form-select">
<option disabled selected value="Lütfen Seçiniz">Lütfen Seçiniz</option>
@foreach (var employeeStatus in Enum.GetValues(typeof(EmployeeStatusEnum)).Cast<EmployeeStatusEnum>())
{
var fieldInfo = typeof(EmployeeStatusEnum).GetField(employeeStatus.ToString());
var descriptionAttributes = (DescriptionAttribute[])fieldInfo.GetCustomAttributes(typeof(DescriptionAttribute), false);
var description = descriptionAttributes.Length > 0 ? descriptionAttributes[0].Description : employeeStatus.ToString();
<option value="@((int)employeeStatus)">@description</option>
}
</select>
</div>
</div>
<div class="col-md-6">
<div class="mb-5">
<label for="Code" class="form-label">Sicil</label>
<input id="Code" type="text" name="Code" class="form-control">
</div>
<div class="mb-5">
<label for="TC" class="form-label">T.C.</label>
<input id="TC" type="text" name="TC" class="form-control">
</div>
<div class="mb-5">
<label for="NameSurname" class="form-label">Ad Soyad</label>
<input id="NameSurname" type="text" name="NameSurname" class="form-control">
</div>
</div>
</div>
</div>
</div>
</form>
<button type="button" id="employeeSearch" class="btn btn-primary save-button"><i class="fa fa-search"></i> <span>Ara</span></button>

<div class="mt-4">
<table class="table align-middle table-row-dashed fs-6 gy-5 dataTable dtr-inline no-footer" id="employeeTable">
<thead>
<tr>
<th></th>
<th>Sicil</th>
<th>Tc No</th>
<th>Ad Soyad</th>
<th>Pozisyon</th>
<th>Firma</th>
</tr>
</thead>
</table>
</div>

<div id="loadingIndicator" style="display:none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);">
<div class="spinner-border text-primary" role="status">
<span class="visually-hidden">Yükleniyor...</span>
</div>
</div>




<style>
/* Dropdown container */
.dropdown-container {
position: relative;
}

/* Input style */
.dropdown-input {
width: 100%;
padding: 8px;
border: 1px solid #ccc;
border-radius: 4px;
}

/* Dropdown list visibility */
.dropdown-list {
position: absolute;
width: 100%;
border: 1px solid #ccc;
border-top: none;
max-height: 200px;
overflow-y: auto;
background-color: white;
z-index: 10;
display: none; /* Hide dropdown by default */
}

/* Dropdown item style */
.dropdown-item {
padding: 10px;
cursor: pointer;
}

.dropdown-item:hover {
background-color: #f1f1f1;
}
</style>