Luckycall/ReportWebCore/SuperAdmin/Views/Tree/Event/Editing.cshtml

@using SuperAdmin.Controllers;
@using SuperAdmin.Models.View;
@using SuperAdmin.Models.Object;
@using System.Globalization;

@model EventViewModel

@{
    // set today date for all

    DateTime oDateFrom;
    DateTime oDateTo;
    if (Model.now != null)
    {
        oDateFrom = Model.now.from_date != "" ? DateTime.ParseExact(Model.now.from_date, "dd/MM/yyyy HH:mm:ss", CultureInfo.InvariantCulture) : new DateTime();
        oDateTo = Model.now.to_date != "" ? DateTime.ParseExact(Model.now.to_date, "dd/MM/yyyy HH:mm:ss", CultureInfo.InvariantCulture) : new DateTime();
    }
    else
    {
        oDateFrom = DateTime.ParseExact(DateTime.Now.ToString("MM/dd/yyyy HH:mm:ss"), "MM/dd/yyyy HH:mm:ss", CultureInfo.InvariantCulture);
        oDateTo = DateTime.ParseExact(DateTime.Now.ToString("MM/dd/yyyy HH:mm:ss"), "MM/dd/yyyy HH:mm:ss", CultureInfo.InvariantCulture);
    }
    var from_date = oDateFrom.ToString("yyyy-MM-dd'T'HH:mm:ss.fffK", CultureInfo.InvariantCulture);
    var to_date = oDateTo.ToString("yyyy-MM-dd'T'HH:mm:ss.fffK", CultureInfo.InvariantCulture);
    String ranStr = UtilsController.RandomString(10, true);

    String date = oDateFrom.ToString("yyyy-MM-dd'T'HH:mm:ss.fff", CultureInfo.InvariantCulture);

    if (Model.now == null)
    {
        Model.now = new RowStructure();
    }
    // parents
    var parents = "";
    if (Model.categories != null)
    {
        for (int i = 0; i < (Model.categories.data.Count > 1 ? Model.categories.data.Count - 1 : 1); i++)
        {
            parents += " / " + Model.categories.data[i].name_global;
        }
    }
    var parentId = BaseController.PARENT_ID;
}

<script>
    $('#myInform').modal('hide');
</script>

@*<script type='text/javascript' src="@ViewBag.MyConfig.MyValue/js/vendors/ckeditor/ckeditor.js"></script>*@

<div class="modal-content">
    <div class="modal-header">
        <h4 class="modal-title" id="modalLabelService">Events Details</h4>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">×</span>
        </button>
    </div>
    <div class="modal-body">
        <div class="row">
            <div class="col-md-8">
                <div class="form-group">
                    <label for="fromDate">Parent name</label>
                    <div class="const-box">
                        <p>
                            @parents
                        </p>
                    </div>
                </div>
            </div>

            <div class="col-md-4">
                <div class="form-group">
                    <label for="serviceCode">Is Show</label>
                    <select id="isShow" name="isShow" class="form-control" disabled>
                        <option value="@(Model.now.is_show)" selected>@UtilsController.ConvertIsShow(Model.now.is_show)</option>

                        @{
                            List<String> listIsShow = UtilsController.GetListIsShow();
                            for (int i = 0; i < listIsShow.Count; i++)
                            {
                                if (i.ToString() != Model.now.is_show)
                                {
                            <option value="@(i)">@listIsShow[i]</option>
                                }
                            }
                        }
                    </select>
                </div>
            </div>

            <div class="col-md-4">
                <div class="form-group">
                    <label for="team1">Code</label>
                    <input class="form-control" type="text" id="code" name="code" autocomplete="on" value="@Model.now.code">
                </div>
            </div>

            <div class="col-md-4">
                <div class="form-group">
                    <label for="fromDate">Icon</label>
                    @using (Html.BeginForm("UploadAction", "Admin", FormMethod.Post, new { id = "logoForm1", enctype = "multipart/form-data" }))
                    {
                    @Html.AntiForgeryToken()
                    <input class="form-control" type="file" id="imageIcon" name="file">
                    <input type="submit" id="submitIcon" value="Upload Image" style="margin: 10px 0px 10px 0px; display: none;" />
                    }
                    <img id="previewIcon" class="w-100 img-icon" src="@Model.now.icon">
                </div>
            </div>

            <div class="col-md-4">
                <div class="form-group">
                    <label for="fromDate">Logo</label>
                    @using (Html.BeginForm("UploadAction", "Admin", FormMethod.Post, new { id = "logoForm2", enctype = "multipart/form-data" }))
                    {
                    @Html.AntiForgeryToken()
                    <input class="form-control" type="file" id="imageLogo" name="file">
                    <input type="submit" id="submitLogo" value="Upload Image" style="margin: 10px 0px 10px 0px; display: none;" />
                    }
                    <img id="previewLogo" class="w-100 img-icon" src="@Model.now.logo">
                </div>
            </div>


            <div class="col-md-4">
                <div class="form-group">
                    <label for="serviceCode">Content type</label>
                    <select id="contentType" name="contentType" class="form-control">
                        @if (Model.now.content_type != null)
                        {
                        @*<option value="@Model.now.content_type">@UtilsController.ConvertContentType(Model.now.content_type)</option>*@
                            List<String> listContentType = UtilsController.GetListContentType();
                            for (int i = 0; i < listContentType.Count; i++)
                            {
                                if ((i + 1).ToString() != Model.now.content_type)
                                {
                        <option value="@(i + 1)">@listContentType[i]</option>
                                }
                                else
                                {
                        <option value="@(i + 1)" selected>@listContentType[i]</option>
                                }
                            }
                        }
                        else
                        {
                            List<String> listContentType = UtilsController.GetListContentType();
                            for (int i = 0; i < listContentType.Count; i++)
                            {
                                if (i == 0)
                                {
                        <option value="@(i + 1)" selected>@listContentType[i]</option>
                                }
                                else
                                {
                        <option value="@(i + 1)">@listContentType[i]</option>
                                }
                            }
                        }
                    </select>
                </div>
            </div>

            <div class="col-md-4">
                <div class="form-group">
                    <label for="fromDate">From date</label>
                    <input class="model-box-input" type="datetime-local" id="fromDate" name="from-date" value="@from_date">
                </div>
            </div>

            <div class="col-md-4">
                <div class="form-group">
                    <label for="toDate">To date</label>
                    <input class="model-box-input" type="datetime-local" id="toDate" name="to-date" value="@to_date">
                </div>
            </div>
        </div>

        <div>
            <ul class="nav nav-tabs" role="tablist">
                <li class="nav-item">
                    <a class="nav-link active" data-toggle="tab" aria-controls="tab1" href="#tab1" role="tab" aria-selected="false">Kirundi</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" data-toggle="tab" aria-controls="tab2" href="#tab2" role="tab" aria-selected="false">English</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link  " data-toggle="tab" aria-controls="tab3" href="#tab3" role="tab" aria-selected="true">France</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link " data-toggle="tab" aria-controls="tab4" href="#tab4" role="tab" aria-selected="true">Vietnamese</a>
                </li>
            </ul>


            <div class="tab-content">
                @for (int i = 1; i <= 4; i++)
                {
                <div id="@("tab" + i)" class="@(i == 1? "tab-pane active" : "tab-pane")">
                    <div class="col-md-12">
                        <div class="form-group">
                            <label for="team1">Name </label>
                            <input class="form-control" type="text" id="@("name" + i)" name="@("name" + i)" autocomplete="on" value="@(Model.action == "add" ? "" : Model.now.names[i-1])">
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="form-group">
                            <label for="fromDate">Description </label>
                            <textarea class="form-control" id="@("description" + i)" name="@("description" + i)" autocomplete="off" rows="3" spellcheck="false">@(Model.action == "add" ? "" : Model.now.descriptions[i-1])</textarea>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="form-group">
                            <label for="fromDate">Introduction </label>
                            <textarea class="form-control" id="@("introduction" + i)" name="@("introduction" + i)" autocomplete="off" rows="3" spellcheck="false">@(Model.action == "add" ? "" : Model.now.introductions[i-1])</textarea>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="form-group content-box">
                            <label for="toDate">Content</label>

                            <textarea class="form-control" name="content" id="editor-@ranStr-@i">@(Model.action == "add" ? "" : Model.now.contents[i-1])</textarea>

                        </div>
                    </div>
                </div>
                }
            </div>


        </div>

    </div>
    <div class="modal-footer">
        <button type="button" class="btn grey btn-outline-secondary" data-dismiss="modal">Close</button>
        <button type="button" id="btnUpdateInfo" class="btn btn-outline-primary" onclick="saveAdding('@Model.action')">@(Model.action == "add" ? "Add" : "Update")</button>
    </div>
</div>


<style>
    .cke_skin_kama {
        visibility: hidden;
    }
</style>


<script>
        var editor1, editor2, editor3, editor3;
        $(document).ready(function () {
            editor1 = CKEDITOR.replace('editor-@ranStr-1');
            editor2 = CKEDITOR.replace('editor-@ranStr-2');
            editor3 = CKEDITOR.replace('editor-@ranStr-3');
            editor4 = CKEDITOR.replace('editor-@ranStr-4');
        });

    function saveAdding() {
        var nameGlobal = $("#name2").val();
        var nameGlobal1 = $("#name3").val();
        var nameGlobal2 = $("#name4").val();
        var nameLocal = $("#name1").val();
        var topicID = $("#topicID").val();
        var provinceID = $("#provinceID").val();
        var descriptionGlobal = $("#description2").val();
        var descriptionGlobal1 = $("#description3").val();
        var descriptionGlobal2 = $("#description4").val();
        var descriptionLocal = $("#description1").val();
        var introductionGlobal = $("#introduction2").val();
        var introductionGlobal1 = $("#introduction3").val();
        var introductionGlobal2 = $("#introduction4").val();
        var introductionLocal = $("#introduction1").val();
        var fromDate = $("#fromDate").val();
        var toDate = $("#toDate").val();
        var contentType = $("#contentType").val();
        var isShow = $("#isShow").val();
        var code = $("#code").val();


        var content  = CKEDITOR.instances["editor-@ranStr-1"].getData();
        var contentGlobal  = CKEDITOR.instances["editor-@ranStr-2"].getData();
        var contentGlobal1 = CKEDITOR.instances["editor-@ranStr-3"].getData();
        var contentGlobal2  = CKEDITOR.instances["editor-@ranStr-4"].getData();

        var check = 1;
        if (nameLocal == null || nameLocal == "") {
            $("#name1").addClass("note-input");
            check *= 0;
        } else {
            $("#name1").removeClass("note-input");
        }
        if (descriptionLocal == null || descriptionLocal == "") {
            $("#description1").addClass("note-input");
            check *= 0;
        } else {
            $("#description1").removeClass("note-input");
        }
        //if (introductionLocal == null || introductionLocal == "") {
        //    $("#introduction1").addClass("note-input");
        //    check *= 0;
        //} else {
        //    $("#introduction1").removeClass("note-input");
        //}
        //if (content == null || content == "") {
        //    $(".content-box").addClass("note-input");
        //    check *= 0;
        //} else {
        //    $(".content-box").removeClass("note-input");
        //}

        if (check == 1) {
            var formData = new FormData();
            formData.append('__RequestVerificationToken', $('input[name=__RequestVerificationToken]').val());
            formData.append('icon', $('#imageIcon')[0].files[0]);
            formData.append('logo', $('#imageLogo')[0].files[0]);
            formData.append('name_global', nameGlobal);
            formData.append('name_global1', nameGlobal1);
            formData.append('name_global2', nameGlobal2);
            formData.append('name_local', nameLocal);
            formData.append('topic_id', topicID);
            formData.append('province_id', provinceID);
            formData.append('description_global', descriptionGlobal);
            formData.append('description_global1', descriptionGlobal1);
            formData.append('description_global2', descriptionGlobal2);
            formData.append('description_local', descriptionLocal);
            formData.append('introduction_global', introductionGlobal);
            formData.append('introduction_global1', introductionGlobal1);
            formData.append('introduction_global2', introductionGlobal2);
            formData.append('introduction_local', introductionLocal);
            formData.append('from_date', fromDate);
            formData.append('to_date', toDate);
            formData.append('content_type', contentType);
            formData.append('content', content);
            formData.append('contentGlobal', contentGlobal);
            formData.append('contentGlobal1', contentGlobal1);
            formData.append('contentGlobal2', contentGlobal2);
            formData.append('is_show', isShow);
            formData.append('code', code);
            formData.append('action', '@Model.action');
            formData.append('parent_id', @(Model.parent != null ? Model.parent.id : parentId));
            var serviceName = $("#serviceName").val();
            $.ajax({
                type: "POST",
                url: urlConfig("/" + serviceName + "/EditingAction"),
                headers: { 'RequestVerificationToken': $('input[name=__RequestVerificationToken]').val() },
                data: formData,
                processData: false,
                contentType: false,
                success: function (data) {
                    console.log(data);
                    if (data.code == @UtilsController.Constant.SUCCESS) {
                        $.ajax({
                            type: "POST",
                            url: urlConfig("/Partial/TreeResponse"),
                            data: {
                                "ids": data.ids,
                                "message": data.message
                            },
                            success: function (data) {
                                $('#informModel').html(data);
                                $('#myInform').modal({ "backdrop": "static", keyboard: true });
                                $('#myInform').modal('show');
                            },
                            failure: function (data) {
                                alert(data);
                            },
                            error: function (data) {
                                alert(data);
                            }
                        });
                    } else {
                        $.ajax({
                            type: "POST",
                            url: urlConfig("/Partial/Response"),
                            data: {
                                "message": data.error_content
                            },
                            success: function (data) {
                                $('#informModel').html(data);
                                $('#myInform').modal({ "backdrop": "static", keyboard: true });
                                $('#myInform').modal('show');
                            },
                            failure: function (data) {
                                alert(data);
                            },
                            error: function (data) {
                                alert(data);
                            }
                        });
                    }
                },
                failure: function (data) {
                    alert(data);
                },
                error: function (data) {
                    alert(data);
                }
            });
        }
    }
</script>