Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @using DTS.Presentation.Web.HtmlHelpers
- @model DTS.Presentation.Web.Quote.Models.CreateQuoteViewModel
- <div class="col-lg-12" id="contentQuote">
- <div class="jarviswidget jarviswidget-color-darken">
- <header role="heading">
- <h2>
- <span class="fa fa-edit"></span>
- @Html.DisplayTranslatedMessage(1114)
- </h2>
- <div class="widget-toolbar">
- <a href="@Url.Action("ListQuote","Quote")" c class="btn btn-primary">
- <span class="fa fa-edit"></span>
- @Html.DisplayTranslatedMessage(1103)
- </a>
- </div>
- </header>
- <div>
- <div class="widget-body">
- <form action="@Url.Action("CreateQuote","Quote")" method="post">
- <fieldset class="smart-form">
- <section class="col col-lg-12">
- <label class="input" id="labelInformationDate">
- <b> @DateTime.Now.ToString("MMMM dd, yyyy") </b>
- </label>
- <label class="input" id="labelInformationHours">
- </label>
- </section>
- <section class="col col-lg-12 col-md-12 col-sm-12 col-xs-12">
- <div class="form-group">
- <label class="control-label">
- @Html.DisplayTranslatedMessage(75)
- </label>
- <label class="input">
- @Html.EditorFor(model => model.IdCustomer)
- </label>
- </div>
- </section>
- <section class="col col-lg-12 col-md-12 col-sm-12 col-xs-12">
- <div class="form-group">
- <label class="control-label">
- @Html.DisplayTranslatedMessage(76)
- </label>
- <label class="input">
- @Html.EditorFor(model => model.IdLineOperator)
- </label>
- </div>
- </section>
- <section class="col col-lg-12 col-md-12 col-sm-12 col-xs-12">
- <div class="form-group">
- <label class="control-label">
- @Html.DisplayTranslatedMessage(12304)
- </label>
- <label class="input">
- @Html.EditorFor(model => model.IdCurrency, new { HtmlAttribute = new { @data_classType = "Currency" } })
- @*@Html.DropDownListFor(viewModel => viewModel.IdLineOperator, new SelectList(ViewBag.SelectLineOperators, "Value", "Text"), " - - ", new { @class = "form-control", @style = "width:100%;" })*@
- </label>
- </div>
- </section>
- <section class="col col-lg-12 col-md-12 col-sm-12 col-xs-12">
- <div class="form-group">
- <label class="control-label">
- @Html.DisplayTranslatedMessage(77)
- </label>
- <label class="textarea">
- @Html.TextAreaFor(model => model.Commentaries, new { @class = "form-control", @rows = "3" })
- </label>
- </div>
- </section>
- <section class="col col-lg-12 col-md-12 col-sm-12 col-xs-12">
- <div class="form-group">
- <label class="control-label">
- @Html.DisplayTranslatedMessage(95)
- </label>
- <label class="textarea">
- @Html.TextAreaFor(model => model.SpecialConditions, new { @class = "form-control", @rows = "3" })
- </label>
- </div>
- </section>
- <section class="col col-lg-12">
- <legend>
- <b>
- @Html.DisplayTranslatedMessage(1115)
- <button id="btnAddQuoteDetail" onclick="AddPartialTab();" class="btn btn-primary btn-circle btn-xs pull-right" type="button">
- <i class="fa fa-plus"></i>
- </button>
- </b>
- </legend>
- <div id="tabsQuoteDetail" class="ui-tabs ui-widget ui-widget-content ui-corner-all" data-count="@Model.QuoteDetail.Count">
- <ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all" data-ulrecords="true" id="ulItems" role="tablist">
- @if (Model.QuoteDetail.Any())
- {
- for (var item = 0; item < Model.QuoteDetail.Count; item++)
- {
- if (item == 0)
- {
- <li data-count="@item" class="ui-state-default ui-corner-top ui-tabs-active ui-state-active ui-state-hover" role="tab" tabindex="0" aria-controls="tabs-1" aria-labelledby="ui-id-27" aria-selected="true">
- <a href="#tabsQuoteDetail-@item" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-27" data-count="@item">
- @Html.DisplayTranslatedMessage(1116)
- </a>
- </li>
- }
- else
- {
- <li data-count="@item" style='position:relative;'>
- <span class='air air-top-left delete-tab' style='top: 7px; left: 7px;'>
- <button class='btn btn-xs font-xs btn-default hover-transparent'><i class='fa fa-times'></i></button>
- </span>
- <a href="#tabsQuoteDetail-@item" data-count="@item">
- Item-@item
- </a>
- </li>
- }
- }
- }
- </ul>
- @if (Model.QuoteDetail.Any())
- {
- for (var item = 0; item < Model.QuoteDetail.Count; item++)
- {
- <div id="tabsQuoteDetail-@item" aria-labelledby="ui-id-27" class="ui-tabs-panel ui-widget-content ui-corner-bottom" role="tabpanel" aria-expanded="true" aria-hidden="false" style="display: block;">
- <div class="row" id="row-tabsQuoteDetail-@item" data-item="true">
- <section class="col col-lg-12 col-md-12 col-sm-12 col-xs-12" id="divShowValidateSafeWeight-@item"></section>
- <section class="col col-6 col-md-12 col-xs-12">
- <section class="col col-lg-12 col-md-12 col-sm-12 col-xs-12">
- <div class="form-group">
- <label class="control-label">
- @Html.DisplayTranslatedMessage(108)
- </label>
- <label class="input">
- @Html.DropDownListFor(model => Model.QuoteDetail[item].QuoteDefinitions, new SelectList(ViewBag.SelectQuoteDefinitions, "Value", "Text", Model.QuoteDetail[item].QuoteDefinitions), " - - ", new { @class = "form-control selectable", @style = "width:100%;" })
- </label>
- </div>
- </section>
- <section class="col col-6 col-md-12 col-sm-12 col-xs-12">
- <div class="form-group">
- <label class="control-label">
- @Html.DisplayTranslatedMessage(80)
- </label>
- <label class="input">
- @Html.EditorFor(model => Model.QuoteDetail[item].Quantity, new { htmlAttributes = new { @type = "number", @class = "form-control", @style = "width:100%;" } })
- @Html.HiddenFor(model => Model.QuoteDetail[item].IdQuote)
- @Html.HiddenFor(model => Model.QuoteDetail[item].IdQuoteDetail)
- </label>
- </div>
- </section>
- @Html.CheckBoxFor(model => Model.QuoteDetail[item].IsOverWeight, new { @style = "display: none;" })
- <section class="col col-6 col-md-12 col-sm-12 col-xs-12">
- <div class="form-group">
- <label class="control-label">
- @Html.DisplayTranslatedMessage(83)
- </label>
- <label class="input">
- @Html.EditorFor(model => Model.QuoteDetail[item].WeightKg, new { htmlAttributes = new { @type = "number", @class = "form-control", @style = "width:100%;" } })
- </label>
- </div>
- </section>
- <section class="col col-lg-12 col-md-12 col-sm-12 col-xs-12">
- <div class="form-group">
- <label class="control-label">
- @Html.DisplayTranslatedMessage(79)
- </label>
- <label class="input">
- @Html.EditorFor(model => Model.QuoteDetail[item].BillOfLading, new { htmlAttributes = new { @class = "form-control", @style = "width:100%;" } })
- </label>
- </div>
- </section>
- <section class="col col-lg-12 col-md-12 col-sm-12 col-xs-12">
- <div class="form-group">
- <label class="control-label">
- @Html.DisplayTranslatedMessage(60)
- </label>
- <label class="input">
- @Html.DropDownListFor(model => Model.QuoteDetail[item].IdEquipmentType, new SelectList(ViewBag.SelectEquipmentType, "Value", "Text", Model.QuoteDetail[item].IdEquipmentType), " - - ", new { @class = "form-control selectable", @style = "width:100%;" })
- </label>
- </div>
- </section>
- <section class="col col-lg-12 col-md-12 col-sm-12 col-xs-12">
- <div class="form-group">
- <label class="control-label">
- @Html.DisplayTranslatedMessage(106)
- </label>
- <label class="input">
- @Html.EditorFor(model => Model.QuoteDetail[item].ContainerNumber, new { htmlAttributes = new { @class = "form-control", @style = "width:100%;" } })
- </label>
- </div>
- </section>
- <section class="col col-lg-12 col-md-12 col-sm-12 col-xs-12">
- <div class="form-group">
- <label class="control-label">
- @Html.DisplayTranslatedMessage(81)
- </label>
- <label class="input">
- @Html.DropDownListFor(model => Model.QuoteDetail[item].TransactionCategoryDefinition, new SelectList(ViewBag.SelectTransactionCategory, "Value", "Text", Model.QuoteDetail[item].TransactionCategoryDefinition), " - - ", new { @class = "form-control selectable", @style = "width:100%;" })
- </label>
- </div>
- </section>
- <section class="col col-lg-12 col-md-12 col-sm-12 col-xs-12">
- <div class="form-group">
- <label class="control-label">
- @Html.DisplayTranslatedMessage(82)
- </label>
- <label class="input">
- @Html.DropDownListFor(model => Model.QuoteDetail[item].CharterTypeDefinition, new SelectList(ViewBag.SelectCharters, "Value", "Text", Model.QuoteDetail[item].CharterTypeDefinition), " - - ", new { @class = "form-control selectable", @style = "width:100%;" })
- </label>
- </div>
- </section>
- <section class="col col-lg-12 col-md-12 col-sm-12 col-xs-12">
- <div class="form-group">
- <label class="control-label">
- @Html.DisplayTranslatedMessage(1142)
- </label>
- <label class="input">
- @Html.DropDownListFor(model => Model.QuoteDetail[item].ServiceDefinitions, new SelectList(ViewBag.SelectServiceDefinitions, "Value", "Text", Model.QuoteDetail[item].ServiceDefinitions), " - - ", new { @class = "form-control selectable", @style = "width:100%;" })
- </label>
- </div>
- </section>
- </section>
- <section class="col col-6 col-md-12 col-xs-12">
- <button class="btn btn-block btn-default btn-lg" id="btn-routes-@item" type="button">
- <i class="fa fa-location-arrow"></i>
- Visualizar Rutas
- </button>
- <br />
- <table class="table table-bordered table-responsive" id="table-originDestiny-@item" style="width: 100%;">
- <thead>
- <tr>
- <th>@Html.DisplayTranslatedMessage(53)</th>
- <th>@Html.DisplayTranslatedMessage(54)</th>
- <th>
- </th>
- </tr>
- </thead>
- <tbody></tbody>
- </table>
- <div id="containerEquipmentType-@item" style="display: none;">
- <section class="col col-lg-12 col-md-12 col-sm-12 col-xs-12">
- <legend>
- @Html.DisplayTranslatedMessage(109)
- </legend>
- </section>
- <section class="col col-6 col-md-12 col-sm-12 col-xs-12">
- <br />
- <div class="inline-group">
- <label class="checkbox">
- @Html.CheckBoxFor(model => Model.QuoteDetail[item].IsOutOfGauge)
- <i></i> @Html.DisplayTranslatedMessage(109)
- </label>
- </div>
- </section>
- <section class="col col-6 col-md-12 col-sm-12 col-xs-12">
- <div class="form-group">
- <label class="control-label">
- @Html.DisplayTranslatedMessage(88)
- </label>
- <label class="input">
- @Html.EditorFor(model => Model.QuoteDetail[item].Length, new { htmlAttributes = new { @type = "number", @class = "form-control", @style = "width:100%;" } })
- </label>
- </div>
- </section>
- <section class="col col-6 col-md-12 col-sm-12 col-xs-12">
- <div class="form-group">
- <label class="control-label">
- @Html.DisplayTranslatedMessage(89)
- </label>
- <label class="input">
- @Html.EditorFor(model => Model.QuoteDetail[item].Height, new { htmlAttributes = new { @type = "number", @class = "form-control", @style = "width:100%;" } })
- </label>
- </div>
- </section>
- <section class="col col-6 col-md-12 col-sm-12 col-xs-12">
- <div class="form-group">
- <label class="control-label">
- @Html.DisplayTranslatedMessage(90)
- </label>
- <label class="input">
- @Html.EditorFor(model => Model.QuoteDetail[item].Width, new { htmlAttributes = new { @type = "number", @class = "form-control", @style = "width:100%;" } })
- </label>
- </div>
- </section>
- </div>
- <div id="containerEquipmentTypeReefer-@item" style="display: none;">
- <section class="col col-lg-12 col-md-12 col-sm-12 col-xs-12">
- <legend>
- @Html.DisplayTranslatedMessage(1145)
- </legend>
- </section>
- <section class="col col-6 col-md-12 col-sm-12 col-xs-12">
- <br />
- <div class="inline-group">
- <label class="checkbox">
- @Html.CheckBoxFor(model => Model.QuoteDetail[item].SwitchingOn)
- <i></i> @Html.DisplayTranslatedMessage(111)
- </label>
- </div>
- </section>
- <section class="col col-6 col-md-12 col-sm-12 col-xs-12">
- <div class="form-group">
- <label class="control-label">
- @Html.DisplayTranslatedMessage(110)
- </label>
- <label class="input">
- <i class="icon-prepend">°C</i>
- @Html.EditorFor(model => Model.QuoteDetail[item].Temperature, new { htmlAttributes = new { @type = "number", @class = "form-control", @style = "width:100%;" } })
- </label>
- </div>
- </section>
- </div>
- </section>
- </div>
- <div class="row" id="row-routestabsQuoteDetail-@item" style="display: none;">
- </div>
- </div>
- }
- }
- </div>
- </section>
- </fieldset>
- </form>
- <div class="widget-footer">
- <button class="btn btn-primary" type="button" id="addQuote" onclick="SaveQuote();">
- <i class="fa fa-save"></i>
- @Html.DisplayTranslatedMessage(1120)
- </button>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="col-lg-5" id="contentInformationCustomer" style="display: none;">
- <div class="jarviswidget jarviswidget-color-darken">
- <header role="heading">
- <h2>
- <span class="fa fa-edit"></span>
- @Html.DisplayTranslatedMessage(1117)
- </h2>
- </header>
- <div>
- <div class="widget-body no-padding">
- <div id="contentGeneralCustomer">
- <ul class="nav nav-tabs">
- <li>
- <a href="javascript:void(0);" type="button" id="btnOthersQuotes">
- <strong style="color: #3276b1;">
- <i class="fa fa-files-o"></i>
- @Html.DisplayTranslatedMessage(1118)
- </strong>
- </a>
- </li>
- </ul>
- <div id="partialViewCustomer"></div>
- </div>
- <div id="contentOthersQuotes" style="display: none;">
- <ul class="nav nav-tabs">
- <li>
- <a href="javascript:void(0);" type="button" id="btnInformationGeneral">
- <strong style="color: #3276b1;">
- <i class="fa fa-info-circle fa-lg"></i>
- @Html.DisplayTranslatedMessage(1119)
- </strong>
- </a>
- </li>
- </ul>
- <table class="table table-responsive table-bordered" id="table-othersQuotes" style="width: 100%;">
- <thead>
- <tr>
- <th>@Html.DisplayTranslatedMessage(74)</th>
- <th>@Html.DisplayTranslatedMessage(76)</th>
- <th>@Html.DisplayTranslatedMessage(77)</th>
- <th></th>
- </tr>
- </thead>
- <tbody></tbody>
- </table>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="col-lg-7" id="contentSummaryEventQuote" style="display: none;">
- </div>
- <div class="col-lg-7" id="contentSummary" style="display: none;">
- </div>
- @section Scripts{
- <script src="~/Content/js/caseOfUse/Quotes/caseOfUse.Quotes.js"></script>
- <script>
- var listOfItem = new Array();
- var listOfPlaces = new Array();
- @if (Model.QuoteDetail.Any())
- {
- for (var item = 0; item < Model.QuoteDetail.Count; item++)
- {
- <text>listOfItem.push(@item);</text>
- if (Model.QuoteDetail[item].QuoteDetailXRoute != null)
- {
- foreach (var itemRoute in Model.QuoteDetail[item].QuoteDetailXRoute)
- {
- <text>listOfPlaces.push(@Html.Raw(Json.Encode(itemRoute)));</text>
- }
- }
- }
- }
- console.log(listOfPlaces);
- $("#IdCustomer_Value,#IdLineOperator_Value,.selectable").select2();
- $("#IdCurrency_Value").select2();
- setInterval(function() {
- $("#labelInformationHours").html("<b>" + moment().format("HH:mm:ss") + "</b>");
- },
- 1000);
- InitializeTableOthersQuotes();
- $("#IdCustomer_Value").on("change",
- function() {
- if (this.value !== "") {
- $("#contentInformationCustomer").show("toogle");
- $("#contentQuote").removeClass("col-lg-12");
- $("#contentQuote").addClass("col-lg-7");
- $("#btnInformationGeneral").trigger("click");
- $("#partialViewCustomer").html("");
- GetCustomer(this.value);
- ReloadTableOthersQuotes(this.value);
- } else {
- $("#contentInformationCustomer").hide("toogle");
- $("#contentQuote").removeClass("col-lg-7");
- $("#contentQuote").addClass("col-lg-12");
- }
- });
- $("#btnOthersQuotes").on("click",
- function() {
- $("#contentGeneralCustomer").hide("toogle");
- $("#contentOthersQuotes").show("toogle");
- });
- $("#btnInformationGeneral").on("click",
- function() {
- $("#contentGeneralCustomer").show("toogle");
- $("#contentOthersQuotes").hide("toogle");
- });
- function CheckExistInOrigin(idtable, idorigin, iddestiny, idRoute) {
- var tabla = new $.fn.dataTable.Api(idtable);
- var existe = false;
- tabla.rows().every(function(id, dt) {
- var data = this.data();
- console.log(data);
- if (parseInt(data.IdRoute) === parseInt(idRoute)) {
- existe = true;
- }
- });
- return existe;
- }
- $("#IdCustomer_Value").trigger("change");
- function LoadData(idtable, idRow) {
- var tabla = new $.fn.dataTable.Api(idtable);
- var dataToAdd = new Array();
- $.each(listOfPlaces,
- function(idx, data) {
- if (parseInt(data.GKey) === parseInt(idRow)) {
- dataToAdd.push(data);
- }
- });
- if (dataToAdd.Any()) {
- tabla.rows.add(dataToAdd).draw();
- }
- }
- //Desde aqui el each.
- $.each(listOfItem,
- function(idx, item) {
- var columns = [
- {
- data: "OriginName"
- },
- {
- data: "DestinationName"
- },
- {
- data: null,
- render: function(data) {
- return '<a href="javascript:void(0);" name="btnDetailQuoteDestinyOrigin" class="btn btn-danger btn-circle"><i class="fa fa-remove"></i></a>';
- }
- }
- ];
- $("#table-originDestiny-" + item)
- .MiddlewareApplyDataTableWithParams("", "", null, columns, null, null, true, 4);
- LoadData(("#table-originDestiny-" + item), item);
- $("#table-originDestiny-" + item + " tbody").on("click",
- "tr a[name=btnDetailQuoteDestinyOrigin]",
- function() {
- var tabla = new $.fn.dataTable.Api("#table-originDestiny-" + item);
- var row = $(this).closest("tr");
- tabla.row(row).remove().draw(false);
- });
- $("#QuoteDetail_" + item + "__WeightKg").on("change",
- function() {
- CompareSafeWeight($("#QuoteDetail_" + item + "__IdEquipmentType").val(),
- this.value,
- "#divShowValidateSafeWeight-" + item,
- $("#QuoteDetail_" + item + "__IsOverWeight"));
- });
- $("#QuoteDetail_" + item + "__IdEquipmentType").on("change",
- function() {
- var currentEquipmentType = this.value;
- if (currentEquipmentType === "") {
- $("#containerEquipmentType-" + item).hide();
- $("#containerEquipmentTypeReefer-" + item).hide();
- return;
- }
- CompareSafeWeight(this.value,
- $("#QuoteDetail_" + item + "__WeightKg").val(),
- "#divShowValidateSafeWeight-" + item,
- $("#QuoteDetail_" + item + "__IsOverWeight"));
- $.ajax({
- url: "@Url.Action("GetEquipmentType", "EquipmentType")",
- data: {
- id: currentEquipmentType
- },
- success: function(equipmentType) {
- if (equipmentType.IsOutOfGauge) {
- $("#containerEquipmentType-" + item).show();
- $("#QuoteDetail_" + item + "__IsOutOfGauge").prop("checked", true);
- } else {
- $("#containerEquipmentType-" + item).hide();
- $("#QuoteDetail_" + item + "__IsOutOfGauge").prop("checked", false);
- }
- if (equipmentType.IsReefer) {
- $("#containerEquipmentTypeReefer-" + item).show();
- $("#QuoteDetail_" + item + "__SwitchingOn").prop("checked", true);
- } else {
- $("#containerEquipmentTypeReefer-" + item).hide();
- $("#QuoteDetail_" + item + "__SwitchingOn").prop("checked", false);
- }
- if (listOfPlaces.Any()) {
- } else {
- $("#QuoteDetail_" + item + "__Width").val("0.00").trigger("change");
- $("#QuoteDetail_" + item + "__Length").val("0.00").trigger("change");
- $("#QuoteDetail_" + item + "__Height").val("0.00").trigger("change");
- $("#QuoteDetail_" + item + "__Temperature").val("0.00").trigger("change");
- }
- }
- });
- });
- $("#QuoteDetail_" + item + "__IdEquipmentType").partialCreator({
- CurrentEntity: "EquipmentType",
- KeyPartialView: "PartialEquipmentType",
- UrlActionGetPartial: "/EquipmentType/GetCreateEquipmentType",
- UrlActionUpdateControl: "/EquipmentType/GetEquipmentTypes"
- });
- $("#btn-routes-" + item).on("click",
- function() {
- var customer = $("#IdCustomer_Value").val();
- var lineOperator = $("#IdLineOperator_Value").val();
- if (customer === "" && lineOperator === "") {
- globalFunctions.ShowNotificationError("Debe seleccionar un cliente o linea operadora.",
- "Visualizar Rutas");
- return;
- }
- //var tabContent = $("#tab_content");
- $.ajax({
- url: "@Url.Action("GetRoutes", "Quote")",
- data: {
- indexOf: item
- },
- success: function(partialView) {
- $("#row-routestabsQuoteDetail-" + item).html(partialView);
- $("#row-tabsQuoteDetail-" + item).hide("toogle");
- $("#row-routestabsQuoteDetail-" + item).show("toogle");
- }
- });
- });
- $("#QuoteDetail_" + item + "__IdEquipmentType").trigger("change");
- });
- tabCounter = listOfItem.length;
- </script>
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement