<!DOCTYPE html>
<html>

<head>
    <title>BlackPearl</title>
    <link href="/black_pearl_assest/css/font-awesome.css" rel="stylesheet" />
    <link href="/black_pearl_assest/css/bootstrap.min.css" rel="stylesheet" />
    <link href="/black_pearl_assest/css/toastr.css" rel="stylesheet" />
    <link href="/black_pearl_assest/css/main_ide.css" rel="stylesheet" />


    <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
    <script src="/black_pearl_assest/js/angular-resource.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="/black_pearl_assest/js/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="/black_pearl_assest/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="/black_pearl_assest/js/toastr.js" type="text/javascript" charset="utf-8"></script>
    <script src="/black_pearl_assest/js/lodash-2.2.1.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="/black_pearl_assest/js/spark-md5.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="/black_pearl_assest/js/ace/ace.js" type="text/javascript" charset="utf-8"></script>
    <script src="/black_pearl_assest/js/ace/ace-mode.js" type="text/javascript" charset="utf-8"></script>
</head>

<body ng-app="BP" ng-controller="appCtrl">
    <!-- Nav tabs -->
    <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=='url'}"><a  ng-click="showTab('url')">URL配置</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 role="tabpanel" class="tab-pane active full_screen" >
            
        </div>
        <div role="tabpanel" class="tab-pane active"  >
            
        </div>
        <div role="tabpanel" class="tab-pane active" >
            
        </div> -->
    </div>
    <!-- DEBUG FILE -->
    <script src="/blackPearl/view/app/ctrl/app.js"></script>
    <!-- DEBUG DIRECTIVE -->
    <script src="/blackPearl/view/app/directive/directive.js"></script>
    <!-- DEBUG SERVER -->
    <script src="/blackPearl/view/app/service/project.js"></script>
    <script src="/blackPearl/view/app/service/url.js"></script>
    <script src="/blackPearl/view/app/service/templateUrlRoute.js"></script>
    <script src="/blackPearl/view/app/service/uploadfile.js"></script>
    <script src="/blackPearl/view/app/service/endecode.js"></script>
    <script src="/blackPearl/view/app/service/debug.js"></script>
    <!-- DEBUG CTRL -->
    <script src="/blackPearl/view/app/ctrl/app-ctrl.js"></script>
    <script src="/blackPearl/view/app/ctrl/project/project-ctrl.js"></script>
    <script src="/blackPearl/view/app/ctrl/url/url-ctrl.js"></script>
    <script src="/blackPearl/view/app/ctrl/url/url-edit-bottom-bar-ctrl.js"></script>
    <script src="/blackPearl/view/app/ctrl/url/url-edit-ctrl.js"></script>
    <script src="/blackPearl/view/app/ctrl/device/device-ctrl.js"></script>
    <script src="/blackPearl/view/app/ctrl/endecode/endecode-ctrl.js"></script>
    <script src="/blackPearl/view/app/ctrl/endecode/endecode-file-ctrl.js"></script>
    <!-- RELACE FILE -->

</body>

</html>