50 lines
1.5 KiB
Mako
50 lines
1.5 KiB
Mako
## -*- coding: utf-8; -*-
|
|
<${b}-table :data="gridContext['${grid.key}'].data">
|
|
|
|
% for column in grid.get_vue_columns():
|
|
<${b}-table-column field="${column['field']}"
|
|
label="${column['label']}"
|
|
v-slot="props"
|
|
:sortable="${json.dumps(column.get('sortable', False))|n}"
|
|
cell-class="c_${column['field']}">
|
|
% if grid.is_linked(column['field']):
|
|
<a :href="props.row._action_url_view"
|
|
v-html="props.row.${column['field']}" />
|
|
% else:
|
|
<span v-html="props.row.${column['field']}"></span>
|
|
% endif
|
|
</${b}-table-column>
|
|
% endfor
|
|
|
|
% if grid.actions:
|
|
<${b}-table-column field="actions"
|
|
label="Actions"
|
|
v-slot="props">
|
|
% for action in grid.actions:
|
|
<a v-if="props.row._action_url_${action.key}"
|
|
:href="props.row._action_url_${action.key}"
|
|
class="${action.link_class}">
|
|
${action.render_icon_and_label()}
|
|
</a>
|
|
|
|
% endfor
|
|
</${b}-table-column>
|
|
% endif
|
|
|
|
<template #empty>
|
|
<section class="section">
|
|
<div class="content has-text-grey has-text-centered">
|
|
<p>
|
|
<b-icon
|
|
pack="fas"
|
|
icon="sad-tear"
|
|
size="is-large">
|
|
</b-icon>
|
|
</p>
|
|
<p>Nothing here.</p>
|
|
</div>
|
|
</section>
|
|
</template>
|
|
|
|
</${b}-table>
|
|
|