286 lines
10 KiB
Plaintext
286 lines
10 KiB
Plaintext
@model GODATA.Models.Ticket.FeedBackModel
|
|
|
|
@*<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>*@
|
|
|
|
<div id="FeedbackContainer">
|
|
|
|
@if (Model.FeedBackagent != "" && Model.FeedBackagent != null)
|
|
{
|
|
<div id="divFilledFeedbackDetails" class="Feedback_wrapper">
|
|
<img src="../../Content/css/images/feedback-label.png" alt="Feedback" title="Feedback" border="0" />
|
|
@if ((ViewBag.UserRole).ToLower().Trim() == "cce" || (ViewBag.UserRole).ToLower().Trim() == "cce_admin")
|
|
{
|
|
<div class="fright">
|
|
<input id="btnSubmit" type="button" value="Edit" data-TicketId="@Model.TicketId" onclick='editTicketFeedback(this)' class=" button_blue" style="margin-top: 0; width: auto !important; margin-left: 10px; height: 26px; overflow: hidden; line-height: 10px; height: 18px;" />
|
|
</div>
|
|
}
|
|
<div class="feedback_rating">
|
|
|
|
<table id="tableFeedback" width="100%" border="0" cellspacing="0" cellpadding="0">
|
|
<tbody>
|
|
@Html.Hidden("ticketId", (object)@ViewBag.TicketId)
|
|
@Html.Hidden("creationTime", (string)@ViewBag.CreationTime)
|
|
|
|
@if (ViewBag.FeedbackQuestions.Count > 0)
|
|
{
|
|
int counter = 1;
|
|
foreach (var item in (List<GODATA.Models.Ticket.FeedbackSuggestionComplaintModel>)ViewBag.FeedbackQuestions)
|
|
{
|
|
<tr>
|
|
<td>
|
|
<span>
|
|
@Html.DisplayFor(model => item.ReasonName)
|
|
</span>
|
|
</td>
|
|
<td>
|
|
<span id="spanRate_@counter"></span>
|
|
</td>
|
|
</tr>
|
|
counter++;
|
|
}
|
|
}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="feedback_content">
|
|
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="non_editable_feedback">
|
|
<tr>
|
|
<td class="bdright radiusleft">
|
|
<span>
|
|
@Html.LabelFor(model => model.SuggestionComplaint)
|
|
</span>
|
|
</td>
|
|
<td class="radiusright">
|
|
@Html.DisplayFor(model => model.SuggestionComplaint)
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="5"> </td>
|
|
</tr>
|
|
<tr>
|
|
<td class="bdright radiusleft">
|
|
<span>
|
|
@Html.LabelFor(model => model.Complaint)
|
|
</span>
|
|
</td>
|
|
<td class="radiusright">
|
|
@Html.DisplayFor(model => model.Complaint)
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="5"> </td>
|
|
</tr>
|
|
<tr>
|
|
<td class="bdright radiusleft">
|
|
<span>
|
|
@Html.LabelFor(model => model.CallStatus)
|
|
</span>
|
|
</td>
|
|
<td class="radiusright">
|
|
@Html.DisplayFor(model => model.CallStatus)
|
|
</td>
|
|
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
|
|
@if (ViewBag.FeedbackHistory.Count != 0 && ViewBag.FeedbackHistory != null)
|
|
{
|
|
<div class="feedback_rating DInv_Tbl_Wrapper">
|
|
@(Html.Kendo().Grid<GODATA.Models.Ticket.FeedbackHistoryList>((List<GODATA.Models.Ticket.FeedbackHistoryList>)ViewBag.FeedbackHistory)
|
|
.Name("FeedbackHistory")
|
|
.Columns(columns =>
|
|
{
|
|
columns.Bound(column => column.TicketId).Title("Ticket Id").Hidden();
|
|
columns.Bound(column => column.CreatedBy).Title("Created By");
|
|
columns.Bound(column => column.CreationTime).Title("Creation Time").Filterable(false);
|
|
columns.Bound(column => column.CallStatus).Title("Call Status History");
|
|
columns.Bound(column => column.Remarks).Title("Remarks").Hidden();
|
|
|
|
})
|
|
.Pageable()
|
|
.Scrollable()
|
|
.Filterable()
|
|
.Resizable(resize => resize.Columns(true))
|
|
.Events(events => events
|
|
.ColumnResize("onColumnResize"))
|
|
.DataSource(dataSource => dataSource
|
|
.Ajax()
|
|
.Batch(true).PageSize(5)
|
|
.ServerOperation(false)
|
|
)
|
|
)
|
|
</div>
|
|
}
|
|
|
|
</div>
|
|
|
|
}
|
|
|
|
else
|
|
{
|
|
<div class="Feedback_wrapper">
|
|
<img src="../../Content/css/images/feedback-label.png" alt="Feedback" title="Feedback" border="0" />
|
|
@if ((ViewBag.UserRole).ToLower().Trim() == "cce" || (ViewBag.UserRole).ToLower().Trim() == "cce_admin")
|
|
{
|
|
<div class="fright">
|
|
<input id="button_submit" type="button" value="Edit" data-TicketId="@Model.TicketId" onclick='editTicketFeedback(this)' class=" button_blue" style="margin-top: 0; width: auto !important; margin-left: 10px; height: 26px; overflow: hidden; line-height: 10px; height: 18px;" />
|
|
</div>
|
|
}
|
|
<div class="feedback_content">
|
|
@*Feedback has not been given.*@
|
|
@System.Configuration.ConfigurationManager.AppSettings["feedback_not_given"].ToString()
|
|
</div>
|
|
</div>
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
@if (Convert.ToDouble(ViewBag.IsMoreThan24Hrs) >= Convert.ToDouble(24))
|
|
{
|
|
if (Model.ReasonMoreThan24Hrs != "" && Model.ReasonMoreThan24Hrs != null)
|
|
{
|
|
|
|
<div class="Clouser_wrapper">
|
|
<div class="Feedback_wrapper">
|
|
<img src="../../Content/css/images/24hrs-label.png" alt="24hrs" title="24hrs" border="0" />
|
|
<div class="feedback_content">
|
|
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="non_editable_feedback">
|
|
<tr>
|
|
<td class="bdright radiusleft">
|
|
<span>
|
|
@Html.LabelFor(model => model.ReasonMoreThan24Hrs)</span>
|
|
</td>
|
|
<td class="radiusright">
|
|
@Html.DisplayFor(model => model.ReasonMoreThan24Hrs)
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
}
|
|
|
|
else
|
|
{
|
|
<div class="Clouser_wrapper">
|
|
<div class="Feedback_wrapper">
|
|
<img src="../../Content/css/images/24hrs-label.png" alt="24hrs" title="24hrs" border="0" />
|
|
<div class="feedback_content">
|
|
@*Reason has not been given.*@
|
|
@System.Configuration.ConfigurationManager.AppSettings["reason_not_given"].ToString();
|
|
</div>
|
|
</div>
|
|
</div>
|
|
}
|
|
}
|
|
|
|
</div>
|
|
<script>
|
|
|
|
$(document).ready(function () {
|
|
|
|
/* show value of kendo sider in case of feedback already filled in each row */
|
|
if (document.getElementById('divFilledFeedbackDetails')) {
|
|
$("#spanRate_1").text('@ViewBag.EaseOfGettingCall');
|
|
$("#spanRate_2").text('@ViewBag.ResponseOfCallCenter');
|
|
$("#spanRate_3").text('@ViewBag.TimelyUpdationByDealer');
|
|
$("#spanRate_4").text('@ViewBag.TotalRepairTime');
|
|
$("#spanRate_5").text('@ViewBag.EosCharges');
|
|
$("#spanRate_6").text('@ViewBag.OverAllExperience');
|
|
//for (var count = 1; count <= rowCount; count++) {
|
|
// var slider = $("#slider_" + count).kendoSlider().data("kendoSlider");
|
|
//}
|
|
}
|
|
});
|
|
|
|
|
|
</script>
|
|
|
|
<style type="text/css">
|
|
input, select, textarea, button {
|
|
color: #222;
|
|
overflow: auto;
|
|
outline: none;
|
|
resize: none;
|
|
border: 1px solid #bebdbd;
|
|
/*text-indent: 7px;*/
|
|
border-radius: 4px;
|
|
}
|
|
|
|
#FeedbackContainer {
|
|
margin: 20px 0;
|
|
width: 794px;
|
|
width: 100%;
|
|
}
|
|
|
|
.Feedback_wrapper {
|
|
/*margin-bottom: 45px;*/
|
|
}
|
|
|
|
.feedback_content {
|
|
background: #f7f7f7;
|
|
border-radius: 4px;
|
|
border: 1px solid #e9e9e9;
|
|
box-shadow: 0px 3px 0px 0 #d9d9d9;
|
|
padding: 22px 30px;
|
|
margin: 15px 23px;
|
|
}
|
|
|
|
.feedback_content select {
|
|
width: 171px;
|
|
height: 34px;
|
|
}
|
|
|
|
.red {
|
|
color: red;
|
|
}
|
|
|
|
.feedback_rating {
|
|
text-align: left;
|
|
margin: 20px 24px;
|
|
}
|
|
|
|
div.balSlider {
|
|
width: 240px;
|
|
}
|
|
|
|
div.balSlider .k-slider-selection {
|
|
display: none;
|
|
}
|
|
|
|
.k-button-decrease, .k-button-increase {
|
|
display: none !important;
|
|
}
|
|
|
|
#divFilledFeedbackDetails #spanRate_1, #divFilledFeedbackDetails #spanRate_2, #divFilledFeedbackDetails #spanRate_3, #divFilledFeedbackDetails #spanRate_4, #divFilledFeedbackDetails #spanRate_5, #divFilledFeedbackDetails #spanRate_6 {
|
|
vertical-align: top;
|
|
line-height: 24px;
|
|
}
|
|
|
|
.k-slider-selection {
|
|
background-color: #ee2e22;
|
|
}
|
|
|
|
.feedback_content label {
|
|
/*font-size: 13px;*/
|
|
}
|
|
|
|
.k-slider-horizontal .k-slider-buttons .k-slider-track {
|
|
/*width:200px !important;*/
|
|
}
|
|
|
|
.requiredField {
|
|
border-color: red;
|
|
border-style: groove;
|
|
border-width: 1px;
|
|
}
|
|
|
|
.k-slider-horizontal .k-tick {
|
|
background-image: none;
|
|
}
|
|
</style>
|