eclass.unmer.ac.id

@{
    ViewBag.Title = "Hakkimizda";
    Layout = "~/Views/Shared/_LayoutPage1.cshtml";
}

<head>
    @Scripts.Render("~/bundles/js")

<div class="card-header text-uppercase">Hakkimizda Bilgileri <small>Bu sayfa site de Hakkimizda Bilgileri bölümünde yayınlanacak</small></div>

<div class="card-body">
                @if (TempData["hakımızdabasarili"] != null)
                {
                    <div>
                        <div class="alert alert-danger">

<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                            <strong>@TempData["hakımızdabasarili"].ToString()</strong>
                        </div>
                    </div>
                }
                @if (TempData["resimguncelleme"] != null)
                {
                    <div>
                        <div class="alert alert-danger">

<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                            <strong>@TempData["resimguncelleme"].ToString()</strong>
                        </div>
                    </div>
                }
                @if (TempData["hakhata"] != null)
                {
                    <div>
                        <div class="alert alert-danger">
                            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                            <strong>@TempData["hakhata"].ToString()</strong>
                        </div>
                    </div>
                }

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

<div class="form-group">
                        <label>Resim Seç</label>
                        <br />
                        <input type="file" name="file" id="Resim" />
                        <br />
                        <input type="hidden" name="Id" value="ViewBag.Id" class="form-control" multiple required />

<br />
                        <label>Resim Güncellemek İçin Bu Butonu Kullanın</label>
                        <br />

<input type="submit" data-placement="top" data-toggle="tooltip" title="Resim Güncellemek İçin Bu Butonu Kullanın" class="btn btn-success" value="Resim Güncelle" />
                    </div>
                }
                <form method="post" action="/Sayfalar/Hakkimizda">
                    @Html.AntiForgeryToken()
                    @foreach (var item in ViewBag.hakkimizda)
                    {
                        <div class="form-group">
                            <label>Mevcut Resim</label>
                            <br />
                            <input type="hidden" name="Resim" value="@item.Resim" class="form-control" multiple required />

<img src="http://admin.kolejfm.com.tr/\content\hakkımızdaimg\@item.Resim.Split(';')[0]" style="height:200px;width:250px" class="avatar img-circle img-thumbnail" />
                            <div class="text-center" id="resimonizleme" style="display:none!important">
                                <h4 class="text-center">Resim Önizleme</h4>
                                <img class="text-center" src="" id="SecilecResim" style="height:15rem!important" />
                            </div>

</div>

<label>İÇERİK</label>
                                <textarea name="İcerik" rows="13" id="İcerik" required>@item.İcerik</textarea> @* rows kaç satır olacagını belirler*@
                            </div>

</div>

<br />
                        <br />
                        <div class="ln_solid"></div>
                        <div class="item form-group">
                            <div class="col-md-6 col-sm-6 offset-md-3">
                                <button class="btn btn-primary" type="button">İptal</button>
                                <button class="btn btn-primary" type="reset">Temizle</button>
                                <button type="submit" class="btn btn-success">Kaydet</button>
                            </div>
                        </div>
                    }
                </form>

</div>
        </div>
    </div>
</div>
<script type="text/javascript">

$("#Resim").change(function () {
        ResimOku(this);
    });

function ResimOku(input) {

if (input.files && input.files[0]) //eğer Dosya seçilmiş ise
        {
            var reader = new FileReader(); //seçilen Dosyayı Okul
            reader.onload = function (e) //seçilen Dosyayı img src içerisine ata resimonizleme
            {
                $("#resimonizleme").show();

$('#SecilecResim').attr('src', e.target.result);
            }
            reader.readAsDataURL(input.files[0]);
        }
    }

</script>