<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Ps Mirror实时预览</title>
    <link rel="stylesheet" href="/Panel/css/web.css">
    <link rel="stylesheet" href="/Panel/css/lightbox.min.css">
</head>
<body>
    <div class="wrapper" ng-app="PsMirror" ng-controller="RootController">
        <div class="header">
            <a class="logo" href="http://www.psmirror.cn" target="_blank"><img width="24" src="/Panel/images/icon.png" alt=""></a>
            <span>Ps Mirror 设计稿实时预览</span>
            <button type="button" ng-click="toggleFullscreen()" ng-class="{'button-fs': !isFullscreen, 'button-efs': isFullscreen}" title="Toggle fullscreen"></button>
        </div>

        <div class="artboard-list">
            <div class="document-list">
                <p>文档列表</p>
                <ul>
                    <li ng-repeat="doc in document_list" ng-class="{'current': doc.id == artboard.id && doc.parent == artboard.parent}">
                        <a href="javascript:;" ng-click="select(doc.id, doc.parent)" ng-bind="doc.name"></a>
                    </li>
                </ul>
            </div>
            <div class="document">
                <div class="artboard">
                    <p class="title"><span ng-bind="artboard.name"></span></p>
                    <a href="javascript:;" data-lightbox="example-1"><img id="artboard-img" alt=""></a>
                </div>
            </div>
        </div>

    </div>

    <script src="/Panel/js/vendor/jquery.js"></script>
    <script src="/Panel/js/vendor/lightbox.min.js"></script>
    <script src="/Panel/js/vendor/angular.min.js"></script>
    <script src="/Panel/js/controller/web.js?www"></script>
</body>
</html>