<div class="admin-home-page">
    <div class="center-title" ng-mouseover="open=true" ng-mouseleave="open = false">
        <span><h1 translate="WelcomeATMS"></h1></span>
        <div ng-if="hasAdminPermission" class="import-title" ng-show="open"><a ng-click="showUploadModal()" href="#adminHomePage">{{'ImportBasicDataOneTime' |translate}}</a></div>
    </div>
    

    <div class="modules">
        <!--  popover-trigger="mouseenter"  -->
        <div ng-repeat="x in menuData" class="first-module">
            <div ng-if="!x.subMenus || x.subMenus.length == 0" class="menu-wrapper" ng-mouseover="menuMouseOver(x)">
                <a href="{{x.navigationUrl}}">
                    <img class="img" ng-src="{{x.imageUrl}}" alt="{{x.name}}" />
                    <br />
                </a>
                <a href="{{x.navigationUrl}}"><b>{{x.name}}</b></a>
            </div>
            <!-- popover-trigger="mouseenter click" -->
            <div ng-if="x.subMenus && x.subMenus.length > 0" class="{{x.firstMenuClass}}" uib-popover-template="x.templateUrl" popover-is-open="x.isOpen" popover-placement="{{x.popoverPlacement}}"  ng-mouseover="menuMouseOver(x)">
                <img class="img" ng-src="{{x.imageUrl}}" alt="{{x.name}}" />
                <br />
                <b>{{x.name}}</b>
            </div>
        </div>
    </div>
    <!--<div id="tree"></div>-->
    <script type="text/ng-template" id="myPopoverTemplate.html">
        <div class="second-menu-wrapper">
            <div class="second-menu" ng-repeat="y in x.subMenus">
                <a href="{{y.navigationUrl}}" class="circle"><i class="material-icons menu-icons" ng-bind-template="{{y.iconClassName}}"></i></a>
                <br />
                <a href="{{y.navigationUrl}}">{{y.name}}</a>
            </div>
        </div>
    </script>

    <!--import file-->
    <div class="modal fade" id="importBasicData" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" style="height:100px;width:610px;" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <div class="modal-title">{{'ImportBasicData' | translate }}</div>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal" id="ImportBasicDataForm" name="ImportBasicDataForm">

                        <div class="form-group">
                            <label for="selectDirection" class="col-sm-3 control-label">{{'SelectCustomerFileTitle' | translate}}:</label>
                            <div class="col-sm-6">
                                <input class="form-control" type="text" name="fileName" value="{{file ? file.name : '' | limitString :25}}" readonly placeholder="" required>

                                <br />
                                <button type="button" class="btn btn-in-grid inline-div" ng-click="downloadTemplate()"> <i class="fa fa-download" aria-hidden="true"></i>{{'DownloadTemplate' | translate}}</button>
                            </div>

                            <div class="col-sm-3">
                                <button type="file" ngf-select ng-model="file" accept=".xls,.xlsx" class="btn btn-not-important">{{'Browse' | translate }}</button>
                            </div>
                        </div>

                        <div class="form-group " ng-if="importMsgList.length>0">
                            <label for="selectDirection" class="col-sm-3 control-label">{{'ImportResult' | translate }}:</label>
                            <div class="col-sm-9 import-result">
                                <div ng-repeat="item in importMsgList">
                                    <div><span>{{$index + 1}}. </span><span>总共导入{{item.tableName}}条数据:{{item.dtCount}} 条,系统原有数据:{{item.oldCount}} 条,导入后数据:{{item.newCount}}条,导入成功:{{item.newCount - item.oldCount}}条,导入失败:{{item.dtCount - item.newCount + item.oldCount}} 条。</span></div>
                                </div>
                            </div>

                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" ng-disabled="!file || !file.name || triggered" ng-click="ImportData()">{{'BeginImport' | translate }}</button>
                    <!--<button type="button" class="btn btn-secondary" ng-disabled="!file || !file.name" ng-click="ImportCustomerAppend()">{{'ImportAppend' | translate }}</button>-->
                    <button type="button" class="btn btn-third" ng-disabled="triggered && !completed" data-dismiss="modal">{{'Cancel' | translate }}</button>
                    <span ng-show="triggered && !completed"><span class ="glyphicon glyphicon-refresh spinning import-progress"></span> <span>{{'ImportInProgress' | translate}}...</span></span>
                </div>
            </div>
        </div>
    </div>

</div>