source: branches/WebJobManager/HeuristicLab.Clients.Hive.WebJobManager/Views/Job/Uploads.cshtml @ 17578

@model HeuristicLab.Clients.Hive.WebJobManager.ViewModels.UploadedJobViewModel


<!-- Shows uploaded files and the uploader -->
<div class="animated fadeIn">

    @Html.Partial("Navbar", new HeuristicLab.Clients.Hive.WebJobManager.ViewModels.NavbarViewModel("Job", Model.User))

    <ul class="nav nav-pills nav-justified">
        <li role="presentation"
            class="">
            <a asp-controller="Job"
               asp-action="Index">
                <i class="fa fa-tasks"></i> Jobs
            </a>
        </li>
        <li role="presentation"
            class="active">
            <a asp-controller="Job"
               asp-action="Uploads">
                <i class="fa fa-cloud"></i>  Uploads
            </a>
        </li>
    </ul>
    
    @Html.Partial("_ErrorMessage", Model.message)

    <div class="row" style="padding:10px">
        <div class="col-sm-4">
            <div class="btn-group btn-group-justified btn-block"
                 role="group" style="margin-bottom:-4px">

                <a class="btn btn-info btn-lg btn-block disabled"
                   style="width:6%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
                            text-shadow:2px 2px black;">
                    <i class="fa fa-cloud"></i> Uploads
                </a>
                <a class="btn btn-success btn-block
                       @(Model.SelectedIndex == -1 ? "active" : "")
                       "
                   asp-controller="Job"
                   asp-action="UploadDir"
                   asp-route-index="-1"
                   onclick="showUploader()"
                   style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
                            text-shadow:2px 2px black;">
                    <i class="fa fa-cloud-upload"></i>
                </a>
            </div>
            <div class="btn-group-vertical btn-block">

                @for (int i = 0; i < Model.DisplayDatePaths.Count; i++)
                {
                    <a class="btn  btn-default @(i == Model.SelectedIndex ? "active" : "" )"
                       style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);"
                       asp-controller="Job"
                       asp-action="UploadDir"
                       asp-route-index="@(i)"
                       onclick="showDownloader()">
                        @Model.DisplayDatePaths[i]
                    </a>
                }
            </div>
            @if (ViewBag.active != null && ViewBag.active == true)
            {
                <div>
                    <a class="btn btn-warning btn-block"
                       asp-controller="Job"
                       asp-action="OpenRecent"
                       style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
                            text-shadow:2px 2px black;margin-top:10px">
                        <i class="fa fa-undo"></i> Reopen last file
                    </a>
                </div>

            }

        </div>
        <p style="display:none"
           id="downloader"
           class="text-center">
            <br /><br /><br /><br /><br /><br /><br />
            <i class="fa fa-cloud-download fa-spin fa-5x" id="spinner">
            </i>
        </p>
        <p style="display:none"
           id="uploader"
           class="text-center">
            <br /><br /><br /><br /><br /><br /><br />
            <i class="fa fa-cloud-upload fa-spin fa-5x" id="spinner">
            </i>
        </p>
        <p style="display:none"
           id="deleter"
           class="text-center">
            <br /><br /><br /><br /><br /><br /><br />
            <i class="fa fa-trash-o fa-spin fa-5x" id="spinner">
            </i>
        </p>
        <div id="content">
            @if (Model.SelectedIndex != -1)
            {
                <div class="col-sm-8">
                    <h3>@Model.DisplayDatePaths[Model.SelectedIndex]</h3>
                    <h4 style="text-align:left">Click on a file to prepare it for upload to Hive</h4>
                    @for (int i = 0; i < Model.DisplayFilesPaths.Count; i++)
                    {

                        <div class="btn-group-justified btn-block">

                            <a class="btn btn-default @(Model.DisplayFilesPaths[i].EndsWith(".hl") ? "" : "disabled" )"
                               asp-controller="Job"
                               asp-action="OpenFile"
                               asp-route-index="@(Model.SelectedIndex)"
                               asp-route-filedex="@i"
                               style="width:6%;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);">
                                <i class="fa fa-list-alt"></i>  @Model.DisplayFilesPaths[i]
                            </a>
                            <a id="down"
                               style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
                            text-shadow:2px 2px black;"
                               class='btn btn-group btn-success'
                               asp-controller="Job"
                               asp-action="DownloadFile"
                               asp-route-index="@(Model.SelectedIndex)"
                               asp-route-filedex="@i">
                                <span class='glyphicon glyphicon-download-alt' aria-hidden='true'></span>
                            </a>
                            <a id="del"
                               style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
                            text-shadow:2px 2px black;"
                               class='btn btn-group btn-danger'
                               asp-controller="Job"
                               asp-action="DeleteFile"
                               asp-route-index="@(Model.SelectedIndex)"
                               asp-route-filedex="@i"
                               onclick="showDeleter()">
                                <span class='glyphicon glyphicon-trash' aria-hidden='true'></span>
                            </a>

                        </div>
                    }
                    <hr style="border-color:gray;margin-top:50px" />
                    <form asp-controller="Job"
                          asp-action="changeDirName" 
                          method="post"
                          class="col-sm-6">
                        <h5>Change directory name</h5>
                        <div class="input-group"
                             style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);">
                            <input type="text"
                                   value="@Model.DisplayDatePaths[Model.SelectedIndex]"
                                   style="display:none" 
                                   name="olddir"/>
                            <input 
                                   name="dirname"
                                   type="text" 
                                   class="form-control" 
                                   value="@Model.DisplayDatePaths[Model.SelectedIndex]" />
                            <span class="input-group-btn">
                                <button style="text-shadow:2px 2px black"
                                       type="submit"
                                       class="btn btn-success pull-right"
                                       ><i class="fa fa-save"></i> Save</button>
                            </span>
                        </div>
                    </form>


                </div>

            }
            else
            {
                <div class="col-sm-8">

                    @Html.Partial("UploaderPartial/_UploaderPartial", Model)
                </div>
            }
        </div>


    </div>
    <script type="text/javascript">
        function showDownloader() {
            document.getElementById("content").style.display = "none";
            document.getElementById("downloader").style.display = "";

        }
        function showUploader() {
            document.getElementById("content").style.display = "none";
            document.getElementById("uploader").style.display = "";

        }
        function showDeleter() {
            document.getElementById("content").style.display = "none";
            document.getElementById("deleter").style.display = "";
        }
    </script>
</div>