PageRenderTime 42ms CodeModel.GetById 22ms RepoModel.GetById 0ms app.codeStats 0ms

/application/views/template.php

https://bitbucket.org/asimovers/muevett-proyectos
PHP | 144 lines | 133 code | 11 blank | 0 comment | 9 complexity | e2b5ce40c542468c36d681390704451a MD5 | raw file
Possible License(s): LGPL-2.1 
    

  1. <!DOCTYPE html>
    2. 

  2. <html>
    3. 

  3.     <head>
    4. 

  4.         <title>MueveTT - Ideas</title>
    5. 

  5.         <meta charset="utf-8">
    6. 

  6.         <meta name="viewport" content="width=device-width, initial-scale=1.0">
    7. 

  7.         <link href="<?= base_url() ?>assets/css/bootstrap.css" rel="stylesheet" media="screen">
    8. 

  8.         <link href="<?= base_url() ?>assets/css/bootstrap-responsive.css" rel="stylesheet" media="screen">
    9. 

  9.         <link href="<?= base_url() ?>assets/css/render.css" rel="stylesheet" media="screen">
    10. 

  10.         <link href="<?= base_url() ?>assets/css/common.css" rel="stylesheet" media="screen">
    11. 

  11.     </head>
    12. 

  12.     <body>
    13. 

  13.         <header id="render">
    14. 

  14.             <div class="container">
    15. 

  15.                 <div class="row">
    16. 

  16.                     <div class="span7" id="logo">
    17. 

  17.                         <h1><img src="<?= base_url('assets/img/logo.png') ?>" alt="CodeandoxChile"/></h1>
    18. 

  18.                     </div>
    19. 

  19.                     <div class="offset1 span4">
    20. 

  20.                         <div class="navbar">
    21. 

  21.                             <div class="navbar-inner">
    22. 

  22.                                 <div class="container"> <a data-target=".nav-collapse" data-toggle="collapse" class="btn btn-navbar"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a>
    23. 

  23.                                     <div class="nav-collapse">
    24. 

  24.                                         <ul class="nav">
    25. 

  25.                                             <li><a href="#modalCrearProyecto" data-toggle="modal">Crear nueva idea</a></li>
    26. 

  26.                                             <?php if (!UsuarioSesion::usuario()): ?>
    27. 

  27.                                                 <li><a>Entra con <span style="cursor: pointer;" onclick="javascript:window.location='<?= site_url('autenticacion/oauth_login') ?>'">Twitter</span> o <span style="cursor: pointer;" onclick="javascript:window.location='<?= site_url('autenticacion/oauth2_login') ?>'">Facebook</span></a></li>
    28. 

  28.                                             <?php else: ?>
    29. 

  29.                                                 <li class="dropdown"> <a data-toggle="dropdown" class="dropdown-toggle" href="single.html">Bienvenido <?= UsuarioSesion::usuario()->screen_name ?><b class="caret"></b></a>
    30. 

  30.                                                     <ul class="dropdown-menu">
    31. 

  31.                                                         <li><a href="<?= site_url('autenticacion/logout') ?>">Cerrar sesič´¸n</a></li>
    32. 

  32.                                                     </ul>
    33. 

  33.                                                 </li>
    34. 

  34.                                             <?php endif ?>
    35. 

  35.                                         </ul>
    36. 

  36.                                     </div>
    37. 

  37.                                     <!-- /.nav-collapse --> 
    38. 

  38.                                 </div>
    39. 

  39.                             </div>
    40. 

  40.                             <!-- /navbar-inner --> 
    41. 

  41.                         </div>
    42. 

  42.                     </div>
    43. 

  43.                 </div>
    44. 

  44.                 
    45. 

  45.                 <div class="row">
    46. 

  46.                     <p style="text-align: right;">Ordenar por
    47. 

  47.                     <button class="btn" onclick="javascript:$('#items').isotope({ sortBy : 'name' });">Nombre</button>
    48. 

  48.                     <button class="btn" onclick="javascript:$('#items').isotope({ sortBy : 'id',sortAscending : false });">Recientes</button>
    49. 

  49.                     <button class="btn" onclick="javascript:$('#items').isotope({ sortBy : 'nusuarios',sortAscending : false });">Integrantes</button>
    50. 

  50.                     </p>
    51. 

  51.                 </div>
    52. 

  52. 

  53.             </div>
    54. 

  54.         </header>
    55. 

  55.         <section>
    56. 

  56.             <div class="container">
    57. 

  57.                 <div class="row">
    58. 

  58.                     <div id="items">
    59. 

  59.                         <?php foreach ($proyectos as $p): ?>
    60. 

  60.                             <?php $colors = array('#e03943', '#f19800', '#0062ad', '#00913d', '#e910b3', '#f34205'); ?>
    61. 

  61.                             <div class="item" style="background-color: <?= $colors[array_rand($colors)] ?>;">
    62. 

  62.                                 <h3><?= htmlspecialchars($p->nombre) ?></h3>
    63. 

  63.                                 <div class="id hide"><?=$p->id?></div>
    64. 

  64.                                 <div class="nusuarios hide"><?=$p->nusuarios?></div>
    65. 

  65. 

  66.                                 <p><?= nl2br(htmlspecialchars($p->descripcion)) ?></p>
    67. 

  67.                                 <?php if($p->url):?>
    68. 

  68.                                 <p><a class="link" target="_blank" href="<?=  htmlspecialchars($p->url)?>"><i class="icon-share-alt icon-white"></i> <?=  htmlspecialchars($p->url)?></a></p>
    69. 

  69.                                 <?php endif ?>
    70. 

  70.                                     
    71. 

  71.                                 <?php
    72. 

  72.                                 $usuarios = array();
    73. 

  73.                                 if($p->UsuarioDueno->twitter_id)
    74. 

  74.                                     $usuarios[] = '<a class="label label-inverse" href="http://twitter.com/' . $p->UsuarioDueno->screen_name . '" target="_blank">@' . $p->UsuarioDueno->screen_name . '</a>';
    75. 

  75.                                 else
    76. 

  76.                                     $usuarios[] = '<a class="label label-inverse" href="http://facebook.com/app_scoped_user_id/' . $p->UsuarioDueno->facebook_id . '" target="_blank">' . $p->UsuarioDueno->screen_name . '</a>';
    77. 

  77.                                 foreach ($p->Usuarios as $u)
    78. 

  78.                                     if($u->twitter_id)
    79. 

  79.                                         $usuarios[] = '<a class="label" href="http://twitter.com/' . $u->screen_name . '" target="_blank">@' . $u->screen_name . '</a>';
    80. 

  80.                                     else
    81. 

  81.                                         $usuarios[] = '<a class="label" href="http://facebook.com/app_scoped_user_id/' . $u->facebook_id . '" target="_blank">' . $u->screen_name . '</a>';
    82. 

  82.                                 ?>
    83. 

  83.                                 <p><?= implode(' ', $usuarios) ?></p>
    84. 

  84.                                 <br />
    85. 

  85.                                 <p style="text-align: right;">
    86. 

  86.                                     <?php if (UsuarioSesion::usuario() && $p->usuario_id == UsuarioSesion::usuario()->id): ?>
    87. 

  87.                                         <a class="unirse" href="#" onclick="javascript:modalEditarProyecto(<?= $p->id ?>)">Editar idea <i class="icon-edit icon-white"></i></a>
    88. 

  88.                                     <?php else: ?>
    89. 

  89.                                         <a class="unirse" href="#" onclick="javascript:modalUnirseAProyecto(<?= $p->id ?>)">Unirse a la idea <i class="icon-plus-sign icon-white"></i></a>
    90. 

  90.                                     <?php endif ?>
    91. 

  91.                                 </p>
    92. 

  92.                             </div>
    93. 

  93. 

  94.                         <?php endforeach ?>
    95. 

  95.                     </div>
    96. 

  96.                 </div>
    97. 

  97.             </div>
    98. 

  98.         </section>
    99. 

  99.         <footer>
    100. 

  100. 

  101.         </footer>
    102. 

  102.         <div id="modalCrearProyecto" class="modal hide fade">
    103. 

  103.             <div class="modal-header">
    104. 

  104.                 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
    105. 

  105.                 <h3>Crear nueva idea</h3>
    106. 

  106.             </div>
    107. 

  107.             <div class="modal-body">
    108. 

  108.                 <?php if (UsuarioSesion::usuario()): ?>
    109. 

  109.                     <?php $ok = TRUE ?>
    110. 

  110.                     <form id="formCrearProyecto" class="ajaxForm" method="POST" action="<?= site_url('proyectos/crear_form') ?>">
    111. 

  111.                         <div class="validacion"></div>
    112. 

  112.                         <label>Nombre</label>
    113. 

  113.                         <input class="input-xlarge" type="text" name="nombre" />
    114. 

  114.                         <label>Descripcič´¸n</label>
    115. 

  115.                         <textarea class="input-xlarge" name="descripcion"></textarea>
    116. 

  116.                         <label>URL (Opcional)</label>
    117. 

  117.                         <input class="input-xlarge" type="text" name="url" />
    118. 

  118.                     </form>
    119. 

  119.                 <?php else: ?>
    120. 

  120.                     <p>Necesitas estar logueado para crear una idea.</p>
    121. 

  121.                 <?php endif ?>
    122. 

  122.             </div>
    123. 

  123.             <div class="modal-footer">
    124. 

  124.                 <a href="#" class="btn" data-dismiss="modal">Cerrar</a>
    125. 

  125.                 <?php if (isset($ok)): ?><a href="#" class="btn btn-primary" onclick="javascript:$('#formCrearProyecto').submit()">Guardar</a><?php endif ?>
    126. 

  126.             </div>
    127. 

  127.         </div>
    128. 

  128. 

  129.         <div id="modal" class="modal hide fade">
    130. 

  130. 

  131.         </div>
    132. 

  132. 

  133. 

  134. 

  135.         <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    136. 

  136.         <script src="<?= base_url() ?>assets/js/bootstrap.min.js"></script>
    137. 

  137.         <script src="<?= base_url() ?>assets/js/jquery.isotope.min.js"></script>
    138. 

  138.         <script>
    139. 

  139.             var site_url="<?= site_url() ?>";
    140. 

  140.             var base_url="<?= base_url() ?>";
    141. 

  141.         </script>
    142. 

  142.         <script src="<?= base_url() ?>assets/js/common.js"></script>
    143. 

  143.     </body>
    144. 

  144. </html>
    145. 

  145.