banners.cshtml

@using Healthservices.Web.Common_.Helpers
@model Helservice.Web.Common.ViewModels.PagedListViewModel<FileInfo>
@{
    ViewBag.Title = "Banners";
    Layout = "~/Views/Shared/_AdminLayout.cshtml";
}
<div class="page-header">
    <h1>
        Загрузка баннеров
    </h1>
</div>
<div class="row">
    <div class="span16 well">
        <form id="createForm" action="@Url.RouteUrl("Banners")" method="POST" class="form-stacked" enctype="multipart/form-data">
            <div class="clearfix">
                <label for="shortDescription">
                    Изображение баннера
                </label>
                <div class="input">
                    <input type="file" class="input-file" id="image" name="image" />
                </div>
            </div>
            <div class="actions">
                <input type="submit" class="btn primary" value="Загрузить" />&nbsp;
            </div>
        </form>
    </div>
    @*<div id="d_clip_button" data-clipboard-text="Copy Me!" title="Click to copy." style="border:1px solid black;">Copy To Clipboard</div>*@
  <ul id="sortable" class="unstyled">
            @foreach (FileInfo banner in Model.Items)
            {
                var url = WebHelper.ResolveServerUrl(VirtualPathUtility.ToAbsolute("~/Content/banners/" + @banner.Name), false);
                <li class="ui-state-default well span16" style="display: table;">
                    <div class="span3">
                        <img style="height: 90px; width: 90px;" src="~/Content/banners/@banner.Name"></img>
                    </div>
                    <div class="span12">
                        <span class="label notice">Дата загрузки: @banner.CreationTime.ToShortDateString()</span>
                        <p>
                            <strong>
                                Ссылка на изображение:
                            </strong>
                            <br>
                            <input class="xxlarge" size="10" type="text" disabled="disabled" value="@url" />
                            <a class="btn primary copy" data-clipboard-text="@url">Копировать ссылку в буфер обмена</a>
                        </p>
                    </div>

                </li>
            }
        </ul>
    </div>
    @if (Model.TotalCount > 1)
    {
        <div class="pagination">
            <ul>
                <li class="prev">
                    <a href="@Url.RouteUrl("Banners", new {page = Model.CurrentPage > 1 ? Model.CurrentPage - 1 : 1})">
                        &larr;
                    </a>
                </li>
                <li class="next">
                    <a href="@Url.RouteUrl("Banners", new {page = Model.CurrentPage < Model.PageCount ? Model.CurrentPage + 1 : Model.PageCount})">
                        &rarr;
                    </a>
                </li>
            </ul>
        </div>
  }

@section js
{
    <script src="@Url.Content("~/Scripts/ZeroClipboard.min.js")"> </script>
    <script>
        $(function() {
            ZeroClipboard.setDefaults( { moviePath: '@Url.Content("~/Scripts/ZeroClipboard.swf")' } );
            var clip = new ZeroClipboard( $('.copy') );
            clip.on( 'complete', function(client, args) {
                alert("Ссылка скопирована в буфер обмена: " + args.text );
            } );
            @*$(".copy").click(function() {
                debugger;
                ZeroClipboard.setDefaults( { moviePath: '@Url.Content("~/Scripts/ZeroClipboard.swf")' } );
                var clip = new ZeroClipboard();
                //clip.setText($(this).parent().children(".xxlarge").val());
                clip.setText("TEST");
            });*@
            if (@Model.CurrentPage == @Model.PageCount) {
                $(".next").addClass("disabled");
            } else {
                $(".next").removeClass("disabled");
            };
            if (@Model.CurrentPage == 1) {
                $(".prev").addClass("disabled");
            } else {
                $(".prev").removeClass("disabled");
            }

        })
    </script>
}