tumbail.jsp | searchcode

/Social/src/main/webapp/tumbail.jsp

https://bitbucket.org/wagnermonteverde/delivery
JavaServer Pages | 337 lines | 271 code | 66 blank | 0 comment | 2 complexity | d8c1e60408faee9814ff0ce259e50207 MD5 | raw file

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>

<html>
    <head>
        <style>

            #ze {
                color:white;
            }

            #face {
                color:white;
            }

            #sair {
                color:white;
            }

            #topo {
                background-color:blue;
            }
        </style>

        <link rel="shortcut icon" href="img/favicon.ico">
        <link rel="alternate" type="application/rss+xml" title="Bootsnipp feed" href="http://bootsnipp.com/feed/" />
        <link rel="alternative" type="application/atom+xml" href="http://bootsnipp.com/feed/atom">
        <link rel="apple-touch-icon-precomposed" href="apple-touch-icon-precomposed.png">
        <link rel="apple-touch-icon-precomposed" href="apple-touch-icon-72x72-precomposed.png">
        <link rel="apple-touch-icon-precomposed" href="apple-touch-icon-114x114-precomposed.png">
        <link rel="apple-touch-icon-precomposed" href="apple-touch-icon-144x144-precomposed.png">
        <link href="css/bootstrap.min.css" media="all" type="text/css" rel="stylesheet">
        <link href="http://bootsnipp.com/bundles/bootstrapper/css/nav-fix.css" media="all" type="text/css" rel="stylesheet">
        <link href="http://bootsnipp.com/bundles/bootstrapper/css/bootstrap-responsive.min.css" media="all" type="text/css" rel="stylesheet">
        <link href="http://bootsnipp.com/css/prettify.css" media="all" type="text/css" rel="stylesheet">
        <link href="http://bootsnipp.com/css/bootsnipp.css" media="all" type="text/css" rel="stylesheet">
        <link href="http://bootsnipp.com/css/codemirror.css" media="all" type="text/css" rel="stylesheet">
        <link href="http://bootsnipp.com/css/jackedup.css" media="all" type="text/css" rel="stylesheet">
        <script src="http://bootsnipp.com/bundles/bootstrapper/js/jquery-1.8.2.min.js"></script>
        <script src="http://bootsnipp.com/bundles/bootstrapper/js/bootstrap.min.js"></script>
        <script src="http://bootsnipp.com/js/prettify.js"></script>
        <script src="http://bootsnipp.com/js/codemirror.js"></script>
        <script src="http://bootsnipp.com/js/humane.min.js"></script>

        <title>Promoção é Aqui</title>

    </head>
    <body>


        <div class="container">



            <%@include file="header.jsp" %>


            <ul class="breadcrumb">
                <li>
                    <a href="index.jsp">Inicio</a>
                    <span class="divider">/</span>
                </li>
                <li>
                    <a href="tumbail_1.jsp">Lojas</a>
                    <span class="divider">/</span>
                </li>
                <li>
                    <a href="tumbail.jsp">Produtos</a>
                    <span class="active">/</span>
                </li>
            </ul>

            <!--Sorry About the Heavy CSS But its neaded for the components make it external for quicker load time :) -->
            <style>
                .pricing-table .plan {
                    border-radius: 5px;
                    text-align: center;
                    background-color: #f3f3f3;
                    -moz-box-shadow: 0 0 6px 2px #b0b2ab;
                    -webkit-box-shadow: 0 0 6px 2px #b0b2ab;
                    box-shadow: 0 0 6px 2px #b0b2ab;
                }

                .plan:hover {
                    background-color: #fff;
                    -moz-box-shadow: 0 0 12px 3px #b0b2ab;
                    -webkit-box-shadow: 0 0 12px 3px #b0b2ab;
                    box-shadow: 0 0 12px 3px #b0b2ab;
                }

                .plan {
                    padding: 20px;
                    color: #ff;
                    background-color: #5e5f59;
                    -moz-border-radius: 5px 5px 0 0;
                    -webkit-border-radius: 5px 5px 0 0;
                    border-radius: 5px 5px 0 0;
                }

                .plan-name-bronze {
                    padding: 20px;
                    color: #fff;
                    background-color: #665D1E;
                    -moz-border-radius: 5px 5px 0 0;
                    -webkit-border-radius: 5px 5px 0 0;
                    border-radius: 5px 5px 0 0;
                }

                .plan-name-silver {
                    padding: 20px;
                    color: #fff;
                    background-color: #C0C0C0;
                    -moz-border-radius: 5px 5px 0 0;
                    -webkit-border-radius: 5px 5px 0 0;
                    border-radius: 5px 5px 0 0;
                }

                .plan-name-gold {
                    padding: 20px;
                    color: #fff;
                    background-color: #FFD700;
                    -moz-border-radius: 5px 5px 0 0;
                    -webkit-border-radius: 5px 5px 0 0;
                    border-radius: 5px 5px 0 0;
                } 

                .pricing-table-bronze  {
                    padding: 20px;
                    color: #fff;
                    background-color: #f89406;
                    -moz-border-radius: 5px 5px 0 0;
                    -webkit-border-radius: 5px 5px 0 0;
                    border-radius: 5px 5px 0 0;
                }

                .pricing-table .plan .plan-name span {
                    font-size: 20px;
                }

                .pricing-table .plan ul {
                    list-style: none;
                    margin: 0;
                    -moz-border-radius: 0 0 5px 5px;
                    -webkit-border-radius: 0 0 5px 5px;
                    border-radius: 0 0 5px 5px;
                }

                .pricing-table .plan ul li.plan-feature {
                    padding: 15px 10px;
                    border-top: 1px solid #c5c8c0;
                }

                .pricing-three-column {
                    margin: 0 auto;
                    width: 80%;
                }

                .pricing-variable-height .plan {
                    float: none;
                    margin-left: 2%;
                    vertical-align: bottom;
                    display: inline-block;
                    zoom:1;
                    *display:inline;
                }

                .plan-mouseover .plan-name {
                    background-color: #4e9a06 !important;
                }

                .btn-plan-select {
                    padding: 8px 25px;
                    font-size: 18px;
                }
            </style>
            <c:if test="${pedido!=null}">
                

            <div class='alert alert-block'>
                <button type='button' class='close' data-dismiss='alert'>&times;</button>
                <h4>Atenção voce tem pedidos em aberto Finalize-os ou continue comprando na ${pedido.idVendedor.nomeFantasia}! :)</h4>
                Para realizar pedidos em outra loja você deve finalizar os pedidos da loja atual!
            </div>

            </c:if>

            <hr>
            <div>

                <h3 class="text-info">Você esta na Loja <img src="${vend.diretorioImg}${vend.imagemLogo}" width="70" height="70"> ${vend.nomeFantasia} <img src="${vend.diretorioImg}${vend.imagemLogo}" width="50" height="50"> 
                    <c:choose>
                        <c:when test="${usuario==null}">
                            <a href="AutenticarFacebook" class="pull-right"><img src="img/facebook.png"></a>
                            <!--<a href="AutenticarTwitter"class="pull-right"><img src="img/twitter.png"></a>-->
                        </c:when>

                        <c:otherwise>
                            <form class="navbar-form pull-right" action="tumbail.jsp" method="POST">
                                <input  name="textinput2" type="search" placeholder="Digite Aqui seu Endereço e veja as lojas perto de você!" class="span3">
                            </form>
                        </c:otherwise>

                    </c:choose>

                </h3>
            </div>

            <!--  acordion-->
            <div class="container-fluid">  
                <div class="accordion" id="accordion1">
                    <div class="accordion-group">
                        <div class="accordion-heading">
                            <a class="accordion-toggle " data-toggle="collapse" data-parent="#accordion1" href="#collapseOne">
                                Carrinho de Compras clique para expandir <span class="text-error">Total R$ ${pedido.total}</span><img src="img/cart.png" style="width:3%; height:3%;">
                            </a>
                        </div>
                        <div id="collapseOne" class="accordion-body collapse ">
                            <div class="accordion-inner">

                                <div class="row-fluid pricing-table pricing-three-column">
                                    <div class="span12 plan">
                                        <div class="plan-name-bronze">
                                            <h3>Total</h3>
                                            <span>${pedido.total}</span>
                                        </div>
                                        <ul>
                                            <c:forEach var="iten" items="${pedido.itens}">
                                                <li class="plan-feature text-info">Descrição ${iten.produto.nome} | Quantidade  ${iten.quantidade}  | Preço  ${iten.produto.preco}  <a class="btn-small btn-danger">Deletar</a></li>
                                            </c:forEach>
                                            <li class="plan-feature"></li>
                                            <li class="plan-feature"><a href="#" class="btn btn-primary btn-plan-select"><i class="icon-white icon-ok"></i>FInalizar Pedido</a></li>
                                            <li class="plan-feature"><a href="#" class="btn btn-danger btn-plan-select"><i class="icon-white icon-ok"></i>Cancelar Pedido</a></li>
                                        </ul>
                                    </div>


                                </div>

                            </div>
                        </div>
                    </div>

                </div>

            </div>


            <hr>



            <!-- teste-->

            <ul class="thumbnails">  
                <c:if test="${!empty param.isnull}" >
                    <h4>Este vendedor ainda não possui produtos cadastrados</h4>
                </c:if>
                <c:forEach items="${listaProdutos}" var="produto" >

                    <li class="span2">  
                        <div class="thumbnail">  
                            <img src="${produto.imagem}" alt="product 1">  
                            <div class="caption">  
                                <p>${produto.nome}</br>R$ ${produto.preco}</p>  
                                <p><a href="PaginaPedido?idvendedor=${vend.id}&idproduto=${produto.id}&dusuario=${usuario.id}" class="btn-small btn-success">Detalhes</a> </p>    
                            </div>  
                        </div>  
                    </li>  

                </c:forEach>
            </ul> 


            <hr>  

            <hr>  

            <footer>  
                <p>© By Wagner Monteverde & Henrique Bartoski  Software </p>  
            </footer>  

            <!-- fim  teste-->


            <div id="example" class="modal hide fade in" style="display: none; ">

                <div class="modal-header">  
                    <a class="close" data-dismiss="modal">×</a>  
                    <h3>Produto Pra vc ver com Detalhes</h3>  
                </div>  
                <div class="modal-body">  
                    <img class="span4" src="img/pizza.jpg" alt="product 1"> 
                    <h4>Text in a modal</h4>  
                    <p>You can add some text here tstststststsssttsstststtssfdsdtsfdtsfdtsfdtsftdf.</p>                
                </div>  
                <div class="modal-footer">  
                    <a href="#" class="btn btn-success">Adicionar ao Carrinho</a>  
                    <a href="#" class="btn" data-dismiss="modal">Close</a>  
                </div> 

            </div>



            <!-- inclusão do footer -->
            <%@include file="footer.jsp" %>

            <!-- Exemplo toltip e popover -->
            <script src="js/bootstrap-tooltip.js"></script>  
            <script src="js/bootstrap-popover.js"></script>  
            <script>  
                $(function ()  
                { $("#example1").popover();  
                });  
                $(function ()  
                { $("#example2").popover();  
                });  
                $(function ()  
                { $("#example3").popover();  
                });  
                $(function ()  
                { $("#example4").popover();  
                });  
                $(function ()  
                { $("#example5").popover();  
                });  
                $(function ()  
                { $("#example6").popover();  
                });  
                $(function ()  
                { $("#example7").popover();  
                });  
            </script>  

    </body>
</html>