src/UI/WebBundle/Resources/views/Whater/public_distribution_network_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.distr_network.show.title'|trans }} - {{ distributionNetwork.name | title }} | {{ parent() }}{% endblock %}
  5. {% block classBody %}distr-network {{ parent() }}{% endblock %}
  6. {% block ogTitle %}{{ 'admin.distr_network.show.title'|trans }} - {{ distributionNetwork.name | title }} | {{ parent() }}{% endblock ogTitle %}
  8. {% block javascripts %}
  9. {{ parent() }}
  10. {{ encore_entry_script_tags('leaflet_js') }}
  11. {{ encore_entry_script_tags('wt_distr_network_show') }}
  12. {% endblock javascripts %}
  14. {% block stylesheets %}
  15. {{ parent() }}
  16. {{ encore_entry_link_tags('leaflet_styles') }}
  17. <link rel="stylesheet" href="{{ asset('assets/lib/slick-carousel/slick/slick.css') }}" type="text/css" media="all" />
  18. <link rel="stylesheet" href="{{ asset('assets/lib/slick-carousel/slick/slick-theme.css') }}" type="text/css" media="all" />
  19. {% endblock stylesheets %}
  21. {% block contents %}
  23. <div class="container-small" ng-controller="showDistrNetworkCtrl">
  24. <nav class="mb-2" aria-label="breadcrumb">
  25. <ol class="breadcrumb mb-0">
  26. <li class="breadcrumb-item"><a href="{{path('web_init')}}">Inicio</a></li>
  27. <li class="breadcrumb-item">{{ distributionNetwork.country.name | title }}</li>
  28. <li class="breadcrumb-item active" aria-current="page">
  29. {{ distributionNetwork.name | title }}
  30. {% if is_granted('IS_AUTHENTICATED_REMEMBERED') and app.user.user.hasRole('ROLE_ADMIN') %}
  31. (<a href="{{path('web_admin_distribution_network_edit', {'distributionNetworkId': distributionNetwork.id})}}">Editar</a>)
  32. {% endif %}
  33. </li>
  34. </ol>
  35. </nav>
  37. <div class="pb-9">
  38. <h2 class="mb-4">
  39. {{ distributionNetwork.name | title }}
  40. {% if distributionNetwork.responsableOrganizationOperator 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 distributionNetwork.responsableOrganizationOperator.checkPermission('PERMISSION_EDIT_DISTRIBUTION_NETWORK', distributionNetwork) %}
  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="initDistributionNetworkMap({{distributionNetwork.centerLatitude}},{{distributionNetwork.centerLongitude}}, '{{geometryPolygonArray}}')">
  53. <div id="distribution_network_map" style="height:400px;width:100%"></div>
  54. </div>
  55. <div class="col-12 col-lg-4">
  56. <h3 class="mb-3" >Red de Distribución</h3>
  57. <div class="mb-2">
  58. <h6 class="mb-0">Red de Distribución</h6>
  59. <div class="">{{ distributionNetwork.name | title }}</div>
  60. </div>
  61. <div class="mb-2">
  62. <h6 class="mb-0">Tipo</h6>
  63. <div class="">{{ ('distributionNetwork.type.' ~ distributionNetwork.type) | trans }}</div>
  64. </div>
  65. {% if distributionNetwork.type == 'DN_TYPE_INTERMEDIATE' or distributionNetwork.type == 'DN_TYPE_INTERNAL' %}
  66. <div class="mb-2">
  67. <h6 class="mb-0">Perteneciente a</h6>
  68. <a href="{{ path('web_public_distribution_network_show_by_id', {'distributionNetworkId': distributionNetwork.parent.id }) }}"
  69. class="">{{ distributionNetwork.parent.name | title }}</a>
  70. </div>
  71. {% endif %}
  72. <div class="mb-2">
  73. <h6 class="mb-0">País</h6>
  74. <div class="">{{ distributionNetwork.country.name | title }}</div>
  75. </div>
  76. {#
  77. <div class="mb-2">
  78. <h6 class="mb-0">Whaterpoints</h6>
  79. <div class="">
  80. {{ distributionNetwork.whaterPoints | length}}
  81. {% if (distributionNetwork.whaterPoints | length)> 0 %}
  82. <a href="#" class="fs--1" ng-click="showWhaterPointsInMap()">(Ver en el mapa)</a>
  83. <div class="alert alert-soft-success px-1 py-1 ng-hide" role="alert" ng-show="showWhaterPoints" >Estas viendo los Whaterpoints de la red</div>
  84. {% endif %}
  85. </div>
  86. </div>
  87. #}
  89. {{ function.showFlashes() }}
  90. {% if is_granted('IS_AUTHENTICATED_FULLY') and distributionNetwork.responsableOrganizationOperator is none %}
  91. <div class="card">
  92. <div class="card-body">
  95. {% form_theme form 'Form/bootstrap_5_layout.html.twig' %}
  96. {{ form_start(form , {'action': path('web_public_distribution_network_show_by_slug', { 'distributionNetworkSlug': distributionNetwork.slug }),
  97. 'method': 'POST',
  98. 'attr': { 'id': form.vars.name }}) }}
  100. <div class="col-auto mb-1">
  101. {{ form_label(form.message) }}
  102. {{ form_widget(form.message, {'attr': {'placeholder': ('admin.ownership_request.form.fields.text_placeholder_distribution_network'|trans({'%distribution_network_name%':distributionNetwork.name })) }}) }}
  103. {{ form_errors(form.message) }}
  104. </div>
  105. <div class="col-auto mb-1">
  106. {{ form_widget(form.check, {'attr': {'class': 'form-check-input' }}) }}
  107. <label class="form-label fs--1 text-none" for="app_register_distribution_network_ownership_request_check">{{'admin.ownership_request.form.fields.check'|trans({'%distribution_network_name%':distributionNetwork.name })}}</label>
  108. </div>
  110. <button class="btn btn-phoenix-secondary me-2 mb-2 mb-sm-0 mt-2"
  111. id='register_ownership_request'
  112. ng-init="registerOwnershipRequest()"
  113. data-user-id="{{app.user.user.id}}"
  114. data-distr-network-id="{{distributionNetwork.id}}"
  115. {% if not enableRequestOwnership %} disabled="disabled" {% endif %}
  116. type="submit">Solicitar
  117. </button>
  119. {{ form_errors(form) }}
  120. {{ form_rest(form) }}
  121. {{ form_end(form) }}
  122. </div>
  123. </div>
  124. {% elseif distributionNetwork.responsableOrganizationOperator is none %}
  125. <p class="fs--2">Para solicitar la propiedad de esta red de distribució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>
  126. {% endif %}
  127. </div>
  128. </div>
  130. <div class="row g-5 mb-5">
  131. <div class="col-xl-6">
  132. <h3 class="mb-3" >Calidad del agua oficial</h3>
  133. <ul class="list-group">
  134. {% if distributionNetwork.responsableOrganizationGovernment is not none %}
  135. <li class="list-group-item">
  136. <h4 class="mb-3">Responsable</h4>
  137. <div class="row ms-2">
  138. <div class="col-12 col-lg-4 mb-2">
  139. <h6 class="mb-0">Nombre</h6>
  140. <div class="">{{ distributionNetwork.responsableOrganizationGovernment.name | title }}</div>
  141. </div>
  142. <div class="col-12 col-lg-4 mb-2">
  143. <h6 class="mb-0">Ultima información</h6>
  144. <div class="">
  145. {% if analytics['organ_government'] is not none %}
  146. {{ analytics['organ_government'].analyzedAt | date('d-m-Y') }}
  147. {% else %}
  148. -
  149. {% endif %}
  150. </div>
  151. </div>
  152. <div class="col-12 col-lg-4 mb-2">
  153. <h6 class="mb-0">Estado</h6>
  154. <div class="">
  155. {% if analytics['organ_government'] is not none %}
  156. {% if analytics['organ_government'].result == 'SUITABLE' %}
  157. <a href="{{ url('web_public_analytical_show', {'analyticalId': analytics['organ_government'].id }) }}"
  158. class="fw-bold">
  159. <img style="height:30px;" class="ms-2"
  160. src="{{ absolute_url(asset('/assets/images/widget_icons/whater-widget-circle-green.svg')) }}" />
  161. Apta
  162. </a>
  163. {% elseif analytics['organ_government'].result == 'NOT_SUITABLE' %}
  164. <a href="{{ url('web_public_analytical_show', {'analyticalId': analytics['organ_government'].id }) }}"
  165. class="fw-bold">
  166. <img style="height:30px;" class="ms-2"
  167. src="{{ absolute_url(asset('/assets/images/widget_icons/whater-widget-circle-red.svg')) }}" />
  168. No apta
  169. </a>
  170. {% else %}
  171. <a href="{{ url('web_public_analytical_show', {'analyticalId': analytics['organ_government'].id }) }}"
  172. class="fw-bold">
  173. <img style="height:30px;" class="ms-2"
  174. src="{{ absolute_url(asset('/assets/images/widget_icons/whater-widget-document-error.svg')) }}" />
  175. Sin Información
  176. </a>
  177. {% endif %}
  178. {% else %}
  179. <div class="fw-bold">
  180. <img style="height:30px;" class="ms-2"
  181. src="{{ absolute_url(asset('/assets/images/widget_icons/whater-widget-document-error.svg')) }}" />
  182. Sin Información
  183. </div>
  184. {% endif %}
  185. </div>
  186. </div>
  187. </div>
  188. </li>
  189. {% endif %}
  191. {% if distributionNetwork.responsableOrganizationOperator is not none %}
  192. <li class="list-group-item">
  193. <h4 class="mb-3">Operador responsable</h4>
  194. <div class="row ms-2">
  195. <div class="col-12 col-lg-4 mb-2">
  196. <h6 class="mb-0">Nombre</h6>
  197. <div class="">{{ distributionNetwork.responsableOrganizationOperator.name | title }}</div>
  198. </div>
  199. <div class="col-12 col-lg-4 mb-2">
  200. <h6 class="mb-0">Ultima información</h6>
  201. <div class="">
  202. {% if analytics['organ_operator'] is not none %}
  203. {{ analytics['organ_operator'].analyzedAt | date('d-m-Y') }}
  204. {% else %}
  205. -
  206. {% endif %}
  207. </div>
  208. </div>
  209. <div class="col-12 col-lg-4 mb-2">
  210. <h6 class="mb-0">Estado</h6>
  211. <div class="">
  212. {% if analytics['organ_operator'] is not none %}
  213. {% if analytics['organ_operator'].result == 'SUITABLE' %}
  214. <a href="{{ url('web_public_analytical_show', {'analyticalId': analytics['organ_operator'].id }) }}"
  215. class="fw-bold">
  216. <img style="height:30px;" class="ms-2"
  217. src="{{ absolute_url(asset('/assets/images/widget_icons/whater-widget-circle-green.svg')) }}" />
  218. Apta
  219. </a>
  220. {% elseif analytics['organ_operator'].result == 'NOT_SUITABLE' %}
  221. <a href="{{ url('web_public_analytical_show', {'analyticalId': analytics['organ_operator'].id }) }}"
  222. class="fw-bold">
  223. <img style="height:30px;" class="ms-2"
  224. src="{{ absolute_url(asset('/assets/images/widget_icons/whater-widget-circle-red.svg')) }}" />
  225. No apta
  226. </a>
  227. {% else %}
  228. <a href="{{ url('web_public_analytical_show', {'analyticalId': analytics['organ_operator'].id }) }}"
  229. class="fw-bold">
  230. <img style="height:30px;" class="ms-2"
  231. src="{{ absolute_url(asset('/assets/images/widget_icons/whater-widget-document-error.svg')) }}" />
  232. Sin Información
  233. </a>
  234. {% endif %}
  235. {% else %}
  236. <div class="fw-bold">
  237. <img style="height:30px;" class="ms-2"
  238. src="{{ absolute_url(asset('/assets/images/widget_icons/whater-widget-document-error.svg')) }}" />
  239. Sin Información
  240. </div>
  241. {% endif %}
  242. </div>
  243. </div>
  244. </div>
  245. </li>
  246. {% endif %}
  248. {% if distributionNetwork.responsableOrganizationCorporative is not none %}
  249. <li class="list-group-item">
  250. <h4 class="mb-3">Responsable corporativo</h4>
  251. <div class="row ms-2">
  252. <div class="col-12 col-lg-4 mb-2">
  253. <h6 class="mb-0">Nombre</h6>
  254. <div class="">{{ distributionNetwork.responsableOrganizationCorporative.name | title }}</div>
  255. </div>
  256. <div class="col-12 col-lg-4 mb-2">
  257. <h6 class="mb-0">Ultima información</h6>
  258. <div class="">
  259. {% if analytics['organ_corporative'] is not none %}
  260. {{ analytics['organ_corporative'].analyzedAt | date('d-m-Y') }}
  261. {% else %}
  262. -
  263. {% endif %}
  264. </div>
  265. </div>
  266. <div class="col-12 col-lg-4 mb-2">
  267. <h6 class="mb-0">Estado</h6>
  268. <div class="">
  269. {% if analytics['organ_corporative'] is not none %}
  270. {% if analytics['organ_corporative'].result == 'SUITABLE' %}
  271. <a href="{{ url('web_public_analytical_show', {'analyticalId': analytics['organ_corporative'].id }) }}"
  272. class="fw-bold">
  273. <img style="height:30px;" class="ms-2"
  274. src="{{ absolute_url(asset('/assets/images/widget_icons/whater-widget-circle-green.svg')) }}" />
  275. Apta
  276. </a>
  277. {% elseif analytics['organ_corporative'].result == 'NOT_SUITABLE' %}
  278. <a href="{{ url('web_public_analytical_show', {'analyticalId': analytics['organ_corporative'].id }) }}"
  279. class="fw-bold">
  280. <img style="height:30px;" class="ms-2"
  281. src="{{ absolute_url(asset('/assets/images/widget_icons/whater-widget-circle-red.svg')) }}" />
  282. No apta
  283. </a>
  284. {% else %}
  285. <a href="{{ url('web_public_analytical_show', {'analyticalId': analytics['organ_corporative'].id }) }}"
  286. class="fw-bold">
  287. <img style="height:30px;" class="ms-2"
  288. src="{{ absolute_url(asset('/assets/images/widget_icons/whater-widget-document-error.svg')) }}" />
  289. Sin Información
  290. </a>
  291. {% endif %}
  292. {% else %}
  293. <div class="fw-bold">
  294. <img style="height:30px;" class="ms-2"
  295. src="{{ absolute_url(asset('/assets/images/widget_icons/whater-widget-document-error.svg')) }}" />
  296. Sin Información
  297. </div>
  298. {% endif %}
  299. </div>
  300. </div>
  301. </div>
  302. </li>
  303. {% endif %}
  305. {% if distributionNetwork.responsableOrganizationUbication is not none %}
  306. <li class="list-group-item">
  307. <h4 class="mb-3">Responsable de ubicación</h4>
  308. <div class="row ms-2">
  309. <div class="col-12 col-lg-4 mb-2">
  310. <h6 class="mb-0">Nombre</h6>
  311. <div class="">{{ distributionNetwork.responsableOrganizationUbication.name | title }}</div>
  312. </div>
  313. <div class="col-12 col-lg-4 mb-2">
  314. <h6 class="mb-0">Ultima información</h6>
  315. <div class="">
  316. {% if analytics['organ_ubication'] is not none %}
  317. {{ analytics['organ_ubication'].analyzedAt | date('d-m-Y') }}
  318. {% else %}
  319. -
  320. {% endif %}
  321. </div>
  322. </div>
  323. <div class="col-12 col-lg-4 mb-2">
  324. <h6 class="mb-0">Estado</h6>
  325. <div class="">
  326. {% if analytics['organ_ubication'] is not none %}
  327. {% if analytics['organ_ubication'].result == 'SUITABLE' %}
  328. <a href="{{ url('web_public_analytical_show', {'analyticalId': analytics['organ_ubication'].id }) }}"
  329. class="fw-bold">
  330. <img style="height:30px;" class="ms-2"
  331. src="{{ absolute_url(asset('/assets/images/widget_icons/whater-widget-circle-green.svg')) }}" />
  332. Apta
  333. </a>
  334. {% elseif analytics['organ_ubication'].result == 'NOT_SUITABLE' %}
  335. <a href="{{ url('web_public_analytical_show', {'analyticalId': analytics['organ_ubication'].id }) }}"
  336. class="fw-bold">
  337. <img style="height:30px;" class="ms-2"
  338. src="{{ absolute_url(asset('/assets/images/widget_icons/whater-widget-circle-red.svg')) }}" />
  339. No apta
  340. </a>
  341. {% else %}
  342. <a href="{{ url('web_public_analytical_show', {'analyticalId': analytics['organ_ubication'].id }) }}"
  343. class="fw-bold">
  344. <img style="height:30px;" class="ms-2"
  345. src="{{ absolute_url(asset('/assets/images/widget_icons/whater-widget-document-error.svg')) }}" />
  346. Sin Información
  347. </a>
  348. {% endif %}
  349. {% else %}
  350. <div class="fw-bold">
  351. <img style="height:30px;" class="ms-2"
  352. src="{{ absolute_url(asset('/assets/images/widget_icons/whater-widget-document-error.svg')) }}" />
  353. Sin Información
  354. </div>
  355. {% endif %}
  356. </div>
  357. </div>
  358. </div>
  359. </li>
  360. {% endif %}
  362. {% if distributionNetwork.type == 'DN_TYPE_EXTERNAL' %}
  363. <div class="row my-4">
  364. <div class="col-12" >
  365. <h3 class="mb-3" >Municipios</h3>
  366. <ul class="list-group">
  367. {% for town in distributionNetwork.towns %}
  368. <li class="list-group-item">
  369. <a href="{{ path('web_public_town_show_by_slug',{'townSlug':town.slug})}}"
  370. class="fs-0 fw-bold">{{ town.name | title }}</a>
  371. {% if town.countryArea is not none %}
  372. ({{town.countryArea.name}}, {{ town.country.name }})
  373. {% else %}
  374. ({{ town.country.name }})
  375. {% endif %}
  376. </li>
  377. {% endfor %}
  378. </ul>
  379. </div>
  380. </div>
  381. {% elseif distributionNetwork.type == 'DN_TYPE_INTERMEDIATE' %}
  382. <div class="row g-5 mb-5">
  383. <div class="col-12" >
  384. <h3 class="mb-3" >Ubicaciones</h3>
  385. <ul class="list-group">
  386. {% for ubication in distributionNetwork.ubications %}
  387. <li class="list-group-item">
  388. <a href="{{ path('web_public_ubication_show',{'ubicationId':ubication.id})}}"
  389. class="fs-0 fw-bold">{{ ubication.name | title }}</a>
  390. {% if ubication.town.countryArea is not none %}
  391. ({{ubication.town.name | title}}, {{ubication.town.countryArea.name | title }}, {{ ubication.town.country.name | title}})
  392. {% else %}
  393. ({{ubication.town.name | title}}, {{ubication.town.country.name | title }})
  394. {% endif %}
  395. </li>
  396. {% endfor %}
  397. </ul>
  398. </div>
  399. </div>
  400. {% elseif distributionNetwork.type == 'DN_TYPE_INTERNAL' %}
  401. <div class="row g-5 mb-5">
  402. <div class="col-12" >
  403. <h3 class="mb-3" >Establecimientos</h3>
  404. <ul class="list-group">
  405. {% for establishment in distributionNetwork.establishments %}
  406. <li class="list-group-item">
  407. <a href="{{ path('web_public_establishment_show',{'establishmentId':establishment.id})}}"
  408. class="fs-0 fw-bold">{{ establishment.name | title }}</a>
  409. {% if establishment.town.countryArea is not none %}
  410. ({{establishment.town.name | title}}, {{establishment.town.countryArea.name | title }}, {{ establishment.town.country.name | title}})
  411. {% else %}
  412. ({{establishment.town.name | title}}, {{establishment.town.country.name | title }})
  413. {% endif %}
  414. </li>
  415. {% endfor %}
  416. </ul>
  417. </div>
  418. </div>
  419. {% endif %}
  421. <div class="row g-5 mb-5">
  422. <div class="col-12" >
  423. {% set distributionSubNetworks = [] %}
  424. {% if distributionNetwork.type == 'DN_TYPE_EXTERNAL' %}
  425. <h3 class="mb-3" >Subredes intermedias ({{ distributionNetwork.children | length }})</h3>
  426. {% set distributionSubNetworks = distributionNetwork.children %}
  427. {% elseif distributionNetwork.type == 'DN_TYPE_INTERMEDIATE' %}
  428. <h3 class="mb-3" >Subredes internas ({{ distributionNetwork.children | length }})</h3>
  429. {% set distributionSubNetworks = distributionNetwork.children %}
  430. {% elseif distributionNetwork.type == 'DN_TYPE_INTERNAL' %}
  431. {% set distributionSubNetworks = [] %}
  432. {% endif %}
  433. <ul class="list-group">
  434. {% for distributionSubNetwork in distributionSubNetworks %}
  435. <li class="list-group-item">
  436. <a href="{{ path('web_public_distribution_network_show_by_id',{'distributionNetworkId':distributionSubNetwork.id})}}"
  437. class="fs-0 fw-bold">{{ distributionSubNetwork.name | title }}</a>
  438. <div class="ms-2 me-auto">
  439. Tipo:
  440. <span class="fw-bold">{{ ('distributionNetwork.type.' ~ distributionSubNetwork.type) | trans }}</span>
  441. </div>
  442. <div class="ms-2 me-auto">
  443. Estado:
  444. {% if distributionSubNetwork.whaterStatus == 'DN_STATUS_SUITABLE' %}
  445. <span class="fw-bold text-success ">Apta</span>
  446. {% elseif distributionSubNetwork.whaterStatus == 'DN_STATUS_NOT_SUITABLE' %}
  447. <span class="fw-bold text-danger ">No apta</span>
  448. {% else %}
  449. <span class="fw-bold">Sin Información</span>
  450. {% endif %}
  451. </div>
  452. <div class="ms-2 me-auto">
  453. Fecha última actualización:
  454. <span class="fw-bold">{{distributionSubNetwork.lastAnalitycsUpdateAt | date('d-m-Y') }}</span>
  455. </div>
  456. </li>
  457. {% endfor %}
  458. </ul>
  459. </div>
  460. </div>
  462. </div>
  463. <div class="col-xl-6">
  464. {% if is_granted('IS_AUTHENTICATED_FULLY') and app.user %}
  465. <h3 class="mb-2">¡Danos tu opinión!</h3>
  466. {% set myvaloration = app.user.user.valorationForDistributionNetwork(distributionNetwork.id) %}
  467. <div class="row align-items-center pb-3" ng-init="initValorations('{{distributionNetwork.id}}')" >
  468. <div class="col-2">General:</div>
  469. <div class="col-10">
  470. <div class="radio-container d-flex" id="select-general-quality" {% if myvaloration is not none %}data-valoration="{{myvaloration.generalValoration}}"{% endif %}>
  471. <div class="mx-3">
  472. <input type="radio" id="radio-val1" name="general" value="DN_QUALITY_ACCEPTABLE_VALORATION">
  473. <label for="radio-val1"><img style="height:40px;" src="{{ absolute_url(asset('/assets/images/widget_icons/whater-widget-face-smile.svg')) }}" data-bs-toggle="tooltip" data-bs-placement="top" title="Aceptable" /></label>
  474. </div>
  476. <div class="mx-3">
  477. <input type="radio" id="radio-val2" name="general" value="DN_QUALITY_NEEDS_IMPROVEMENT_VALORATION">
  478. <label for="radio-val2"><img style="height:40px;" src="{{ absolute_url(asset('/assets/images/widget_icons/whater-widget-face-normal.svg')) }}" data-bs-toggle="tooltip" data-bs-placement="top" title="Mejorable"/></label>
  479. </div>
  481. <div class="mx-3">
  482. <input type="radio" id="radio-val3" name="general" value="DN_QUALITY_NOT_ACCEPTABLE_VALORATION">
  483. <label for="radio-val3"><img style="height:40px;" src="{{ absolute_url(asset('/assets/images/widget_icons/whater-widget-face-sad.svg')) }}" data-bs-toggle="tooltip" data-bs-placement="top" title="No aceptable"/></label>
  484. </div>
  485. </div>
  486. </div>
  487. </div>
  489. <h6 class="mt-2 mb-2">Danos una valoración más específica evaluando los siguientes parámetros </h6>
  490. <div class="row pb-3">
  491. <div class="row align-items-center" >
  492. <div class="col-2 text-end">Sabor:</div>
  493. <div class="col-10">
  494. <div class="radio-container d-flex" id="select-taste-quality" {% if myvaloration is not none %}data-valoration="{{myvaloration.tasteValoration}}"{% endif %}>
  495. <label class="me-3"><input type="radio" name="taste" value="DN_QUALITY_ACCEPTABLE_VALORATION"> {{ ('distribution_network_valoration.quality.DN_QUALITY_ACCEPTABLE_VALORATION') | trans}}</label>
  496. <label class="me-3"><input type="radio" name="taste" value="DN_QUALITY_NEEDS_IMPROVEMENT_VALORATION"> {{ ('distribution_network_valoration.quality.DN_QUALITY_NEEDS_IMPROVEMENT_VALORATION') | trans}}</label>
  497. <label><input type="radio" name="taste" value="DN_QUALITY_NOT_ACCEPTABLE_VALORATION"> {{ ('distribution_network_valoration.quality.DN_QUALITY_NOT_ACCEPTABLE_VALORATION') | trans}}</label>
  498. </div>
  499. </div>
  500. </div>
  501. <div class="row align-items-center">
  502. <div class="col-2 text-end">Olor:</div>
  503. <div class="col-10">
  504. <div class="radio-container d-flex" id="select-smell-quality" {% if myvaloration is not none %}data-valoration="{{myvaloration.smellValoration}}"{% endif %}>
  505. <label class="me-3"><input type="radio" name="smell" value="DN_QUALITY_ACCEPTABLE_VALORATION"> {{ ('distribution_network_valoration.quality.DN_QUALITY_ACCEPTABLE_VALORATION') | trans}}</label>
  506. <label class="me-3"><input type="radio" name="smell" value="DN_QUALITY_NEEDS_IMPROVEMENT_VALORATION"> {{ ('distribution_network_valoration.quality.DN_QUALITY_NEEDS_IMPROVEMENT_VALORATION') | trans}}</label>
  507. <label><input type="radio" name="smell" value="DN_QUALITY_NOT_ACCEPTABLE_VALORATION"> {{ ('distribution_network_valoration.quality.DN_QUALITY_NOT_ACCEPTABLE_VALORATION') | trans}}</label>
  508. </div>
  509. </div>
  510. </div>
  511. <div class="row align-items-center">
  512. <div class="col-2 text-end">Color:</div>
  513. <div class="col-10">
  514. <div class="radio-container d-flex" id="select-color-quality" {% if myvaloration is not none %}data-valoration="{{myvaloration.colorValoration}}"{% endif %}>
  515. <label class="me-3"><input type="radio" name="color" value="DN_QUALITY_ACCEPTABLE_VALORATION"> {{ ('distribution_network_valoration.quality.DN_QUALITY_ACCEPTABLE_VALORATION') | trans}}</label>
  516. <label class="me-3"><input type="radio" name="color" value="DN_QUALITY_NEEDS_IMPROVEMENT_VALORATION"> {{ ('distribution_network_valoration.quality.DN_QUALITY_NEEDS_IMPROVEMENT_VALORATION') | trans}}</label>
  517. <label><input type="radio" name="color" value="DN_QUALITY_NOT_ACCEPTABLE_VALORATION"> {{ ('distribution_network_valoration.quality.DN_QUALITY_NOT_ACCEPTABLE_VALORATION') | trans}}</label>
  518. </div>
  519. </div>
  520. </div>
  521. <div class="row align-items-center">
  522. <div class="col-2 text-end">Turbidez:</div>
  523. <div class="col">
  524. <div class="radio-container d-flex" id="select-turbidity-quality" {% if myvaloration is not none %}data-valoration="{{myvaloration.turbidityValoration}}"{% endif %}>
  525. <label class="me-3"><input type="radio" name="turbidity" value="DN_QUALITY_ACCEPTABLE_VALORATION"> {{ ('distribution_network_valoration.quality.DN_QUALITY_ACCEPTABLE_VALORATION') | trans}}</label>
  526. <label class="me-3"><input type="radio" name="turbidity" value="DN_QUALITY_NEEDS_IMPROVEMENT_VALORATION"> {{ ('distribution_network_valoration.quality.DN_QUALITY_NEEDS_IMPROVEMENT_VALORATION') | trans}}</label>
  527. <label><input type="radio" name="turbidity" value="DN_QUALITY_NOT_ACCEPTABLE_VALORATION"> {{ ('distribution_network_valoration.quality.DN_QUALITY_NOT_ACCEPTABLE_VALORATION') | trans}}</label>
  528. </div>
  529. </div>
  530. </div>
  531. </div>
  532. {% endif %}
  534. {% if is_granted('IS_AUTHENTICATED_FULLY') and app.user and app.user.user.whaterOrganization and distributionNetwork.responsableOrganizationUbication and app.user.user.whaterOrganization == distributionNetwork.responsableOrganizationUbication %}
  535. <h5 class="mt-3 mb-2"
  536. ng-init="initRating('{{distributionNetwork.id}}','{{distributionNetwork.totalColor | json_encode }}','{{distributionNetwork.totalSmell | json_encode}}','{{distributionNetwork.totalTaste | json_encode}}','{{distributionNetwork.totalTurbidity | json_encode}}','{{distributionNetwork.totalGeneral | json_encode}}')">
  537. Resultado de valoraciones de usuarios
  538. </h5>
  539. <div class="row">
  540. <div class="col-md-2 text-center mb-2" >
  541. <div class="fs-0"></div>
  542. </div>
  543. <div class="col-md-3 text-center mb-2" >
  544. <div>Aceptable: </div>
  545. </div>
  546. <div class="col-md-4 text-center mb-2" >
  547. <div>Mejorable: </div>
  548. </div>
  550. <div class="col-md-3 text-center mb-2" >
  551. <div>No aceptable: </div>
  552. </div>
  553. </div>
  554. <div class="row">
  555. <div class="col-md-2 text-end mb-2" >
  556. <div class="fs-0">General:</div>
  557. </div>
  558. <div class="col-md-3 text-center mb-2" >
  559. <div id="totalAcceptableGeneral" ></div>
  560. </div>
  561. <div class="col-md-4 text-center mb-2" >
  562. <div id="totalNeedsImprovementGeneral" ></div>
  563. </div>
  565. <div class="col-md-3 text-center mb-2" >
  566. <div id="totalNotAcceptableGeneral" ></div>
  567. </div>
  568. </div>
  569. <div class="row">
  570. <div class="col-md-2 text-end mb-2" >
  571. <div class="fs-0">Sabor:</div>
  572. </div>
  573. <div class="col-md-3 text-center mb-2" >
  574. <div id="totalAcceptableTaste" ></div>
  575. </div>
  576. <div class="col-md-4 text-center mb-2" >
  577. <div id="totalNeedsImprovementTaste" ></div>
  578. </div>
  579. <div class="col-md-3 text-center mb-2" >
  580. <div id="totalNotAcceptableTaste" ></div>
  581. </div>
  582. </div>
  583. <div class="row">
  584. <div class="col-md-2 text-end mb-2" >
  585. <div class="fs-0">Olor:</div>
  586. </div>
  587. <div class="col-md-3 text-center mb-2" >
  588. <div id="totalAcceptableSmell" ></div>
  589. </div>
  590. <div class="col-md-4 text-center mb-2" >
  591. <div id="totalNeedsImprovementSmell" ></div>
  592. </div>
  594. <div class="col-md-3 text-center mb-2" >
  595. <div id="totalNotAcceptableSmell" ></div>
  596. </div>
  597. </div>
  598. <div class="row">
  599. <div class="col-md-2 text-end mb-2" >
  600. <div class="fs-0">Color:</div>
  601. </div>
  602. <div class="col-md-3 text-center mb-2" >
  603. <div id="totalAcceptableColor" ></div>
  604. </div>
  605. <div class="col-md-4 text-center mb-2" >
  606. <div id="totalNeedsImprovementColor" ></div>
  607. </div>
  609. <div class="col-md-3 text-center mb-2" >
  610. <div id="totalNotAcceptableColor" ></div>
  611. </div>
  612. </div>
  613. <div class="row">
  614. <div class="col-md-2 text-end mb-2" >
  615. <div class="fs-0">Turbidez: </div>
  616. </div>
  617. <div class="col-md-3 text-center mb-2" >
  618. <div id="totalAcceptableTurbidity" ></div>
  619. </div>
  620. <div class="col-md-4 text-center mb-2" >
  621. <div id="totalNeedsImprovementTurbidity" ></div>
  622. </div>
  624. <div class="col-md-3 text-center mb-2" >
  625. <div id="totalNotAcceptableTurbidity" ></div>
  626. </div>
  627. </div>
  628. {% endif %}
  630. <div class="d-flex align-items-center">
  631. <div class="">
  632. {% if distributionNetwork.averageUserGeneral is not none %}
  633. {% if distributionNetwork.averageUserGeneral <= 3 %}
  634. <img style="height:40px;" src="{{ absolute_url(asset('/assets/images/widget_icons/whater-widget-face-sad.svg')) }}" data-bs-toggle="tooltip" data-bs-placement="top" title="No aceptable"/>
  635. {% elseif distributionNetwork.averageUserGeneral > 3 and distributionNetwork.averageUserGeneral < 8 %}
  636. <img style="height:40px;" src="{{ absolute_url(asset('/assets/images/widget_icons/whater-widget-face-normal.svg')) }}" data-bs-toggle="tooltip" data-bs-placement="top" title="Mejorable"/>
  637. {% elseif distributionNetwork.averageUserGeneral >= 8 %}
  638. <img style="height:40px;" src="{{ absolute_url(asset('/assets/images/widget_icons/whater-widget-face-smile.svg')) }}" data-bs-toggle="tooltip" data-bs-placement="top" title="Aceptable"/>
  639. {% endif %}
  640. {% elseif distributionNetwork.averageProfessionalGeneral is not none %}
  641. {% if distributionNetwork.averageProfessionalGeneral <= 3 %}
  642. <img style="height:40px;" src="{{ absolute_url(asset('/assets/images/widget_icons/whater-widget-face-sad.svg')) }}" data-bs-toggle="tooltip" data-bs-placement="top" title="No aceptable"/>
  643. {% elseif distributionNetwork.averageUserGeneral > 3 and distributionNetwork.averageProfessionalGeneral < 8 %}
  644. <img style="height:40px;" src="{{ absolute_url(asset('/assets/images/widget_icons/whater-widget-face-normal.svg')) }}" data-bs-toggle="tooltip" data-bs-placement="top" title="Mejorable"/>
  645. {% elseif distributionNetwork.averageProfessionalGeneral >= 8 %}
  646. <img style="height:40px;" src="{{ absolute_url(asset('/assets/images/widget_icons/whater-widget-face-smile.svg')) }}" data-bs-toggle="tooltip" data-bs-placement="top" title="Aceptable"/>
  647. {% endif %}
  648. {% endif %}
  649. </div>
  650. <div class="d-flex align-items-center">
  651. {% if distributionNetwork.averageUserGeneral is none and distributionNetwork.averageProfessionalGeneral is none %}
  652. <div class="ms-3 text-1000">
  653. <div class="text-muted">Este whaterpoint aún no ha recibido valoraciones.</div>
  654. </div>
  655. {% else %}
  656. <div class="ms-3 text-1000">
  657. {% if distributionNetwork.averageUserGeneral is not none %}
  658. <div>La valoracion media de usuarios es de <span class="fw-bold">{{distributionNetwork.averageUserGeneral | number_format(2, ',', '.') }}</span> sobre 10</div>
  659. {% endif %}
  660. {% if distributionNetwork.averageProfessionalGeneral is not none %}
  661. <div>La valoracion media de profesionales es de <span class="fw-bold">{{distributionNetwork.averageProfessionalGeneral | number_format(2, ',', '.')}}</span> sobre 10</div>
  662. {% endif %}
  663. </div>
  664. {% endif %}
  665. </div>
  666. </div>
  668. <h3 class="mt-5 mb-2" >
  669. Comentarios de los usuarios
  670. </h3>
  672. {% set allow_comment_button = true %}
  673. {% if is_granted('IS_AUTHENTICATED_FULLY') %}
  674. {% for valoration in distributionNetwork.valorations %}
  675. {% if valoration.createdBy.equals(app.user.user) and valoration.userCommentText is not none %}
  676. {% set allow_comment_button = false %}
  677. {% endif %}
  678. {% endfor %}
  679. <div class="d-flex flex-row-reverse mb-2">
  680. <button class="btn btn-secondary btn-sm" type="button"
  681. {% if allow_comment_button %}
  682. ng-click="createCommentModal()"
  683. {% else %}
  684. disabled="disabled"
  685. {% endif %}
  686. >Añadir comentario</button>
  687. </div>
  688. {% endif %}
  690. <div class="row pb-3">
  691. <div class="col-12 col-xl-auto flex-1">
  692. {% set num_comments = 0 %}
  693. {% for valoration in distributionNetwork.valorations %}
  694. {% if valoration.hideUserComment == false and valoration.userCommentText is not none %}
  695. {% set num_comments = num_comments + 1 %}
  696. <div class="border-2 border-dashed mb-3 pt-2 border-top">
  697. <div class="d-flex">
  698. <div class="fs--1 text-600">
  699. <span class="fa-solid fa-clock me-2"></span>
  700. <span class="fw-semi-bold me-1">{{ valoration.createdAt | date('d-m-Y H:i') }}</span>
  701. </div>
  702. <p class="fs--1 mb-0 text-600">
  703. por
  704. <span class=" fw-semi-bold">{{ valoration.createdBy.fullName }}</span>
  705. </p>
  706. </div>
  707. <p class="mt-2 ms-3 text-1000">{{valoration.userCommentText | nl2br }}</p>
  708. {% if valoration.commentImage is not none %}
  709. <div class="w-100 w-md-50 ms-md-3">
  710. <a href="{{ vich_uploader_asset(valoration.commentImage, 'fileDistributionNetworkValorationImage') }}" data-gallery="gallery-posts-0">
  711. <img class="rounded h-100 w-100" src="{{ vich_uploader_asset(valoration.commentImage, 'fileDistributionNetworkValorationImage') | imagine_filter('distribution_network_valoration_image_thumb_300_200') }}" alt="..." />
  712. </a>
  713. </div>
  714. {% endif %}
  717. {% set allow_delete = false %}
  718. {% set allow_reply = false %}
  720. {% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}
  721. {% if app.user.user.checkPermission('PERMISSION_EDIT_DISTRIBUTION_NETWORK',distributionNetwork) %}
  722. {% set allow_delete = true %}
  723. {% set allow_reply = true %}
  724. {% endif %}
  725. {% if app.user.user.hasRole('ROLE_ADMIN') %}
  726. {% set allow_delete = true %}
  727. {% endif %}
  728. {% endif %}
  729. <div class="mt-2 ms-md-3">
  730. {% if allow_delete %}
  731. <button class="btn btn-link p-0 text-900 fw-bolder mb-2" type="button" ng-click="deleteCommentModal('{{valoration.id}}')" data-valoration-id="{{valoration.id}}">
  732. <span class="fa-solid fa-trash-alt fs--2 me-1 text-danger"></span>
  733. <span class="fw-bold fs--2 text-danger">Eliminar mensaje</span>
  734. </button>
  735. {% endif %}
  736. {% if allow_reply %}
  737. <button class="btn btn-link p-0 text-900 fw-bolder mb-2" type="button" ng-click="replyCommentModal('{{valoration.id}}')" data-valoration-id="{{valoration.id}}">
  738. <span class="fa-solid fa-reply fs--2 me-1">
  739. </span>
  740. <span class="fw-bold fs--2">
  741. {% if valoration.responseCommentText is none%}
  742. Responder mensaje
  743. {% else %}
  744. Editar respuesta
  745. {% endif %}
  746. </span>
  747. </button>
  748. {% endif %}
  749. </div>
  750. {% if valoration.responseCommentText %}
  751. <div class="d-flex ms-md-3">
  752. <div class="fs--1 text-600">
  753. <span class="fa-solid fa-clock me-2"></span>
  754. <span class="fw-semi-bold me-1">{{ valoration.responseCommentAt | date('d-m-Y H:i') }}</span>
  755. </div>
  756. <p class="fs--1 mb-0 text-600">
  757. por
  758. {% if distributionNetwork.responsableOrganizationUbication is not none %}
  759. <span class=" fw-semi-bold">{{distributionNetwork.responsableOrganizationUbication.name}}</span>
  760. {% else %}
  761. <span class=" fw-semi-bold">whater.app</span>
  762. {% endif %}
  763. </p>
  764. </div>
  765. <p class="mt-2 ms-3 text-1000">{{valoration.responseCommentText | nl2br }}</p>
  766. {% endif %}
  767. </div>
  768. {% endif %}
  769. {% endfor %}
  770. {% if num_comments == 0 %}
  771. <p class="mt-2 ms-3 text-1000">
  772. <span class="text-muted">Este whaterpoint aún no ha recibido comentarios.</span>
  773. </p>
  774. {% endif %}
  775. {% if not is_granted('IS_AUTHENTICATED_FULLY') %}
  776. <a href="{{path('web_login', {'_target_path': path('web_public_distribution_network_show_by_id',{'distributionNetworkId': distributionNetwork.id})})}}">Entra y comenta!</a>
  777. {%endif %}
  778. </div>
  779. </div>
  781. </div>
  782. </div>
  785. {% if (recommendedProducts | length ) > 0 %}
  786. <div class="row g-5 mb-5">
  787. <div class="col-12">
  788. <h3 class="mb-3">Productos recomendados</h3>
  789. <div class="row">
  790. {% for product in recommendedProducts %}
  791. <div class="col-6 col-lg-2 col-md-3">
  792. <div class="product-card h-100">
  793. <div class="d-flex flex-column justify-content-between h-100">
  794. <div class="">
  795. <a class="border border-1 rounded-3 position-relative mb-2"
  796. {% if single_page is defined and single_page == true %}
  797. target="_blank"
  798. {% endif %}
  799. href="{{ path('web_public_show_product', {'productSlug':product.productSlug})}}" >
  801. <img class="img-fluid product-image"
  802. {% if (product.images| length) > 0 %}
  803. src="{{ vich_uploader_asset( product.images.0, 'fileProductImage') | imagine_filter('product_list_image') }}"
  804. {% else %}
  805. src="{{asset('/assets/images/gota-foto-3@2x.png')}}"
  806. {% endif %}
  807. />
  808. </a>
  809. <a class="text-decoration-none"
  810. {% if single_page is defined and single_page == true %}
  811. target="_blank"
  812. {% endif %}
  813. href="{{ path('web_public_show_product', {'productSlug':product.productSlug})}}" >
  814. <span class="product-name fw-bold text-dark">{{product.productLabel}}</span>
  815. </a>
  816. </div>
  818. <div class="d-flex align-items-center justify-content-end mb-1">
  819. <p class="mb-0 text-700 product-price-label">Desde {{product.productPrice}}€</p>
  820. </div>
  821. </div>
  822. </div>
  823. </div>
  824. {% endfor %}
  825. </div>
  826. </div>
  827. </div>
  828. {% endif %}
  830. {% if (distributionNetworkArticles | length ) > 0 %}
  831. <div class="row g-5 mb-5">
  832. <div class="col-12">
  833. <div class="row g-0 py-3 align-items-end justify-content-between">
  834. <h3 class="flex-1 mb-0 text-nowrap me-3">Artículos recomendados</h3>
  835. </div>
  836. </div>
  837. {% for article in distributionNetworkArticles %}
  838. <div class="col-4 my-2 py-1">
  839. <div class="card" >
  840. {% if article.headerImageUrl %}
  841. <a href="{{ url('web_blog_show_article', { 'articleSlug' : article.slug('es'), '_locale': 'es' })}}">
  842. <img class="card-img-top" src="{{ article.headerImageUrl | imagine_filter('whater_blog_header_list_image_1200_200') }}" title="{{ article.title('es') }}">
  843. </a>
  844. {% endif %}
  846. <div class="card-body">
  847. <a class="text-dark" href="{{ url('web_blog_show_article', { 'articleSlug' : article.slug('es'), '_locale': 'es' })}}">
  848. <h3 class="card-title">{{ article.title('es') }}</h3>
  849. </a>
  850. <p class="card-text">{{ article.content('es') | striptags | u.truncate(350) |raw }}...</p>
  851. <div class="fs--1 text-muted">{{ article.publishAt | date('d-m-Y') }} - {{ article.publishAt | ago }}</div>
  852. <div class="my-1">
  853. {% for metaKeyword in article.metaKeywords('es') %}
  854. <a class="text-muted fs--1">#{{ metaKeyword | replace({' ': '-'})}}</a>
  855. {% endfor %}
  856. </div>
  858. </div>
  859. </div>
  860. </div>
  861. {% endfor %}
  862. </div>
  863. {% endif %}
  865. </div>
  868. <div class="modal fade" id="createCommentModal" tabindex="-1" aria-hidden="true">
  869. <div class="modal-dialog">
  870. <div class="modal-content">
  871. <div class="modal-header">
  872. <h5 class="modal-title" id="createCommentModalLabel">Añadir comentario</h5>
  873. <button class="btn p-1" type="button" data-bs-dismiss="modal" aria-label="Close">
  874. <span class="fas fa-times fs--1"></span>
  875. </button>
  876. </div>
  877. <div class="modal-body">
  878. <textarea class="form-control mb-3" ng-model="valorationCommentText" rows="4"></textarea>
  879. <div class="mt-2">¿Quieres subir una foto? (min 300x300)</div>
  880. <input id="fileImageInput" type="file" ng-model="valorationCommentImage" accept="image/*" class="form-control">
  881. </div>
  882. <div class="modal-footer">
  883. <button class="btn btn-primary" type="button" ng-click="acceptCommentModalButton()">Aceptar</button>
  884. <button class="btn btn-outline-primary" type="button" data-bs-dismiss="modal">Cancelar</button>
  885. </div>
  886. </div>
  887. </div>
  888. </div>
  890. <div class="modal fade" id="deleteCommentModal" tabindex="-1" aria-hidden="true">
  891. <div class="modal-dialog">
  892. <div class="modal-content">
  893. <div class="modal-header">
  894. <h5 class="modal-title" id="deleteCommentModalLabel">Eliminar comentario</h5>
  895. <button class="btn p-1" type="button" data-bs-dismiss="modal" aria-label="Close">
  896. <span class="fas fa-times fs--1"></span>
  897. </button>
  898. </div>
  899. <div class="modal-body">
  900. <p>Estás a punto de eliminar este comentario. ¿Deseas continuar?</p>
  901. <p>El usuario no podrá volver a realizar un comentario sobre esta red de distribution.</p>
  902. </div>
  903. <div class="modal-footer">
  904. <button class="btn btn-danger" type="button" ng-click="acceptDeleteCommentModalButton()">Aceptar</button>
  905. <button class="btn btn-secondary" type="button" data-bs-dismiss="modal">Cancelar</button>
  906. </div>
  907. </div>
  908. </div>
  909. </div>
  911. <div class="modal fade" id="replyCommentModal" tabindex="-1" aria-hidden="true">
  912. <div class="modal-dialog">
  913. <div class="modal-content">
  914. <div class="modal-header">
  915. <h5 class="modal-title" id="replyCommentModalLabel">Añadir comentario</h5>
  916. <button class="btn p-1" type="button" data-bs-dismiss="modal" aria-label="Close">
  917. <span class="fas fa-times fs--1"></span>
  918. </button>
  919. </div>
  920. <div class="modal-body">
  921. <textarea class="form-control mb-3" ng-model="valorationReplyCommentText" rows="4"></textarea>
  922. </div>
  923. <div class="modal-footer">
  924. <button class="btn btn-primary" type="button" ng-click="acceptReplyCommentModalButton()">Aceptar</button>
  925. <button class="btn btn-outline-primary" type="button" data-bs-dismiss="modal">Cancelar</button>
  926. </div>
  927. </div>
  928. </div>
  929. </div>
  931. </div>
  932. {% endblock contents %}