div(v-if="sane")
content-admin-blog-list-element(:element="element", v-bind:level="0", :tenant="tenant" path-for-details="/app-settings/{TENANT}/blog/{BLOGID}")
//- .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 users" 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(v-for="entry in filteredData" @click="selectUser(entry)")
//- 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]}}