|
991 | 991 | </tr>
|
992 | 992 | </thead>
|
993 | 993 | <tbody>
|
994 |
| -%{-- <div v-scope="SpeciesList(JSON.parse('${json_results}'))" @vue:mounted="mounted"></div>--}% |
995 |
| -
|
| 994 | + |
996 | 995 | <g:each var="result" in="${results}" status="i">
|
997 | 996 | <g:set var="recId" value="${result.id}"/>
|
998 | 997 | %{-- <g:set var="bieTitle">${message(code:'public.lists.view.table.tooltip03', default:'species page for')} <i>${result.rawScientificName}</i></g:set>--}%
|
|
1059 | 1058 | <div class="searchWidgets">
|
1060 | 1059 | ${message(code:'generic.lists.ItemsPerPage', default:'Items per page:')}
|
1061 | 1060 | <select id="maxItems" onchange="reloadWithMax(this)">
|
1062 |
| - <g:each in="${[10, 25, 50, 100]}" var="max"> |
| 1061 | + <g:each in="${[10, 25, 50, 100, 500, 1000]}" var="max"> |
1063 | 1062 | <option ${(params.max == max) ? 'selected="selected"' : ''}>${max}</option>
|
1064 | 1063 | </g:each>
|
1065 | 1064 | </select>
|
|
1185 | 1184 | });
|
1186 | 1185 | </asset:script>
|
1187 | 1186 |
|
1188 |
| -<script type="module"> |
1189 |
| - import { createApp } from 'https://unpkg.com/petite-vue?module' |
1190 |
| - function SpeciesList(data) { |
1191 |
| - return { |
1192 |
| - $template: '#display-species-list', |
1193 |
| - speciesList: data, |
1194 |
| - mounted() { |
1195 |
| -
|
1196 |
| - }, |
1197 |
| -
|
1198 |
| - click() { |
1199 |
| - alert("i am vue") |
1200 |
| - }, |
1201 |
| -
|
1202 |
| - save() { |
1203 |
| - alert("saved") |
1204 |
| - } |
1205 |
| -
|
1206 |
| - } |
1207 |
| - } |
1208 |
| -
|
1209 |
| - createApp({ |
1210 |
| - SpeciesList |
1211 |
| - }).mount() |
1212 |
| -</script> |
1213 |
| -<template id="display-species-list"> |
1214 |
| -
|
1215 |
| - <table> |
1216 |
| - <tr v-for="(species, i) in speciesList" :id="'row_'+species.id"> |
1217 |
| - <td class="action"> |
1218 |
| - <div class="btn-group action-btn-group-width" role="group"> |
1219 |
| - <a class="btn btn-default btn-xs viewRecordButton" href="#viewRecord" |
1220 |
| - title="${message(code:'public.lists.view.table.tooltip01', default:'view record')}" :data-id="species.id"><i |
1221 |
| - class="glyphicon glyphicon-info-sign"></i></a> |
1222 |
| - <g:if test="${userCanEditData}"> |
1223 |
| - <a class="btn btn-default btn-xs" href="#" title="${message(code:'public.lists.view.table.tooltip04', default:'edit')}" |
1224 |
| - :data-remote-url="'${createLink(controller: 'editor', action: 'editRecordScreen')}?id=' + species.id" |
1225 |
| - :data-target="'#editRecord_'+species.id" data-toggle="modal"><i |
1226 |
| - class="glyphicon glyphicon-pencil"></i></a> |
1227 |
| - <a class="btn btn-default btn-xs" href="#" title="${message(code:'public.lists.view.table.tooltip05', default:'delete')}" |
1228 |
| - :data-target="'#deleteRecord_'+species.id" data-toggle="modal"><i |
1229 |
| - class="glyphicon glyphicon-trash"></i></a> |
1230 |
| - </g:if> |
1231 |
| - </div> |
1232 |
| - </td> |
1233 |
| - <td class="rawScientificName"> |
1234 |
| - {{species.rawScientificName}} |
1235 |
| - <p v-if="species.guid == null"> |
1236 |
| - <br/>(unmatched - try <a |
1237 |
| - :href="'http://google.com/search?q=' + species.rawScientificName.trim()}" |
1238 |
| - target="google" class="btn btn-primary btn-xs">Google</a>, |
1239 |
| - <a href="'${grailsApplication.config.biocache.baseURL}/occurrences/search?q='+species.rawScientificName.trim()" |
1240 |
| - target="biocache" class="btn btn-success btn-xs">${message(code:'generic.lists.button.Occurrences.label', default:'Occurrences')}</a>) |
1241 |
| - </p> |
1242 |
| - </td> |
1243 |
| - </tr> |
1244 |
| - </table> |
1245 |
| -
|
1246 |
| -</template> |
1247 |
| -
|
1248 |
| -
|
1249 | 1187 | </body>
|
1250 | 1188 | </html>
|
0 commit comments