Files
Backend-Api/ServiceHost/Areas/AdminNew/Pages/Company/Task/DiagramTaskModal.cshtml
2024-10-05 19:27:04 +03:30

92 lines
3.0 KiB
Plaintext

@model AccountManagement.Application.Contracts.Task.EditTask
@{
string adminVersion = _0_Framework.Application.Version.AdminVersion;
<link href="~/assetsadminnew/tasks/css/diagramtaskmodal.css?ver=@adminVersion" rel="stylesheet" />
<style>
.modal-content {
background-color: #ffffff;
}
.modal-body {
display: flex;
justify-content: center;
align-items: center;
height: 100vh; /* Ensure the modal takes full viewport height */
overflow: hidden; /* Hide overflow to prevent content from expanding beyond viewport */
}
.modal-xl-taskTime {
max-width: 600px;
}
.prevent-select {
height: 610px;
-webkit-user-select: none; /* Safari */
-ms-user-select: none; /* IE 10 and IE 11 */
user-select: none; /* Standard syntax */
}
@@media (max-width: 1366px) {
.prevent-select {
height: 530px;
}
}
</style>
}
<div class="modal-content prevent-select">
<input id="senderFullName" hidden value="@Model.SenderViewModel.Fullname" />
<div class="modal-header d-block text-center">
<button type="button" class="btn-close position-absolute text-start" data-bs-dismiss="modal" aria-label="Close"></button>
<div>
<h6 class="modal-title">طرف حساب: @Model.ContractingPartyName </h6>
<h6 class="modal-title">عنوان: @Model.Title</h6>
</div>
<div class="infoSection">
<div class="infoTxt1">
<span>امروز</span>
<span class="infoColorDiagram1"></span>
</div>
<div class="infoTxt2">
<span>درخواست</span>
<div class="infoColorDiagram2"></div>
</div>
<div class="infoTxt3">
<span>گذشته</span>
<div class="infoColorDiagram3"></div>
</div>
<div class="infoTxt4">
<span>انجام شد</span>
<div class="infoColorDiagram4"></div>
</div>
</div>
</div>
<div class="modal-body p-2">
<div class="d-flex align-items-center justify-content-center h-100 boxShadowDiagram">
<div class="tree-section w-100" id="canvas-wrapper" style="cursor: grab;">
<div id="tree">
<div id="tree-container" class="branch">
</div>
</div>
</div>
</div>
</div>
<div class="modal-footer justify-content-center align-items-center p-2 pt-0">
<div class="row">
<div class="col-6 text-end">
<button type="button" class="btn-cancel2 d-flex justify-content-center align-items-center" data-bs-dismiss="modal">بستن</button>
</div>
</div>
</div>
</div>
<script>
var assignments = @Html.Raw(Json.Serialize(Model.AssignViewModels));
var senderId= @Model.SenderId;
</script>
<script src="~/assetsadminnew/tasks/js/DiagramTaskModal.js?ver=@adminVersion"></script>