move approve buttons to the tab content

This commit is contained in:
Drewster727 2016-03-27 18:46:35 -05:00
parent e1b8293fdd
commit 07b02d90e6
2 changed files with 29 additions and 13 deletions

View file

@ -30,8 +30,9 @@ $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
var $ml = $('#movieList'); var $ml = $('#movieList');
var $tvl = $('#tvList'); var $tvl = $('#tvList');
$('.approve-category').hide();
if (target === "#TvShowTab") { if (target === "#TvShowTab") {
$('#approveTVShows').show();
if ($ml.mixItUp('isLoaded')) { if ($ml.mixItUp('isLoaded')) {
activeState = $ml.mixItUp('getState'); activeState = $ml.mixItUp('getState');
$ml.mixItUp('destroy'); $ml.mixItUp('destroy');
@ -40,6 +41,7 @@ $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
$tvl.mixItUp(mixItUpConfig(activeState)); // init or reinit $tvl.mixItUp(mixItUpConfig(activeState)); // init or reinit
} }
if (target === "#MoviesTab") { if (target === "#MoviesTab") {
$('#approveMovies').show();
if ($tvl.mixItUp('isLoaded')) { if ($tvl.mixItUp('isLoaded')) {
activeState = $tvl.mixItUp('getState'); activeState = $tvl.mixItUp('getState');
$tvl.mixItUp('destroy'); $tvl.mixItUp('destroy');

View file

@ -5,8 +5,7 @@
@if (Context.CurrentUser.IsAuthenticated()) @if (Context.CurrentUser.IsAuthenticated())
{ {
<button id="approveAll" class="btn btn-success-outline" type="submit"><i class="fa fa-plus"></i> Approve All</button> <button id="approveAll" class="btn btn-success-outline" type="submit"><i class="fa fa-plus"></i> Approve All</button>
<button id="approveMovies" class="btn btn-success-outline" type="submit"><i class="fa fa-plus"></i> Approve Movies</button>
<button id="approveTVShows" class="btn btn-success-outline" type="submit"><i class="fa fa-plus"></i> Approve TV Shows</button>
<br /> <br />
<br /> <br />
} }
@ -22,10 +21,25 @@
} }
</ul> </ul>
<br />
<!-- Tab panes --> <!-- Tab panes -->
<div class="tab-content contentList"> <div class="tab-content contentList">
<div class="btn-group col-sm-push-10"> <div class="btn-group col-sm-2">
@if (Context.CurrentUser.IsAuthenticated())
{
@if (Model.SearchForMovies)
{
<button id="approveMovies" class="btn btn-success-outline approve-category" type="submit"><i class="fa fa-plus"></i> Approve Movies</button>
}
@if (Model.SearchForTvShows)
{
<button id="approveTVShows" class="btn btn-success-outline approve-category" type="submit" style="display: none;"><i class="fa fa-plus"></i> Approve TV Shows</button>
}
}
</div>
<div class="btn-group col-sm-push-8">
<a href="#" class="btn btn-primary-outline dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> <a href="#" class="btn btn-primary-outline dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
Filter Filter
<i class="fa fa-filter"></i> <i class="fa fa-filter"></i>
@ -38,7 +52,7 @@
<li><a href="#" class="filter" data-filter=".available-false">Not Available</a></li> <li><a href="#" class="filter" data-filter=".available-false">Not Available</a></li>
</ul> </ul>
</div> </div>
<div class="btn-group col-sm-push-10"> <div class="btn-group col-sm-push-8">
<a href="#" class="btn btn-primary-outline dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> <a href="#" class="btn btn-primary-outline dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
Order Order
<i class="fa fa-sort"></i> <i class="fa fa-sort"></i>
@ -52,13 +66,13 @@
</ul> </ul>
</div> </div>
@if (Model.SearchForMovies) @if (Model.SearchForMovies)
{ {
<!-- Movie tab --> <!-- Movie tab -->
<div role="tabpanel" class="tab-pane active" id="MoviesTab"> <div role="tabpanel" class="tab-pane active" id="MoviesTab">
<br/> <br />
<br/> <br />
<!-- Movie content --> <!-- Movie content -->
<div id="movieList"> <div id="movieList">
</div> </div>
@ -66,12 +80,12 @@
} }
@if (Model.SearchForTvShows) @if (Model.SearchForTvShows)
{ {
<!-- TV tab --> <!-- TV tab -->
<div role="tabpanel" class="tab-pane" id="TvShowTab"> <div role="tabpanel" class="tab-pane" id="TvShowTab">
<br/> <br />
<br/> <br />
<!-- TV content --> <!-- TV content -->
<div id="tvList"> <div id="tvList">
</div> </div>
@ -186,7 +200,7 @@
<li><a id="{{requestId}}" issue-select="4" class="dropdownIssue" data-identifier="{{requestId}}" href="#" data-toggle="modal" data-target="#myModal">Other</a></li> <li><a id="{{requestId}}" issue-select="4" class="dropdownIssue" data-identifier="{{requestId}}" href="#" data-toggle="modal" data-target="#myModal">Other</a></li>
{{#if_eq admin true}} {{#if_eq admin true}}
<li><a id="{{requestId}}" issue-select="4" class="note" data-identifier="{{requestId}}" href="#" data-toggle="modal" data-target="#noteModal">Add Note</a></li> <li><a id="{{requestId}}" issue-select="4" class="note" data-identifier="{{requestId}}" href="#" data-toggle="modal" data-target="#noteModal">Add Note</a></li>
{{/if_eq}} {{/if_eq}}
</ul> </ul>
</div> </div>