src/UI/WebBundle/Resources/views/Zones/public_ubication_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.ubication.show.title'|trans }} - {{ ubication.name | title }} | {{ parent() }}{% endblock %}
  5. {% block classBody %}whaterpoint {{ parent() }}{% endblock %}
  7. {% block javascripts %}
  8. {{ parent() }}
  9. {{ encore_entry_script_tags('leaflet_js') }}
  10. {{ encore_entry_script_tags('wt_ubication_show') }}
  11. {% endblock javascripts %}
  15. {% block stylesheets %}
  16. {{ parent() }}
  17. {{ encore_entry_link_tags('leaflet_styles') }}
  18. <link rel="stylesheet" href="{{ asset('assets/lib/slick-carousel/slick/slick.css') }}" type="text/css" media="all" />
  19. <link rel="stylesheet" href="{{ asset('assets/lib/slick-carousel/slick/slick-theme.css') }}" type="text/css" media="all" />
  20. {% endblock stylesheets %}
  22. {% block contents %}
  24. <div class="container-small" ng-controller="showUbicationCtrl">
  25. <nav class="mb-2" aria-label="breadcrumb">
  26. <ol class="breadcrumb mb-0">
  27. <li class="breadcrumb-item"><a href="{{path('web_init')}}">Inicio</a></li>
  28. <li class="breadcrumb-item">{{ ubication.town.country.name | title }}</li>
  29. {% if ubication.town.countryArea %}
  30. <li class="breadcrumb-item"><a href="{{ path('web_public_country_area_show_by_slug', { 'countryAreaSlug': ubication.town.countryArea.slug})}}">{{ ubication.town.countryArea.name | title }}</a></li>
  31. {% endif %}
  32. <li class="breadcrumb-item"><a href="{{path('web_public_town_show_by_slug',{'townSlug':ubication.town.slug})}}">{{ ubication.town.name | title }}</a></li>
  33. <li class="breadcrumb-item active" aria-current="page">{{ ubication.name | title }}</li>
  34. </ol>
  35. </nav>
  37. <div class="pb-9">
  38. <h2 class="mb-4">
  39. {{ ubication.name | title }}
  40. {% if ubication.whaterOrganization is none %}
  41. <span class="fas fa-star-half-alt text-warning fs-1" title="Sin reclamar"></span>
  42. <span class="fas fa-star-half-alt text-warning fs-1" title="Sin verificar"></span>
  43. {% elseif ubication.whaterOrganization.checkPermission('PERMISSION_EDIT_UBICATION', ubication) %}
  44. <span class="fas fa-star text-success fs-1" title="Registrado"></span>
  45. <span class="fas fa-star text-success fs-1" title="Verificado"></span>
  46. {% else %}
  47. <span class="fas fa-star text-success fs-1" title="Registrado"></span>
  48. <span class="fas fa-star-half-alt text-warning fs-1" title="Sin verificar"></span>
  49. {% endif %}
  50. </h2>
  51. <div class="row g-5 mb-5">
  52. <div class="col-12 col-lg-8" ng-init="initLocationMap({{ubication.latitude}},{{ubication.longitude}},'{{ubication.town.name | url_encode }}')">
  53. <div id="ubication_map" style="height:400px;width:100%"></div>
  54. </div>
  55. <div class="col-12 col-lg-4">
  56. <h3 class="mb-3" >Ubicación</h3>
  57. <div class="mb-2">
  58. <h6 class="mb-0">Ubicación</h6>
  59. <div class="">{{ ubication.name | title }}</div>
  60. </div>
  61. <div class="mb-2">
  62. <h6 class="mb-0">Municipio</h6>
  63. <a href="{{ path('web_public_town_show_by_slug',{'townSlug': ubication.town.slug })}}" class="">{{ ubication.town.name | title }}</a>
  64. </div>
  65. {% if ubication.town.countryArea %}
  66. <div class="mb-2">
  67. <h6 class="mb-0">Región / Provincia</h6>
  68. <div class="">{{ ubication.town.countryArea.name | title }}</div>
  69. </div>
  70. {% endif %}
  71. <div class="mb-2">
  72. <h6 class="mb-0">País</h6>
  73. <div class="">{{ ubication.town.country.name | title }}</div>
  74. </div>
  76. {% if ubication.whaterOrganization is not none %}
  77. <div class="mb-2">
  78. <h6 class="mb-0">Organización</h6>
  79. <div class="">
  80. {{ ubication.whaterOrganization.name | title }}
  81. </div>
  82. </div>
  83. {% endif %}
  85. {{ function.showFlashes() }}
  86. {% if is_granted('IS_AUTHENTICATED_FULLY') and ubication.whaterOrganization is none %}
  87. <div class="card">
  88. <div class="card-body">
  90. {% form_theme form 'Form/bootstrap_5_layout.html.twig' %}
  91. {{ form_start(form , {'action': path('web_public_ubication_show_by_slug', { 'ubicationSlug': ubication.slug }),
  92. 'method': 'POST',
  93. 'attr': { 'id': form.vars.name }}) }}
  95. <div class="col-auto mb-1">
  96. {{ form_label(form.message) }}
  97. {{ form_widget(form.message, {'attr': {'placeholder': ('admin.ownership_request.form.fields.text_placeholder'|trans({'%ubication_name%':ubication.name })) }}) }}
  98. {{ form_errors(form.message) }}
  99. </div>
  100. <div class="col-auto mb-1">
  101. {{ form_widget(form.check, {'attr': {'class': 'form-check-input' }}) }}
  102. <label class="form-label fs--1 text-none" for="app_register_ubication_ownership_request_check">{{'admin.ownership_request.form.fields.check'|trans({'%ubication_name%':ubication.name })}}</label>
  103. </div>
  105. <button class="btn btn-phoenix-secondary me-2 mb-2 mb-sm-0 mt-2"
  106. id='register_ownership_request'
  107. ng-init="registerOwnershipRequest()"
  108. data-user-id="{{app.user.user.id}}"
  109. data-ubication-id="{{ubication.id}}"
  110. {% if not enableRequestOwnership %} disabled="disabled" {% endif %}
  111. type="submit">Solicitar
  112. </button>
  115. {{ form_errors(form) }}
  116. {{ form_rest(form) }}
  117. {{ form_end(form) }}
  118. </div>
  119. </div>
  120. {% elseif ubication.whaterOrganization is none %}
  121. <p class="fs--2">Para solicitar la propiedad de esta ubicación 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>
  122. {% endif %}
  123. </div>
  124. </div>
  126. <div class="row g-5 mb-5">
  127. <div class="col-12" >
  128. <h3 class="mb-3" >Red de distribución</h3>
  129. <ul class="list-group">
  130. {% if ubication.distributionNetwork %}
  131. <li class="list-group-item">
  132. <a href="{{ path('web_public_distribution_network_show_by_id',{'distributionNetworkId':ubication.distributionNetwork.id})}}"
  133. class="fs-0 fw-bold">{{ ubication.distributionNetwork.name | title }}</a>
  134. <div class="ms-2 me-auto">
  135. Tipo:
  136. <span class="fw-bold">{{ ('distributionNetwork.type.' ~ ubication.distributionNetwork.type) | trans }}</span>
  137. </div>
  138. <div class="ms-2 me-auto">
  139. Estado:
  140. {% if ubication.distributionNetwork.whaterStatus == 'DN_STATUS_SUITABLE' %}
  141. <span class="fw-bold text-success ">Apta</span>
  142. {% elseif ubication.distributionNetwork.whaterStatus == 'DN_STATUS_NOT_SUITABLE' %}
  143. <span class="fw-bold text-danger ">No apta</span>
  144. {% else %}
  145. <span class="fw-bold">Sin Información</span>
  146. {% endif %}
  147. </div>
  148. <div class="ms-2 me-auto">
  149. Fecha última actualización:
  150. <span class="fw-bold">{{ubication.distributionNetwork.lastAnalitycsUpdateAt | date('d-m-Y') }}</span>
  151. </div>
  152. {% if ubication.distributionNetwork.sinacId is not none and ubication.town.externalIds is not none and ubication.town.externalIds.sinac is defined %}
  153. <div class="ms-2 me-auto">
  154. Enlace web SINAC:
  155. <a href="{{ sinac_domain }}/CiudadanoWeb/ciudadano/informacionAbastecimientoActionDetalleRed.do?idRed={{ ubication.distributionNetwork.sinacId }}&codMunicipio={{ ubication.town.externalIds.sinac}}"
  156. target="_black"
  157. >{{sinac_domain}}</a>
  158. </div>
  159. {% endif %}
  160. </li>
  161. {% endif %}
  162. </ul>
  163. </div>
  164. </div>
  165. </div>
  166. </div>
  167. {% endblock contents %}