Mini Shell

<style>
	table span,
	.nao-essencial {
		opacity: 0.4
	}
</style>
<div class="row">
	<div class="col-sm-8">
		<h1>Páginas</h1>
	</div>

	<div class="col-sm-4 text-right">
		<div class="clear20 hidden-xs"></div>
		<a class="btn btn-primary" href="<?php echo RAIZ ?>?page=paginas_cadastrar"><i class="fa fa-plus-circle"></i> Nova página</a>
		<div class="clear20 visible-xs"></div>
	</div>
</div>

<ol class="breadcrumb">
	<li><a href="<?php echo RAIZ ?>">Home</a></li>
	<li><a href="<?php echo RAIZ ?>?page=paginas">Páginas</a></li>
</ol>


<?php 
	$query = "SELECT * FROM paginas ORDER BY paginas_menu DESC, paginas_ordem_menu ASC, paginas_id DESC";
	$paginas = mysqli_query($config, $query) or die(mysqli_error());
?>

<div class="clear20"></div>

<a class="btn btn-default selecionarTudo"><i class="fa fa-check-square-o" aria-hidden="true"></i> Selecionar todos</a>

<div class="clear10"></div>
<div class="table-responsive">
	<table class="table table-hover">
		<tr>
			<th width="5%" class="text-center">Sel.</th>
			<th width="5%" class="text-center">Menu</th>
			<th width="50%">Nome</th>
			<th width="30%" class="text-right">Operações</th>
		</tr>
		<form id="paginas_deletar_selecionadas" method="post" enctype="multipart/form-data">
			<?php while($row_paginas = mysqli_fetch_assoc($paginas)) { ?>
				<tr <?php if ($row_paginas['paginas_menu'] == 0) echo "class='nao-essencial'"; ?>>
					<td class="text-center">
						<input type="checkbox" class="marcar" name="paginasMarcadas[]" value="<?php echo $row_paginas['paginas_id'] ?>">
					</td>
					<td class="text-center">
						<span> #<?php echo $row_paginas['paginas_ordem_menu'] ?> </span>
					</td>
					<td>
						<?php echo $row_paginas['paginas_titulo'] ?>
					</td>
					<td class="text-right">
						<a href="?page=paginas_editar&id=<?php echo $row_paginas['paginas_id'] ?>"><button type="button" class="btn btn-warning"><i class="fa fa-pencil-square-o"></i> Editar</button></a>         
						<a arquivo="paginas_deletar" tabela="paginas" idreg="<?php echo $row_paginas['paginas_id'] ?>" class="btn btn-danger bt-deletar"><i class="fa fa-trash-o"></i> Excluir</a>           
					</td>
				</tr>
			<?php } ?> 
			<tr>
				<td>
					<button type="submit" class="btn btn-danger btn-deletar-selecionados" style="display:none">Excluir selecionados</button>
				</td>
				<td>
				</td>
			</tr>
		</form>
	</table>
</div>

<a class="btn btn-default btn-ordem"><i class="fa fa-exchange" aria-hidden="true"></i> Alterar ordem do menu</a>
<div class="clear20"></div>

<?php 
	$query = "SELECT * FROM paginas WHERE paginas_menu = 1 ORDER BY paginas_ordem_menu ASC";
	$paginas = mysqli_query($config, $query) or die(mysqli_error());
?>

<form id="paginas_ordem" style="display:none" method="post" enctype="multipart/form-data">
	<ul id="sortable" class="list-group">
		<?php while($row_paginas = mysqli_fetch_assoc($paginas)) { ?>
			<li class="ui-state-default list-group-item">
				<i class="fa fa-arrows-v" aria-hidden="true"></i> <?php echo $row_paginas['paginas_titulo'] ?>
				<input type="hidden" name="<?php echo $row_paginas['paginas_id'] ?>" value="">
			</li>
		<?php } ?> 
	</ul>
	<button class="btn btn-primary btn-salvar" type="submit">Salvar</button>
</form>

<div id="retorno"></div>

<script type="text/javascript">
	$('.selecionarTudo').click(function(){
		if($( '.marcar' ).prop( "checked" ) == true){
			$( '.marcar' ).prop( "checked" , false)
			$('.btn-deletar-selecionados').hide(); 
		} else {
			$( '.marcar' ).prop( "checked" , true)
			$('.btn-deletar-selecionados').show(); 
		}
	});

	$('.marcar').click(function(){
			$('.btn-deletar-selecionados').show();
	});

	$('#paginas_deletar_selecionadas').submit(function(e){
		e.preventDefault();
		$.ajax({
			url: 'php/paginas_deletar_selecionadas.php',
			data: $(this).serialize(),
			type: 'POST',
			dataType: 'html',
			success:function(retorno){
				$('#retorno').html(retorno);
			}
		});
	});
</script>