1#@!#!123s

��JFIF�� 1#@!#!123s
: C: / Inetpub / vhosts / neyoclubricant.com / httpdocs / Admin /
Filename : Silder_Master.aspx
back
<%@ Page Title="" Language="C#" MasterPageFile="~/Admin/AdminMasterPage.master" AutoEventWireup="true" CodeFile="Silder_Master.aspx.cs" Inherits="Silder_Master" %>

<asp:Content ID="Content1" ContentPlaceHolderID="title" runat="Server">
    :: Slider Master
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="head" runat="Server">
    <style>
        .image {
            opacity: 1;
            display: block;
            transition: .5s ease;
            backface-visibility: hidden;
            /*width:100%;
            height:300px;*/
        }

        .mid {
            transition: .5s ease;
            opacity: 0;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        }

        .cnt {
            width: 100%;
        }

            .cnt:hover .image {
                opacity: 0.3;
            }

            .cnt:hover .mid {
                opacity: 1;
            }

        .img {
            padding: 15px;
        }

        .slid_image {
            width: 100%;
            height: 150px;
            position: relative;
            box-shadow: -3px 3px 9px -2px;
            border-radius: 5px;
        }

        .rmt_icon {
            width: 19px;
            position: absolute;
            margin-left: -25px;
            margin-top: 6px;
            box-shadow: 0px 0px 4px 9px white inset;
        }

        #ctl00_body_dl_slider tr td {
            width: 28%;
        }
    </style>

</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="body" runat="Server">
    <table>
        <tr>
            <td>.</td>
        </tr>
    </table>


    <div class="messagealert" id="alert_container">
    </div>

    <div class="page-header" style="margin: 0px 0 20px">
        <h3 class="page-title">
            <span class="page-title-icon bg-gradient-primary text-white mr-2">
                <i class="fa fa-building"></i>
            </span>
            <label style="margin-left: 20px; margin-bottom: 0px; font-family: ubuntu-medium, sans-serif; font-size: 1.56rem;">Slider</label>

        </h3>

    </div>


    <div class="card" runat="server" id="div_form">

        <div class="card-body">

            <div class="row">
                <div class="col-md-12">
                    <label for="email">Image :</label>
                    <div class="col-sm-12">
                        <input type="file" accept=".png,.jpg,.jpeg,.gif" id="flu_edit_image" class="img" runat="server" style="display: none;" onchange="previewFile()" />
                        <div class="cnt">

                            <asp:Image ID="img_user" Style="width: 100%; height: 250px" CssClass="image img-responsive" ImageUrl="~/Admin/image/uplodeimage.png" runat="server" />
                            <div class="mid">
                                <img src="image/cemera_icon.png" width="50" />
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="card-footer">
            <asp:Button ID="btn_save" ValidationGroup="save" CssClass="btn btn-success" runat="server" Text="Save" OnClick="btn_save_Click" Width="100px" Style="margin-right: 10px" /><asp:Button ID="btn_clear" CssClass="btn btn-danger" runat="server" Text="Clear" OnClick="btn_clear_Click" Width="100px" />
        </div>
        
    </div>

    <div class="card">
        <div class="card-body">
            <div class="row">
                <asp:DataList ID="dl_slider" runat="server" OnItemCommand="dl_slider_ItemCommand" RepeatDirection="Horizontal" RepeatColumns="3">
                    <ItemTemplate>
                        <div class="img">
                            <img src='<%# "image/slider/"+Eval("image") %>' class="slid_image" />
                            <asp:ImageButton ID="ImageButton1" OnClientClick="return confirm('Are you sure Delete This Slider Image ?');" CssClass="rmt_icon" ImageUrl="~/Admin/image/remove_icon.png" CommandName="btn_delete" CommandArgument='<%# Eval("s_id") %>' runat="server" />
                        </div>
                    </ItemTemplate>
                </asp:DataList>

            </div>
        </div>
    </div>
    <script>
        $(".cnt").click(function () {
            $(".img").click();
        });
    </script>
    <script type="text/javascript">
        function previewFile() {

            var preview = document.querySelector('#<%=img_user.ClientID %>');
            var file = document.querySelector('#<%=flu_edit_image.ClientID %>').files[0];
            var reader = new FileReader();

            reader.onloadend = function () {
                preview.src = reader.result;
            }

            if (file) {
                reader.readAsDataURL(file);
            } else {
                preview.src = "";
            }
        }
    </script>
</asp:Content>