book_admin/application/admin/view/referral/many/index.html

<style type="text/css">

	.fixed-table-body .card-view .title{
		padding: 6px 10px;
		width: 40%;
		box-sizing: border-box;
		vertical-align: middle;
		line-height: 20px;
	}
	.fixed-table-body .card-view .value{
		padding: 6px 10px;
		display: inline-block;
		width: 60%;
		box-sizing: border-box;
		vertical-align: middle;
		line-height: 20px;
	}
	i{
		font-style: normal;
	}
	.card-view{
		padding: 5px;
		background-color: #fff;
		margin-bottom: 1px;
	}
</style>
<div class="panel panel-default panel-intro">
    {:build_heading()}
    <div id="many_copy_dom" style="position: fixed;left: -10000px;max-width: 5000px;"></div>
    <div class="panel-body">
        <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade active in" id="one">
                <div class="widget-body no-padding">
                    <div id="toolbar" class="toolbar">
                        
                        <a href="javascript:;" class="btn btn-primary btn-refresh" title="{:__('Refresh')}" ><i class="fa fa-refresh"></i> </a>
                        <a href="javascript:;" class="btn btn-success btn-add {:$auth->check('referral/many/add')?'':'hide'}" title="{:__('Add')}" ><i class="fa fa-plus"></i> {:__('Add')}</a>
                        <!-- <a href="javascript:;" class="btn btn-success btn-edit btn-disabled disabled {:$auth->check('referral/many/edit')?'':'hide'}" title="{:__('Edit')}" ><i class="fa fa-pencil"></i> {:__('Edit')}</a> -->
                        <a href="javascript:;" class="btn btn-danger btn-del btn-disabled disabled {:$auth->check('referral/many/del')?'':'hide'}" title="{:__('Delete')}" ><i class="fa fa-trash"></i> {:__('Delete')}</a>
                        <!-- <a href="javascript:;" class="btn btn-danger btn-import {:$auth->check('referral/many/import')?'':'hide'}" title="{:__('Import')}" id="btn-import-file" data-url="ajax/upload" data-mimetype="csv,xls,xlsx" data-multiple="false"><i class="fa fa-upload"></i> {:__('Import')}</a> -->

                        <!--<div class="dropdown btn-group {:$auth->check('referral/many/multi')?'':'hide'}">-->
                            <!--<a class="btn btn-primary btn-more dropdown-toggle btn-disabled disabled" data-toggle="dropdown"><i class="fa fa-cog"></i> {:__('More')}</a>-->
                            <!--<ul class="dropdown-menu text-left" role="menu">-->
                                <!--<li><a class="btn btn-link btn-multi btn-disabled disabled" href="javascript:;" data-params="status=normal"><i class="fa fa-eye"></i> {:__('Set to normal')}</a></li>-->
                                <!--<li><a class="btn btn-link btn-multi btn-disabled disabled" href="javascript:;" data-params="status=hidden"><i class="fa fa-eye-slash"></i> {:__('Set to hidden')}</a></li>-->
                            <!--</ul>-->
                        <!--</div>-->
                    </div>
                    <table id="table" class="table table-striped table-bordered table-hover" 
                           data-operate-edit="{:$auth->check('referral/many/edit')}" 
                           data-operate-del="{:$auth->check('referral/many/del')}" 
                           width="100%">
                    </table>
                </div>
            </div>

        </div>
    </div>
</div>