Advertisement
pablofarias

Untitled

Nov 1st, 2016
67
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 17.36 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="pt-br" ng-app="meumodulo">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Desportivo 1.9 | Alvo Rápido Consultoria e Sistemas</title>
  6.     <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  7.     <link rel="stylesheet" href="css/padrao.css">
  8.     <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  9.  
  10. </head>
  11. <body ng-controller="indexController">
  12. <div class="navbar-fixed">
  13.     <nav class="red darken-4">
  14.         <div class="nav-wrapper container">
  15.             <a href="#" class="brand-logo">Grande Aposta</a>
  16.             <a href="#" data-activates="mobile-demo" class="button-collapse"><i class="material-icons">menu</i></a>
  17.             <ul class="right hide-on-med-and-down">
  18.                 <li><a href="#"><i class="material-icons left">add_shopping_cart</i>Apostar</a></li>
  19.                 <li><a href="#"><i class="material-icons left">search</i>Minhas Apostas</a></li>
  20.                 <li><a href="#"><i class="material-icons left">print</i>Imprimir</a></li>
  21.                 <li><a href="#"><i class="material-icons left">attach_money</i>Solicitar Saque</a></li>
  22.                 <li><a href="#"><i class="material-icons left">exit_to_app</i>Sair</a></li>
  23.             </ul>
  24.             <ul class="side-nav" id="mobile-demo">
  25.                 <li><a href="#">Apostar</a></li>
  26.                 <li><a href="#">Minhas Apostas</a></li>
  27.                 <li><a href="#">Imprimir</a></li>
  28.                 <li><a href="#">Solicitar Saque</a></li>
  29.                 <li><a href="#">Sair</a></li>
  30.             </ul>
  31.         </div>
  32.     </nav>
  33. </div>
  34.  
  35.  
  36. <div class="row">
  37.     <div class="col m7 s12">
  38.         <div class="row">
  39.             <input type="text" ng-model="busca" placeholder="Busca">
  40.  
  41.         </div>
  42.         <div class="row">
  43.             <div class="botao">
  44.                 <small>CASA</small>
  45.             </div>
  46.             <div class="botao">FORA
  47.             </div>
  48.             <div class="botao">EMPATE
  49.             </div>
  50.             <div class="botao">d
  51.             </div>
  52.         </div>
  53.  
  54.         <div ng-repeat="playerPerTeam in playersToFilter() | filter:filterTeams ">
  55.  
  56.             <div class="card-panel  white-text center-align" id="grupocor">{{playerPerTeam.grupo}}</div>
  57.  
  58.             <div ng-repeat="jogo in players | filter:{idgrupo: playerPerTeam.idgrupo} | filter:busca">
  59.  
  60.  
  61.                 <div class="card-panel  lighten-2 m12 s12 " id="times">
  62.                     <div class="center-align"><i class="tiny material-icons">date_range </i>{{jogo.data_jogo}}</div>
  63.                     <div class="row">
  64.  
  65.  
  66.                         <div class="col m5 s5 center-align black-text">{{jogo.timea}}</div>
  67.                         <div class="col m2 s2 center-align black-text">X</div>
  68.                         <div class="col m5 s5 center-align black-text">{{jogo.timeb}}</div>
  69.                     </div>
  70.                     <div class="row " id="fontetempo">
  71.                         <div class="col m12 s12 center-align">
  72.                             <div class="col m2 s4 "><i class="tiny material-icons">access_time</i> Inicio</div>
  73.                             <div class="col m2 s8 left-align">19:30</div>
  74.                             <div class="col m5 s7"><i class="tiny material-icons">av_timer</i> Fim das Apostas</div>
  75.                             <div class="col m3 s5 left-align"> em 50 minutos</div>
  76.                         </div>
  77.                     </div>
  78.                     <div class="row">
  79.                         <div class="center-align center-block col m12">
  80.  
  81.  
  82.                             <div class="botao">
  83.                                 <small>
  84.                                     CASA
  85.                                 </small>
  86.                                 <small><br>{{jogo.casa}}</small>
  87.                             </div>
  88.                             <div class="botao">
  89.                                 <small>
  90.                                     EMPATE
  91.                                 </small>
  92.                                 <small><br>{{jogo.fora}}</small>
  93.                             </div>
  94.                             <div class="botao">
  95.                                 <small>
  96.                                     FORA
  97.                                 </small>
  98.                                 <small><br>{{jogo.empate}}</small>
  99.                             </div>
  100.                             <div class="botao">
  101.                                 <small>
  102.                                     GM-C
  103.                                 </small>
  104.                                 <small><br>{{jogo.gol_meio_casa}}</small>
  105.                             </div>
  106.                             <div class="botao">
  107.                                 <small>
  108.                                     GM-F
  109.                                 </small>
  110.                                 <small><br>{{jogo.gol_meio_fora}}</small>
  111.                             </div>
  112.                             <div class="botao">
  113.                                 <small>
  114.                                     2GM-C
  115.                                 </small>
  116.                                 <small><br>{{jogo.dois_gol_meio_casa}}
  117.                                 </small>
  118.                             </div>
  119.                             <div class="botao">
  120.                                 <small>
  121.                                     2GM-F
  122.                                 </small>
  123.                                 <small><br>{{jogo.dois_gol_meio_fora}}
  124.                                 </small>
  125.                             </div>
  126.                             <div class="botao">
  127.                                 <small>
  128.                                     DC-C
  129.                                 </small>
  130.                                 <small><br>{{jogo.dupla_chance_casa}}
  131.                                 </small>
  132.                             </div>
  133.                             <div class="botao">
  134.                                 <small>
  135.                                     DC-F
  136.                                 </small>
  137.                                 <small><br>{{jogo.dupla_chance_fora}}
  138.                                 </small>
  139.                             </div>
  140.                             <div class="botao">
  141.                                 <small>
  142.                                     AMB
  143.                                 </small>
  144.                                 <small><br>{{jogo.ambas}}</small>
  145.                             </div>
  146.                             <div class="botao">
  147.                                 <small>
  148.                                     1FAZ
  149.                                 </small>
  150.                                 <small><br>{{jogo.um_faz}}</small>
  151.                             </div>
  152.                             <div class="botao">
  153.                                 <small>
  154.                                     +2.5
  155.                                 </small>
  156.                                 <small><br>{{jogo.ma}}</small>
  157.                             </div>
  158.                             <div class="botao">
  159.                                 <small>
  160.                                     -2.5
  161.                                 </small>
  162.                                 <small><br>{{jogo.mn}}</small>
  163.                             </div>
  164.                             <div class="botao" ng-click="mostrar=!mostrar">
  165.                                 <small>
  166.                                     ???
  167.                                 </small>
  168.                                 <small><br>???</small>
  169.                             </div>
  170.  
  171.                         </div>
  172.  
  173.                     </div>
  174.  
  175.                     <div class="row" ng-show="mostrar">
  176.                         <div class="center-align center-block col m12">
  177.                             <div class="botao">
  178.                                 <small>
  179.                                     CASA 1x0
  180.                                 </small>
  181.                                 <small><br>{{jogo.casa1x0}}</small>
  182.                             </div>
  183.                             <div class="botao">
  184.                                 <small>
  185.                                     CASA 2X0
  186.                                 </small>
  187.                                 <small><br>{{jogo.casa2x0}}</small>
  188.                             </div>
  189.                             <div class="botao">
  190.                                 <small>
  191.                                     CASA 2X1
  192.                                 </small>
  193.                                 <small><br>{{jogo.casa2x1}}</small>
  194.                             </div>
  195.                             <div class="botao">
  196.                                 <small>
  197.                                     CASA 3X0
  198.                                 </small>
  199.                                 <small><br>{{jogo.casa3x0}}</small>
  200.                             </div>
  201.                             <div class="botao">
  202.                                 <small>
  203.                                     CASA 3X1
  204.                                 </small>
  205.                                 <small><br>{{jogo.casa3x1}}</small>
  206.                             </div>
  207.                             <div class="botao">
  208.                                 <small>
  209.                                     CASA 3X2
  210.                                 </small>
  211.                                 <small><br>{{jogo.casa3x2}}</small>
  212.                             </div>
  213.  
  214.                         </div>
  215.                     </div>
  216.                     <div class="row" ng-show="mostrar">
  217.                         <div class="center-align center-block col m12">
  218.                             <div class="botao">
  219.                                 <small>
  220.                                     EMPATE 0X0
  221.                                 </small>
  222.                                 <small><br>{{jogo.empate0x0}}</small>
  223.                             </div>
  224.                             <div class="botao">
  225.                                 <small>
  226.                                     EMPATE 1X1
  227.                                 </small>
  228.                                 <small><br>{{jogo.empate1x1}}</small>
  229.                             </div>
  230.                             <div class="botao">
  231.                                 <small>
  232.                                     EMPATE 2X2
  233.                                 </small>
  234.                                 <small><br>{{jogo.empate2x2}}</small>
  235.                             </div>
  236.                             <div class="botao">
  237.                                 <small>
  238.                                     EMPATE 3X3
  239.                                 </small>
  240.                                 <small><br>{{jogo.empate3x3}}</small>
  241.                             </div>
  242.  
  243.                         </div>
  244.                     </div>
  245.                     <div class="row" ng-show="mostrar">
  246.                         <div class="center-align center-block col m12">
  247.                             <div class="botao">
  248.                                 <small>
  249.                                     FORA 0X1
  250.                                 </small>
  251.                                 <small><br>{{jogo.fora0x1}}</small>
  252.                             </div>
  253.                             <div class="botao">
  254.                                 <small>
  255.                                     FORA 0X2
  256.                                 </small>
  257.                                 <small><br>{{jogo.fora0x2}}</small>
  258.                             </div>
  259.                             <div class="botao">
  260.                                 <small>
  261.                                     FORA 0X3
  262.                                 </small>
  263.                                 <small><br>{{jogo.fora0x3}}</small>
  264.                             </div>
  265.                             <div class="botao">
  266.                                 <small>
  267.                                     FORA 1X2
  268.                                 </small>
  269.                                 <small><br>{{jogo.fora1x2}}</small>
  270.                             </div>
  271.                             <div class="botao">
  272.                                 <small>
  273.                                     FORA 1X3
  274.                                 </small>
  275.                                 <small><br>{{jogo.fora1x3}}</small>
  276.                             </div>
  277.                             <div class="botao">
  278.                                 <small>
  279.                                     FORA 2X3
  280.                                 </small>
  281.                                 <small><br>{{jogo.fora2x3}}
  282.                                 </small>
  283.                             </div>
  284.                         </div>
  285.                     </div>
  286.                     <div class="row" ng-show="mostrar">
  287.                         <div class="center-align center-block col m12">
  288.                             <div class="botao">
  289.                                 <small>
  290.                                     G-IMP
  291.                                 </small>
  292.                                 <small><br>{{jogo.gol_impar}}</small>
  293.                             </div>
  294.                             <div class="botao">
  295.                                 <small>
  296.                                     G-PAR
  297.                                 </small>
  298.                                 <small><br>{{jogo.gol_par}}
  299.                                 </small>
  300.                             </div>
  301.                         </div>
  302.                     </div>
  303.                     <div class="row" ng-show="mostrar">
  304.                         <div class="center-align center-block col m12">
  305.                             <div class="botao">
  306.                                 <small>
  307.                                     PT CASA
  308.                                 </small>
  309.                                 <small><br>{{jogo.p_tempo_casa}}</small>
  310.                             </div>
  311.                             <div class="botao">
  312.                                 <small>
  313.                                     PT EMPATE
  314.                                 </small>
  315.                                 <small><br>{{jogo.p_tempo_empate}}
  316.                                 </small>
  317.                             </div>
  318.                             <div class="botao">
  319.                                 <small>
  320.                                     PT FORA
  321.                                 </small>
  322.                                 <small><br>{{jogo.p_tempo_fora}}</small>
  323.                             </div>
  324.  
  325.                         </div>
  326.                     </div>
  327.  
  328.                 </div>
  329.             </div>
  330.         </div>
  331.  
  332.     </div>
  333.     <div class="col m5 s12 hide-on-small-only" id="resumo">
  334.         <div class="card-panel grey darken-2">
  335.             <button type="button" class="btn-flat close white-text">X</button>
  336.             <h5 class="center-align white-text">Sua Aposta</h5>
  337.             <div class="row">
  338.                 <form class="col s12">
  339.                     <div class="input-field col m7 s7">
  340.                         <input placeholder="Nome do Apostador" id="apostador" type="text"
  341.                               class="validate white-text">
  342.                         <label class="white-text" for="apostador">Apostador</label>
  343.                     </div>
  344.                     <div class="input-field col m5 s5">
  345.                         <input placeholder="2.00" id="valor" type="text" class="validate white-text">
  346.                         <label for="valor" class="white-text">Valor (R$2.00)</label>
  347.                     </div>
  348.                     <div class="input-field col m7 s7">
  349.                         <input id="retorno" type="text" class="validate white-text">
  350.                         <label class="white-text" for="retorno">Retorno Possivel</label>
  351.                     </div>
  352.                     <div class="input-field col m5 s5">
  353.                         <input id="jogos" type="text" class="validate white-text">
  354.                         <label for="jogos" class="white-text">Jogos</label>
  355.                     </div>
  356.                 </form>
  357.                 <table class="container">
  358.                     <thead class="white-text">
  359.                     <tr>
  360.                         <th data-field="jogo">Jogo</th>
  361.                         <th data-field="aposta">Aposta</th>
  362.                         <th data-field="valor">Valor</th>
  363.                     </tr>
  364.                     </thead>
  365.  
  366.                     <tbody class="white-text">
  367.                     <tr>
  368.                         <td><i class="tiny material-icons red-text">delete_forever</i> Brasil x Argentina</td>
  369.                         <td>Fora</td>
  370.                         <td>1.56</td>
  371.                     </tr>
  372.  
  373.                     </tbody>
  374.  
  375.                 </table>
  376.                 <div class="col m6 s6">
  377.                     <button type="button" class="waves-effect waves-light red btn">Excluir<i
  378.                            class=" material-icons right">delete_forever</i></button>
  379.                 </div>
  380.                 <div class="col m6 s6">
  381.                     <button type="button" class="waves-effect waves-light green btn right">Concluir<i
  382.                            class=" material-icons right">check_circle</i></button>
  383.                 </div>
  384.             </div>
  385.         </div>
  386.     </div>
  387. </div>
  388.  
  389. <script src="js/jquery-3.1.1.js"></script>
  390. <script src="js/materialize.js"></script>
  391. <script src="js/angular/angular.min.js"></script>
  392.  
  393.  
  394.  
  395. </body>
  396. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement