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
10<!--<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>-->
11<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
12<script src="/html/widgetsJQuery/jquery.bpopup.min.js"></script>
13
14<!-- DataTables CSS
15<link rel="stylesheet" type="text/css" href="http://192.168.44.153:8080/html/widgetsJQuery/DataTables-1.10.3/media/css/jquery.dataTables.css">
16-->
17<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.3/css/jquery.dataTables.css">
18
19<!--BootStrap
20<link rel="stylesheet" type="text/css" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
21<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/plug-ins/a5734b29083/integration/bootstrap/3/dataTables.bootstrap.css">
22-->
23<!-- DataTables
24<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>
25-->
26<script type="text/javascript" charset="utf8" src="//cdn.datatables.net/1.10.3/js/jquery.dataTables.min.js"></script>
27<!--BootStrap style
28<script type="text/javascript" charset="utf8" src="//cdn.datatables.net/plug-ins/a5734b29083/integration/bootstrap/3/dataTables.bootstrap.js"></script>
29-->
30
31<style>
32
33/*
34table {
35 width: 100%;
36 border-collapse: collapse;
37}
38*/
39/* Zebra striping */
40/*
41tr:nth-of-type(odd) {
42 background: lightgray;
43}
44th {
45 background: #7FA59D;
46 color: white;
47 font-weight: bold;
48
49}
50td, th {
51 padding: 6px;
52 border: 1px solid #D9EAF0;
53 text-align: left;
54 font-size:medium;
55}
56.ui-content {
57 max-width:40%;
58 margin:auto;
59}
60*/
61.content-popup {
62
63 z-index:2;
64 position:absolute;
65 max-width:45%;
66 padding: 9px;
67 background-color:#F7E6A2;
68 border:5px solid lightgray;
69 border-radius: 10px;
70 box-shadow: 5px 7px 5px #888888;
71 -moz-border-radius:10px;
72}
73
74
75</style>
76<script type="text/javascript">
77$(document).ready(function(){
78 $('.ampliarInfo').each(function(index) {
79 var idPopup=$(this).data('rel')
80 $(this).bind('click',function(){
81
82 $('#'+idPopup).bPopup();
83
84 });
85 });
86
87});
88</script>
89
90
91<div class="container2">
92
93
94 <table>
95 <tbody>
96<#assign counter = 0>
97 <#if records?has_content>
98<#list records as cur_record>
99<#assign counter = counter + 1>
100
101
102 <tr>
103
104 <td>
105 <strong> ${cur_record.getFieldValue("Título", locale)}: </strong>${cur_record.getFieldValue("Texto3865", locale)} <a href="${ddmUtil.getDisplayFieldValue(themeDisplay, cur_record.getFieldValue("Documentos_y_multimedia2936", locale), cur_record.getFieldType("Documentos_y_multimedia2936"))}">
106
107 ${languageUtil.format(locale, "download-x", "Resquest Raw Data")}
108
109 </a>
110 </br>
111 <a href="#" class="ampliarInfo content-shorted" id="openResolucion${counter}" data-rel="popupResolucion${counter}" >
112 <img src="${ddmUtil.getDisplayFieldValue(themeDisplay, cur_record.getFieldValue('Imagen_pequeña', locale), cur_record.getFieldType('Imagen_pequeña'))}" style="margin: 10px 15px 10px 15px; width:200px;;height:200px;;border-radius:8px;"/>
113 </br>
114
115 ${cur_record.getFieldValue("Texto2404", locale)}
116 </br>
117
118 </br>
119 </td>
120 <div id="popupResolucion${counter}" class="content-popup titulo_objeto" style="display: none;">
121
122 <p align="justify">
123
124 <img src="${ddmUtil.getDisplayFieldValue(themeDisplay, cur_record.getFieldValue('Imagen_grande', locale), cur_record.getFieldType('Imagen_grande'))}" style="margin: 10px 15px 10px 15px; border-radius:8px;"/>
125 </br></br>
126
127
128 </a>
129
130 </br>
131
132 <div>
133 <strong> ${cur_record.getFieldValue("Texto2404", locale)}</strong>
134 </div>
135 </br>
136
137 </br>
138
139 </p>
140 </div>
141 </br>
142 </tr>
143 </br>
144 </br>
145 </#list>
146 </#if>
147 </tbody>
148 </table>
149
150</div>