<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Scada Oneview 4.0 alpha 2.0</title>
    <link rel="stylesheet" href="/app/core/css/bootstrap.min.css">
    <link rel="stylesheet" href="/app/core/css/styles.css">
    <link rel="stylesheet" href="/app/nav/components/nav.css">
    <link rel="stylesheet" href="/app/breadcrumb/components/breadcrumbs.css">
    <link rel="stylesheet" href="/app/settings/components/settings.css">
    <link rel="stylesheet" href="/app/map-monitor/pages/mapmonitor.css">
    <link rel="stylesheet" href="/app/portfolio/components/portfolio.css">
    <link rel="stylesheet" href="/app/monitor/components/table.css">
    <link rel="stylesheet" href="/app/reports/pages/reports.css">
    <link rel="stylesheet" href="/app/alarms/components/alarms.css">
    <link rel="stylesheet" href="/app/tickets/components/tickets.css">
    <link rel="stylesheet" href="/app/onlinedata/components/onlinedata.css">
    <link rel="stylesheet" href="/app/users/components/users.css">
    <link rel="stylesheet" href="/app/budget/components/budget.css">
    <link rel="stylesheet" href="/app/unitdetails/components/unitdetails.css">
    <link rel="stylesheet" href="/app/unitdetails/components/livetagtooltip.css">
    <link rel="stylesheet" href="/app/serverinfo/components/serverinfo.css">
    <link rel="stylesheet" href="/app/singleline/components/singleline.css">
    <link rel="stylesheet" href="/app/core/css/scadaicons.css">


    <!-- custom styles made by Scada -->
    <link rel="stylesheet" href="/app/core/css/calendar.css">
    <link rel="stylesheet" href="/app/core/css/chart.css">
    <link rel="stylesheet" href="/app/core/css/event-colors.css">
    <!--<link rel="stylesheet" href="/app/core/css/overrides.css">-->





</head>

<body class="theme-dark">
    <div class="bg">
        <i class="icon icon-turbine"></i>
    </div>
    <div class="wrapper">



        <div class="container-fluid">
            <!-- @import "/app/settings/components/settings.html" -->
            <div class="row">

            </div>
            <div class="row">
                <div class="col-12">
                    <div class="scadacard level1" id="monitorwrapper">
                        <button class="btn savebutton">Save this</button>

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

        <!-- @import "/kitparts/end.html" -->
    
        <script type="text/javascript">
           window.onload = function () {
                var savebutton = document.querySelector('.savebutton');
                var buttontext = savebutton.innerText;
                savebutton.addEventListener("click", function () {
                    savebutton.innerHTML = "Saving";
                    savebutton.classList.add('spinning');
                    setTimeout(
                        function () {
                            savebutton.classList.remove('spinning');
                            savebutton.innerHTML = "Success";
                            setTimeout(
                                function () {
                                    savebutton.innerHTML = buttontext;
                                }, 3000);
                        }, 6000);
                }, false);
            };
        </script>

        
</body>

</html>