Created
January 16, 2017 17:49
-
-
Save iagocavalcante/b86aa2cc5ca999dd5716be3ed56ce578 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<?php include_once 'head.php';?> | |
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> | |
<body id="home"> | |
<header id="header"> | |
<nav id="main-nav" class="navbar navbar-default navbar-fixed-top" role="banner"> | |
<div class="container"> | |
<div class="navbar-header"> | |
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> | |
<span class="sr-only">Toggle navigation</span> | |
<span class="icon-bar"></span> | |
<span class="icon-bar"></span> | |
<span class="icon-bar"></span> | |
</button> | |
<a class="navbar-brand" href="<?php echo base_url(); ?>"><img src="<?php echo base_url('assets/images/logo.png'); ?>" alt=""></a> | |
</div> | |
<div class="collapse navbar-collapse navbar-right"> | |
<ul class="nav navbar-nav"> | |
<li class="scroll active"><a href="#home">Home</a></li> | |
<li class="scroll"><a href="#contact">Contato</a></li> | |
</ul> | |
</div> | |
</div><!--/.container--> | |
</nav><!--/nav--> | |
</header><!--/header--> | |
<section id="portfolio"> | |
<div id='container' class="container"> | |
<div class="section-header"> | |
<h2 class="section-title text-center wow fadeInDown">Galeria de Fotos</h2> | |
</div> | |
<div class="text-center" style="display:none"> | |
<ul class="portfolio-filter"> | |
<li><a class="active" href="#" data-filter="*">All Works</a></li> | |
<li><a href="#" data-filter=".designing">Designing</a></li> | |
<li><a href="#" data-filter=".mobile">Mobile App</a></li> | |
<li><a href="#" data-filter=".development">Development</a></li> | |
</ul> | |
</div> | |
<div class="portfolio-items"> | |
<?php foreach($albuns as $album): ?> | |
<!--<div class="col-md-3"> | |
<img style="margin: 10% 0 10% 0;" id="imagens<?= $album['id'] ?>" src="//placehold.it/300x300" class="img-responsive"> | |
</div>--> | |
<div id="cAlbum<?= $album['id'] ;?>"></div> | |
<div id="myModal<?= $album['id'] ;?>" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | |
<div class="modal-dialog modal-lg"> | |
<div class="modal-content"> | |
<div class="modal-body"> | |
<p><?= strtoupper($album['album_nome']) ;?></p> | |
<div class="row"> | |
<!-- <div class="col-md-3"> | |
<a href="#" data-toggle="modal" data-target="#foto<?= $album['id'] ;?>"> | |
<img src="http://www.imagenstop.blog.br/wp-content/gallery/tumblr-imagens/Tumblr-imagens.jpg" class="img-responsive"> | |
<div id="img<?= $album['id'] ?>"></div> | |
</a> | |
</div> --> | |
<div id="cria<?= $album['id'] ;?>"></div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
<script type="text/javascript"> | |
$(document).ready(function() { | |
var click1 = true; | |
var click = true; | |
//Primeira Chamada AJax | |
$.ajax({ | |
url: '<?= base_url('vitale/primeiraImg') ?>' , | |
type: 'POST', | |
dataType:'JSON', | |
data: { | |
idAlb: <?= $album['id'] ; ?>, | |
'<?php echo $this->security->get_csrf_token_name(); ?>' : '<?php echo $this->security->get_csrf_hash(); ?>' | |
}, | |
success: function(msg){ | |
if(click1 == true ){ | |
$.each(msg, function(i, oItem) { | |
if(oItem[i].status == "A"){ | |
for(var i = 0; i < oItem.length; i++){ | |
$('<div>', { | |
id: 'first'+oItem[i].id, | |
class: 'portfolio-item designing' | |
}).appendTo($('#cAlbum<?= $album['id'] ;?>')); | |
$('<div>', { | |
id: 'second'+oItem[i].id, | |
class: 'portfolio-item-inner' | |
}).appendTo($('#first'+oItem[i].id)); | |
$('<a>',{ | |
id: 'link'+oItem[i].id, | |
href:"#", | |
'data-toggle': "modal", | |
'data-target': "#myModal<?= $album['id'] ;?>" | |
}).appendTo($('#second'+oItem[i].id)); | |
$('<img />', { | |
style:"margin: 10% 0 10% 0;", | |
id:"imagens<?= $album['id'] ?>", | |
src: '<?= base_url(); ?>assets/admin/galeria/'+oItem[i].album_nome+'/' + oItem[i].ft_nome , | |
alt:'MyAlt', | |
class: 'img-responsive'}).appendTo($('#link'+oItem[i].id)); | |
} | |
} | |
click1 = false; | |
}); | |
}//Fim Primeira Chamada | |
//Segunda Chamada Ajax | |
$("#imagens<?= $album['id'] ?>").click(function() { | |
$.ajax({ | |
url: '<?= base_url('vitale/consultarId'); ?>' , | |
type: 'POST', | |
dataType: 'JSON', | |
data: { | |
id: <?= $album['id'] ; ?>, | |
'<?php echo $this->security->get_csrf_token_name(); ?>' : '<?php echo $this->security->get_csrf_hash(); ?>' | |
}, | |
success: function(msg){ | |
if(click == true ){ | |
$.each(msg, function(i, oItem) { | |
if(oItem[i].status == "A"){ | |
for(var i = 0; i < oItem.length; i++){ | |
var btn = ""; | |
var txButton = ""; | |
if(oItem[i].status == 'A'){ | |
txButton = "Ativado"; | |
btn = 'btn btn-success'; | |
} else{ | |
txButton = "Desativado"; | |
btn = 'btn btn-danger'; | |
} | |
$('<div>', { | |
id: 'pai'+oItem[i].id, | |
class: 'portfolio-item designing' | |
}).appendTo($('#cria<?= $album['id'] ;?>')); | |
$('<div>',{ | |
id: 'filho'+oItem[i].id, | |
class: 'portfolio-item-inner' | |
}).appendTo($('#pai'+oItem[i].id)); | |
$('<img />', { | |
id: 'modal', | |
style: 'margin-top: 20px;', | |
src: '<?= base_url(); ?>assets/admin/galeria/'+oItem[i].album_nome+'/' + oItem[i].ft_nome , | |
alt:'', | |
class: 'img-responsive' | |
}).appendTo($('#filho'+oItem[i].id)); | |
$('<div>',{ | |
id: 'preview'+oItem[i].id, | |
class: 'portfolio-info' | |
}).appendTo($('#filho'+oItem[i].id)); | |
$('<a>',{ | |
id: 'icon'+oItem[i].id, | |
class: 'preview', | |
rel:'prettyPhoto', | |
href:"#", | |
'data-toggle': "modal", | |
'data-target': "#modalFilho" + oItem[i].id | |
}).appendTo($('#preview'+oItem[i].id)); | |
$('<i>', { | |
class:'fa fa-eye' | |
}).appendTo($('#icon'+oItem[i].id)); | |
$('<div>',{ | |
id: 'modalFilho'+oItem[i].id, | |
class: 'modal fade', | |
tabindex: "-1", | |
role: "dialog", | |
'aria-labelledby': "myModalLabel" +oItem[i].id, | |
'aria-hidden': "true" | |
}).appendTo($('#container')); | |
$('<div>',{ | |
id: 'dialog'+oItem[i].id, | |
class: 'modal-dialog modal-lg' | |
}).appendTo($('#modalFilho'+oItem[i].id)); | |
$('<div>',{ | |
id: 'content'+oItem[i].id, | |
class: 'modal-content' | |
}).appendTo($('#dialog'+oItem[i].id)); | |
$('<div>',{ | |
id: 'body'+oItem[i].id, | |
class: 'modal-body' | |
}).appendTo($('#content'+oItem[i].id)); | |
$('<div>',{ | |
id: 'row'+oItem[i].id, | |
class: 'row' | |
}).appendTo($('#body'+oItem[i].id)); | |
$('<div>',{ | |
id: 'img'+oItem[i].id | |
}).appendTo($('#row'+oItem[i].id)); | |
$('<img />', { | |
id: 'modal'+oItem[i].id, | |
src: '<?= base_url(); ?>assets/admin/galeria/'+oItem[i].album_nome+'/' + oItem[i].ft_nome , | |
alt:'', | |
class: 'img-responsive' | |
}).appendTo($('#img'+oItem[i].id)); | |
} | |
} | |
click = false; | |
}); | |
} | |
} | |
}); | |
}); | |
//Fim Segunda Chamada Ajax | |
} | |
}); | |
}); | |
</script> | |
<?php endforeach; ?> | |
</div> | |
</div> | |
</section> | |
<?php include_once 'contato.php'; ?> | |
<section id="main"> | |
<div class="container"> | |
<div class="row"> | |
<div class="col-sm-3"> | |
<br> | |
<img src="<?php echo base_url('assets/images/logo-footer.png'); ?>" alt=""> | |
</div> | |
<div class="col-sm-3"> | |
<h2>Links rápidos</h2> | |
<ul class="nav-footer"> | |
<li><a href="evo-mobile">Mobile</a></li> | |
<li><a href="debito-recorrente">Débito recorrente</a></li> | |
<li><a href="fit-coins">Programa de recompensas</a></li> | |
<li><a href="infraestrutura">Infraestrutura</a></li> | |
</ul> | |
</div> | |
<div class="col-sm-3"> | |
<h2>Institucional</h2> | |
<ul class="nav-footer"> | |
<li><a href="<?php echo base_url(); ?>">Quem somos</a></li> | |
<li><a href="<?php echo base_url(); ?>">Horários</a></li> | |
<li><a href="trabalhe-conosco">Trabalhe conosco</a></li> | |
<li><a href="galeria">Galeria de fotos</a></li> | |
<li><a href="">Contato</a></li> | |
</ul> | |
</div> | |
<div class="col-sm-3"> | |
<h2>Siga-nos</h2> | |
<div class="fb-page" data-href="https://www.facebook.com/vitaleacademia.pa" data-tabs="timeline" data-width="180" data-height="70" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/vitaleacademia.pa"><a href="https://www.facebook.com/vitaleacademia.pa">Vitale Academia</a></blockquote></div></div><br><br> | |
<a href="http://facebook.com/vitaleacademia.pa/" target="_blank" class="bt-face"><i class="fa fa-facebook fa-2x"></i></a> | |
<a href="http://instagram.com/vitaleacademia/" target="_blank" ><i class="fa fa-instagram fa-2x"></i></a> | |
</div> | |
</div> | |
</div> | |
</section> | |
<footer id="footer"> | |
<div class="container"> | |
<div class="row"> | |
<div class="row" id="copy"> | |
<div class="col-sm-12 text-center"> | |
© 2016 Desenvolvido por: <a target="_blank" href="#" title="solux">Solux</a> | |
</div> | |
</div> | |
</div> | |
</div> | |
</footer><!--/#footer--> | |
<div id="fb-root"></div> | |
<script src="<?php echo base_url('assets/js/bootstrap.min.js');?>"></script> | |
<script src="http://maps.google.com/maps/api/js?sensor=true"></script> | |
<script src="<?php echo base_url('assets/js/owl.carousel.min.js');?>"></script> | |
<script src="<?php echo base_url('assets/js/mousescroll.js');?>"></script> | |
<script src="<?php echo base_url('assets/js/smoothscroll.js');?>"></script> | |
<script src="<?php echo base_url('assets/js/jquery.prettyPhoto.js');?>"></script> | |
<script src="<?php echo base_url('assets/js/jquery.isotope.min.js');?>"></script> | |
<script src="<?php echo base_url('assets/js/jquery.inview.min.js');?>"></script> | |
<script src="<?php echo base_url('assets/js/wow.min.js');?>"></script> | |
<script src="<?php echo base_url('assets/js/custom-scripts.js');?>"></script> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment