.crowdhound-comment(v-if="sane")
.surround(v-if="element")
// Element details
//- | {{level}}: \#{{element.id}} \#{{element.rootId}} {{element.status}} ({{element.type}})
//- br
//- | description = {{element.description}}
//- br
//- | summary = {{element.summary}}
//- br
//- | title = {{element.title}}
//- br
.list(v-show="selectStatus == 'loaded'")
.columns
.column.is-2.is-offset-10
.field
.control.has-icons-right
input.input.is-small.is-rounded(type="text" placeholder="filter blogs" v-model="filterKey" autocomplete="off")
.icon.is-small.is-right
i.fa.fa-search
table.table.is-fullwidth.is-bordered.is-narrow(:class=" {'is-hoverable': typeof(pathForDetails) === 'string'} ")
thead
tr
th(v-for="key in ourColumns", @click="sortBy(key)", :class="{ active: sortKey == key }")
| {{ key | capitalize }}
span.arrow(:class="sortOrders[key] > 0 ? 'asc' : 'dsc'")
tbody
tr(@click="selectBlog({tenant: element.tenant, id: element.id})")
//- td(v-for="key in ourColumns" :class="classForStatus(entry, key)")
//- //- span(v-if="key === 'icon'" v-html="icon(entry)")
//- .has-text-centered(v-if="key === 'icon'")
//- i.fa.type-icon(:class="iconClass(entry)")
//- span(v-else) {{entry[key]}}
td
span {{element.title}}
td
span {{element.summary}}
td
span {{element.description}}
// Now the children...
div(v-for="child in element.children")
content-admin-blog-list-element(:element="child", :level="level + 1")