Mr.Combet Webshell 🔥

View File Name : Edit.cshtml

@model bnb.Models.EventViewModel
@{
    ViewBag.Title = "Edit";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<style>
    #ImageUrl {
        display: initial;
    }
</style>
<h2>Edit Events</h2>

@using (Html.BeginForm("Edit", "Event", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
    @Html.AntiForgeryToken()

    <div class="form-horizontal">

        <hr />
        @Html.ValidationSummary(true, "", new { @class = "text-danger" })
        @Html.HiddenFor(model => model.EventId)
        <div class="form-group">
            @Html.LabelFor(model => model.EventName, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.EventName, new { htmlAttributes = new { @class = "form-control", @id = "EventName" } })
                @Html.ValidationMessageFor(model => model.EventName, "", new { @class = "text-danger" })
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(model => model.Url, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.Url, new { htmlAttributes = new { @class = "form-control", @id = "urlInput" } })
                @Html.ValidationMessageFor(model => model.Url, "", new { @class = "text-danger" })
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(model => model.OutUrl, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.OutUrl, new { htmlAttributes = new { @class = "form-control", @id = "outurlInput" } })
                @Html.ValidationMessageFor(model => model.OutUrl, "", new { @class = "text-danger" })
            </div>
        </div>

        @*<div class="form-group">
                @Html.LabelFor(model => model.EventDescription, htmlAttributes: new { @class = "control-label col-md-2" })
                <div class="col-md-10">
                    @Html.TextAreaFor(model => model.EventDescription, new { htmlAttributes = new { @class = "form-control", @id = "EventDescription" } })
                    @Html.ValidationMessageFor(model => model.EventDescription, "", new { @class = "text-danger" })
                </div>
            </div>*@

        <div class="form-group">
            @Html.LabelFor(model => model.Thumbnail, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                <span><b>Existing Thumbnail</b></span><br />
                <img src="~/Content/img/@Model.Thumbnail" style=" width: 90px; height: 80px; margin-bottom: 20px;" />
                <br /><span><b>New Thumbnail</b></span>
                <div class="thumbnail" style="width: 200px; height: 160px; border: none;">
                    <img class="img-responsive" id="targetImg" style="width: 200px; height: 150px;" />
                    <span style="color: red;"> 400px width * 259px height</span>
                </div>
                @Html.EditorFor(model => model.Thumbnail, new { htmlAttributes = new { @type = "file", @id = "ImageUrl" } })
                @Html.ValidationMessageFor(model => model.Thumbnail, "", new { @class = "text-danger" })
                <a href="#" class="btn btn-danger fileupload-exists" data-dismiss="fileupload" onclick="ClearPreview()">Remove</a>
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(model => model.EventDescription, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.TextAreaFor(model => model.EventDescription, new { htmlAttributes = new { @class = "form-control", @id = "EventDescription" } })
                @Html.ValidationMessageFor(model => model.EventDescription, "", new { @class = "text-danger" })
            </div>
        </div>

        <div class="form-group">
            <div class="col-md-offset-2 col-md-10">
                <input type="submit" value="Save" class="btn btn-primary" />
                @Html.ActionLink("Back to List", "Index", null, htmlAttributes: new { @class = "btn btn-info" })
            </div>
        </div>
    </div>
}

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}
<script src="~/Scripts/file.js"></script>

<script>
    $(document).ready(function () {
        CKEDITOR.replace('EventDescription');
    });

    document.addEventListener('DOMContentLoaded', function () {
        var urlInput = document.getElementById('urlInput');

        urlInput.addEventListener('input', function () {
            this.value = this.value.replace(/\s/g, ''); // Remove spaces from input
        });
    });

    document.addEventListener('DOMContentLoaded', function () {
        var urlInput = document.getElementById('outurlInput');

        urlInput.addEventListener('input', function () {
            this.value = this.value.replace(/\s/g, ''); // Remove spaces from input
        });
    });

</script>