{% extends "./common/layout.html" %} 
{% block content %} 
    <ul class="nav nav-tabs" role="tablist">
        <li role="presentation" ng-class="{'active':tapTemplate=='project'}">
            <a ng-click="showTab('project')">项目配置</a>
        </li>
        <li role="presentation" ng-class="{'active':tapTemplate=='device'}">
            <a ng-click="showTab('device')">设备配置</a>
        </li>
        <li role="presentation" ng-class="{'active':tapTemplate=='encode'}">
            <a ng-click="showTab('encode')">加解密配置</a>
        </li>
    </ul>
    <!-- Tab panes -->
    <div class="tab-content full_screen">
        <div role="tabpanel" class="tab-pane active full_screen">
            <div ng-if="tapTemplate=='project'" ng-include="'/blackPearl/view/app/template/project/index.html'" ng-controller="projectCtrl"></div>
            <div ng-if="tapTemplate=='url'" ng-include="'/blackPearl/view/app/template/url/index.html'" ng-controller="urlCtrl" style="position:absolute !important;width:100%;height:100%"></div>
            <div ng-if="tapTemplate=='device'" ng-include="'/blackPearl/view/app/template/device/index.html'" ng-controller="deviceCtrl"></div>
            <div ng-if="tapTemplate=='encode'" ng-include="'/blackPearl/view/app/template/endecode/index.html'" ng-controller="endecodeCtrl"></div>
        </div>
    </div>
{% endblock %}