{{'category'|t(data.lc)}}: {{perm.name}}

{{'book'|t(data.lc)}}: {{perm.name}}

<div class="vSpace5"></div>
                <button type="button" v-bind:disabled="perm.processing" class="btn btn-primary btn-xs" v-on:click="$parent.editPerm(perm, 'book')">
                    {{'save'|t(data.lc)}}
                    <span class="fa fa-circle-o-notch fa-spin" v-if="perm.processing"></span>
                </button>
            </div>
        </li>
        
        
        <li v-if="item.deniedbooks && item.deniedbooks.length && mode=='library'" class="list-group-item subheading">
            {{'deniedBooks'|t(data.lc)}}
        </li>
        <li v-if="mode=='library' && item.deniedbooks" v-for="perm in item.deniedbooks" class="list-group-item">
            <div class="floatRight" v-if="editable && (mode=='library')">
                <button v-on:click="$parent.deleteDeny(perm,'book')" v-bind:disabled="perm.processingDeleteDeny" class="delBtn btn btn-danger floatNone btn-xs" v-if="mode=='library'">
                    <span class="fa fa-minus" v-if="!perm.processingDeleteDeny"></span>
                    <span class="fa fa-circle-o-notch fa-spin refreshBtn" v-if="perm.processingDeleteDeny"></span>
                </button>
            </div>
            <span>
                {{'book'|t(data.lc)}}: {{perm.name}}
            </span>
        </li>

<li v-if="item.deniedcategories && item.deniedcategories.length && mode=='library'" class="list-group-item subheading">
            {{'deniedcategories'|t(data.lc)}}
        </li>
        <li v-if="mode=='library' && item.deniedcategories" v-for="perm in item.deniedcategories" class="list-group-item">
            <div class="floatRight" v-if="editable && (mode=='library')">
                <button v-on:click="$parent.deleteDeny(perm,'category')" v-bind:disabled="perm.processingDeleteDeny" class="delBtn btn btn-danger floatNone btn-xs" v-if="mode=='library'">
                    <span class="fa fa-minus" v-if="!perm.processingDeleteDeny"></span>
                    <span class="fa fa-circle-o-notch fa-spin refreshBtn" v-if="perm.processingDeleteDeny"></span>
                </button>
            </div>
            <span>
                {{'category'|t(data.lc)}}: {{perm.name}}
            </span>
        </li>
        
        <li v-for="perm in item.roles" class="list-group-item" v-if="(mode=='library') && item.roles">
            <span v-if="label" v-bind:class="[labelClass?labelClass:'']" v-html="label"></span>
            <span v-if="options.showExpiry && perm.accessexpirationdate" class="showExpiry" v-bind:class="[$parent.expirationClass(perm.accessexpirationdate)]" v-bind:title="$parent.expirationTitle(perm.accessexpirationdate)" data-placement="top" v-tooltip>
                <span class="fa fa-clock-o"></span>
            </span>
            <div class="floatRight" v-if="editable">
                <button v-on:click="$parent.deletePerm(perm,'role')" v-bind:disabled="perm.processingDelete" class="delBtn floatNone btn btn-danger btn-xs">
                    <span class="fa fa-minus" v-if="!perm.processingDelete"></span>
                    <span class="fa fa-circle-o-notch fa-spin refreshBtn" v-if="perm.processingDelete"></span>
                </button>
            </div>
            {{'role'|t(data.lc)}}: {{perm.title}}
        </li>
        <li v-if="item.globaldata" class="list-group-item">
            <span v-if="label" v-bind:class="[labelClass?labelClass:'']" v-html="label"></span>
            {{'globalData'|t(data.lc)}} <div class="hSpace5"></div>
        </li>
        <li v-if="item.publicnotes" class="list-group-item">
            <span v-if="label" v-bind:class="[labelClass?labelClass:'']" v-html="label"></span>
            {{'publicNotes'|t(data.lc)}} <div class="hSpace5"></div>
        </li>
    </ul>
</div>