Mr.Combet Webshell 🔥

View File Name : Edit.cshtml

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

    #LogoUrl {
        display: initial;
    }

    .form-control {
        max-width: 100%;
        width: auto;
</style>
<h2>Edit Vacancy</h2>


@using (Html.BeginForm("Edit", "Vacancy", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
    @Html.AntiForgeryToken()
    <div class="form-horizontal">

        <hr />
        @Html.ValidationSummary(true, "", new { @class = "text-danger"})

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

        @*VacancyExpiryDate*@
        <div class="form-group">
            @Html.LabelFor(model => model.VacancyExpiryDate, "Vacancy Expiry Date", htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @*                @Html.EditorFor(model => model.VacancyExpiryDate, new { htmlAttributes = new { @class = "form-control datepicker", @id = "VacancyExpiryDate" } })
                *@                @Html.TextBoxFor(model => model.VacancyExpiryDate, "{0:yyyy/MM/dd}", new { @class = "form-control datepicker", @id = "VacancyExpiryDate" })
                @Html.ValidationMessageFor(model => model.VacancyExpiryDate, "", new { @class = "text-danger" })
            </div>
        </div>

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

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

        <!-- No of Vacancies -->
        <div class="form-group">
            @Html.LabelFor(model => model.NoOfVacancies, "No Of Vacancies", htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.NoOfVacancies, new { htmlAttributes = new { @class = "form-control " } })
                @Html.ValidationMessageFor(model => model.NoOfVacancies, "", new { @class = "text-danger" })
            </div>
        </div>

        <!-- Type of Employment -->
        <div class="form-group">
            @Html.LabelFor(model => model.TypeOfEmployment, "Type Of Employment", htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.TypeOfEmployment, new { htmlAttributes = new { @class = "form-control " } })
                @Html.ValidationMessageFor(model => model.TypeOfEmployment, "", new { @class = "text-danger" })
            </div>
        </div>

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

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

        <!-- Deadline -->
        <div class="form-group">
            @Html.LabelFor(model => model.Deadline, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @*                @Html.EditorFor(model => model.Deadline, new { htmlAttributes = new { @class = "form-control datepicker", @id = "Deadline" } })
                *@
                @Html.TextBoxFor(model => model.Deadline, "{0:yyyy/MM/dd}", new { @class = "form-control datepicker", @id = "Deadline" })
                @Html.ValidationMessageFor(model => model.Deadline, "", new { @class = "text-danger" })
            </div>
        </div>

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

        <!-- Experience -->
        <div class="form-group">
            @Html.LabelFor(model => model.Experience, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.Experience, new { htmlAttributes = new { @class = "form-control ", style = "width: 100%;" } })
                @Html.ValidationMessageFor(model => model.Experience, "", new { @class = "text-danger" })
            </div>
        </div>

        <!-- Other Skills -->
        <div class="form-group">
            @Html.LabelFor(model => model.OtherSkills, "Other Skills", htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.OtherSkills, new { htmlAttributes = new { @class = "form-control ", style = "width: 100%;" } })
                @Html.ValidationMessageFor(model => model.OtherSkills, "", 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('ImageUrl')">Remove</a>
            </div>
        </div>

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

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

        <!--ApplyUrl-->
        <div class="form-group">
            @Html.LabelFor(model => model.ApplyUrl, "Apply Url", htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10" style="width: 83%;">
                @Html.EditorFor(model => model.ApplyUrl, new { htmlAttributes = new { @class = "form-control ", style = "width: 100%;" } })
                @Html.ValidationMessageFor(model => model.ApplyUrl, "", new { @class = "text-danger" })
            </div>
        </div>
        <!-- Submit Button -->
        <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 type="text/javascript">
    $(function () {
        $('#VacancyExpiryDate').datetimepicker({
            format: 'YYYY/MM/DD',
        }).datetimepicker();
        $('#Deadline').datetimepicker({
            format: 'YYYY/MM/DD',
        }).datetimepicker();
        CKEDITOR.replace('JobDescription');
    });
</script>