Files
Backend-Api/ServiceHost/Areas/Admin/Pages/Accounts/Account/CreateRole.cshtml
2025-06-01 16:34:31 +03:30

1090 lines
70 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
@model AccountManagement.Application.Contracts.Role.CreateRole
@{
<style>
.child-check {
margin-left: 15px;
display: none;
}
.child-check.active {
display: block;
}
.level2 {
margin-right: 40px;
}
.level3 {
margin-right: 80px;
}
.level4 {
margin-right: 120px;
}
.parent {
border-radius: 10px 0px 0px 10px;
min-width: 220px;
text-align: start;
margin-right: -4px;
}
.children {
min-width: 220px !important;
text-align: start;
border-radius: 10px;
background-color: #898989 !important;
border: 1px solid #898989 !important;
}
.parentLevel2 {
border-radius: 10px 0px 0px 10px;
min-width: 220px !important;
text-align: start;
background-color: #666666 !important;
border: 1px solid #666666 !important;
margin-right: -4px;
}
.parentLevel3 {
border-radius: 10px 0px 0px 10px;
min-width: 220px !important;
text-align: start;
background-color: #666666 !important;
border: 1px solid #666666 !important;
margin-right: -4px;
}
.ion-plus {
position: relative !important;
top: 4px !important;
}
.ion-minus {
position: relative !important;
top: 4px !important;
}
.open-close {
border-radius: 0px 10px 10px 0px;
height: 38px;
border-color: #5a5a5a;
}
</style>
@*<link href="~/AdminTheme/bootsrtrapTreeView/bootstrap-treeview.min.css" rel="stylesheet" />
<script src="~/AdminTheme/bootsrtrapTreeView/bootstrap-treeview.min.js"></script>*@
}
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title"> ایجاد نقش جدید</h4>
</div>
<form asp-page="./Index" asp-page-handler="CreateRole"
method="post"
data-ajax="true"
data-callback=""
data-action="Refresh">
<div class="modal-body">
<div class="row">
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label asp-for="Name" class="control-label">نام نقش</label>
<input type="text" class="form-control" asp-for="Name">
<span asp-validation-for="Name" class="error"></span>
@*@if (TempData["name"] != null)
{<br /><span class="error">@TempData["name"]</span>}*@
</div>
</div>
</div>
<div class="row">
@*<div id="default-tree"></div>*@
<div class="container">
<fieldset style="border: 1px solid #999797; border-radius: 10px; padding: revert; height: 500px; overflow-y: scroll">
<legend style="margin-bottom: 5px; font-size: large; border-bottom: 0px; color: #505458; width: 180px; text-align: center; "> تعیین سطح دسترسی </legend>
@* داشبورد *@
<div class="parent-check">
<label class="btn btn-icon waves-effect btn-default m-b-5 open-close">
<i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn"/>
</label>
<label class="btn btn-inverse waves-effect waves-light m-b-5 parent"> <input type="checkbox" value="1" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> داشبورد </span>&nbsp;</label>
@*بکاپ خودکار*@
<div class="child-check level2">
<label class="btn btn-icon waves-effect btn-default m-b-5 open-close">
<i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn"/>
</label>
<label class="btn btn-inverse waves-effect waves-light m-b-5 parentLevel2"> <input type="checkbox" disabled="disabled" value="2" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> بکاپ خودکار </span> </label>
</div>
</div>
@* بانک اطلاعات *@
<div class="parent-check">
<label class="btn btn-icon waves-effect btn-default m-b-5 open-close">
<i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn"/>
</label>
<label class="btn btn-inverse waves-effect waves-light m-b-5 parent"> <input type="checkbox" value="100" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> بانک اطلاعات </span>&nbsp;</label>
@*طرف حساب*@
<div class="child-check level2">
<label class="btn btn-icon waves-effect btn-default m-b-5 open-close">
<i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn"/>
</label>
<label class="btn btn-inverse waves-effect waves-light m-b-5 parentLevel2"> <input type="checkbox" disabled="disabled" value="101" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> طرف حساب </span> </label>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="10110" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> ایجاد طرف حساب حقیقی </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="10111" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> ایجاد طرف حساب حقوقی </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10112" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> لیست طرف حساب ها </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10113" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> جستجوی طرف حساب </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="10114" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> ویرایش </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10115" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> جزئیات </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10116" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> غیر فعال نمودن </span> </label>
</div>
</div>
@*کارفرما*@
<div class="child-check level2">
<label class="btn btn-icon waves-effect btn-default m-b-5 open-close">
<i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn"/>
</label>
<label class="btn btn-inverse waves-effect waves-light m-b-5 parentLevel2"> <input type="checkbox" disabled="disabled" value="102" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> کارفرما </span> </label>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="10210" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> ایجاد کارفرمای حقیقی </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="10211" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> ایجاد کارفرمای حقوقی </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10212" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> جستجوی کارفرما </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10213" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> لیست کارفرما ها </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="10214" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> ویرایش </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10215" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> جزئیات </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10216" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> غیر فعال نمودن </span> </label>
</div>
</div>
@*کارگاه*@
<div class="child-check level2">
<label class="btn btn-icon waves-effect btn-default m-b-5 open-close">
<i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn"/>
</label>
<label class="btn btn-inverse waves-effect waves-light m-b-5 parentLevel2"> <input type="checkbox" disabled="disabled" value="103" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> کارگاه </span> </label>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="10310" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> ایجاد کارگاه </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="10311" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> جستجوی کارگاه </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10312" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> لیست کارگاه ها </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="10314" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> ویرایش </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10315" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> جزئیات </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10329" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> آپلود مدارک پرسنل </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10316" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> غیر فعال نمودن </span> </label>
</div>
<!--مودال ایجاد و ویرایش کارگاه-->
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="10326" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> تب مشخصات کارگاه </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10323" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> تب امور قرارداد </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10324" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> تب امور بیمه ای </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10327" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> تب امور مالیاتی </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10328" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> تب طرح طبقه بندی </span> </label>
</div>
<!--پایان مودال-->
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10320" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> محاسبه مزایای پایان کار </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10322" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> نمایش مجموع مبالغ تصفیه حساب </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10321" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> ایجاد قرارداد </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10317" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> اطلاعات پرسنل </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10318" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> گزارش سالانه پرسنل </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10319" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> تنظیمات فنی پرسنل </span> </label>
</div>
</div>
@*پرسنل*@
<div class="child-check level2">
<label class="btn btn-icon waves-effect btn-default m-b-5 open-close">
<i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn"/>
</label>
<label class="btn btn-inverse waves-effect waves-light m-b-5 parentLevel2"> <input type="checkbox" disabled="disabled" value="104" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> پرسنل </span> </label>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="10410" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> ایجاد پرسنل </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="10444" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> ویرایش گروهی کد پرسنلی </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="10411" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> جستجوی پرسنل </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10412" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> لیست پرسنل </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="10414" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> ویرایش </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="10426" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> <span>(تب مشخصات اجباری)</span> ویرایش </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="10427" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> <span>(تب مشخصات تکمیلی)</span> ویرایش </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="10428" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> <span>(تب مشخصات سامانه ای)</span> ویرایش </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10415" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> جزئیات </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10416" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> غیر فعال نمودن </span> </label>
</div>
@* ترک کار قرارداد*@
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10417" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> <span>(آیکون)</span> ترک کار/شروع بکار قرارداد </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10421" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> حذف کارگاه در <span>(مودال)</span>شروع/ترک کار قرارداد </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10422" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> حذف تاریخ در <span>(مودال)</span> شروع/ترک کار قرارداد </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10423" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> ویرایش تاریخ در <span>(مودال)</span> شروع/ترک کار قرارداد </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10424" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> گزینه های پاداش و عیدی در <span>(مودال)</span> ترک کار قرارداد </span> </label>
</div>
@*ترک کار بیمه *@
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10418" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> <span>(آیکون)</span> ترک کار/شروع بکار بیمه </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10419" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> حذف کارگاه در <span>(مودال)</span> شروع/ترک کار بیمه </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10420" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> حذف تاریخ در <span>(مودال)</span> شروع/ترک کار بیمه </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10425" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> ویرایش تاریخ در <span>(مودال)</span> شروع/ترک کاربیمه </span> </label>
</div>
</div>
@*معرف*@
<div class="child-check level2">
<label class="btn btn-icon waves-effect btn-default m-b-5 open-close">
<i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn"/>
</label>
<label class="btn btn-inverse waves-effect waves-light m-b-5 parentLevel2"> <input type="checkbox" disabled="disabled" value="105" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> معرف </span> </label>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="10510" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> ایجاد معرف </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="10511" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> جستجوی معرف </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10512" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> لیست معرف ها </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="10514" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> ویرایش </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10515" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> جزئیات </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10516" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> غیر فعال نمودن </span> </label>
</div>
</div>
</div>
@* قرارداد و تسویه *@
<div class="parent-check">
<label class="btn btn-icon waves-effect btn-default m-b-5 open-close">
<i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn"/>
</label>
<label class="btn btn-inverse waves-effect waves-light m-b-5 parent"> <input type="checkbox" value="200" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> قرارداد و تسویه </span>&nbsp;</label>
@*قراداد*@
<div class="child-check level2">
<label class="btn btn-icon waves-effect btn-default m-b-5 open-close">
<i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn"/>
</label>
<label class="btn btn-inverse waves-effect waves-light m-b-5 parentLevel2"> <input type="checkbox" disabled="disabled" value="201" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> قرارداد </span> </label>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="20110" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> ایجاد قرارداد </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="20111" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> تمدید قرارداد </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="20112" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> جستجوی قرارداد </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="20113" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> لیست قراداد ها </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="20114" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> ویرایش </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="20115" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> پرینت قراداد </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="20116" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> حذف قرارداد </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="20117" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> امضای قراداد </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="20122" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> برداشتن امضای قرارداد </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="20118" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> چکباکس پرینت یا حذف </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="20119" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> ترک کار/شروع بکار </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="20120" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> مرخصی استعلاجی </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="20121" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> مرخصی استحقاقی </span> </label>
</div>
</div>
@*تصفیه*@
<div class="child-check level2">
<label class="btn btn-icon waves-effect btn-default m-b-5 open-close">
<i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn"/>
</label>
<label class="btn btn-inverse waves-effect waves-light m-b-5 parentLevel2"> <input type="checkbox" disabled="disabled" value="202" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> تصفیه </span> </label>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="20210" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> ایجاد تصفیه حساب </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="20211" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> جستجوی تصفیه حساب </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="20212" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> لیست تصفیه حساب </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="20214" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> پرینت تصفیه حساب </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="20218" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> پاداش و مساعده </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="20215" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> حذف تصفیه حساب </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="20216" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> امضای تصفیه حساب </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="20222" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> برداشتن امضای تصفیه حساب </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="20217" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> چکباکس پرینت یا حذف </span> </label>
</div>
</div>
</div>
@* بانک اطلاعات مدیریتی *@
<div class="parent-check">
<label class="btn btn-icon waves-effect btn-default m-b-5 open-close">
<i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn"/>
</label>
<label class="btn btn-inverse waves-effect waves-light m-b-5 parent"> <input type="checkbox" value="300" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> بانک اطلاعات مدیریتی </span>&nbsp;</label>
@*قرارداد های مالی موسسه*@
<div class="child-check level2">
<label class="btn btn-icon waves-effect btn-default m-b-5 open-close">
<i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn"/>
</label>
<label class="btn btn-inverse waves-effect waves-light m-b-5 parentLevel2"> <input type="checkbox" disabled="disabled" value="307" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> قراردادهای مالی موسسه </span> </label>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="30710" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> ایجاد </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="30711" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> حذف </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="30712" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> ویرایش </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="30713" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> پرینت </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="30714" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> تمدید </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="30715" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> وضعیت مالی </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="30716" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> فعال/غیرفعال </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="30717" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> بلاک/آنبلاک </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="30718" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> موجود/ناموجود </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="30719" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> بدهی کل/جمع قرادادها </span> </label>
</div>
</div>
@*ایجاد عناوین مقادیر سالانه*@
<div class="child-check level2">
<label class="btn btn-icon waves-effect btn-default m-b-5 open-close">
<i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn"/>
</label>
<label class="btn btn-inverse waves-effect waves-light m-b-5 parentLevel2"> <input type="checkbox" disabled="disabled" value="301" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> عناوین مقادیر سالانه </span> </label>
</div>
@*مقادیر سالانه*@
<div class="child-check level2">
<label class="btn btn-icon waves-effect btn-default m-b-5 open-close">
<i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn"/>
</label>
<label class="btn btn-inverse waves-effect waves-light m-b-5 parentLevel2"> <input type="checkbox" disabled="disabled" value="302" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> مزد سنوات </span> </label>
</div>
@*مزد سنوات*@
<div class="child-check level2">
<label class="btn btn-icon waves-effect btn-default m-b-5 open-close">
<i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn"/>
</label>
<label class="btn btn-inverse waves-effect waves-light m-b-5 parentLevel2"> <input type="checkbox" disabled="disabled" value="311" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> مزد سنوات بیمه </span> </label>
</div>
@* مزد سنوات بیمه*@
<div class="child-check level2">
<label class="btn btn-icon waves-effect btn-default m-b-5 open-close">
<i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn"/>
</label>
<label class="btn btn-inverse waves-effect waves-light m-b-5 parentLevel2"> <input type="checkbox" disabled="disabled" value="310" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> مقادیر سالانه </span> </label>
</div>
@*لیست مشاغل*@
<div class="child-check level2">
<label class="btn btn-icon waves-effect btn-default m-b-5 open-close">
<i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn"/>
</label>
<label class="btn btn-inverse waves-effect waves-light m-b-5 parentLevel2"> <input type="checkbox" disabled="disabled" value="303" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> لیست مشاغل </span> </label>
</div>
@*تعطیلات رسمی*@
<div class="child-check level2">
<label class="btn btn-icon waves-effect btn-default m-b-5 open-close">
<i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn"/>
</label>
<label class="btn btn-inverse waves-effect waves-light m-b-5 parentLevel2"> <input type="checkbox" disabled="disabled" value="304" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> تعطیلات رسمی </span> </label>
</div>
@*ساعت موظفی*@
<div class="child-check level2">
<label class="btn btn-icon waves-effect btn-default m-b-5 open-close">
<i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn"/>
</label>
<label class="btn btn-inverse waves-effect waves-light m-b-5 parentLevel2"> <input type="checkbox" disabled="disabled" value="305" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> ساعت موظفی </span> </label>
</div>
@* مدیریت کاربران *@
<div class="child-check level2">
<label class="btn btn-icon waves-effect btn-default m-b-5 open-close">
<i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn"/>
</label>
<label class="btn btn-inverse waves-effect waves-light m-b-5 parentLevel2"> <input type="checkbox" disabled="disabled" value="306" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> مدیریت کاربران </span> </label>
@*لیست کاربران کلاینت*@
<div class="child-check level3">
<label class="btn btn-icon waves-effect btn-default m-b-5 open-close">
<i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn"/>
</label>
<label class="btn btn-inverse waves-effect waves-light m-b-5 parentLevel3"><input type="checkbox" disabled="disabled" value="30603" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> لیست کاربران کلاینت </span> </label>
<div class="child-check level4">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="3060301" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> ورود به کلاینت </span> </label>
</div>
<div class="child-check level4">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="3060302" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> تغییر رمز </span> </label>
</div>
<div class="child-check level4">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="3060303" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> ویرایش </span> </label>
</div>
<div class="child-check level4">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="3060304" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> حذف </span> </label>
</div>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="30601" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> ایجادکاربر جدید </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="30602" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> ایجاد نقش جدید </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="30604" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> لیست کاربران ادمین </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="30605" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> نقش ها </span> </label>
</div>
</div>
@* گزارشات *@
<div class="child-check level2">
<label class="btn btn-icon waves-effect btn-default m-b-5 open-close">
<i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn"/>
</label>
<label class="btn btn-inverse waves-effect waves-light m-b-5 parentLevel2"> <input type="checkbox" disabled="disabled" value="309" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> گزارشات </span> </label>
</div>
</div>
@* پرونده *@
<div class="parent-check">
<label class="btn btn-icon waves-effect btn-default m-b-5 open-close">
<i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn"/>
</label>
<label class="btn btn-inverse waves-effect waves-light m-b-5 parent"> <input type="checkbox" value="400" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> پرونده </span>&nbsp;</label>
@*لیست پرونده ها*@
<div class="child-check level2">
<label class="btn btn-icon waves-effect btn-default m-b-5 open-close">
<i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn"/>
</label>
<label class="btn btn-inverse waves-effect waves-light m-b-5 parentLevel2"> <input type="checkbox" disabled="disabled" value="401" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> لیست پرونده ها </span> </label>
</div>
@*گزارش ها*@
<div class="child-check level2">
<label class="btn btn-icon waves-effect btn-default m-b-5 open-close">
<i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn"/>
</label>
<label class="btn btn-inverse waves-effect waves-light m-b-5 parentLevel2"> <input type="checkbox" disabled="disabled" value="402" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> لیست گزارش ها </span> </label>
</div>
@*جلسات*@
<div class="child-check level2">
<label class="btn btn-icon waves-effect btn-default m-b-5 open-close">
<i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn"/>
</label>
<label class="btn btn-inverse waves-effect waves-light m-b-5 parentLevel2"> <input type="checkbox" disabled="disabled" value="403" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> جلسات </span> </label>
</div>
@*مخاطب*@
<div class="child-check level2">
<label class="btn btn-icon waves-effect btn-default m-b-5 open-close">
<i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn"/>
</label>
<label class="btn btn-inverse waves-effect waves-light m-b-5 parentLevel2"> <input type="checkbox" disabled="disabled" value="404" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> مخاطب </span> </label>
</div>
</div>
@* مدیریت وظایف *@
<div class="parent-check">
<label class="btn btn-icon waves-effect btn-default m-b-5 open-close">
<i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn"/>
</label>
<label class="btn btn-inverse waves-effect waves-light m-b-5 parent"> <input type="checkbox" value="900" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> مدیریت وظایف </span>&nbsp;</label>
@*وظایف*@
<div class="child-check level2">
<label class="btn btn-icon waves-effect btn-default m-b-5 open-close">
<i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn"/>
</label>
<label class="btn btn-inverse waves-effect waves-light m-b-5 parentLevel2"> <input type="checkbox" disabled="disabled" value="901" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> وظایف </span> </label>
@*لیست وظایف*@
<div class="child-check level3">
<label class="btn btn-icon waves-effect btn-default m-b-5 open-close">
<i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn"/>
</label>
<label class="btn btn-inverse waves-effect waves-light m-b-5 parentLevel2"> <input type="checkbox" disabled="disabled" value="9011" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> لیست وظایف </span> </label>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="90110" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> ارجاع </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="90111" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> مهلت برای روز خاص </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="90112" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> قابل انجام نیست </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="90113" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> جزئیات </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="90114" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> ویرایش </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="90115" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> حذف </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="90116" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> وظایف دوره ای </span> </label>
</div>
</div>
@*لیست درخواست ها*@
<div class="child-check level3">
<label class="btn btn-icon waves-effect btn-default m-b-5 open-close">
<i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn"/>
</label>
<label class="btn btn-inverse waves-effect waves-light m-b-5 parentLevel2"> <input type="checkbox" disabled="disabled" value="9012" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> لیست درخواست ها </span> </label>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="90120" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> مشاهده </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="90121" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> جزئیات </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="90122" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> تایید یا رد - مودال</span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="90123" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> تغییر تاریخ - مودال </span> </label>
</div>
</div>
</div>
@*گروهبندی*@
<div class="child-check level2">
<label class="btn btn-icon waves-effect btn-default m-b-5 open-close">
<i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn"/>
</label>
<label class="btn btn-inverse waves-effect waves-light m-b-5 parentLevel2"> <input type="checkbox" disabled="disabled" value="902" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> گروهبندی </span> </label>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="90210" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> ساخت گروه </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="90211" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> حذف گروه </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="90212" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> افزودن پرسنل </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="90213" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> حذف پرسنل </span> </label>
</div>
</div>
@*وظیفه جدید*@
<div class="child-check level2">
<label class="btn btn-icon waves-effect btn-default m-b-5 open-close">
<i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn"/>
</label>
<label class="btn btn-inverse waves-effect waves-light m-b-5 parentLevel2"> <input type="checkbox" disabled="disabled" value="903" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> وظیفه جدید </span> </label>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="90310" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> انتخاب اعضاء </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="90311" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> انتخاب گروهی </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="90312" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> ارسال تسک به خود </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="90313" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> لیست عنوان وظیف - مودال </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="90314" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> عنوان جدید </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="90315" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> حذف عنوان </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="90316" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> ویرایش عنوان </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="90317" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> دکمه ایجاد وظیفه دوره ای </span> </label>
</div>
</div>
</div>
@* بیمه *@
<div class="parent-check">
<label class="btn btn-icon waves-effect btn-default m-b-5 open-close">
<i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn"/>
</label>
<label class="btn btn-inverse waves-effect waves-light m-b-5 parent"> <input type="checkbox" value="800" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> بیمه </span>&nbsp;</label>
@*صفحه اصلی*@
<div class="child-check level2">
<label class="btn btn-icon waves-effect btn-default m-b-5 open-close">
<i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn" />
</label>
<label class="btn btn-inverse waves-effect waves-light m-b-5 parentLevel2"> <input type="checkbox" disabled="disabled" value="802" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> صفحه اصلی </span> </label>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="80210" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> ایجاد </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="80211" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> حذف </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="80212" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> تایید ارسال </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="80213" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> ویرایش </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="80214" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> پرینت </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="80215" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> پرینت تایید کارفرما </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="80216" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> دانلود فایل بیمه </span> </label>
</div>
</div>
@*لیست مشاغل مقطوع*@
<div class="child-check level2">
<label class="btn btn-icon waves-effect btn-default m-b-5 open-close">
<i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn"/>
</label>
<label class="btn btn-inverse waves-effect waves-light m-b-5 parentLevel2"> <input type="checkbox" disabled="disabled" value="801" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> لیست مشاغل مقطوع </span> </label>
</div>
</div>
@* کارپوشه *@
<div class="parent-check">
<label class="btn btn-icon waves-effect btn-default m-b-5 open-close">
<i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn" />
</label>
<label class="btn btn-inverse waves-effect waves-light m-b-5 parent"> <input type="checkbox" value="1000" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> کارپوشه </span>&nbsp;</label>
<div class="child-check level2">
<label class="btn btn-icon waves-effect btn-default m-b-5 open-close">
<i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn" />
</label>
<label class="btn btn-inverse waves-effect waves-light m-b-5 parentLevel2"> <input type="checkbox" disabled="disabled" value="1001" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> بارگذاری مدارک توسط کارفرما </span> </label>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="10011" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> عدم تایید توسط ناظر - ادمین </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children "><input type="checkbox" disabled="disabled" value="10012" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> آپلود مدارک پرسنل جدید </span> </label>
</div>
<div class="child-check level3">
<label class="btn btn-inverse waves-effect waves-light m-b-5 children"><input type="checkbox" disabled="disabled" value="10013" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> عدم تایید توسط ناظر - کلاینت </span> </label>
</div>
</div>
<div class="child-check level2">
<label class="btn btn-icon waves-effect btn-default m-b-5 open-close">
<i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn" />
</label>
<label class="btn btn-inverse waves-effect waves-light m-b-5 parentLevel2"> <input type="checkbox" disabled="disabled" value="1002" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> اعلام شروع بکار توسط کافرما </span> </label>
</div>
<div class="child-check level2">
<label class="btn btn-icon waves-effect btn-default m-b-5 open-close">
<i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn" />
</label>
<label class="btn btn-inverse waves-effect waves-light m-b-5 parentLevel2"> <input type="checkbox" disabled="disabled" value="1003" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> اعلام ترک کار توسط کافرما </span> </label>
</div>
</div>
@* بررسی مدارک پرسنل *@
<div class="parent-check">
<label class="btn btn-icon waves-effect btn-default m-b-5 open-close">
<i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn" />
</label>
<label class="btn btn-inverse waves-effect waves-light m-b-5 parent"> <input type="checkbox" value="1100" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> برسی مدارک پرسنل </span>&nbsp;</label>
</div>
@* امور ماهیانه پرسنل *@
<div class="parent-check">
<label class="btn btn-icon waves-effect btn-default m-b-5 open-close">
<i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn"/>
</label>
<label class="btn btn-inverse waves-effect waves-light m-b-5 parent"> <input type="checkbox" value="500" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> امور ماهیانه پرسنل </span>&nbsp;</label>
<div class="child-check level2">
<label class="btn btn-icon waves-effect btn-default m-b-5 open-close">
<i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn" />
</label>
<label class="btn btn-inverse waves-effect waves-light m-b-5 parentLevel2"> <input type="checkbox" disabled="disabled" value="501" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> مرحله بعد </span> </label>
</div>
<div class="child-check level2">
<label class="btn btn-icon waves-effect btn-default m-b-5 open-close">
<i class="ion-plus"></i> <i class="ion-minus" style="display: none;"></i><input type="checkbox" style="display: none" class="open-btn" />
</label>
<label class="btn btn-inverse waves-effect waves-light m-b-5 parentLevel2"> <input type="checkbox" disabled="disabled" value="502" class="check-btn"> &nbsp;<span style="bottom: 2px;position: relative"> مرحله قبل </span> </label>
</div>
</div>
</fieldset>
<div id="hiddenInput" style="display: none">
</div>
</div>
</div>
</div>
</div>
@*<input type="hidden" asp-for="id" value="id"/>*@
<div class="modal-footer">
<a href="#" class="btn btn-success btn-rounded waves-effect waves-light m-b-5" onclick="saveRole();"> ثبت نقش جدید </a>
<button type="button" class="btn btn-default btn-rounded waves-effect waves-light m-b-5" data-dismiss="modal">بستن فرم</button>
<button type="submit" id="subm" style="display: none"></button>
</div>
</form>
<script>
var checks = document.querySelectorAll("input[class='check-btn']");
var checks2 = document.querySelectorAll("input[class='open-btn']");
for (var i = 0; i < checks.length; i++) {
checks[i].addEventListener('change',
function() {
if (this.checked) {
showChildrenChecks(this);
this.setAttribute("checked", "checked");
this.checked = true;
} else {
hideChildrenChecks(this);
this.removeAttribute("checked", "checked");
this.checked = false;
}
});
}
for (var i = 0; i < checks2.length; i++) {
checks2[i].addEventListener('change',
function() {
if (this.checked) {
showChildrenChecks2(this);
this.setAttribute("checked", "checked");
this.checked = true;
} else {
hideChildrenChecks2(this);
this.removeAttribute("checked", "checked");
this.checked = false;
}
});
}
function showChildrenChecks(elm) {
const pOne = elm.parentNode;
const pN = pOne.parentNode;
const childCheks = pN.children;
for (let i = 0; i < childCheks.length; i++) {
if (hasClass(childCheks[i], 'child-check')) {
const ch = childCheks[i].querySelectorAll("input[class='check-btn']");
for (let a = 0; a < ch.length; a++) {
const p1 = ch[a].parentNode;
const p2 = p1.parentNode;
/* p2.classList.add("active");*/
ch[a].setAttribute("checked", "checked");
ch[a].checked = true;
ch[a].removeAttribute("disabled", "disabled");
}
}
}
}
function hideChildrenChecks(elm) {
const pOne = elm.parentNode;
const pN = pOne.parentNode;
const childCheks = pN.children;
for (let i = 0; i < childCheks.length; i++) {
if (hasClass(childCheks[i], 'child-check')) {
const ch = childCheks[i].querySelectorAll("input[class='check-btn']");
for (let a = 0; a < ch.length; a++) {
const p1 = ch[a].parentNode;
const p2 = p1.parentNode;
/* p2.classList.remove("active");*/
ch[a].removeAttribute("checked", "checked");
ch[a].checked = false;
ch[a].setAttribute("disabled", "disabled");
}
}
}
}
async function showChildrenChecks2(elm) {
const pOne = elm.parentNode;
const pN = pOne.parentNode;
const childCheks = pN.children;
const plus = pOne.querySelector("i[class='ion-plus']");
const minus = pOne.querySelector("i[class='ion-minus']");
for (let i = 0; i < childCheks.length; i++) {
if (hasClass(childCheks[i], 'child-check')) {
plus.style.display = "none";
minus.style.display = "";
await sleep(i * 10);
childCheks[i].classList.add("active");
const el = childCheks[i];
fadeiin(el, 2000);
}
}
}
function sleep(ms) {
return new Promise(resolve => setTimeout(resolve, ms));
}
function fadeiin(el, time) {
el.style.opacity = 0;
var last = +new Date();
var tick = function() {
el.style.opacity = +el.style.opacity + (new Date() - last) / time;
last = +new Date();
if (+el.style.opacity < 1) {
(window.requestAnimationFrame && requestAnimationFrame(tick)) || setTimeout(tick, 16);
}
};
tick();
}
function hideChildrenChecks2(elm) {
const pOne = elm.parentNode;
const pN = pOne.parentNode;
const childCheks = pN.children;
const plus = pOne.querySelector("i[class='ion-plus']");
const minus = pOne.querySelector("i[class='ion-minus']");
for (let i = 0; i < childCheks.length; i++) {
if (hasClass(childCheks[i], 'child-check')) {
childCheks[i].classList.remove("active");
minus.style.display = "none";
plus.style.display = "";
}
}
}
function hasClass(elem, className) {
return new RegExp(` ${className} `).test(` ${elem.className} `);
}
</script>
<script>
function saveRole() {
const checks = document.querySelectorAll("input[class='check-btn']");
for (let i = 0; i < checks.length; i++) {
if (checks[i].checked) {
$('#hiddenInput').append(
`<input class="item1" type="hidden" value="${checks[i].value}" name="Permissions[${i}]"/>`
);
} else {
$('#hiddenInput').append(
`<input class="item1" type="hidden" value="${0}" name="Permissions[${i}]"/>`
);
}
}
$('#subm').click();
}
</script>