1<#-- The record service to retrieve the list of records in this Dynamic Data List -->
2<#assign DDLRecordLocalService = serviceLocator.findService("com.liferay.portlet.dynamicdatalists.service.DDLRecordLocalService")>
3
4<#-- The layout service that helps determine the name of the page -->
5<#assign layoutService = serviceLocator.findService("com.liferay.portal.service.LayoutService")>
6
7<#-- Get the records in the Dynamic Data List -->
8<#assign records = DDLRecordLocalService.getRecords(reserved_record_set_id)>
9<!--<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>-->
10<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
11<script src="/html/widgetsJQuery/jquery.bpopup.min.js"></script>
12
13<!-- DataTables CSS
14<link rel="stylesheet" type="text/css" href="http://192.168.44.153:8080/html/widgetsJQuery/DataTables-1.10.3/media/css/jquery.dataTables.css">
15-->
16<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.3/css/jquery.dataTables.css">
17
18<!--BootStrap
19<link rel="stylesheet" type="text/css" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
20<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/plug-ins/a5734b29083/integration/bootstrap/3/dataTables.bootstrap.css">
21-->
22<!-- DataTables
23<script type="text/javascript" charset="utf8" src="http://192.168.44.153:8080/html/widgetsJQuery/DataTables-1.10.3/media/js/jquery.dataTables.js"></script>
24-->
25<script type="text/javascript" charset="utf8" src="//cdn.datatables.net/1.10.3/js/jquery.dataTables.min.js"></script>
26<!--BootStrap style
27<script type="text/javascript" charset="utf8" src="//cdn.datatables.net/plug-ins/a5734b29083/integration/bootstrap/3/dataTables.bootstrap.js"></script>
28-->
29
30<style>
31
32/*
33table {
34 width: 100%;
35 border-collapse: collapse;
36}
37*/
38/* Zebra striping */
39/*
40tr:nth-of-type(odd) {
41 background: lightgray;
42}
43th {
44 background: #7FA59D;
45 color: white;
46 font-weight: bold;
47
48}
49td, th {
50 padding: 6px;
51 border: 1px solid #D9EAF0;
52 text-align: left;
53 font-size:medium;
54}
55.ui-content {
56 max-width:10%;
57 margin:auto;
58}
59*/
60.content-popup {
61
62 z-index:2;
63 position:absolute;
64 max-width:15%;
65 padding: 9px;
66 background-color:#F7E6A2;
67 border:5px solid lightgray;
68 border-radius: 10px;
69 box-shadow: 5px 7px 5px #888888;
70 -moz-border-radius:10px;
71}
72
73
74</style>
75<script type="text/javascript">
76$(document).ready(function(){
77 $('.ampliarInfo').each(function(index) {
78 var idPopup=$(this).data('rel')
79 $(this).bind('click',function(){
80
81 $('#'+idPopup).bPopup();
82
83 });
84 });
85 $('#tabSem').DataTable({
86 "order": [ 0, 'desc' ]
87} );
88});
89</script>
90
91<div class="container2">
92
93 <table id="tabSem">
94
95 <thead>
96 <tr>
97 <th>Fecha Inicio</th>
98 <th>Fecha Fin</th>
99 <th>Título</th>
100 <th>Localidad</th>
101 <th>Documento</th>
102 </tr>
103 </thead>
104 <tbody>
105 <#assign counter = 0>
106 <#if records?has_content>
107
108 <#list records as cur_record>
109 <#assign counter = counter + 1>
110 <#assign inicio_DateObj = cur_record.getFieldValue("Fecha_fin_Evento", locale)>
111 <#assign dateNow = dateUtil.getCurrentDate("dd-MMM-yyyy", locale)>
112 <#if (inicio_DateObj?date gte .now?date)>
113 <#assign state = 0>
114 <#else>
115 <#assign state = 1>
116 </#if>
117 <#if state == 1>
118 <tr>
119 <td>
120 <#assign Fecha_de_Inicio_Evento_DateObj = cur_record.getFieldValue("Fecha_de_Inicio_Evento", locale)>
121
122 ${dateUtil.getDate(Fecha_de_Inicio_Evento_DateObj, "yyyy/MM/dd", locale)}
123 </td>
124 <td>
125 <#assign Fecha_fin_Evento_DateObj = cur_record.getFieldValue("Fecha_fin_Evento", locale)>
126
127 ${dateUtil.getDate(Fecha_fin_Evento_DateObj, "yyyy/MM/dd", locale)}
128 </td>
129 <td>
130 <a href="#" class="ampliarInfo content-shorted" id="openResolucion${counter}" data-rel="popupResolucion${counter}" >
131 ${cur_record.getFieldValue("txt_Tipo", locale)}
132 <div id="popupResolucion${counter}" class="content-popup titulo_objeto" style="display: none;">
133
134 <p align="justify">
135
136 <img src="${ddmUtil.getDisplayFieldValue(themeDisplay, cur_record.getFieldValue('Foto_Evento', locale), cur_record.getFieldType('Foto_Evento'))}" style="margin: 10px 15px 10px 15px; float: left;width:50%;height:70%;border-radius:8px;"/>
137 ${cur_record.getFieldValue("Resumen_Evento", locale)}
138 </br></br>
139
140
141
142 </p>
143
144 </div>
145 </td>
146 <td style="width: 20px;">
147 ${cur_record.getFieldValue("txt_LOcalidad", locale)}
148 </td>
149
150 <td>
151 <a href="${ddmUtil.getDisplayFieldValue(themeDisplay, cur_record.getFieldValue("PDF_Evento", locale), cur_record.getFieldType("PDF_Evento"))}">
152
153 ${languageUtil.format(locale, "download-x", "Documento PDF")}
154
155 </a>
156 </td>
157
158
159 </tr>
160 </#if>
161 </#list>
162 </#if>
163 </tbody>
164
165
166 </table>
167</div>