<!DOCTYPE html>
<html xmlns:ng="http://angularjs.org" ng-app="backupApp" ng-controller="AppController">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title ng-bind-template="{{systemInfo.MachineName}} - {{brandingService.appName}}"></title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="icon" type="image/png" href="/favicon.png">
    <meta name="theme-color" content="#ffffff">

    <link href="/ngax/fonts/Barlow/font.css?v=1.0.3.0" rel="stylesheet">
    <link href="/ngax/fonts/Montserrat/font.css?v=1.0.3.0" rel="stylesheet">

    <link rel="stylesheet" type="text/css" href="/ngax/styles/E-kup/cobalt.css?v=1.0.3.0" />
    <link rel="stylesheet" type="text/css" href="/ngax/styles/E-kup/tree-view.css?v=1.0.3.0" />
    <!-- <link rel="stylesheet" type="text/css" href="../oem/ngax/styles/font-awesome.css?v=1.0.3.0" /> -->
    <link rel="stylesheet" type="text/css" href="../oem/ngax/styles/oem.css?v=1.0.3.0" />
    <link rel="stylesheet" type="text/css" href="../customized/customized.css?v=1.0.3.0" />

    <script type="text/javascript" src="scripts/libs/oldbrowsersupport.js"></script>
    <script type="text/javascript" src="scripts/libs/cryptojs.js"></script>
    <script type="text/javascript" src="scripts/libs/zxcvbn.js"></script>

    <script type="text/javascript" src="scripts/libs/jquery.min.js"></script>
    <script type="text/javascript" src="scripts/libs/jquery-ui.min.js"></script>

    <script type="text/javascript" src="scripts/angular/angular.min.js"></script>
    <script type="text/javascript" src="scripts/angular/angular-route.min.js"></script>

    <script type="text/javascript" src="scripts/angular/angular-loader.min.js"></script>
    <script type="text/javascript" src="scripts/angular/angular-animate.min.js"></script>
    <script type="text/javascript" src="scripts/angular/angular-cookies.min.js"></script>
    <script type="text/javascript" src="scripts/angular/angular-resource.min.js"></script>
    <script type="text/javascript" src="scripts/angular/angular-sanitize.min.js"></script>
    <script type="text/javascript" src="scripts/angular/angular-touch.min.js"></script>

    <script type="text/javascript" src="scripts/libs/modal.min.js"></script>
    <script type="text/javascript" src="scripts/libs/dxTree.js"></script>
    <script type="text/javascript" src="scripts/libs/moment-with-locales.min.js"></script>
    <script type="text/javascript" src="scripts/libs/clipboard.min.js"></script>
    <script type="text/javascript" src="scripts/libs/ngclipboard.min.js"></script>

    <script type="text/javascript" src="scripts/libs/angular-gettext.min.js"></script>

    <script type="text/javascript" src="scripts/app.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/menu.js?v=1.0.3.0"></script>

    <script type="text/javascript" src="scripts/services/AppUtils.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/services/BrandingService.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/services/BackupList.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/services/BackupService.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/services/backups/BackupConnectionService.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/services/AppService.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/services/ServerStatus.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/services/SystemInfo.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/services/EditUriBackendConfig.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/services/EditUriBuiltins.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/services/NotificationService.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/services/DialogService.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/services/LogService.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/services/EditBackupService.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/services/CaptchaService.js?v=1.0.3.0"></script>

    <script type="text/javascript" src="scripts/controllers/AppController.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/controllers/AboutController.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/controllers/StateController.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/controllers/SystemSettingsController.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/controllers/HomeController.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/controllers/EditBackupController.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/controllers/SavedBackupController.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/controllers/RestoreController.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/controllers/RestoreDirectController.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/controllers/LogController.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/controllers/BackupLogController.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/controllers/ExportController.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/controllers/ImportController.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/controllers/UpdateChangelogController.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/controllers/DialogController.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/controllers/LocalDatabaseController.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/controllers/DeleteController.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/controllers/CaptchaController.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/controllers/RestoreWizardController.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/controllers/AddWizardController.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/controllers/PauseController.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/controllers/CommandlineController.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/controllers/ThrottleController.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/controllers/notifications/NotificationPageListController.js?v=1.0.3.0"></script>

    <script type="text/javascript" src="scripts/filters/timeremaining.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/filters/highlight.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/filters/parsetimestamp.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/filters/moment.js?v=1.0.3.0"></script>

    <script type="text/javascript" src="scripts/directives/backups/edit/backupEditStep1.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/directives/backupEditUri.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/directives/backupNotificationForm.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/directives/components/inputs/checkbox.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/directives/components/inputs/fd-input.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/directives/sourceFolderPicker.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/directives/targetFolderPicker.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/directives/parseFilterType.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/directives/parseSizeNumber.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/directives/parseAdvancedOption.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/directives/stringArrayAsText.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/directives/waitArea.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/directives/restoreFilePicker.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/directives/keyboardHandlers.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/directives/notificationArea.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/directives/progressBar.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/directives/advancedOptionsEditor.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/directives/timeFormatFixer.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/directives/externalLink.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/directives/infoBubble.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/directives/restores/direct/step-one.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/directives/settings/sftp-server-config.js?v=1.0.3.0"></script>

    <script type="text/javascript" src="../package/ngax/package.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="../oem/ngax/scripts/oem.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="../customized/customized.js?v=1.0.3.0"></script>

    <script type="text/javascript" src="scripts/angular-gettext-cli_compiled_js_output.js?v=1.0.3.0"></script>
    <script type="text/javascript" src="scripts/angular-gettext-custom.js?v=1.0.3.0"></script>

</head>

<body style="max-height: 100vh; overflow: hidden;">

    <div id="application-loader">
        <!-- <img class="mainlogo" ng-src="{{brandingService.appLogoPath}}" /> -->
        <div class="app-name">{{brandingService.appName}}</div>
        <div class="circular-loader">
            <div class="circular-loader-spinner"></div>
        </div>
    </div>

    <div class="container">
        <div class="header">
            <div class="logo">
                <a href="#/" class="home">{{brandingService.appName}}</a>
            </div>

            <nav class="menu">
                <ul>                    
                    <li>
                        <a href="#/" class="ekup-button ekup-button-secondary" ng-class="{active: current_page == 'home'}" >
                            <i class="ic-save"></i>
                            <span translate>My backups</span>
                        </a>
                    </li>
                    <li>
                        <a href="#/restorestart" class="ekup-button ekup-button-secondary" ng-class="{active: current_page == 'restore'}">
                            <i class="ic-rotate-ccw"></i>
                            <span translate>Restore</span>
                        </a>
                    </li>
                    <li class="separator"></li>
                    <li>                        
                        <a href class="ekup-icon-button notification-button {{hasNewNotification ? 'new' : ''}}" ng-click="OpenNotificationPanel()">
                            <i class="ic-bell">
                                <span class="notification-counter" ng-if="Notifications.length > 0">{{ Notifications.length }}</span>
                            </i>
                        </a>
                    </li>
                </ul>
            </nav>

            
        </div>

        <div class="body">
            <div ng-view class="content">
            </div>
        </div>

    </div>

    <notification-area onClose="CloseNotificationPanel" class="{{NotificationPanelIsOpen ? 'open': ''}}"></notification-area>

    <div class="dialog-container" ng-controller="DialogController">
        <div ng-show="state.CurrentItem != null && state.CurrentItem.title != null" class="blocker" ng-click="">

            <div class="modal-dialog card ng-cloak">
                <div class="info">
                    <div class="title"><h3>{{state.CurrentItem.title}}</h3></div>
                    <div class="content" ng-show="state.CurrentItem.message || state.CurrentItem.enableTextarea">
                        {{state.CurrentItem.message}}
                        <form ng-show="state.CurrentItem.enableTextarea">
                            <textarea placeholder="{{state.CurrentItem.placeholder}}" ng-model="state.CurrentItem.textarea"
                                id="copytarget"></textarea>
                        </form>
                    </div>
                    <div class="content" ng-show="state.CurrentItem.htmltemplate"
                        ng-include="state.CurrentItem.htmltemplate"></div>
                    <div class="actions-container">
                        <button class="ekup-button" ng-repeat="btn in state.CurrentItem.buttons track by $index" ng-click="onButtonClick($index)">{{btn}}</button>
                            <!-- <li ng-show="state.CurrentItem.buttonTemplate" ng-include="state.CurrentItem.buttonTemplate"
                                style="display: inline-block"></li> -->
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div id="connection-lost-dialog" ng-show="state.connectionState != 'connected'" class="connection-lost-dialog ng-cloak">
        <div id="connection-lost-blocker" class="blocker ng-cloak">
            <div class="info card">
                <div class="title" translate>Connection lost</div>
                <div class="content" ng-show="state.connectionState !='connecting'" translate
                    translate-params-time="(state.connectionAttemptTimer + 1000) | timeremaining">
                    The connection to the server is lost, attempting again in {{time}} ...
                </div>
                <div class="content" translate ng-hide="state.connectionState !='connecting'">
                    Connecting to server …
                </div>
                <div class="actions-container">
                    <!-- <a href ng-show="state.connectionState != 'connecting'" ng-click="doReconnect()" class="button"
                        translate>Connect now</a>
                    <a href ng-hide="state.connectionState != 'connecting'" class="button" style="cursor: default;"
                        translate>Connecting...</a> -->

                    <button class="ekup-button" ng-show="state.connectionState != 'connecting'" ng-click="doReconnect()" translate>Connect now</button>
                    <button class="ekup-button" ng-hide="state.connectionState != 'connecting'" translate>Connecting...</button>

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

    <div ng-show="false" class="blocker" ng-click=""></div>

    <div ng-show="false" class="connection-lost" ng-click="">
        <div class="info">
            <div class="title">Not loaded …</div>
            <div class="content">
                The page is not yet loaded, this can be caused by a defective install, a browser issue or a slow
                connection.
            </div>
            <div class="content buttons">
                <a href class="button">Reload page</a>
            </div>
        </div>
    </div>

    <div class="footer">            
        <div class="build-suffix"
        ng-hide="systemInfo.ServerVersionType == 'Stable' || systemInfo.ServerVersionType == ''">
        {{systemInfo.ServerVersionType}}</div>
        <span class="filler"></span>
        <version>1.0.3.0</version>
    </div>
</body>

</html>