Mr.Combet Webshell 🔥

View File Name : CreateGalleryAlbum.cshtml

@model HRDC.Models.GalleryAlbum

@{
    ViewBag.Title = "Create";
    Layout = "~/Views/Shared/_AdminLayout.cshtml";
}

@using (Html.BeginForm("CreateGalleryAlbum", "Dashboard", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
    @Html.AntiForgeryToken()
    @Html.ValidationSummary(true, "", new { @class = "text-danger" })

    <div class="row">
        <div class="col-xs-12">
            <div class="panel panel-primary">
                <div class="panel-heading">
                    Create Gallery Album
                </div>
                <div class="panel-body">
                    <div class="form-group">
                        @Html.LabelFor(model => model.AlbumName)
                        @Html.EditorFor(model => model.AlbumName, new { htmlAttributes = new { @class = "form-control" } })
                        @Html.ValidationMessageFor(model => model.AlbumName, "", new { @class = "text-danger" })
                    </div>
                    <div class="form-group">
                        @Html.LabelFor(model => model.AlbumImageURL)
                        <div class="">
                            <div class="fileupload fileupload-new" data-provides="fileupload">
                                <div class="fileupload-preview thumbnail" style="width: 200px; height: 150px;"></div>
                                <div>
                                    <span class="btn btn-file btn-success">
                                        <span class="fileupload-new">
                                            Select Image
                                        </span><span class="fileupload-exists">Change</span>
                                        @Html.EditorFor(model => model.AlbumImageURL, new { htmlAttributes = new { @type = "file", @id = "AlbumImg" } })
                                    </span>
                                    <a href="#" class="btn btn-danger fileupload-exists" data-dismiss="fileupload">Remove</a>
                                </div>
                            </div>
                            @Html.ValidationMessageFor(model => model.AlbumImageURL, "", new { @class = "text-danger", @id = "AlbumImgMsg" })
                        </div>
                    </div>

                    <div class="form-group">
                        @Html.LabelFor(model => model.AlbumDescription)
                        @Html.EditorFor(model => model.AlbumDescription, new { htmlAttributes = new { @class = "form-control" } })
                        @Html.ValidationMessageFor(model => model.AlbumDescription, "", new { @class = "text-danger" })
                    </div>
                    <div class="form-group">
                        @Html.LabelFor(model => model.AlbumPublishDate)
                        @Html.EditorFor(model => model.AlbumPublishDate, new { htmlAttributes = new { @class = "date-picker form-control" } })
                        @Html.ValidationMessageFor(model => model.AlbumPublishDate, "", new { @class = "text-danger" })
                    </div>
                    <div class="form-group">
                        @Html.LabelFor(model => model.Tags)
                        @Html.EditorFor(model => model.Tags, new { htmlAttributes = new { @class = "form-control" } })
                    </div>
                    <input type="submit" value="Create" class="btn btn-info" onclick="return submitClick()" />
                </div>
            </div>
        </div>
    </div>
}
<div>
    @Html.ActionLink("Back to List", "ManageGallery")
</div>

<script>
    function submitClick() {
        var img = document.getElementById("AlbumImg");
        var msg = document.getElementById("AlbumImgMsg");
        msg.innerHTML = '';
        if ((BannerImg.files[0].size / 1048576) > 1) {

            msg.innerHTML = 'Please upload Image less than 1 mb';
            return false;
        }
        else
            return true;
    }
</script>