remove old files
This commit is contained in:
SamSys
@@ -1,670 +0,0 @@
|
||||
@using _0_Framework.Application
|
||||
@model CompanyManagment.App.Contracts.Insurance.CreateInsurance
|
||||
@{
|
||||
<style>
|
||||
.select2-container {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.modal-footer {
|
||||
border-top: unset !important;
|
||||
}
|
||||
|
||||
.modal .modal-dialog .modal-content .modal-footer {
|
||||
padding-top: unset !important;
|
||||
}
|
||||
|
||||
p {
|
||||
direction: ltr !important;
|
||||
text-align: right !important;
|
||||
}
|
||||
|
||||
input[type=radio]:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.error {
|
||||
font-size: 14px !important;
|
||||
}
|
||||
|
||||
th {
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#datatable2 {
|
||||
overflow-x: scroll;
|
||||
}
|
||||
|
||||
th, td {
|
||||
min-width: 200px;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
<style>
|
||||
/* panel */
|
||||
.panel {
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
.panel .panel-heading {
|
||||
padding: 5px 5px 0 5px;
|
||||
}
|
||||
|
||||
.panel .nav-tabs {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
/* inactive tabs */
|
||||
.nav > li > a {
|
||||
background-color: #f5f5f5;
|
||||
color: #676767;
|
||||
border-color: #dddddd;
|
||||
border-width: 1px;
|
||||
padding: 5px 15px;
|
||||
line-height: 2;
|
||||
-webkit-transition: all 0.75s;
|
||||
-moz-transition: all 0.75s;
|
||||
transition: all 0.75s;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.nav > li > a:active {
|
||||
background-color: #f5f5f5;
|
||||
color: #676767;
|
||||
}
|
||||
|
||||
.nav > li > a:focus {
|
||||
background-color: #f5f5f5;
|
||||
color: #676767;
|
||||
}
|
||||
|
||||
.nav > li > a:hover {
|
||||
background-color: #eeeeee;
|
||||
color: #676767;
|
||||
border-color: #dddddd;
|
||||
}
|
||||
|
||||
/* active tabs */
|
||||
.nav > li.active > a:hover {
|
||||
color: #222222;
|
||||
}
|
||||
|
||||
/* table */
|
||||
|
||||
/*.table > thead > tr > th,
|
||||
.table > tbody > tr > th,
|
||||
.table > tfoot > tr > th {
|
||||
background-color: #000000;
|
||||
color: #ffffff;
|
||||
border-bottom: 1px solid #F3F3F3;
|
||||
border-top: 1px solid #F3F3F3 !important;
|
||||
line-height: 1.42857;
|
||||
padding: 8px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.table > thead > tr > td,
|
||||
.table > tbody > tr > td,
|
||||
.table > tfoot > tr > td {
|
||||
border-top: 0px solid blue;
|
||||
line-height: 1.42857;
|
||||
padding: 8px;
|
||||
vertical-align: top;
|
||||
background-color: #F3F3F3;
|
||||
}*/
|
||||
/*
|
||||
.table-striped > tbody > tr:nth-child(2n+1) > td {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
*/
|
||||
/* buttons */
|
||||
/* .btn-default.btn-outline:active,
|
||||
.btn-default.btn-outline:focus,
|
||||
.btn-default.btn-outline {
|
||||
color: #676767;
|
||||
border-color: #676767;
|
||||
background-color: transparent;
|
||||
border-width: 2px;
|
||||
-webkit-transition: all 0.25s;
|
||||
-moz-transition: all 0.25s;
|
||||
transition: all 0.25s;
|
||||
}
|
||||
|
||||
.btn-default.btn-outline:hover {
|
||||
color: #000000;
|
||||
border-color: #000000;
|
||||
background-color: transparent;
|
||||
border-width: 2px;
|
||||
-webkit-transition: all 0.75s;
|
||||
-moz-transition: all 0.75s;
|
||||
transition: all 0.75s;
|
||||
}
|
||||
*/
|
||||
|
||||
/* panel buttons */
|
||||
/* .btn-group button.btn.btn-outline.btn-default {
|
||||
background-color: #f5f5f5;
|
||||
color: #676767;
|
||||
border-color: #dddddd;
|
||||
border-width: 1px;
|
||||
padding: 5px 15px;
|
||||
line-height: 2;
|
||||
-webkit-transition: all 0.75s;
|
||||
-moz-transition: all 0.75s;
|
||||
transition: all 0.75s;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.btn-group button.btn.btn-outline.btn-default:focus {
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.btn-group button.btn.btn-outline.btn-default:active {
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.btn-group button.btn.btn-outline.btn-default:hover {
|
||||
background-color: #eeeeee;
|
||||
border-width: 1px;
|
||||
-webkit-transition: all 0.75s;
|
||||
-moz-transition: all 0.75s;
|
||||
transition: all 0.75s;
|
||||
}
|
||||
|
||||
.btn-outline.btn-highlight {
|
||||
color: #676767;
|
||||
border-color: #676767;
|
||||
background-color: transparent;
|
||||
border-width: 2px;
|
||||
}
|
||||
|
||||
.display-title {
|
||||
font family: verdana, arial, helvetica;
|
||||
color: #008400;
|
||||
}*/
|
||||
|
||||
|
||||
ul.nav.nav-tabs li.btn-group.active > a.btn.btn-default {
|
||||
border: 1px solid #dddddd;
|
||||
background-color: #ffffff;
|
||||
border-right: 0px;
|
||||
margin-right: 0px;
|
||||
border-bottom: 0px;
|
||||
}
|
||||
|
||||
ul.nav.nav-tabs li.btn-group > a.btn.btn-default {
|
||||
border: 1px solid #F5F5F5;
|
||||
border-right: 0px;
|
||||
margin-right: 0px;
|
||||
border-bottom: 0px;
|
||||
}
|
||||
|
||||
ul.nav.nav-tabs > li.btn-group.active > a.btn.dropdown-toggle {
|
||||
border: 1px solid #dddddd;
|
||||
background-color: #ffffff;
|
||||
margin-left: 0px;
|
||||
border-left: 0px;
|
||||
border-bottom: 0px;
|
||||
}
|
||||
|
||||
ul.nav.nav-tabs > li.btn-group > a.btn.dropdown-toggle {
|
||||
border: 1px solid #F5F5F5;
|
||||
margin-left: 0px;
|
||||
border-left: 0px;
|
||||
border-bottom: 0px;
|
||||
}
|
||||
|
||||
ul.nav.nav-tabs li.btn-group a.btn.dropdown-toggle span.caret {
|
||||
color: #F5F5F5;
|
||||
}
|
||||
|
||||
ul.nav.nav-tabs li.btn-group.active > a.btn.dropdown-toggle > span.caret {
|
||||
color: #999999;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
|
||||
<form asp-page="./Index" asp-page-handler="Create" id="workshops" autocomplete="off"
|
||||
method="post"
|
||||
data-ajax="true"
|
||||
data-callback=""
|
||||
data-action="Refresh"
|
||||
enctype="multipart/form-data">
|
||||
<div class="modal-body">
|
||||
<div class="row">
|
||||
<fieldset style="border: 1px solid #999797; border-radius: 10px; padding: revert">
|
||||
<legend style="margin-bottom: 5px; font-size: large; border-bottom: 0px; color: #505458; width: 280px; text-align: center;">
|
||||
ثبت لیست بیمه جدید
|
||||
</legend>
|
||||
<div class="form-group col-sm-12">
|
||||
<div class="row">
|
||||
<div class="col-lg-3 pull-right">
|
||||
<select asp-items="@Model.EmployerList" class="sel2" id="selectWorkShopFunc">
|
||||
<option value="0">کارفرما را انتخاب کنید</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-lg-3 pull-right">
|
||||
<select id="WorkShopId" class="employer">
|
||||
<option value="0" disabled></option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-lg-3 pull-right">
|
||||
<select id="Year" Name="Year" asp-for="Year" class="employer">
|
||||
@for (var i = 1400; i < 1440; i++)
|
||||
{
|
||||
<option value=@i>@i</option>
|
||||
}
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-lg-3 pull-right">
|
||||
<select id="Month" class="employer" asp-for="Month">
|
||||
@{
|
||||
for (var i = 1; i < Tools.MonthNames.Length + 1; i++)
|
||||
{
|
||||
<option value=@i>@Tools.MonthNames[i - 1]</option>
|
||||
}
|
||||
}
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-12 pull-right form-group">
|
||||
<select id="selectWorkShops"asp-for="wsItems" multiple="multiple" class="employer">
|
||||
</select>
|
||||
</div>
|
||||
<fieldset style="border: 1px solid #999797; border-radius: 10px; padding: revert;background-color:white">
|
||||
<br/>
|
||||
|
||||
<button type="submit" id="createButtom" class="btn btn-warning btn-rounded waves-effect waves-light">کپی از آخرین لیست ارسالی</button>
|
||||
|
||||
<div class="form-group col-sm-12">
|
||||
<br/>
|
||||
<div class="row">
|
||||
<div class="col-lg-3 pull-right">
|
||||
<label class="sr-only">نام کارگاه</label>
|
||||
<input class="form-control inpt" asp-for="WorkShopStr" data-val="true" placeholder="نام کارگاه " style="width: 100%">
|
||||
</div>
|
||||
<div class="col-lg-6 pull-right">
|
||||
<label class="sr-only">کدکارگاه</label>
|
||||
<input class="form-control inpt" readonly asp-for="WorkShopCode"placeholder="کدکارگاه" style="width: 100%">
|
||||
</div>
|
||||
<div class="col-lg-3 pull-right">
|
||||
<label class="sr-only">ردیف پیمان</label>
|
||||
<input class="form-control inpt" readonly asp-for="RadifPeyman" placeholder="ردیف پیمان " style="width: 100%">
|
||||
</div>
|
||||
</div>
|
||||
<br/>
|
||||
<div class="row">
|
||||
<div class="col-lg-3 pull-right">
|
||||
<label class="sr-only">نام کارفرما</label>
|
||||
<input class="form-control inpt" data-val="false" asp-for="EmployerStr" placeholder="نام کارفرما " style="width: 100%">
|
||||
</div>
|
||||
<div class="col-lg-6 pull-right">
|
||||
<label class="sr-only">آدرس</label>
|
||||
<input class="form-control inpt" asp-for="Address" placeholder="آدرس" style="width: 100%">
|
||||
</div>
|
||||
<div class="col-lg-3 pull-right">
|
||||
<label class="sr-only">شماره لیست</label>
|
||||
<input class="form-control inpt" asp-for="ListNumber"placeholder="شماره لیست " style="width: 100%">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</fieldset>
|
||||
|
||||
<br/>
|
||||
|
||||
<div class=" form-group" style="padding: 0px 0px;background-color:transparent">
|
||||
<ul class="nav nav-tabs tabs" id="myTab">
|
||||
<li class="tab active pull-right " style="background-color:gray">
|
||||
<a href="#dsskar" data-toggle="tab" aria-expanded="false" class=" ac">
|
||||
<h3 style="font-family: 'Web_Yekan' !important; font-size: 18px !important; color: darkred">
|
||||
DSSKAR
|
||||
</h3>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="tab pull-right" style="background-color:gray">
|
||||
<a href="#dskwor" data-toggle="tab" aria-expanded="false" class="active ac">
|
||||
<h3 style="font-family: 'Web_Yekan' !important;font-size: 18px !important;color:darkred">
|
||||
DSKWOR
|
||||
</h3>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
<div class="tab-content">
|
||||
<div class="tab-pane active p-t-10" id="dsskar" style="display: flex">
|
||||
@*<div class="row p-t-10 " style="background-color:white">*@
|
||||
<div class="col-md-6 ">
|
||||
<div class="row form-group">
|
||||
<div class="row" style="padding: 4px;">
|
||||
<div class="col-xs-7 data">
|
||||
<input class="form-control" type="text" value="" id="example-text-input">
|
||||
</div>
|
||||
<p class="col-xs-5 float-left">تعداد نفرات </p>
|
||||
|
||||
</div>
|
||||
<div class="row" style="padding: 4px;">
|
||||
<div class="col-xs-7 data">
|
||||
<input class="form-control" type="text" value="" id="example-text-input">
|
||||
</div>
|
||||
<p class="col-xs-5 float-right ">جمع روزهای کارکرد</p>
|
||||
</div>
|
||||
<div class="row" style="padding: 4px;">
|
||||
<div class="col-xs-7 data">
|
||||
<input class="form-control" type="text" value="" id="example-text-input">
|
||||
</div>
|
||||
<p class="col-xs-5" style="float:left">جمع دستمزد روزانه</p>
|
||||
</div>
|
||||
<div class="row" style="padding: 4px;">
|
||||
<div class="col-xs-7 data">
|
||||
<input class="form-control" type="text" value="" id="example-text-input">
|
||||
</div>
|
||||
<p class="col-xs-5" style="float:right">جمع دستمزد ماهانه</p>
|
||||
</div>
|
||||
<div class="row" style="padding: 4px;">
|
||||
<div class="col-xs-7 data">
|
||||
<input class="form-control" type="text" value="" id="example-text-input">
|
||||
</div>
|
||||
<p class="col-xs-5">جمع مزایای ماهانه مشمول</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 ">
|
||||
<div class="row form-group">
|
||||
<div class="row" style="padding: 4px;">
|
||||
<div class="col-xs-7 data">
|
||||
<input class="form-control" type="text" value="" id="example-text-input">
|
||||
</div>
|
||||
<p class="col-xs-5 title">مشمول </p>
|
||||
</div>
|
||||
<div class="row" style="padding: 4px;">
|
||||
<div class="col-xs-7 data">
|
||||
<input class="form-control" type="text" value="" id="example-text-input">
|
||||
</div>
|
||||
<p class="col-xs-5">مشمول و غیر مشمول</p>
|
||||
</div>
|
||||
<div class="row" style="padding: 4px;">
|
||||
<div class="col-xs-7 data">
|
||||
<input class="form-control" type="text" value="" id="example-text-input">
|
||||
</div>
|
||||
<p class="col-xs-5">سهم حق بیمه شده</p>
|
||||
</div>
|
||||
<div class="row" style="padding: 4px;">
|
||||
<div class="col-xs-7 data">
|
||||
<input class="form-control" type="text" value="" id="example-text-input">
|
||||
</div>
|
||||
<p class="col-xs-5">سهم حق کارفرما</p>
|
||||
</div>
|
||||
<div class="row" style="padding: 4px;">
|
||||
<div class="col-xs-7 data">
|
||||
<input class="form-control" type="text" value="" id="example-text-input">
|
||||
</div>
|
||||
<p class="col-xs-5">بیمه بیکاری</p>
|
||||
</div>
|
||||
<div class="row" style="padding: 4px;">
|
||||
<div class="col-xs-7 data">
|
||||
<input class="form-control" type="text" value="" id="example-text-input">
|
||||
</div>
|
||||
<p class="col-xs-5">4% حق بیمه مشاغل سخت و زیان آور</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@*</div>*@
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="tab-pane m-5 p-5" id="dskwor">
|
||||
|
||||
<div class="row" id="ProductCategoriesDiv">
|
||||
<div class="col-md-12">
|
||||
<div class="panel-body">
|
||||
<div class="row">
|
||||
<div class="col-md-12 col-sm-12 col-xs-12">
|
||||
<table id="datatable2" class="table table-striped table-bordered" style="overflow-x: scroll; overflow-y: scroll; display: block; max-width: -moz-fit-content; max-width: fit-content; ">
|
||||
<thead>
|
||||
<tr style="background-color:cornflowerblue !important;color:white">
|
||||
<th style="font-size: 14px !important; color: white;width:contain !important">ردیف</th>
|
||||
|
||||
<th style="font-size: 14px !important; color: white; width: stretch !important ">شماره بیمه</th>
|
||||
<th style="font-size: 14px !important; color: white" class="sizeSet">نام</th>
|
||||
<th style="font-size: 14px !important; color: white" class="sizeSet">نام خانوادگی</th>
|
||||
<th style="font-size: 14px !important ;color:white" class="sizeSet">جنسیت</th>
|
||||
<th style="font-size: 14px !important ;color:white" class="sizeSet">نام پدر</th>
|
||||
<th style="font-size: 14px !important ;color:white" class="sizeSet">ش شناسنامه</th>
|
||||
<th style="font-size: 14px !important ;color:white" class="sizeSet">محل صدور</th>
|
||||
<th style="font-size: 14px !important ;color:white" class="sizeSet">تاریخ تولد</th>
|
||||
<th style="font-size: 14px !important ;color:white" class="sizeSet">کدملی</th>
|
||||
<th style="font-size: 14px !important ;color:white" class="sizeSet">روزهای کارکرد</th>
|
||||
<th style="font-size: 14px !important ;color:white" class="sizeSet">دستمزد روزانه</th>
|
||||
<th style="font-size: 14px !important; color: white; width: stretch !important " class="sizeSet">دستمزد ماهانه مشمول</th>
|
||||
<th style="font-size: 14px !important ;color:white" class="sizeSet">مزایای ماهانه مشمول(مستمر)</th>
|
||||
<th style="font-size: 14px !important ;color:white" class="sizeSet">مزایای ماهانه مشمول(غیرمستمر)</th>
|
||||
<th style="font-size: 14px !important ;color:white" class="sizeSet">حق بیمه سهم بیمه شده</th>
|
||||
<th style="font-size: 14px !important ;color:white" class="sizeSet">شغل</th>
|
||||
<th style="font-size: 14px !important ;color:white" class="sizeSet">تاریخ آغاز بکار</th>
|
||||
<th style="font-size: 14px !important ;color:white" class="sizeSet">تاریخ ترک کار</th>
|
||||
|
||||
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@{
|
||||
for (var i = 1; i < 6; i++)
|
||||
{
|
||||
var color = "#a9fcff";
|
||||
if (i % 2 != 0)
|
||||
{
|
||||
color = "#a9fcff";
|
||||
}
|
||||
else
|
||||
{
|
||||
color = "white";
|
||||
}
|
||||
<tr style="background-color:@color">
|
||||
|
||||
<td>@i</td>
|
||||
<td>123456789</td>
|
||||
<td>سیدحسن </td>
|
||||
<td>مصباح</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
}
|
||||
}
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</fieldset>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<div class="pull-left">
|
||||
<button type="submit" id="createButtom" class="btn btn-success btn-rounded waves-effect waves-light">ذخیره</button>
|
||||
<button type="button" class="btn btn-default btn-rounded waves-effect waves-light m-b-5" data-dismiss="modal">بستن</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("#selectWorkShopFunc").select2({
|
||||
placeholder: "کارفرما",
|
||||
dir: "rtl",
|
||||
});
|
||||
$("#WorkShopId").select2({
|
||||
placeholder: "کارگاه",
|
||||
dir: "rtl",
|
||||
});
|
||||
$("#Year").select2({
|
||||
placeholder: "سال",
|
||||
dir: "rtl",
|
||||
});
|
||||
$("#Month").select2({
|
||||
placeholder: "ماه",
|
||||
dir: "rtl",
|
||||
});
|
||||
$("#selectWorkShops").select2({
|
||||
placeholder: "کارگاه ها",
|
||||
dir: "rtl",
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
$('.modal-dialog').addClass('modal-lg');
|
||||
})
|
||||
|
||||
</script>
|
||||
|
||||
<script>
|
||||
$("#myTab a").click(function(e) {
|
||||
e.preventDefault();
|
||||
$(this).tab('show');
|
||||
|
||||
});
|
||||
|
||||
// store the currently selected tab in the hash value
|
||||
//$("ul.nav-tabs > li > a").on("shown.bs.tab", function (e) {
|
||||
// var id = $(e.target).attr("href").substr(1);
|
||||
// window.location.hash = id;
|
||||
//});
|
||||
|
||||
// on load of the page: switch to the currently selected tab
|
||||
var hash = window.location.hash;
|
||||
$(`#myTab a[href="${hash}"]`).tab('show', 'active');
|
||||
|
||||
</script>
|
||||
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
$("#selectWorkShopFunc").change(function() {
|
||||
$("#WorkShopId").empty();
|
||||
$("#selectWorkShops").empty();
|
||||
$.ajax({
|
||||
type: 'GET',
|
||||
url: '/Admin/Company/Insurance?handler=SubtitleList',
|
||||
dataType: 'json',
|
||||
data: { employerId: $("#selectWorkShopFunc").val() },
|
||||
success: function(result) {
|
||||
console.log(result);
|
||||
$("#WorkShopId").append(` <option value="${-1}">کارگاه را انتخاب کنید</option>`);
|
||||
|
||||
//$("#selectWorkShops").append(' <option value="' + -1 + '">' +
|
||||
// "کارگاه را انتخاب کنید" + '</option>');
|
||||
|
||||
$.each(result,
|
||||
function(i, result) {
|
||||
$("#WorkShopId").append(` <option value="${result.id}">${result.workshopName}</option>`);
|
||||
});
|
||||
$.each(result,
|
||||
function(i, result) {
|
||||
$("#selectWorkShops").append(` <option value="${result.id}">${result.workshopName}</option>`);
|
||||
});
|
||||
},
|
||||
error: function(ex) {
|
||||
alert('Error');
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
|
||||
$("#WorkShopId").change(function() {
|
||||
const wsId = $("#WorkShopId").val();
|
||||
const select_num = $("#WorkShopId").index() + 1;
|
||||
console.log(select_num);
|
||||
console.log(wsId);
|
||||
|
||||
// Set selected
|
||||
$('#selectWorkShops').val(wsId);
|
||||
$('#selectWorkShops').select2().trigger('change');
|
||||
|
||||
$("#selectWorkShops").select2({
|
||||
placeholder: "کارگاه ها",
|
||||
dir: "rtl",
|
||||
});
|
||||
|
||||
|
||||
$.ajax({
|
||||
dataType: 'json',
|
||||
type: 'GET',
|
||||
url: '/Admin/Company/Insurance?handler=LastInsurance',
|
||||
headers: { "RequestVerificationToken": $('@Html.AntiForgeryToken()').val() },
|
||||
data: { "workShopId": wsId },
|
||||
|
||||
success: function(response) {
|
||||
console.log(response);
|
||||
if (response == undefined || response == null) {
|
||||
$('#EmployerStr').val("");
|
||||
$('#WorkShopStr').val("");
|
||||
$('#WorkShopCode').val("");
|
||||
$('#RadifPeyman').val("");
|
||||
$('#ListNumber').val("");
|
||||
$('#Address').val("");
|
||||
return false;
|
||||
}
|
||||
$('#EmployerStr').val(response.employerStr);
|
||||
$('#WorkShopStr').val(response.workShopStr);
|
||||
$('#WorkShopCode').val(response.workShopCode);
|
||||
$('#RadifPeyman').val(response.radifPeyman);
|
||||
$('#ListNumber').val(response.listNumber);
|
||||
$('#Address').val(response.address);
|
||||
},
|
||||
failure: function(response) {
|
||||
console.log(5, response);
|
||||
$.Notification.autoHideNotify('error', 'top center', 'مشکل در دریافت اطلاعات ', response.message);
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
</script>
|
||||
@@ -1,210 +0,0 @@
|
||||
@page
|
||||
@model ServiceHost.Areas.Admin.Pages.Company.Insurance.IndexModel
|
||||
|
||||
@{
|
||||
//int i = 1;
|
||||
}
|
||||
|
||||
@{
|
||||
Layout = "Shared/_AdminLayout";
|
||||
ViewData["title"] = "بیمه";
|
||||
<style>
|
||||
.thh0 {
|
||||
width: 8px !important;
|
||||
}
|
||||
|
||||
.thh {
|
||||
width: 40px !important;
|
||||
}
|
||||
|
||||
.thh2 {
|
||||
width: 130px !important;
|
||||
}
|
||||
|
||||
.thhNastionalId {
|
||||
width: 30px !important;
|
||||
}
|
||||
|
||||
.inpt {
|
||||
width: 100%;
|
||||
border: 1px solid #c7c7c7;
|
||||
}
|
||||
|
||||
.searchpanel {
|
||||
background-color: #747272;
|
||||
}
|
||||
</style>
|
||||
}
|
||||
|
||||
|
||||
<div class="row">
|
||||
|
||||
|
||||
<div class="row">
|
||||
<div class="col-sm-12 m-r-10">
|
||||
<p class="pull-right">
|
||||
<a id="btnPopModal" href="#showmodal=@Url.Page("/Company/Insurance/Index", "Create")"
|
||||
class="btn btn-success btn-rounded waves-effect waves-light m-b-5"
|
||||
style=" background-color: #f5f5f5; border-color: #0f9500; font-family: 'Web_Yekan' !important; color: #0f9500 !important; margin-right: 10px ">
|
||||
<i class="fa fa-user-plus" style="padding-left: 3px; font-size: 14px; color: #0f9500 !important "></i> ایجاد لیست بیمه
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-sm-12">
|
||||
<div class="panel-group panel-group-joined" id="accordion-test">
|
||||
|
||||
|
||||
<div class="panel panel-default" style="border-radius: 15px !important;">
|
||||
<div class="panel-heading" style="background-color: #545353 !important">
|
||||
<h4 class="panel-title" style="color: #edebeb !important; display: inline;">
|
||||
<a data-toggle="collapse" data-parent="#accordion-test" href="#collapseOne" class="collapsed" style="display: inline;">
|
||||
جستجو
|
||||
</a>
|
||||
</h4>
|
||||
|
||||
</div>
|
||||
<div id="collapseOne" class="panel-collapse collapse in ">
|
||||
<div class="panel-body" style="padding-top: 15px; padding-bottom: 15px;">
|
||||
@*===================================================================================================================*@
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="col-sm-12">
|
||||
|
||||
<form class="form-inline" role="form" method="get" name="search-theme-form" id="search-theme-form" autocomplete="off">
|
||||
<div class="form-group col-sm-12">
|
||||
<div class="row">
|
||||
<div class="col-lg-3 pull-right">
|
||||
<label class="sr-only" asp-for="searchModel.Year"></label>
|
||||
<input class="form-control inpt" asp-for="searchModel.Year" data-val="false" placeholder="سال " style="width: 100%">
|
||||
</div>
|
||||
<div class="col-lg-3 pull-right">
|
||||
<label class="sr-only" asp-for="searchModel.Month"></label>
|
||||
<input class="form-control inpt" asp-for="searchModel.Month" placeholder="ماه" style="width: 100%">
|
||||
</div>
|
||||
@*<div class="col-lg-3 pull-right">
|
||||
<label class="sr-only" asp-for="searchModel.WorkShop"></label>
|
||||
<input class="form-control inpt" asp-for="searchModel.WorkShop" placeholder="کارگاه " style="width: 100%">
|
||||
</div>
|
||||
<div class="col-lg-3 pull-right">
|
||||
<label class="sr-only" asp-for="searchModel.Employer"></label>
|
||||
<input class="form-control inpt" asp-for="searchModel.Employer" placeholder="نام کارفرما " style="width: 100%">
|
||||
</div>*@
|
||||
</div>
|
||||
<div class="row" style="margin-top: 15px">
|
||||
<div class="col-lg-9">
|
||||
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<button type="submit" class="btn btn-success btn-rounded waves-effect waves-light m-b-5"
|
||||
style="border-bottom-left-radius: 0px; border-top-left-radius: 0px; background-color: #950000;
|
||||
border-color: #950000; font-family: 'Web_Yekan' !important; margin-left: -3px">
|
||||
<i class="fa fa-search" style="padding-left: 3px; font-size: 14px;"></i> جستجو
|
||||
</button>
|
||||
<a class="btn btn-info btn-rounded waves-effect waves-light m-b-5"
|
||||
style="border-bottom-right-radius: 0px; border-top-right-radius: 0px; background-color: #545353;
|
||||
border-color: #545353; font-family: 'Web_Yekan' !important;" asp-page="./Index">
|
||||
مشاهده همه
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
@*==================================================================Insurance=====*@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-12">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<h3 class="panel-title"><i class="fa fa-list" style="padding-left: 3px; font-size: 14px"></i> لیست بیمه ها</h3>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-sm-12 col-xs-12">
|
||||
<table id="datatable" class="table table-striped table-bordered">
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="font-size: 16px !important; width: 5% !important">#</th>
|
||||
<th style="font-size: 16px !important; width: 5% !important; text-align: center"> سال</th>
|
||||
<th style="font-size: 16px !important; text-align: center"> ماه </th>
|
||||
<th style="font-size: 16px !important; text-align: center">نام کارفرما</th>
|
||||
<th style="font-size: 16px !important; text-align: center">نام کارگاه</th>
|
||||
<th style="font-size: 16px !important; text-align: center">سهمیه</th>
|
||||
<th style="font-size: 16px !important; text-align: center">شعبه</th>
|
||||
<th style="font-size: 16px !important; text-align: center">شهر</th>
|
||||
<th style="font-size: 16px !important; text-align: center">مقطوع</th>
|
||||
<th style="font-size: 16px !important; "></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@if (Model.insurance != null)
|
||||
{
|
||||
@foreach (var item in Model.insurance)
|
||||
{
|
||||
<tr>
|
||||
<td style="font-size: 14px !important; text-align: center">@item.Id </td>
|
||||
<td style="font-size: 14px !important; text-align: center">@item.Year </td>
|
||||
<td style="font-size: 14px !important; text-align: center">@item.Month </td>
|
||||
<td style="font-size: 14px !important; text-align: center">@item.Employer</td>
|
||||
<td style="font-size: 14px !important; text-align: center">@item.WorkShop</td>
|
||||
<td style="font-size: 14px !important; text-align: center">@item.Qouta</td>
|
||||
<td style="font-size: 14px !important; text-align: center">@item.InsuranceBranch</td>
|
||||
<td style="font-size: 14px !important; text-align: center">@item.City</td>
|
||||
<td style="font-size: 14px !important; text-align: center">@item.Fixed</td>
|
||||
<td>
|
||||
<a class="btn btn-danger ionRad pull-left m-rl-5 " onclick="">
|
||||
<i class="fa fa-trash ionSize"></i>
|
||||
</a>
|
||||
<a class="btn btn-warning pull-left m-rl-5"
|
||||
href="#showmodal=@Url.Page("./Index", "Summary")">
|
||||
<i class="fa fa-edit"></i>
|
||||
</a>
|
||||
<a class="btn btn-success pull-left m-rl-5"
|
||||
href="#showmodal=@Url.Page("./Index", "Summary", new { item.Id })">
|
||||
<i class="fa fa-file-text ionSize"></i>
|
||||
</a>
|
||||
<a class="btn btn-info pull-left m-rl-5">
|
||||
<i class="fa fa-save ionSize"></i>
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
}
|
||||
}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
@section Script {
|
||||
<script src="~/AdminTheme/assets/js/site.js"></script>
|
||||
<script src="~/adminTheme/assets/datatables/jquery.dataTables.min.js"></script>
|
||||
<script src="~/adminTheme/assets/datatables/dataTables.bootstrap.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function() {
|
||||
$('#datatable').dataTable({
|
||||
"lengthMenu": [[25, 10, 50, 100, -1], [25, 10, 50, 100, "All"]]
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
}
|
||||
@@ -1,160 +0,0 @@
|
||||
using _0_Framework.Application;
|
||||
using CompanyManagment.App.Contracts.Employer;
|
||||
using CompanyManagment.App.Contracts.Insurance;
|
||||
using CompanyManagment.App.Contracts.Workshop;
|
||||
using Microsoft.AspNetCore.Authorization;
|
||||
using Microsoft.AspNetCore.Mvc;
|
||||
using Microsoft.AspNetCore.Mvc.RazorPages;
|
||||
using Microsoft.AspNetCore.Mvc.Rendering;
|
||||
|
||||
namespace ServiceHost.Areas.Admin.Pages.Company.Insurance;
|
||||
|
||||
//public class InsuranceSearchModel
|
||||
//{
|
||||
// public long Id { get; set; }
|
||||
// public int Year { get; set; }
|
||||
// public string Month { get; set; }
|
||||
// public string Employer { get; set; }
|
||||
// public string WorkShop { get; set; }
|
||||
//}
|
||||
public class InsuranceViewModel
|
||||
{
|
||||
public long Id { get; set; }
|
||||
public int Year { get; set; }
|
||||
public string Month { get; set; }
|
||||
public string Employer { get; set; }
|
||||
public string WorkShop { get; set; }
|
||||
public string Qouta { get; set; }
|
||||
public string InsuranceCode { get; set; }
|
||||
public string InsuranceBranch { get; set; }
|
||||
public string City { get; set; }
|
||||
public string Fixed { get; set; }
|
||||
}
|
||||
|
||||
[Authorize]
|
||||
public class IndexModel : PageModel
|
||||
{
|
||||
public static string[] MonthNames =
|
||||
{ "فروردین", "اردیبهشت", "خرداد", "تیر", "مرداد", "شهریور", "مهر", "آبان", "آذر", "دی", "بهمن", "اسفند" };
|
||||
|
||||
private readonly IEmployerApplication _employerApplication;
|
||||
private readonly IInsuranceApplication _insuranceApplication;
|
||||
private readonly IWorkshopApplication _workShopApplication;
|
||||
|
||||
public List<InsuranceViewModel> insurance;
|
||||
public InsuranceSearchModel searchModel;
|
||||
|
||||
public IndexModel(IInsuranceApplication insuranceApplication, IEmployerApplication employerApplication,
|
||||
IWorkshopApplication workShopApplication)
|
||||
{
|
||||
_insuranceApplication = insuranceApplication;
|
||||
_employerApplication = employerApplication;
|
||||
_workShopApplication = workShopApplication;
|
||||
}
|
||||
|
||||
|
||||
public void OnGet(InsuranceSearchModel searchModel)
|
||||
{
|
||||
var item1 =
|
||||
new InsuranceViewModel
|
||||
{
|
||||
Id = 1,
|
||||
Year = 1401,
|
||||
Month = "مهر",
|
||||
InsuranceCode = "10232156",
|
||||
InsuranceBranch = "شعبه 9",
|
||||
Employer = "شکوفه موتور گیلان",
|
||||
WorkShop = "شکوفه موتور گیلان تهران",
|
||||
Qouta = "عادی",
|
||||
City = "تهران",
|
||||
Fixed = "مقطوع"
|
||||
};
|
||||
var item2 =
|
||||
new InsuranceViewModel
|
||||
{
|
||||
Id = 2,
|
||||
Year = 1401,
|
||||
Month = "مهر",
|
||||
InsuranceCode = "102654498",
|
||||
InsuranceBranch = "شعبه 3",
|
||||
Employer = "محمد حق پرست",
|
||||
WorkShop = "تولیدی درب و پنجره",
|
||||
Qouta = "کمک دولتی",
|
||||
City = "رشت",
|
||||
Fixed = "-"
|
||||
};
|
||||
insurance = new List<InsuranceViewModel>();
|
||||
insurance.Add(item1);
|
||||
insurance.Add(item2);
|
||||
}
|
||||
|
||||
public IActionResult OnGetCreate()
|
||||
{
|
||||
var createInsurance = new CreateInsurance();
|
||||
createInsurance.EmployerList = new SelectList(_employerApplication.GetEmployers(), "Id", "FullName");
|
||||
createInsurance.Year = Convert.ToInt32(DateTime.Now.ToFarsiYear());
|
||||
createInsurance.Month = Convert.ToInt32(DateTime.Now.ToFarsiMonth()) == 1
|
||||
? 12
|
||||
: Convert.ToInt32(DateTime.Now.ToFarsiMonth()) - 1;
|
||||
|
||||
return Partial("./Create", createInsurance);
|
||||
}
|
||||
|
||||
public IActionResult OnGetSubtitleList(long employerId)
|
||||
{
|
||||
var searchModel = new WorkshopSearchModel();
|
||||
var subtitleList = _workShopApplication.Search(new WorkshopSearchModel { EmployerId = employerId }).ToList();
|
||||
return new JsonResult(subtitleList);
|
||||
}
|
||||
|
||||
public IActionResult OnGetLastInsurance(long workShopId)
|
||||
{
|
||||
var query = _insuranceApplication.Search(new InsuranceSearchModel { WorkShopId = workShopId }).Select(x => new
|
||||
{
|
||||
x.EmployerStr,
|
||||
x.WorkShopStr,
|
||||
x.ListNumber,
|
||||
x.Address,
|
||||
WorkShopCode = x.Workshop.ArchiveCode,
|
||||
RadifPeyman = x.Workshop.Id
|
||||
}).LastOrDefault();
|
||||
return new JsonResult(query);
|
||||
}
|
||||
//public IActionResult OnGetSummary()
|
||||
//{
|
||||
// return Partial("./Summary");
|
||||
|
||||
//}
|
||||
|
||||
|
||||
//public IActionResult OnPostCreate(CreateCrossJobGuild command)
|
||||
//{
|
||||
|
||||
|
||||
//}
|
||||
|
||||
//public IActionResult OnGetEdit(long id)
|
||||
//{
|
||||
|
||||
//}
|
||||
|
||||
|
||||
//public JsonResult OnPostEdit(EditCrossJobGuild command)
|
||||
//{
|
||||
|
||||
|
||||
//}
|
||||
|
||||
//public IActionResult OnGetDetails(long id)
|
||||
//{
|
||||
// var detail = _crossJobGuildApplication.GetDetails(id);
|
||||
// return Partial("Details", detail);
|
||||
//}
|
||||
|
||||
//public IActionResult OnPostRemove(long id)
|
||||
//{
|
||||
// var result = new OperationResult();
|
||||
// return new JsonResult(result);
|
||||
|
||||
//}
|
||||
}
|
||||
@@ -1,153 +0,0 @@
|
||||
@*@model CompanyManagment.App.Contracts.Insurance.CreateCrossJobGuild*@
|
||||
@{
|
||||
<style>
|
||||
.select2-container {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.modal-footer {
|
||||
border-top: unset !important;
|
||||
}
|
||||
|
||||
.modal .modal-dialog .modal-content .modal-footer {
|
||||
padding-top: unset !important;
|
||||
}
|
||||
|
||||
p {
|
||||
direction: ltr !important;
|
||||
text-align: right !important;
|
||||
}
|
||||
|
||||
input[type=radio]:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.error {
|
||||
font-size: 14px !important;
|
||||
}
|
||||
|
||||
th {
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
|
||||
<form asp-page="./Index" asp-page-handler="Summary" id="workshops" autocomplete="off"
|
||||
method="post"
|
||||
data-ajax="true"
|
||||
data-callback=""
|
||||
data-action="Refresh"
|
||||
enctype="multipart/form-data">
|
||||
<div class="modal-body">
|
||||
<div class="row">
|
||||
<fieldset style="border: 1px solid #999797; border-radius: 10px; padding: revert">
|
||||
|
||||
<fieldset style="border: 1px solid #999797; border-radius: 10px; padding: revert;background-color:white">
|
||||
<br/>
|
||||
<div class="form-group col-sm-12">
|
||||
<br/>
|
||||
<div class="row">
|
||||
<div class="col-lg-2 pull-right">
|
||||
<img src="~/ProductPictures/profilePhotos/2021-12-03-12-29-55-logo.png" style="width: 60px; height: 60px; border-radius: 30px">
|
||||
</div>
|
||||
<div class="col-lg-8 pull-right center">
|
||||
<p style="text-align:center !important;">
|
||||
مشخصات لیست و تاییدیه کارفرماجهت تنظیم و ارسال لیست بیمه کارگاه
|
||||
<br/>
|
||||
پیش نویس لیست بیمه ماه 07 سال 1401
|
||||
</p>
|
||||
|
||||
</div>
|
||||
<div class="col-lg-2 pull-right" style="text-align:center !important">
|
||||
<p style="font-size:12px">تاریخ چاپ: 1401/11/24</p>
|
||||
<p style="font-size:12px">ساعت چاپ: 19:22</p>
|
||||
<p style="font-size:12px">کاربر: خانم حسین زاده</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
||||
<br/>
|
||||
<fieldset style="border: 1px solid #999797; border-radius: 10px; padding: revert;background-color:white">
|
||||
<div class="form-group col-sm-12">
|
||||
<div class="row">
|
||||
<div class="col-lg-4 pull-right">
|
||||
<p >
|
||||
نام کارفرما : ایاد سهرابی
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-lg-4 pull-right center">
|
||||
<p style="text-align:center !important;">
|
||||
نام کارگاه : آریا چوب
|
||||
</p>
|
||||
|
||||
</div>
|
||||
<div class="col-lg-4 pull-left">
|
||||
<p style="text-align:left !important;">کد کارگاه : 234234535</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
||||
|
||||
<br/>
|
||||
|
||||
<fieldset style="border: 1px solid #999797; border-radius: 10px; padding: revert;background-color:white">
|
||||
<br/>
|
||||
|
||||
|
||||
</fieldset>
|
||||
|
||||
<br/>
|
||||
|
||||
|
||||
</fieldset>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<div class="pull-left">
|
||||
<button type="submit" id="createButtom" class="btn btn-success btn-rounded waves-effect waves-light">ذخیره</button>
|
||||
<button type="button" class="btn btn-default btn-rounded waves-effect waves-light m-b-5" data-dismiss="modal">بستن</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
</div>
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
$('.modal-dialog').addClass('modal-lg');
|
||||
})
|
||||
|
||||
</script>
|
||||
|
||||
<script>
|
||||
$("#myTab a").click(function(e) {
|
||||
e.preventDefault();
|
||||
$(this).tab('show');
|
||||
|
||||
});
|
||||
|
||||
// store the currently selected tab in the hash value
|
||||
//$("ul.nav-tabs > li > a").on("shown.bs.tab", function (e) {
|
||||
// var id = $(e.target).attr("href").substr(1);
|
||||
// window.location.hash = id;
|
||||
//});
|
||||
|
||||
// on load of the page: switch to the currently selected tab
|
||||
var hash = window.location.hash;
|
||||
$(`#myTab a[href="${hash}"]`).tab('show', 'active');
|
||||
|
||||
|
||||
</script>
|
||||
@@ -2,482 +2,15 @@
|
||||
@model ServiceHost.Areas.Admin.Pages.Company.Workshops.AutoExtensionModel
|
||||
@Html.AntiForgeryToken()
|
||||
@{
|
||||
string adminVersion = _0_Framework.Application.Version.AdminVersion;
|
||||
@section Styles{
|
||||
<style>
|
||||
.selectedBtn {
|
||||
background-color: #06ab08 !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.erroreManual {
|
||||
|
||||
border: 1px solid #eb3434 !important;
|
||||
}
|
||||
.errored {
|
||||
animation: shake 300ms;
|
||||
box-shadow: inset 0 0 2px #eb3434, 0 0 5px #eb3434 !important;
|
||||
border: 1px solid #eb3434 !important;
|
||||
}
|
||||
.zero-ps-code {
|
||||
|
||||
background-color: #eb3434;
|
||||
animation: color-change 800ms linear infinite;
|
||||
}
|
||||
.firstCheckAlert {
|
||||
|
||||
background-color: #eb3434;
|
||||
animation: color-change 800ms linear infinite;
|
||||
}
|
||||
.contractExist {
|
||||
background-color: #ffb715 !important;
|
||||
}
|
||||
.leftInvalid {
|
||||
display: none;
|
||||
}
|
||||
.red{
|
||||
border-radius: 5px;
|
||||
}
|
||||
@@keyframes color-change {
|
||||
0% {
|
||||
background-color: #eb3434;
|
||||
}
|
||||
50% {
|
||||
background-color: #e5e5e5;
|
||||
}
|
||||
100% {
|
||||
background-color: #eb3434;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.tooltip-container {
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
/* display: inline-block;*/
|
||||
}
|
||||
.tooltip {
|
||||
opacity: 0;
|
||||
z-index: 99;
|
||||
color: #fff;
|
||||
/* width: 180px;*/
|
||||
display: block;
|
||||
font-size: 12px;
|
||||
font-family: 'IranSans';
|
||||
padding: 5px 10px;
|
||||
border-radius: 15px;
|
||||
text-align: center;
|
||||
/*text-shadow: 1px 1px 2px #111;*/
|
||||
background: #eb3434;
|
||||
border: 1px solid #eb3434;
|
||||
box-shadow: 0 0 3px rgba(0,0,0,0.5);
|
||||
-webkit-transition: all .2s ease-in-out;
|
||||
-moz-transition: all .2s ease-in-out;
|
||||
-o-transition: all .2s ease-in-out;
|
||||
/* -ms-transition: all .2s ease-in-out;*/
|
||||
transition: all .2s ease-in-out;
|
||||
-webkit-transform: scale(0);
|
||||
-moz-transform: scale(0);
|
||||
-o-transform: scale(0);
|
||||
-ms-transform: scale(0);
|
||||
transform: scale(0);
|
||||
position: absolute;
|
||||
right: -2px;
|
||||
bottom: 23px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.tooltip:before, .tooltip:after {
|
||||
content: '';
|
||||
border-left: 10px solid transparent;
|
||||
border-right: 10px solid transparent;
|
||||
border-top: 10px solid #eb3434;
|
||||
position: absolute;
|
||||
bottom: -10px;
|
||||
right: 20px;
|
||||
}
|
||||
|
||||
.tooltip-container:hover .tooltip, a:hover .tooltip {
|
||||
opacity: 1;
|
||||
-webkit-transform: scale(1);
|
||||
-moz-transform: scale(1);
|
||||
-o-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1);
|
||||
}
|
||||
.pdate{
|
||||
background-color: rgba(255,255,255,0.9) !important;
|
||||
border: 1px solid #bdbdbd !important;
|
||||
direction: ltr;
|
||||
|
||||
}
|
||||
.sizeSet {
|
||||
padding: 2px !important;
|
||||
text-align: center !important;
|
||||
}
|
||||
.ionSize {
|
||||
font-size: 22px !important;
|
||||
top: 2px !important;
|
||||
position: relative;
|
||||
padding: 0px 2px 0px 2px;
|
||||
}
|
||||
.iconSize {
|
||||
min-width: 90px !important;
|
||||
width: 90px;
|
||||
}
|
||||
.rad {
|
||||
border-radius: 8px !important;
|
||||
/* padding: 10px; */
|
||||
padding: 2px 5px 0px 5px;
|
||||
}
|
||||
.select {
|
||||
background-color: #fafafa;
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
font-size: 14px;
|
||||
border: 1px solid #c7c7c7 !important;
|
||||
-webkit-border-radius: 2px;
|
||||
-moz-border-radius: 2px;
|
||||
border-radius: 10px;
|
||||
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
|
||||
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
|
||||
border: 1px solid #eee;
|
||||
box-shadow: none;
|
||||
text-align: center;
|
||||
}
|
||||
@@media screen and (max-width: 1920px) {
|
||||
.pannelSize {
|
||||
width: 85%
|
||||
}
|
||||
|
||||
.modal-content2 {
|
||||
background-color: whitesmoke;
|
||||
width: 36%;
|
||||
height: 490px;
|
||||
border: 1px solid #a5a5a59e;
|
||||
border-radius: 25px;
|
||||
margin-top: 150px;
|
||||
margin-right: 32%;
|
||||
padding: 0px 30px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@media screen and (max-width: 1440px) {
|
||||
.pannelSize {
|
||||
width: 80%
|
||||
}
|
||||
.modal-content2 {
|
||||
background-color: whitesmoke;
|
||||
width: 50%;
|
||||
height: 490px;
|
||||
border: 1px solid #a5a5a59e;
|
||||
border-radius: 25px;
|
||||
margin-top: 80px;
|
||||
margin-right: 25%;
|
||||
padding: 0px 30px;
|
||||
}
|
||||
}
|
||||
|
||||
@@media screen and (max-width: 1366px) {
|
||||
.pannelSize {
|
||||
width: 79%
|
||||
}
|
||||
}
|
||||
|
||||
@@media screen and (max-width: 1280px) {
|
||||
.pannelSize {
|
||||
width: 77%
|
||||
}
|
||||
}
|
||||
|
||||
.pannelHead {
|
||||
border-radius: 15px 15px 0px 0px;
|
||||
height: 40px;
|
||||
background: linear-gradient(to right, #016603, #06ab08 50%, #06ab08 50%, #016603);
|
||||
margin: -10px -15px 25px -15px;
|
||||
}
|
||||
|
||||
.pannelHead2 {
|
||||
height: 40px;
|
||||
background: linear-gradient(to right, #9a9a9a, #ffffff 50%, #ffffff 50%, #9a9a9a);
|
||||
margin: -25px -15px 25px -15px;
|
||||
}
|
||||
|
||||
.headText {
|
||||
text-align: center;
|
||||
margin-top: 8px;
|
||||
font-size: 16px;
|
||||
color: #e5e5e5;
|
||||
}
|
||||
|
||||
.inpt {
|
||||
display: inline-block;
|
||||
border-radius: 15px 0px 5px 15px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.disc {
|
||||
border-radius: 0px 15px 15px 0px;
|
||||
height: 34px;
|
||||
position: absolute;
|
||||
cursor: unset;
|
||||
}
|
||||
|
||||
.disc:hover {
|
||||
box-shadow: unset;
|
||||
}
|
||||
|
||||
.inputCol {
|
||||
margin-top: 15%;
|
||||
}
|
||||
.redColor {
|
||||
background-color: #ffe8e8 !important;
|
||||
}
|
||||
.greenColor {
|
||||
background-color: #c9eecf !important;
|
||||
}
|
||||
.contractType {
|
||||
border-radius: 5px;
|
||||
width: 60px;
|
||||
border-color: #5b5b5b;
|
||||
color: #5b5b5b;
|
||||
}
|
||||
.contractPeryod {
|
||||
border-radius: 5px;
|
||||
width: 80px;
|
||||
border-color: #5b5b5b;
|
||||
color: #5b5b5b;
|
||||
}
|
||||
|
||||
|
||||
/*modal2 */
|
||||
|
||||
|
||||
.modal-footer {
|
||||
border-top: unset !important;
|
||||
}
|
||||
.modal-header {
|
||||
border-bottom: unset !important;
|
||||
padding: unset !important;
|
||||
}
|
||||
|
||||
.close {
|
||||
margin-top: 12px;
|
||||
margin-left: -19px;
|
||||
font-size: 26px;
|
||||
position: absolute;
|
||||
|
||||
}
|
||||
|
||||
.main-title {
|
||||
position: absolute;
|
||||
width: 195px;
|
||||
font-size: 19px;
|
||||
background-color: inherit;
|
||||
left: 50%;
|
||||
top: 6px;
|
||||
margin-left: -100px;
|
||||
text-align: center;
|
||||
color: black;
|
||||
border: 1px solid #00000030;
|
||||
border-radius: 9px;
|
||||
padding: 2px 0px;
|
||||
}
|
||||
|
||||
.modal2-btns {
|
||||
float: left;
|
||||
padding: 15px;
|
||||
}
|
||||
.modal2-btn {
|
||||
border-radius: 16px;
|
||||
font-size: 12px;
|
||||
}
|
||||
.modal-content2 .main-title {
|
||||
top: 35px;
|
||||
}
|
||||
.modal-content2 label {
|
||||
color: #2c2c2c;
|
||||
font-size: 10px;
|
||||
}
|
||||
.modal .modal-dialoge .modal-content2 .modal-body {
|
||||
padding: 0px 50px;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
padding: 10px 0px;
|
||||
|
||||
}
|
||||
|
||||
div span.week {
|
||||
border-radius: 5px;
|
||||
padding: 2px 8px;
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
#shanbeh, #yekshanbeh, #doshanbeh, #seshanbeh, #cheharshanbeh, #panjshanbeh, #jomeh {
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
#Sh1, #Sh2, #Sh3, #Sh4, #Sh5, #Sh6, #Sh7, #Sh8 {
|
||||
width: 80px;
|
||||
margin-right: 30%;
|
||||
}
|
||||
|
||||
.time {
|
||||
width: 10%;
|
||||
text-align: center;
|
||||
direction: ltr;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #47c848 !important;
|
||||
}
|
||||
|
||||
.time2 {
|
||||
width: 32%;
|
||||
text-align: center;
|
||||
direction: ltr;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #47c848 !important;
|
||||
}
|
||||
|
||||
.fild {
|
||||
border: 1px solid #878686;
|
||||
background-color: #e7e7e7;
|
||||
border-radius: 10px;
|
||||
padding: 15px 0 15px 0;
|
||||
display: inline;
|
||||
float: left;
|
||||
width: 100%;
|
||||
margin: 5px 0px;
|
||||
}
|
||||
|
||||
.fild2 {
|
||||
border: 1px solid #878686;
|
||||
background-color: #d9d9d9;
|
||||
border-radius: 10px;
|
||||
padding: 10px 0 10px 0;
|
||||
display: inline;
|
||||
float: left;
|
||||
width: 80%;
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
.fild3 {
|
||||
border: 1px solid #878686;
|
||||
background-color: #e7e7e7;
|
||||
border-radius: 10px;
|
||||
display: inline;
|
||||
float: left;
|
||||
width: 100%;
|
||||
}
|
||||
input[type=radio]:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
hr {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
border-top: 1px solid #d3d3d3;
|
||||
}
|
||||
|
||||
.checkbox + .checkbox, .radio + .radio {
|
||||
margin-top: 0px !important;
|
||||
}
|
||||
|
||||
.radio {
|
||||
margin-top: 0px !important;
|
||||
}
|
||||
.anim {
|
||||
animation-name: animationProgress;
|
||||
}
|
||||
|
||||
@*heder*@
|
||||
.top-Bar {
|
||||
background-color: #c1dcd8;
|
||||
height: 100px;
|
||||
border-radius: 15px;
|
||||
margin: 0px 2px 10px 2px;
|
||||
box-shadow: 0px 1px 15px 0 #749883;
|
||||
|
||||
}
|
||||
.workshopName {
|
||||
color: #fff;
|
||||
background-color: #1b9998;
|
||||
font-size: 15px;
|
||||
border-radius: 15px;
|
||||
height: 25px;
|
||||
line-height: 1.8;
|
||||
}
|
||||
.manual {
|
||||
background-color: #efefef;
|
||||
min-height: 160px;
|
||||
border-radius: 15px;
|
||||
width: 49%;
|
||||
box-shadow: 0px 1px 15px 0 #0f8181;
|
||||
}
|
||||
.automatic {
|
||||
background-color: #efefef;
|
||||
min-height: 160px;
|
||||
border-radius: 15px;
|
||||
width: 49%;
|
||||
box-shadow: 0px 1px 15px 0 #0f8181
|
||||
}
|
||||
.discManual {
|
||||
border-radius: 20px 5px 0px 0px;
|
||||
cursor: unset;
|
||||
font-size: 12px;
|
||||
padding: 3px 10px;
|
||||
}
|
||||
.inptAutomatic {
|
||||
display: inline-block;
|
||||
border-radius: 15px;
|
||||
text-align: center;
|
||||
}
|
||||
.trueStatusHide {
|
||||
display: none;
|
||||
}
|
||||
.falseStatusHide {
|
||||
display: none;
|
||||
}
|
||||
.progBar {
|
||||
display: none;
|
||||
}
|
||||
#createProcess {
|
||||
background-color: #fdfdfd;
|
||||
height: 100px;
|
||||
border-radius: 15px;
|
||||
margin: 0px 2px 10px 2px;
|
||||
box-shadow: 0px 1px 15px 0 #1ebb5f;
|
||||
}
|
||||
.progress-bar {
|
||||
color: #fff!important;
|
||||
font-size: 17px !important;
|
||||
line-height: 23px !important;
|
||||
border-radius: 10px !important;
|
||||
|
||||
}
|
||||
|
||||
.dayliwage{
|
||||
width: 50% !important;
|
||||
}
|
||||
|
||||
.groupDailyWageDisable{
|
||||
background-color: #e1e1e1;
|
||||
color: #bfbfbf;
|
||||
pointer-events: none;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.groupDailyWageEnable {
|
||||
background-color: #d0d0d0;
|
||||
color: #232323;
|
||||
pointer-events:auto;
|
||||
opacity: 1;
|
||||
|
||||
}
|
||||
</style>
|
||||
string adminVersion = _0_Framework.Application.Version.AdminVersion;
|
||||
<link href="~/assetsadmin/page/workshop/css/AoutoExtention.css?ver=@adminVersion" rel="stylesheet" />
|
||||
|
||||
}
|
||||
var i = 1;
|
||||
var zeropscode = "zero-ps-code tooltip-container";
|
||||
string adminVersion = _0_Framework.Application.Version.AdminVersion;
|
||||
|
||||
|
||||
<link href="~/AdminTheme/assets/datatables/jquery.dataTables.min.css" rel="stylesheet" type="text/css"/>
|
||||
}
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -1,3 +0,0 @@
|
||||
@model CompanyManagment.App.Contracts.Zone.ZoneViewModel
|
||||
@{
|
||||
}
|
||||
@@ -1,345 +1,8 @@
|
||||
@model CompanyManagment.App.Contracts.WorkingHoursTemp.CreateWorkingHoursTemp
|
||||
@Html.AntiForgeryToken()
|
||||
@{
|
||||
<style>
|
||||
|
||||
.modal2-btns {
|
||||
float: left;
|
||||
padding: 15px;
|
||||
}
|
||||
.modal2-btn {
|
||||
border-radius: 16px;
|
||||
font-size: 12px;
|
||||
|
||||
|
||||
}
|
||||
.modal-content .main-title {
|
||||
top: 35px;
|
||||
}
|
||||
.modal-content label {
|
||||
color: #2c2c2c;
|
||||
font-size: 10px;
|
||||
}
|
||||
.modal .modal-dialog .modal-content .modal-body {
|
||||
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
padding: 5px 0px !important;
|
||||
height: 585px;
|
||||
|
||||
}
|
||||
.modal .modal-dialog .modal-content {
|
||||
padding: 0px 20px !important;
|
||||
border-radius: 25px;
|
||||
}
|
||||
|
||||
div span.week {
|
||||
border-radius: 5px;
|
||||
padding: 2px 8px;
|
||||
margin-right: 15px;
|
||||
width: 80px !important;
|
||||
}
|
||||
|
||||
#shanbeh, #yekshanbeh, #doshanbeh, #seshanbeh, #cheharshanbeh, #panjshanbeh, #jomeh {
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
#Sh1, #Sh2, #Sh3, #Sh4, #Sh5, #Sh6, #Sh7, #Sh8 {
|
||||
width: 80px;
|
||||
margin-right: 21%;
|
||||
border-radius: 15px;
|
||||
}
|
||||
#Sh4 {
|
||||
height: 57px;
|
||||
line-height: 3.5;
|
||||
margin-right: 3% !important;
|
||||
width: 240px !important;
|
||||
}
|
||||
|
||||
.time {
|
||||
width: 10%;
|
||||
text-align: center;
|
||||
direction: ltr;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #47c848 !important;
|
||||
}
|
||||
|
||||
.time2 {
|
||||
width: 32%;
|
||||
text-align: center;
|
||||
direction: ltr;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #47c848 !important;
|
||||
}
|
||||
|
||||
.fild {
|
||||
border: 1px solid #878686;
|
||||
background-color: #e7e7e7;
|
||||
border-radius: 10px;
|
||||
padding: 15px 0 15px 0;
|
||||
display: inline;
|
||||
float: left;
|
||||
width: 100%;
|
||||
margin: 5px 0px;
|
||||
}
|
||||
|
||||
.fild2 {
|
||||
border: 1px solid #878686;
|
||||
background-color: #d9d9d9;
|
||||
border-radius: 10px;
|
||||
padding: 10px 0 10px 0;
|
||||
display: inline;
|
||||
float: left;
|
||||
width: 80%;
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
.fild3 {
|
||||
border: 1px solid #878686;
|
||||
background-color: #e7e7e7;
|
||||
border-radius: 10px;
|
||||
display: inline;
|
||||
float: left;
|
||||
width: 100%;
|
||||
}
|
||||
.fild4 {
|
||||
border: 1px solid #878686;
|
||||
background-color: #f3f3f3;
|
||||
border-radius: 10px;
|
||||
padding: 15px 0 15px 0;
|
||||
display: inline;
|
||||
float: left;
|
||||
width: 100%;
|
||||
margin: 5px 0px;
|
||||
font-size: 12px;
|
||||
|
||||
}
|
||||
input[type=radio]:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
hr {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
border-top: 1px solid #d3d3d3;
|
||||
}
|
||||
|
||||
.checkbox + .checkbox, .radio + .radio {
|
||||
margin-top: 0px !important;
|
||||
}
|
||||
|
||||
.radio {
|
||||
margin-top: 0px !important;
|
||||
}
|
||||
.rest {
|
||||
width: 67px;
|
||||
text-align: center;
|
||||
}
|
||||
.rsetHeader {
|
||||
|
||||
border-right: 1px solid #9a9a9a;
|
||||
border-left: 1px solid #9a9a9a;
|
||||
padding: 0px 20px 0px 23px;
|
||||
}
|
||||
.shiftDisplayNone {
|
||||
display: none;
|
||||
}
|
||||
.tabHeader {
|
||||
border-radius: 10px 10px 0px 0px;
|
||||
height: 34px;
|
||||
background-color: #e6f7e9 !important;
|
||||
padding: 0px 5px !important;
|
||||
}
|
||||
.nav.nav-tabs > li > a, .nav.tabs-vertical > li > a {
|
||||
line-height: 30px;
|
||||
}
|
||||
.tab-a {
|
||||
height: 30px;
|
||||
border-radius: 10px 10px 0px 0px !important;
|
||||
margin-top: 5px !important;
|
||||
}
|
||||
.nav-tabs > li.active > a,
|
||||
.nav-tabs > li.active > a:focus,
|
||||
.nav-tabs > li.active > a:hover, .tabs-vertical > li.active > a,
|
||||
.tabs-vertical > li.active > a:focus,
|
||||
.tabs-vertical > li.active > a:hover{
|
||||
color: #07851d !important;
|
||||
|
||||
}
|
||||
.modal-moving {
|
||||
|
||||
-webkit-animation-duration: 4s;
|
||||
-webkit-animation-name: modal-move;
|
||||
-webkit-animation-fill-mode: forwards;
|
||||
|
||||
animation-duration: 4s;
|
||||
animation-fill-mode: forwards;
|
||||
animation-name: modal-move;
|
||||
}
|
||||
@@-webkit-keyframes modal-move {
|
||||
from {
|
||||
right: 0px;
|
||||
}
|
||||
|
||||
to {
|
||||
right: 150px;
|
||||
}
|
||||
}
|
||||
@@-moz-keyframes modal-move {
|
||||
from {
|
||||
right: 0px;
|
||||
}
|
||||
|
||||
to {
|
||||
right: 180px;
|
||||
}
|
||||
}
|
||||
@@keyframes modal-move {
|
||||
from {
|
||||
right: 0px;
|
||||
}
|
||||
|
||||
to {
|
||||
right: 150px;
|
||||
}
|
||||
}
|
||||
.call {
|
||||
color: #fff;
|
||||
font-size: 12px;
|
||||
padding-top: 4px;
|
||||
}
|
||||
.green-text {
|
||||
color: #28ff35;
|
||||
}
|
||||
.yelow-text {
|
||||
color: #ffdc56;
|
||||
}
|
||||
|
||||
.modal-body2 {
|
||||
background-color: #f2fbfb;
|
||||
width: 100%;
|
||||
height: 615px;
|
||||
border-radius: 25px;
|
||||
position: absolute;
|
||||
}
|
||||
.rotateHead {
|
||||
width: 100%;
|
||||
margin-top: 10px;
|
||||
height: 20px;
|
||||
background-color: #eb950a;
|
||||
box-shadow: 1px 1px 5px 2px rgb(0 0 0 / 19%);
|
||||
border-radius: 10px;
|
||||
color: #fff;
|
||||
font-size: 12px;
|
||||
line-height: 1.7;
|
||||
}
|
||||
.rotateItems{
|
||||
width: 100%;
|
||||
margin-top: 3px;
|
||||
height: 17px;
|
||||
|
||||
box-shadow: 1px 1px 5px 2px rgb(0 0 0 / 19%);
|
||||
border-radius: 10px;
|
||||
|
||||
font-size: 12px;
|
||||
|
||||
}
|
||||
.rotateParntModal {
|
||||
height: 600px !important;
|
||||
}
|
||||
.errored {
|
||||
animation: shake 300ms;
|
||||
box-shadow: inset 0 0 2px #eb3434, 0 0 5px #eb3434 !important;
|
||||
border: 1px solid #eb3434 !important;
|
||||
}
|
||||
#copyToOtherWeeks {
|
||||
width: 75px;
|
||||
padding: 1px !important;
|
||||
background-color: #fccd1c !important;
|
||||
margin: 0px 4px 3px 20px !important;
|
||||
font-size: 9px !important;
|
||||
color: #000 !important;
|
||||
}
|
||||
.copyTooltip-container {
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
/* display: inline-block;*/
|
||||
}
|
||||
.copyTooltip {
|
||||
opacity: 0;
|
||||
z-index: 99;
|
||||
color: #fff;
|
||||
/* width: 180px;*/
|
||||
display: block;
|
||||
font-size: 12px;
|
||||
font-family: 'IranSans';
|
||||
padding: 5px 10px;
|
||||
border-radius: 15px;
|
||||
text-align: center;
|
||||
/*text-shadow: 1px 1px 2px #111;*/
|
||||
background: #eb3434;
|
||||
border: 1px solid #eb3434;
|
||||
box-shadow: 0 0 3px rgba(0,0,0,0.5);
|
||||
-webkit-transition: all .2s ease-in-out;
|
||||
-moz-transition: all .2s ease-in-out;
|
||||
-o-transition: all .2s ease-in-out;
|
||||
/* -ms-transition: all .2s ease-in-out;*/
|
||||
transition: all .2s ease-in-out;
|
||||
-webkit-transform: scale(0);
|
||||
-moz-transform: scale(0);
|
||||
-o-transform: scale(0);
|
||||
-ms-transform: scale(0);
|
||||
transform: scale(0);
|
||||
position: absolute;
|
||||
right: -2px;
|
||||
bottom: 23px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.copyTooltip:before, .copyTooltip:after {
|
||||
content: '';
|
||||
border-left: 10px solid transparent;
|
||||
border-right: 10px solid transparent;
|
||||
border-top: 10px solid #eb3434;
|
||||
position: absolute;
|
||||
bottom: -10px;
|
||||
right: 20px;
|
||||
}
|
||||
|
||||
.copyTooltip-container:hover .copyTooltip, a:hover .copyTooltip {
|
||||
opacity: 1;
|
||||
-webkit-transform: scale(1);
|
||||
-moz-transform: scale(1);
|
||||
-o-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
.weekAlert {
|
||||
|
||||
|
||||
animation: colorChange 800ms linear infinite;
|
||||
box-shadow: inset 0 0 2px #eb3434, 0 0 5px #eb3434;
|
||||
border: 1px solid #eb3434;
|
||||
}
|
||||
|
||||
|
||||
@@keyframes colorChange {
|
||||
0% {
|
||||
box-shadow: inset 0 0 2px #eb3434, 0 0 5px #eb3434;
|
||||
border: 1px solid #eb3434;
|
||||
}
|
||||
50% {
|
||||
box-shadow: inset 0 0 2px #e5e5e5, 0 0 5px #e5e5e5;
|
||||
border: 1px solid #e5e5e5;
|
||||
|
||||
}
|
||||
100% {
|
||||
box-shadow: inset 0 0 2px #eb3434, 0 0 5px #eb3434;
|
||||
border: 1px solid #eb3434;
|
||||
}
|
||||
|
||||
}
|
||||
</style>
|
||||
string adminVersion = _0_Framework.Application.Version.AdminVersion;
|
||||
<link href="~/assetsadmin/page/workshop/css/clock.css?ver=@adminVersion" rel="stylesheet" />
|
||||
<link href="/AdminTheme/assets/css/TypoGraphy.css" rel="stylesheet">
|
||||
}
|
||||
|
||||
|
||||
@@ -0,0 +1,499 @@
|
||||
|
||||
.selectedBtn {
|
||||
background-color: #06ab08 !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.erroreManual {
|
||||
border: 1px solid #eb3434 !important;
|
||||
}
|
||||
|
||||
.errored {
|
||||
animation: shake 300ms;
|
||||
box-shadow: inset 0 0 2px #eb3434, 0 0 5px #eb3434 !important;
|
||||
border: 1px solid #eb3434 !important;
|
||||
}
|
||||
|
||||
.zero-ps-code {
|
||||
background-color: #eb3434;
|
||||
animation: color-change 800ms linear infinite;
|
||||
}
|
||||
|
||||
.firstCheckAlert {
|
||||
background-color: #eb3434;
|
||||
animation: color-change 800ms linear infinite;
|
||||
}
|
||||
|
||||
.contractExist {
|
||||
background-color: #ffb715 !important;
|
||||
}
|
||||
|
||||
.leftInvalid {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.red {
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
@@keyframes color-change {
|
||||
0% {
|
||||
background-color: #eb3434;
|
||||
}
|
||||
|
||||
50% {
|
||||
background-color: #e5e5e5;
|
||||
}
|
||||
|
||||
100% {
|
||||
background-color: #eb3434;
|
||||
}
|
||||
}
|
||||
|
||||
.tooltip-container {
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
/* display: inline-block;*/
|
||||
}
|
||||
|
||||
.tooltip {
|
||||
opacity: 0;
|
||||
z-index: 99;
|
||||
color: #fff;
|
||||
/* width: 180px;*/
|
||||
display: block;
|
||||
font-size: 12px;
|
||||
font-family: 'IranSans';
|
||||
padding: 5px 10px;
|
||||
border-radius: 15px;
|
||||
text-align: center;
|
||||
/*text-shadow: 1px 1px 2px #111;*/
|
||||
background: #eb3434;
|
||||
border: 1px solid #eb3434;
|
||||
box-shadow: 0 0 3px rgba(0,0,0,0.5);
|
||||
-webkit-transition: all .2s ease-in-out;
|
||||
-moz-transition: all .2s ease-in-out;
|
||||
-o-transition: all .2s ease-in-out;
|
||||
/* -ms-transition: all .2s ease-in-out;*/
|
||||
transition: all .2s ease-in-out;
|
||||
-webkit-transform: scale(0);
|
||||
-moz-transform: scale(0);
|
||||
-o-transform: scale(0);
|
||||
-ms-transform: scale(0);
|
||||
transform: scale(0);
|
||||
position: absolute;
|
||||
right: -2px;
|
||||
bottom: 23px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.tooltip:before, .tooltip:after {
|
||||
content: '';
|
||||
border-left: 10px solid transparent;
|
||||
border-right: 10px solid transparent;
|
||||
border-top: 10px solid #eb3434;
|
||||
position: absolute;
|
||||
bottom: -10px;
|
||||
right: 20px;
|
||||
}
|
||||
|
||||
.tooltip-container:hover .tooltip, a:hover .tooltip {
|
||||
opacity: 1;
|
||||
-webkit-transform: scale(1);
|
||||
-moz-transform: scale(1);
|
||||
-o-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
.pdate {
|
||||
background-color: rgba(255,255,255,0.9) !important;
|
||||
border: 1px solid #bdbdbd !important;
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
.sizeSet {
|
||||
padding: 2px !important;
|
||||
text-align: center !important;
|
||||
}
|
||||
|
||||
.ionSize {
|
||||
font-size: 22px !important;
|
||||
top: 2px !important;
|
||||
position: relative;
|
||||
padding: 0px 2px 0px 2px;
|
||||
}
|
||||
|
||||
.iconSize {
|
||||
min-width: 90px !important;
|
||||
width: 90px;
|
||||
}
|
||||
|
||||
.rad {
|
||||
border-radius: 8px !important;
|
||||
/* padding: 10px; */
|
||||
padding: 2px 5px 0px 5px;
|
||||
}
|
||||
|
||||
.select {
|
||||
background-color: #fafafa;
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
font-size: 14px;
|
||||
border: 1px solid #c7c7c7 !important;
|
||||
-webkit-border-radius: 2px;
|
||||
-moz-border-radius: 2px;
|
||||
border-radius: 10px;
|
||||
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
|
||||
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
|
||||
border: 1px solid #eee;
|
||||
box-shadow: none;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@@media screen and (max-width: 1920px) {
|
||||
.pannelSize {
|
||||
width: 85%
|
||||
}
|
||||
|
||||
.modal-content2 {
|
||||
background-color: whitesmoke;
|
||||
width: 36%;
|
||||
height: 490px;
|
||||
border: 1px solid #a5a5a59e;
|
||||
border-radius: 25px;
|
||||
margin-top: 150px;
|
||||
margin-right: 32%;
|
||||
padding: 0px 30px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@media screen and (max-width: 1440px) {
|
||||
.pannelSize {
|
||||
width: 80%
|
||||
}
|
||||
|
||||
.modal-content2 {
|
||||
background-color: whitesmoke;
|
||||
width: 50%;
|
||||
height: 490px;
|
||||
border: 1px solid #a5a5a59e;
|
||||
border-radius: 25px;
|
||||
margin-top: 80px;
|
||||
margin-right: 25%;
|
||||
padding: 0px 30px;
|
||||
}
|
||||
}
|
||||
|
||||
@@media screen and (max-width: 1366px) {
|
||||
.pannelSize {
|
||||
width: 79%
|
||||
}
|
||||
}
|
||||
|
||||
@@media screen and (max-width: 1280px) {
|
||||
.pannelSize {
|
||||
width: 77%
|
||||
}
|
||||
}
|
||||
|
||||
.pannelHead {
|
||||
border-radius: 15px 15px 0px 0px;
|
||||
height: 40px;
|
||||
background: linear-gradient(to right, #016603, #06ab08 50%, #06ab08 50%, #016603);
|
||||
margin: -10px -15px 25px -15px;
|
||||
}
|
||||
|
||||
.pannelHead2 {
|
||||
height: 40px;
|
||||
background: linear-gradient(to right, #9a9a9a, #ffffff 50%, #ffffff 50%, #9a9a9a);
|
||||
margin: -25px -15px 25px -15px;
|
||||
}
|
||||
|
||||
.headText {
|
||||
text-align: center;
|
||||
margin-top: 8px;
|
||||
font-size: 16px;
|
||||
color: #e5e5e5;
|
||||
}
|
||||
|
||||
.inpt {
|
||||
display: inline-block;
|
||||
border-radius: 15px 0px 5px 15px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.disc {
|
||||
border-radius: 0px 15px 15px 0px;
|
||||
height: 34px;
|
||||
position: absolute;
|
||||
cursor: unset;
|
||||
}
|
||||
|
||||
.disc:hover {
|
||||
box-shadow: unset;
|
||||
}
|
||||
|
||||
.inputCol {
|
||||
margin-top: 15%;
|
||||
}
|
||||
|
||||
.redColor {
|
||||
background-color: #ffe8e8 !important;
|
||||
}
|
||||
|
||||
.greenColor {
|
||||
background-color: #c9eecf !important;
|
||||
}
|
||||
|
||||
.contractType {
|
||||
border-radius: 5px;
|
||||
width: 60px;
|
||||
border-color: #5b5b5b;
|
||||
color: #5b5b5b;
|
||||
}
|
||||
|
||||
.contractPeryod {
|
||||
border-radius: 5px;
|
||||
width: 80px;
|
||||
border-color: #5b5b5b;
|
||||
color: #5b5b5b;
|
||||
}
|
||||
|
||||
|
||||
/*modal2 */
|
||||
|
||||
|
||||
.modal-footer {
|
||||
border-top: unset !important;
|
||||
}
|
||||
|
||||
.modal-header {
|
||||
border-bottom: unset !important;
|
||||
padding: unset !important;
|
||||
}
|
||||
|
||||
.close {
|
||||
margin-top: 12px;
|
||||
margin-left: -19px;
|
||||
font-size: 26px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.main-title {
|
||||
position: absolute;
|
||||
width: 195px;
|
||||
font-size: 19px;
|
||||
background-color: inherit;
|
||||
left: 50%;
|
||||
top: 6px;
|
||||
margin-left: -100px;
|
||||
text-align: center;
|
||||
color: black;
|
||||
border: 1px solid #00000030;
|
||||
border-radius: 9px;
|
||||
padding: 2px 0px;
|
||||
}
|
||||
|
||||
.modal2-btns {
|
||||
float: left;
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.modal2-btn {
|
||||
border-radius: 16px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.modal-content2 .main-title {
|
||||
top: 35px;
|
||||
}
|
||||
|
||||
.modal-content2 label {
|
||||
color: #2c2c2c;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.modal .modal-dialoge .modal-content2 .modal-body {
|
||||
padding: 0px 50px;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
padding: 10px 0px;
|
||||
}
|
||||
|
||||
div span.week {
|
||||
border-radius: 5px;
|
||||
padding: 2px 8px;
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
#shanbeh, #yekshanbeh, #doshanbeh, #seshanbeh, #cheharshanbeh, #panjshanbeh, #jomeh {
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
#Sh1, #Sh2, #Sh3, #Sh4, #Sh5, #Sh6, #Sh7, #Sh8 {
|
||||
width: 80px;
|
||||
margin-right: 30%;
|
||||
}
|
||||
|
||||
.time {
|
||||
width: 10%;
|
||||
text-align: center;
|
||||
direction: ltr;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #47c848 !important;
|
||||
}
|
||||
|
||||
.time2 {
|
||||
width: 32%;
|
||||
text-align: center;
|
||||
direction: ltr;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #47c848 !important;
|
||||
}
|
||||
|
||||
.fild {
|
||||
border: 1px solid #878686;
|
||||
background-color: #e7e7e7;
|
||||
border-radius: 10px;
|
||||
padding: 15px 0 15px 0;
|
||||
display: inline;
|
||||
float: left;
|
||||
width: 100%;
|
||||
margin: 5px 0px;
|
||||
}
|
||||
|
||||
.fild2 {
|
||||
border: 1px solid #878686;
|
||||
background-color: #d9d9d9;
|
||||
border-radius: 10px;
|
||||
padding: 10px 0 10px 0;
|
||||
display: inline;
|
||||
float: left;
|
||||
width: 80%;
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
.fild3 {
|
||||
border: 1px solid #878686;
|
||||
background-color: #e7e7e7;
|
||||
border-radius: 10px;
|
||||
display: inline;
|
||||
float: left;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
input[type=radio]:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
hr {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
border-top: 1px solid #d3d3d3;
|
||||
}
|
||||
|
||||
.checkbox + .checkbox, .radio + .radio {
|
||||
margin-top: 0px !important;
|
||||
}
|
||||
|
||||
.radio {
|
||||
margin-top: 0px !important;
|
||||
}
|
||||
|
||||
.anim {
|
||||
animation-name: animationProgress;
|
||||
}
|
||||
|
||||
@*heder*@ .top-Bar {
|
||||
background-color: #c1dcd8;
|
||||
height: 100px;
|
||||
border-radius: 15px;
|
||||
margin: 0px 2px 10px 2px;
|
||||
box-shadow: 0px 1px 15px 0 #749883;
|
||||
}
|
||||
|
||||
.workshopName {
|
||||
color: #fff;
|
||||
background-color: #1b9998;
|
||||
font-size: 15px;
|
||||
border-radius: 15px;
|
||||
height: 25px;
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
.manual {
|
||||
background-color: #efefef;
|
||||
min-height: 160px;
|
||||
border-radius: 15px;
|
||||
width: 49%;
|
||||
box-shadow: 0px 1px 15px 0 #0f8181;
|
||||
}
|
||||
|
||||
.automatic {
|
||||
background-color: #efefef;
|
||||
min-height: 160px;
|
||||
border-radius: 15px;
|
||||
width: 49%;
|
||||
box-shadow: 0px 1px 15px 0 #0f8181
|
||||
}
|
||||
|
||||
.discManual {
|
||||
border-radius: 20px 5px 0px 0px;
|
||||
cursor: unset;
|
||||
font-size: 12px;
|
||||
padding: 3px 10px;
|
||||
}
|
||||
|
||||
.inptAutomatic {
|
||||
display: inline-block;
|
||||
border-radius: 15px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.trueStatusHide {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.falseStatusHide {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.progBar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#createProcess {
|
||||
background-color: #fdfdfd;
|
||||
height: 100px;
|
||||
border-radius: 15px;
|
||||
margin: 0px 2px 10px 2px;
|
||||
box-shadow: 0px 1px 15px 0 #1ebb5f;
|
||||
}
|
||||
|
||||
.progress-bar {
|
||||
color: #fff !important;
|
||||
font-size: 17px !important;
|
||||
line-height: 23px !important;
|
||||
border-radius: 10px !important;
|
||||
}
|
||||
|
||||
.dayliwage {
|
||||
width: 50% !important;
|
||||
}
|
||||
|
||||
.groupDailyWageDisable {
|
||||
background-color: #e1e1e1;
|
||||
color: #bfbfbf;
|
||||
pointer-events: none;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.groupDailyWageEnable {
|
||||
background-color: #d0d0d0;
|
||||
color: #232323;
|
||||
pointer-events: auto;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
354
ServiceHost/wwwroot/AssetsAdmin/page/Workshop/css/clock.css
Normal file
354
ServiceHost/wwwroot/AssetsAdmin/page/Workshop/css/clock.css
Normal file
@@ -0,0 +1,354 @@
|
||||
|
||||
.modal2-btns {
|
||||
float: left;
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.modal2-btn {
|
||||
border-radius: 16px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.modal-content .main-title {
|
||||
top: 35px;
|
||||
}
|
||||
|
||||
.modal-content label {
|
||||
color: #2c2c2c;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.modal .modal-dialog .modal-content .modal-body {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
padding: 5px 0px !important;
|
||||
height: 585px;
|
||||
}
|
||||
|
||||
.modal .modal-dialog .modal-content {
|
||||
padding: 0px 20px !important;
|
||||
border-radius: 25px;
|
||||
}
|
||||
|
||||
div span.week {
|
||||
border-radius: 5px;
|
||||
padding: 2px 8px;
|
||||
margin-right: 15px;
|
||||
width: 80px !important;
|
||||
}
|
||||
|
||||
#shanbeh, #yekshanbeh, #doshanbeh, #seshanbeh, #cheharshanbeh, #panjshanbeh, #jomeh {
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
#Sh1, #Sh2, #Sh3, #Sh4, #Sh5, #Sh6, #Sh7, #Sh8 {
|
||||
width: 80px;
|
||||
margin-right: 21%;
|
||||
border-radius: 15px;
|
||||
}
|
||||
|
||||
#Sh4 {
|
||||
height: 57px;
|
||||
line-height: 3.5;
|
||||
margin-right: 3% !important;
|
||||
width: 240px !important;
|
||||
}
|
||||
|
||||
.time {
|
||||
width: 10%;
|
||||
text-align: center;
|
||||
direction: ltr;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #47c848 !important;
|
||||
}
|
||||
|
||||
.time2 {
|
||||
width: 32%;
|
||||
text-align: center;
|
||||
direction: ltr;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #47c848 !important;
|
||||
}
|
||||
|
||||
.fild {
|
||||
border: 1px solid #878686;
|
||||
background-color: #e7e7e7;
|
||||
border-radius: 10px;
|
||||
padding: 15px 0 15px 0;
|
||||
display: inline;
|
||||
float: left;
|
||||
width: 100%;
|
||||
margin: 5px 0px;
|
||||
}
|
||||
|
||||
.fild2 {
|
||||
border: 1px solid #878686;
|
||||
background-color: #d9d9d9;
|
||||
border-radius: 10px;
|
||||
padding: 10px 0 10px 0;
|
||||
display: inline;
|
||||
float: left;
|
||||
width: 80%;
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
.fild3 {
|
||||
border: 1px solid #878686;
|
||||
background-color: #e7e7e7;
|
||||
border-radius: 10px;
|
||||
display: inline;
|
||||
float: left;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.fild4 {
|
||||
border: 1px solid #878686;
|
||||
background-color: #f3f3f3;
|
||||
border-radius: 10px;
|
||||
padding: 15px 0 15px 0;
|
||||
display: inline;
|
||||
float: left;
|
||||
width: 100%;
|
||||
margin: 5px 0px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
input[type=radio]:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
hr {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
border-top: 1px solid #d3d3d3;
|
||||
}
|
||||
|
||||
.checkbox + .checkbox, .radio + .radio {
|
||||
margin-top: 0px !important;
|
||||
}
|
||||
|
||||
.radio {
|
||||
margin-top: 0px !important;
|
||||
}
|
||||
|
||||
.rest {
|
||||
width: 67px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.rsetHeader {
|
||||
border-right: 1px solid #9a9a9a;
|
||||
border-left: 1px solid #9a9a9a;
|
||||
padding: 0px 20px 0px 23px;
|
||||
}
|
||||
|
||||
.shiftDisplayNone {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.tabHeader {
|
||||
border-radius: 10px 10px 0px 0px;
|
||||
height: 34px;
|
||||
background-color: #e6f7e9 !important;
|
||||
padding: 0px 5px !important;
|
||||
}
|
||||
|
||||
.nav.nav-tabs > li > a, .nav.tabs-vertical > li > a {
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
.tab-a {
|
||||
height: 30px;
|
||||
border-radius: 10px 10px 0px 0px !important;
|
||||
margin-top: 5px !important;
|
||||
}
|
||||
|
||||
.nav-tabs > li.active > a,
|
||||
.nav-tabs > li.active > a:focus,
|
||||
.nav-tabs > li.active > a:hover, .tabs-vertical > li.active > a,
|
||||
.tabs-vertical > li.active > a:focus,
|
||||
.tabs-vertical > li.active > a:hover {
|
||||
color: #07851d !important;
|
||||
}
|
||||
|
||||
.modal-moving {
|
||||
-webkit-animation-duration: 4s;
|
||||
-webkit-animation-name: modal-move;
|
||||
-webkit-animation-fill-mode: forwards;
|
||||
animation-duration: 4s;
|
||||
animation-fill-mode: forwards;
|
||||
animation-name: modal-move;
|
||||
}
|
||||
|
||||
@@-webkit-keyframes modal-move {
|
||||
from {
|
||||
right: 0px;
|
||||
}
|
||||
|
||||
to {
|
||||
right: 150px;
|
||||
}
|
||||
}
|
||||
|
||||
@@-moz-keyframes modal-move {
|
||||
from {
|
||||
right: 0px;
|
||||
}
|
||||
|
||||
to {
|
||||
right: 180px;
|
||||
}
|
||||
}
|
||||
|
||||
@@keyframes modal-move {
|
||||
from {
|
||||
right: 0px;
|
||||
}
|
||||
|
||||
to {
|
||||
right: 150px;
|
||||
}
|
||||
}
|
||||
|
||||
.call {
|
||||
color: #fff;
|
||||
font-size: 12px;
|
||||
padding-top: 4px;
|
||||
}
|
||||
|
||||
.green-text {
|
||||
color: #28ff35;
|
||||
}
|
||||
|
||||
.yelow-text {
|
||||
color: #ffdc56;
|
||||
}
|
||||
|
||||
.modal-body2 {
|
||||
background-color: #f2fbfb;
|
||||
width: 100%;
|
||||
height: 615px;
|
||||
border-radius: 25px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.rotateHead {
|
||||
width: 100%;
|
||||
margin-top: 10px;
|
||||
height: 20px;
|
||||
background-color: #eb950a;
|
||||
box-shadow: 1px 1px 5px 2px rgb(0 0 0 / 19%);
|
||||
border-radius: 10px;
|
||||
color: #fff;
|
||||
font-size: 12px;
|
||||
line-height: 1.7;
|
||||
}
|
||||
|
||||
.rotateItems {
|
||||
width: 100%;
|
||||
margin-top: 3px;
|
||||
height: 17px;
|
||||
box-shadow: 1px 1px 5px 2px rgb(0 0 0 / 19%);
|
||||
border-radius: 10px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.rotateParntModal {
|
||||
height: 600px !important;
|
||||
}
|
||||
|
||||
.errored {
|
||||
animation: shake 300ms;
|
||||
box-shadow: inset 0 0 2px #eb3434, 0 0 5px #eb3434 !important;
|
||||
border: 1px solid #eb3434 !important;
|
||||
}
|
||||
|
||||
#copyToOtherWeeks {
|
||||
width: 75px;
|
||||
padding: 1px !important;
|
||||
background-color: #fccd1c !important;
|
||||
margin: 0px 4px 3px 20px !important;
|
||||
font-size: 9px !important;
|
||||
color: #000 !important;
|
||||
}
|
||||
|
||||
.copyTooltip-container {
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
/* display: inline-block;*/
|
||||
}
|
||||
|
||||
.copyTooltip {
|
||||
opacity: 0;
|
||||
z-index: 99;
|
||||
color: #fff;
|
||||
/* width: 180px;*/
|
||||
display: block;
|
||||
font-size: 12px;
|
||||
font-family: 'IranSans';
|
||||
padding: 5px 10px;
|
||||
border-radius: 15px;
|
||||
text-align: center;
|
||||
/*text-shadow: 1px 1px 2px #111;*/
|
||||
background: #eb3434;
|
||||
border: 1px solid #eb3434;
|
||||
box-shadow: 0 0 3px rgba(0,0,0,0.5);
|
||||
-webkit-transition: all .2s ease-in-out;
|
||||
-moz-transition: all .2s ease-in-out;
|
||||
-o-transition: all .2s ease-in-out;
|
||||
/* -ms-transition: all .2s ease-in-out;*/
|
||||
transition: all .2s ease-in-out;
|
||||
-webkit-transform: scale(0);
|
||||
-moz-transform: scale(0);
|
||||
-o-transform: scale(0);
|
||||
-ms-transform: scale(0);
|
||||
transform: scale(0);
|
||||
position: absolute;
|
||||
right: -2px;
|
||||
bottom: 23px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.copyTooltip:before, .copyTooltip:after {
|
||||
content: '';
|
||||
border-left: 10px solid transparent;
|
||||
border-right: 10px solid transparent;
|
||||
border-top: 10px solid #eb3434;
|
||||
position: absolute;
|
||||
bottom: -10px;
|
||||
right: 20px;
|
||||
}
|
||||
|
||||
.copyTooltip-container:hover .copyTooltip, a:hover .copyTooltip {
|
||||
opacity: 1;
|
||||
-webkit-transform: scale(1);
|
||||
-moz-transform: scale(1);
|
||||
-o-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
.weekAlert {
|
||||
animation: colorChange 800ms linear infinite;
|
||||
box-shadow: inset 0 0 2px #eb3434, 0 0 5px #eb3434;
|
||||
border: 1px solid #eb3434;
|
||||
}
|
||||
|
||||
|
||||
@@keyframes colorChange {
|
||||
0% {
|
||||
box-shadow: inset 0 0 2px #eb3434, 0 0 5px #eb3434;
|
||||
border: 1px solid #eb3434;
|
||||
}
|
||||
|
||||
50% {
|
||||
box-shadow: inset 0 0 2px #e5e5e5, 0 0 5px #e5e5e5;
|
||||
border: 1px solid #e5e5e5;
|
||||
}
|
||||
|
||||
100% {
|
||||
box-shadow: inset 0 0 2px #eb3434, 0 0 5px #eb3434;
|
||||
border: 1px solid #eb3434;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user