src/UI/WebBundle/Resources/views/Zones/public_town_show.html.twig line 1

Open in your IDE?
  1. {% extends 'Common/base.html.twig' %}
  2. {% import 'Common/parts/functions.html.twig' as function %}
  4. {% block title %}{{ 'admin.zones.town.show.title'|trans }} - {{ town.name | title }} | {{ parent() }}{% endblock %}
  5. {% block classBody %}town {{ parent() }}{% endblock %}
  6. {% block ogTitle %}{{ 'admin.zones.town.show.title'|trans }} - {{ town.name | title }} | {{ parent() }}{% endblock ogTitle %}
  10. {% block stylesheets %}
  11. {{ parent() }}
  12. {{ encore_entry_link_tags('leaflet_styles') }}
  13. <link rel="stylesheet" href="{{ asset('assets/lib/slick-carousel/slick/slick.css') }}" type="text/css" media="all" />
  14. <link rel="stylesheet" href="{{ asset('assets/lib/slick-carousel/slick/slick-theme.css') }}" type="text/css" media="all" />
  15. {% endblock stylesheets %}
  17. {% block javascripts %}
  18. {{ parent() }}
  19. {{ encore_entry_script_tags('leaflet_js') }}
  20. {{ encore_entry_script_tags('wt_town_show') }}
  21. {% endblock javascripts %}
  23. {% block contents %}
  25. <div class="container-small" ng-controller="showTownCtrl">
  26. <nav class="mb-2" aria-label="breadcrumb">
  27. <ol class="breadcrumb mb-0">
  28. <li class="breadcrumb-item"><a href="{{path('web_init')}}">Inicio</a></li>
  29. <li class="breadcrumb-item">{{ town.country.name | title }}</li>
  30. {% if town.countryArea %}
  31. <li class="breadcrumb-item"><a href="{{ path('web_public_country_area_show_by_slug', { 'countryAreaSlug': town.countryArea.slug})}}">{{ town.countryArea.name | title }}</a></li>
  32. {% endif %}
  33. <li class="breadcrumb-item active" aria-current="page">
  34. {{ town.name | title }}
  35. {% if is_granted('IS_AUTHENTICATED_REMEMBERED') and app.user.user.hasRole('ROLE_ADMIN') %}
  36. (<a href="{{path('web_admin_town_edit', {'townId': town.id})}}">Editar</a>)
  37. {% endif %}
  38. </li>
  39. </ol>
  40. </nav>
  42. <div class="pb-9">
  43. <h2 class="mb-4">
  44. {{ town.name | title }}
  45. {% if town.whaterOrganization is none %}
  46. <span class="fas fa-star-half-alt text-warning fs-1" title="Sin reclamar"></span>
  47. <span class="fas fa-star-half-alt text-warning fs-1" title="Sin verificar"></span>
  48. {% elseif town.whaterOrganization.checkPermission('PERMISSION_EDIT_TOWN', town) %}
  49. <span class="fas fa-star text-success fs-1" title="Registrado"></span>
  50. <span class="fas fa-star text-success fs-1" title="Verificado"></span>
  51. {% else %}
  52. <span class="fas fa-star text-success fs-1" title="Registrado"></span>
  53. <span class="fas fa-star-half-alt text-warning fs-1" title="Sin verificar"></span>
  54. {% endif %}
  55. </h2>
  57. <div class="row g-5 mb-5">
  58. <div class="col-12 col-lg-8" ng-init="initTownMap('{{town.id}}',{{town.latitude}},{{town.longitude}},'{{geometryPolygonArray}}')">
  59. <div id="town_map" style="height:400px;width:100%"></div>
  60. </div>
  61. <div class="col-12 col-lg-4">
  62. <h3 class="mb-3" >Municipio</h3>
  63. <div class="mb-2">
  64. <h6 class="mb-0">Municipio</h6>
  65. <div class="">{{ town.name | title }}</div>
  66. </div>
  67. {% if town.countryArea %}
  68. <div class="mb-2">
  69. <h6 class="mb-0">Región / Provincia</h6>
  70. <a class="" href="{{ path('web_public_country_area_show_by_slug', { 'countryAreaSlug': town.countryArea.slug})}}">{{ town.countryArea.name | title }}</a>
  71. </div>
  72. {% endif %}
  73. <div class="mb-2">
  74. <h6 class="mb-0">País</h6>
  75. <div class="">{{ town.country.name | title }}</div>
  76. </div>
  77. <div class="mb-2">
  78. <h6 class="mb-0">Localizaciones</h6>
  79. <div class="">
  80. {{ town.townLocations | length}}
  81. {#
  82. {% if (town.townLocations | length)> 0 %}
  83. <a href="#" class="fs--1" ng-click="showTownLocationsInMap()">(Ver en el mapa)</a>
  84. <div class="alert alert-soft-success px-1 py-1 ng-hide" ng-show="showTownLocations" >Estas viendo las localizaciones de la ciudad/municipio</div>
  85. {% endif %}
  86. #}
  87. </div>
  88. </div>
  89. <div class="mb-2">
  90. <h6 class="mb-0">Ubicaciones</h6>
  91. <div class="">
  92. {{ town.ubications | length}}
  93. {#
  94. {% if (town.ubications | length)> 0 %}
  95. <a href="#" class="fs--1" ng-click="showLocationsInMap()">(Ver en el mapa)</a>
  96. <div class="alert alert-soft-success px-1 py-1 ng-hide" ng-show="showLocations" >Estas viendo las ubicaciones de la ciudad/municipio</div>
  97. {% endif %}
  98. #}
  99. </div>
  100. </div>
  101. <div class="mb-2">
  102. <h6 class="mb-0">Establecimientos</h6>
  103. <div class="">
  104. {{ town.establishments | length}}
  105. {#
  106. {% if (town.establishments | length)> 0 %}
  107. <a href="#" class="fs--1" ng-click="showEstablishmentsInMap()">(Ver en el mapa)</a>
  108. <div class="alert alert-soft-success px-1 py-1 ng-hide" role="alert" ng-show="showEstablishments" >Estas viendo los establecimientos de la ciudad/municipio</div>
  109. {% endif %}
  110. #}
  111. </div>
  112. </div>
  113. <div class="mb-2">
  114. <h6 class="mb-0">Whaterpoints</h6>
  115. <div class="">
  116. {{ town.whaterPoints | length}}
  117. {#
  118. {% if (town.whaterPoints | length)> 0 %}
  119. <a href="#" class="fs--1" ng-click="showWhaterPointsInMap()">(Ver en el mapa)</a>
  120. <div class="alert alert-soft-success px-1 py-1 ng-hide" role="alert" ng-show="showWhaterPoints" >Estas viendo los Whaterpoints de la ciudad/municipio</div>
  121. {% endif %}
  122. #}
  123. </div>
  124. </div>
  125. {% if town.whaterOrganization is not none %}
  126. <div class="mb-2">
  127. <h6 class="mb-0">Organización</h6>
  128. <div class="">
  129. {{ town.whaterOrganization.name | title }}
  130. </div>
  131. </div>
  132. {% endif %}
  133. </div>
  134. </div>
  136. <div class="row g-5 mb-5">
  137. <div class="col-12 col-md-6" >
  138. <h3 class="mb-3" >Redes de distribución ({{ distributionNetworks| length }})</h3>
  139. <ul class="list-group">
  140. {% for distributionNetwork in distributionNetworks %}
  141. {% if distributionNetwork.type == 'DN_TYPE_EXTERNAL' %}
  142. <li class="list-group-item">
  143. <a href="{{ path('web_public_distribution_network_show_by_id',{'distributionNetworkId':distributionNetwork.id})}}"
  144. class="fs-0 fw-bold">{{ distributionNetwork.name | title }}</a>
  145. <div class="ms-2 me-auto">
  146. Tipo:
  147. <span class="fw-bold">{{ ('distributionNetwork.type.' ~ distributionNetwork.type) | trans }}</span>
  148. </div>
  149. <div class="ms-2 me-auto">
  150. Estado:
  151. {% if distributionNetwork.whaterStatus == 'DN_STATUS_SUITABLE' %}
  152. <span class="fw-bold text-success ">Apta</span>
  153. {% elseif distributionNetwork.whaterStatus == 'DN_STATUS_NOT_SUITABLE' %}
  154. <span class="fw-bold text-danger ">No apta</span>
  155. {% else %}
  156. <span class="fw-bold">Sin Información</span>
  157. {% endif %}
  158. </div>
  159. <div class="ms-2 me-auto">
  160. Fecha última actualización:
  161. <span class="fw-bold">{{distributionNetwork.lastAnalitycsUpdateAt | date('d-m-Y') }}</span>
  162. </div>
  163. {% if distributionNetwork.sinacId is not none and town.externalIds is not none and town.externalIds.sinac is defined %}
  164. <div class="ms-2 me-auto">
  165. Enlace web SINAC:
  166. <a href="{{ sinac_domain }}/CiudadanoWeb/ciudadano/informacionAbastecimientoActionDetalleRed.do?idRed={{ distributionNetwork.sinacId }}&codMunicipio={{ town.externalIds.sinac}}"
  167. target="_black"
  168. >{{sinac_domain}}</a>
  169. </div>
  170. {% endif %}
  171. </li>
  172. {% endif %}
  173. {% endfor %}
  174. </ul>
  175. </div>
  177. <div class="col-12 col-md-6">
  178. {% if is_granted('IS_AUTHENTICATED_FULLY') and town.whaterOrganization is none %}
  179. <div class="card">
  180. <div class="card">
  181. <div class="card-body">
  183. {{ function.showFlashes() }}
  184. {% form_theme form 'Form/bootstrap_5_layout.html.twig' %}
  185. {{ form_start(form , {'action': path('web_public_town_show_by_slug', { 'townSlug': town.slug }),
  186. 'method': 'POST',
  187. 'attr': { 'id': form.vars.name }}) }}
  189. <div class="col-auto mb-1">
  190. {{ form_label(form.message) }}
  191. {{ form_widget(form.message, {'attr': {'placeholder': ('admin.ownership_request.form.fields.text_placeholder_town'|trans({'%town_name%':town.name })) }}) }}
  192. {{ form_errors(form.message) }}
  193. </div>
  194. <div class="col-auto mb-1">
  195. {{ form_widget(form.check, {'attr': {'class': 'form-check-input' }}) }}
  196. <label class="form-label fs--1 text-none" for="app_register_town_ownership_request_check">{{'admin.ownership_request.form.fields.check'|trans({'%town_name%':town.name })}}</label>
  197. </div>
  199. <button class="btn btn-phoenix-secondary me-2 mb-2 mb-sm-0 mt-2"
  200. id='register_ownership_request'
  201. ng-init="registerOwnershipRequest()"
  202. data-user-id="{{app.user.user.id}}"
  203. data-town-id="{{town.id}}"
  204. {% if not enableRequestOwnership %} disabled="disabled" {% endif %}
  205. type="submit">Solicitar
  206. </button>
  209. {{ form_errors(form) }}
  210. {{ form_rest(form) }}
  211. {{ form_end(form) }}
  212. </div>
  213. </div>
  214. {% elseif town.whaterOrganization is none %}
  215. <p class="fs--2">Para solicitar la propiedad de esta ciudad/municipio y manejar su informacion, debes estar registrado en whater.app y pasar por un proceso de validación. Hazlo <a href="{{path('web_signup')}}">aquí</a>.</p>
  216. {% endif %}
  217. </div>
  218. </div>
  219. </div>
  221. </div>
  223. </div>
  224. {% endblock contents %}