Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!doctype html>
- <html class="no-js" lang="en">
- <head>
- <meta charset="utf-8">
- <meta http-equiv="x-ua-compatible" content="ie=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
- <!-- Page information -->
- <title>Intesis | Webserver</title>
- <!-- Meta SEO -->
- <meta name="description" content="Webserver Config Web">
- <meta name="author" content="Intesis Software, S.L.U.">
- <!-- Page icons -->
- <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
- <!-- CSS for loading -->
- <style type="text/css">
- /* Loading CSS */
- *, ::after, ::before {
- box-sizing: border-box;
- }
- html {
- margin: 0;
- padding: 0;
- position: relative;
- min-height: 100vh;
- }
- body {
- margin: 0;
- padding: 0;
- font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
- font-size: 1rem;
- font-weight: 400;
- line-height: 1.5;
- color: #212529;
- text-align: left;
- background-color: #fdfdfd;
- }
- header.header {
- position: fixed;
- top: 0;
- right: 0;
- left: 0;
- z-index: 100;
- height: 60px;
- background-color: #14727b;
- }
- .modal {
- display: none;
- }
- .display-none-important {
- display: none !important;
- }
- .footer {
- position: absolute;
- bottom: 0;
- width: 100%;
- height: 60px;
- line-height: 60px;
- color: #fff;
- background-color: #14727b;
- }
- .loader {
- position: fixed;
- left: 50%;
- top: 50%;
- margin-left: -46px;
- margin-top: -46px;
- transform: translate(-50%,-50%);
- border-radius: 50%;
- width: 60px;
- height: 60px;
- animation: spin 2s linear infinite;
- border: 16px solid #d3d3d3;
- border-top: 16px solid #14727b;
- }
- @keyframes spin {
- 0% { transform: rotate(0deg); }
- 100% { transform: rotate(360deg); }
- }
- </style>
- </head>
- <body>
- <!-- PAGE HEADER -->
- <header class="header">
- <nav class="navbar navbar-expand-md fixed-top display-none-important">
- <div class="loader mini-loader" hidden></div>
- <button class="navbar-toggler" type="button"><span class="navbar-toggler-icon"></span></button>
- <div class="navbar-menu">
- <ul class="navbar-nav">
- <li class="nav-item active">
- <a class="nav-link goToPage" data-page="home">Home</a>
- </li>
- <li class="nav-item">
- <a class="nav-link goToPage" data-page="configuration">Configuration</a>
- </li>
- <li class="nav-item">
- <a class="nav-link goToPage" data-page="signals">Signals</a>
- </li>
- <li class="nav-item nav-item-dropdown">
- <div class="dropdown dropdown-user">
- <a class="nav-link dropdown-toggle" role="button" id="dropdownUserMenu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">User</a>
- <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownUserMenu">
- <a class="dropdown-item goToPage" data-page="update_password">Update password</a>
- <a class="dropdown-item goToPage" data-page="logout">Logout</a>
- </div>
- </div>
- </li>
- <li class="nav-item nav-item-mobile">
- <a class="nav-link goToPage" data-page="update_password">Update password</a>
- </li>
- <li class="nav-item nav-item-mobile">
- <a class="nav-link goToPage" data-page="logout">Logout</a>
- </li>
- </ul>
- </div>
- </nav>
- </header>
- <div id="page-backdrop"></div>
- <!-- PAGES -->
- <main role="main">
- <!-- PAGE LOADING -->
- <section id="page-loading" class="page">
- <div class="loader"></div>
- </section>
- <!-- ALERTS -->
- <div class="container-fluid alert-container page" hidden>
- <div class="row">
- <div class="mt-3 col-12">
- <div class="alert" role="alert"></div>
- </div>
- </div>
- </div>
- <!-- PAGE HOME -->
- <section id="page-home" class="page" hidden="true">
- <div class="container-fluid">
- <div class="row">
- <div class="mt-3 col-12 col-md-8">
- <h1>Webserver Home</h1>
- </div>
- <div class="mt-3 col-12 col-md-4">
- <div class="d-flex justify-content-end">
- <button id="home-login-btn" class="btn btn-intesis mt-2 goToPage" data-page="login">Login</button>
- </div>
- </div>
- </div>
- <hr>
- <div class="row">
- <div class="mt-3 col-12">
- <div class="table-responsive">
- <table id="getInfoTable" class="table table-striped table-hover">
- <thead class="thead-light">
- <tr>
- <th scope="col">Info</th>
- <th scope="col">Value</th>
- </tr>
- </thead>
- <tbody></tbody>
- </table>
- </div>
- </div>
- </div>
- </div>
- </section>
- <!-- PAGE LOGIN -->
- <section id="page-login" class="page" hidden="true">
- <div class="container-fluid">
- <div class="row">
- <div class="mt-3 col-12 col-md-8">
- <h1>Login</h1>
- </div>
- <div class="mt-3 col-12 col-md-4">
- <div class="d-flex justify-content-end">
- <button id="login-home-btn" class="btn btn-intesis mt-2 goToPage" data-page="home">Home</button>
- </div>
- </div>
- </div>
- <hr>
- <div class="row">
- <div class="mt-3 col-12">
- <form class="form-intesis form-login">
- <label for="form-login-user" class="sr-only">User</label>
- <select class="form-control" id="form-login-user" required autofocus>
- <option value="admin">Admin</option>
- <option value="operator">Operator</option>
- </select>
- <label for="form-login-password" class="sr-only">Password</label>
- <input type="password" id="form-login-password" class="form-control" placeholder="Password" required>
- <button class="btn btn-lg btn-intesis btn-block mt-2" type="submit">Login</button>
- </form>
- </div>
- </div>
- </div>
- </section>
- <!-- PAGE UPDATE PASSWORD -->
- <section id="page-update_password" class="page" hidden="true">
- <div class="container-fluid">
- <div class="row">
- <div class="mt-3 col-12">
- <h1>Change password</h1>
- </div>
- </div>
- <hr>
- <div class="row">
- <div class="col-12">
- <form class="form-intesis form-update-password">
- <div class="form-group">
- <label for="form-update-old-pass">Current password</label>
- <input type="password" id="form-update-old-pass" class="form-control" placeholder="Current password" required>
- </div>
- <div class="form-group mt-4">
- <label for="form-update-new-pass">New password</label>
- <input type="password" id="form-update-new-pass" class="form-control" placeholder="New password" required>
- </div>
- <div class="form-group mt-4">
- <label for="form-update-new-pass-repeat">Confirm new password</label>
- <input type="password" id="form-update-new-pass-repeat" class="form-control" placeholder="Confirm new password" required>
- </div>
- <button class="btn btn-lg btn-intesis btn-block mt-2" type="submit">Change password</button>
- </form>
- </div>
- </div>
- </div>
- </section>
- <!-- PAGE CONFIGURATION -->
- <section id="page-configuration" class="page" hidden="true">
- <div class="container-fluid">
- <div class="row">
- <div class="mt-3 col-12 col-md-8">
- <h1>Configuration</h1>
- </div>
- <div class="mt-3 col-12 col-md-4">
- <div class="d-flex justify-content-end">
- <button type="button" class="btn btn-outline-secondary mt-2" data-toggle="modal" data-target="#page-configuration-modal-defaults">Restore defaults</button>
- <button class="btn btn-intesis mt-2 ml-2" id="btn-ConfValidate">Save/Reboot</button>
- </div>
- </div>
- </div>
- <hr>
- <div class="row">
- <div class="mt-3 col-12 col-md-6">
- <div class="card">
- <div class="card-header"><h5>General</h5></div>
- <div class="card-body">
- <div class="row">
- <div class="col-lg-4"><label class="font-weight-bold">Device model</label></div>
- <div class="col-lg-8">
- <input id="configuration-deviceModel" class="form-control" value="" maxlength="63" readonly="">
- </div>
- </div>
- </div>
- <div class="card-footer d-flex justify-content-end">
- <button type="button" class="btn btn-outline-secondary btn-sm" data-toggle="modal" data-target="#page-configuration-modal-identify_device">Identify device</button>
- </div>
- </div>
- <div class="card mt-3">
- <div class="card-header"><h5>IP Address</h5></div>
- <div class="card-body">
- <div class="row">
- <div class="col-lg-4"><label class="font-weight-bold">Device model</label></div>
- <div class="col-lg-8 form-group">
- <input id="configuration-ip" class="form-control cdhcp" value="" maxlength="15">
- </div>
- </div>
- <div class="row">
- <div class="col-lg-4"><label class="font-weight-bold">IP Netmask</label></div>
- <div class="col-lg-8 form-group">
- <input id="configuration-netmask" class="form-control cdhcp" value="" maxlength="15">
- </div>
- </div>
- <div class="row">
- <div class="col-lg-4"><label class="font-weight-bold">IP Gateway</label></div>
- <div class="col-lg-8 form-group">
- <input id="configuration-dfltgw" class="form-control cdhcp" value="" maxlength="15">
- </div>
- </div>
- <div class="row">
- <div class="col-lg-4"><label class="font-weight-bold">DHCP</label></div>
- <div class="col-lg-8">
- <input id="configuration-dhcp" type="checkbox" value="">
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="mt-3 col-12 col-md-6">
- <div class="card">
- <div class="card-header"><h5>Access Point Settings</h5></div>
- <div class="card-body">
- <div class="row">
- <div class="col-lg-4"><label class="font-weight-bold">SSID</label></div>
- <div class="col-lg-8 form-group">
- <input id="configuration-ssid" class="form-control" value="" maxlength="128">
- </div>
- </div>
- <div class="row">
- <div class="col-lg-4"><label class="font-weight-bold">Security</label></div>
- <div class="col-lg-8 form-group">
- <select id="configuration-security" class="form-control">
- <option value="0">OPEN</option>
- <option value="1">WEP</option>
- <option value="2">WPA_PSK</option>
- <option value="3">WPA2_PSK</option>
- <option value="4">WPA_WPA2_PSK</option>
- </select>
- </div>
- </div>
- <div class="row">
- <div class="col-lg-4"><label class="font-weight-bold">Password</label></div>
- <div class="col-lg-8">
- <input id="configuration-pass" type="password" class="form-control" maxlength="128">
- <input id="configuration-showpass" type="checkbox" value="f"> <small>Show password</small>
- </div>
- </div>
- </div>
- <div class="card-footer d-flex justify-content-end">
- <button type="button" class="btn btn-outline-secondary btn-sm" data-toggle="modal" data-target="#page-configuration-modal-search_wifi">Wi-Fi search</button>
- <button type="button" class="btn btn-outline-secondary btn-sm ml-2" data-toggle="modal" data-target="#page-configuration-modal-wps">WPS</button>
- </div>
- </div>
- </div>
- </div>
- </div>
- </section>
- <!-- PAGE CONFIGURATION SAVE END -->
- <section id="page-configuration_save_end" class="page" hidden="true">
- <div class="container-fluid">
- <div class="row">
- <div class="mt-3 col-12">
- <h1>Automatic and Manual Wireless configuration</h1>
- </div>
- </div>
- <hr>
- <div class="row">
- <div class="mt-3 col-12">
- <p>If connection has been successful, device's LED will start the sequence shown below. If the device's LED follows the sequence indicated, the wifi configuration process have been finished properly.</p>
- <ul class="led-list">
- <li><div class="led led-green">Green steady</div><div class="led-description">Not configured</div></li>
- <li><div class="led led-green">Green blinking</div><div class="led-description">Checking</div></li>
- <li><div class="led led-yellow">Yellow blinking</div><div class="led-description">Configuring</div></li>
- <li><div class="led led-red">Red blinking</div><div class="led-description">Connecting</div></li>
- <li><div class="led led-gray">Off</div><div class="led-description">Connected & working</div></li>
- </ul>
- <p>If the device is not following the proposed sequence and does not work properly, please check the LED status table below.</p>
- <div class="table-responsive">
- <table class="table table-hover table-striped">
- <thead>
- <tr>
- <th>LED Color(s)</th>
- <th>Behavior</th>
- <th>Description</th>
- </tr>
- </thead>
- <tbody>
- <tr><td>Blue</td><td>Blinking</td><td>Performing WPS connection (up to 2 min)</td></tr>
- <tr><td>Green</td><td>Steady</td><td>Not configured</td></tr><tr><td>Green</td><td>Blinking</td><td>Checking device configuration parameter values (up to 2 min)</td></tr>
- <tr><td>Red</td><td>Blinking</td><td>Connecting to access point and server (up to 2 min)</td></tr>
- <tr><td>Yellow</td><td>Blinking</td><td>Downloading configuration. Wait (up to 2 min)</td></tr>
- <tr><td>Red/Green</td><td>Alternate blinking</td><td>Error Connecting to Access point or router. Try to connect again and make sure you write the correct password</td></tr>
- <tr><td>Yellow/Green</td><td>Alternate blinking</td><td>Server not reached. Check if there is Internet connectivity on your Access Point or router</td></tr>
- </tbody>
- </table>
- </div>
- <p>If problem still persists, please check the device's installation manual.</p>
- </div>
- </div>
- </div>
- </section>
- <!-- PAGE CONFIGURATION RESTORE END -->
- <section id="page-configuration_restore_end" class="page" hidden="true">
- <div class="container-fluid">
- <div class="row">
- <div class="mt-3 col-12">
- <h1>Restoring default configuration</h1>
- </div>
- </div>
- <hr>
- <div class="row">
- <div class="mt-3 col-12">
- <p>Device is currently being set into factory settings. After changes are applied, device will reboot and follow the sequence bellow.</p>
- <ul class="led-list">
- <li><div class="led led-green">Green steady</div><div class="led-description">Not configured</div></li>
- <li><div class="led led-green">Green blinking</div><div class="led-description">Checking</div></li>
- <li><div class="led led-green">Green steady</div><div class="led-description">Not configured</div></li>
- </ul>
- <p>If the device is not following the proposed sequence and does not work properly, please check the LED status table below.</p>
- <div class="table-responsive">
- <table class="table table-hover table-striped">
- <thead>
- <tr>
- <th>LED Color(s)</th>
- <th>Behavior</th>
- <th>Description</th>
- </tr>
- </thead>
- <tbody>
- <tr><td>Blue</td><td>Blinking</td><td>Performing WPS connection (up to 2 min)</td></tr>
- <tr><td>Green</td><td>Steady</td><td>Not configured</td></tr><tr><td>Green</td><td>Blinking</td><td>Checking device configuration parameter values (up to 2 min)</td></tr>
- <tr><td>Red</td><td>Blinking</td><td>Connecting to access point and server (up to 2 min)</td></tr>
- <tr><td>Yellow</td><td>Blinking</td><td>Downloading configuration. Wait (up to 2 min)</td></tr>
- <tr><td>Red/Green</td><td>Alternate blinking</td><td>Error Connecting to Access point or router. Try to connect again and make sure you write the correct password</td></tr>
- <tr><td>Yellow/Green</td><td>Alternate blinking</td><td>Server not reached. Check if there is Internet connectivity on your Access Point or router</td></tr>
- </tbody>
- </table>
- </div>
- <p>If problem still persists, please check the device's installation manual.</p>
- </div>
- </div>
- </div>
- </section>
- <!-- PAGE CONFIGURATION WPS END -->
- <section id="page-configuration_wps_end" class="page" hidden="true">
- <div class="container-fluid">
- <div class="row">
- <div class="mt-3 col-12">
- <h1>WPS Wireless configuration</h1>
- </div>
- </div>
- <hr>
- <div class="row">
- <div class="mt-3 col-12">
- <p>If connection has been successful, device's LED will start the sequence shown below. If the device's LED follows the sequence indicated, the wifi configuration process have been finished properly.</p>
- <ul class="led-list">
- <li><div class="led led-green">Green steady</div><div class="led-description">Not configured</div></li>
- <li><div class="led led-blue">Blue blinking</div><div class="led-description">WPS enabled</div></li>
- <li><div class="led led-green">Green Blinking</div><div class="led-description">Checking</div></li>
- <li><div class="led led-yellow">Yellow blinking</div><div class="led-description">Configuring</div></li>
- <li><div class="led led-red">Red blinking</div><div class="led-description">Connecting</div></li>
- <li><div class="led led-gray">Off</div><div class="led-description">Connected & working</div></li>
- </ul>
- <p>If the device is not following the proposed sequence and does not work properly, please check the LED status table below.</p>
- <div class="table-responsive">
- <table class="table table-hover table-striped">
- <thead>
- <tr>
- <th>LED Color(s)</th>
- <th>Behavior</th>
- <th>Description</th>
- </tr>
- </thead>
- <tbody>
- <tr><td>Blue</td><td>Blinking</td><td>Performing WPS connection (up to 2 min)</td></tr>
- <tr><td>Green</td><td>Steady</td><td>Not configured</td></tr><tr><td>Green</td><td>Blinking</td><td>Checking device configuration parameter values (up to 2 min)</td></tr>
- <tr><td>Red</td><td>Blinking</td><td>Connecting to access point and server (up to 2 min)</td></tr>
- <tr><td>Yellow</td><td>Blinking</td><td>Downloading configuration. Wait (up to 2 min)</td></tr>
- <tr><td>Red/Green</td><td>Alternate blinking</td><td>Error Connecting to Access point or router. Try to connect again and make sure you write the correct password</td></tr>
- <tr><td>Yellow/Green</td><td>Alternate blinking</td><td>Server not reached. Check if there is Internet connectivity on your Access Point or router</td></tr>
- </tbody>
- </table>
- </div>
- <p>If problem still persists, please check the device's installation manual.</p>
- </div>
- </div>
- </div>
- </section>
- <!-- PAGE SIGNALS -->
- <section id="page-signals" class="page" hidden="true">
- <div class="container-fluid">
- <div class="row">
- <div class="mt-3 col-12">
- <h1>Signals</h1>
- </div>
- </div>
- <hr>
- <div class="row">
- <div class="mt-3 col-12">
- This page will reload the device signal values in <span class="signals-reload time-reload"></span> seconds.
- </div>
- </div>
- <div class="row">
- <div class="mt-3 col-12">
- <div class="table-responsive">
- <table id="signalsTable" class="table table-striped table-hover">
- <thead class="thead-light">
- <tr>
- <th scope="col">Name</th>
- <th scope="col" class="text-center">RW</th>
- <th scope="col" class="col-values-fixed-width">Value</th>
- <th scope="col" class="col-actions-fixed-width">Actions</th>
- </tr>
- </thead>
- <tbody></tbody>
- </table>
- </div>
- </div>
- </div>
- </div>
- <div id="contentValue" hidden="true">
- <div class="modeValues__ID_">
- <span id="value__ID_" class="textvalue__ID_">_TEXTVALUE_</span> <span class="textvalue__ID_">_UNITS_</span>
- </div>
- <div class="modeEdit__ID_ display-none">
- <select id="select__ID_" class="display-none" onchange="$('#input__ID_').val($('#select__ID_ option:selected').val());"></select>
- <input id="input__ID_" value="_VALUE_" maxlength="10">
- </div>
- </div>
- <div id="contentActions" hidden="true">
- <div id="bbe__ID_">
- <button id="be__ID_" class="float-left btn btn-sm btn-default signalButtonEdit modeValues__ID_" type="button">Edit</button>
- </div>
- <div id="bbs__ID_">
- <button id="bc__ID_" class="btn btn-sm btn-outline-secondary signalButtonCancel modeEdit__ID_ display-none" type="button">Cancel</button>
- <button id="bs__ID_" class="btn btn-sm btn-intesis signalButtonSave modeEdit__ID_ display-none" type="button">Save</button>
- </div>
- </div>
- </section>
- </main>
- <!-- PAGE FOOTER -->
- <footer class="footer">
- <div class="container">
- <span class="intesis-footer float-right"></span>
- </div>
- </footer>
- <!-- MODALS -->
- <!-- PAGE CONFIGURATION IDENTIFY DEVICE -->
- <div id="page-configuration-modal-identify_device" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
- <div class="modal-dialog modal-dialog-centered" role="document">
- <div class="modal-content">
- <div class="modal-header">
- <h5 class="modal-title">Identify device</h5>
- <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
- </div>
- <div class="modal-body">
- Device should be blinking: device's LED is blinking white.
- </div>
- <div class="modal-footer">
- <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Close</button>
- </div>
- </div>
- </div>
- </div>
- <!-- PAGE CONFIGURATION SEARCH WIFI -->
- <div id="page-configuration-modal-search_wifi" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
- <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
- <div class="modal-content">
- <div class="modal-header">
- <h5 class="modal-title">Wi-Fi network</h5>
- <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
- </div>
- <div class="modal-body">
- <div id="aplistPreContent" class="row">
- <div class="col-12">
- <p>Scanning for networks.</p>
- <p>This may take up to 45 seconds.</p>
- </div>
- </div>
- <div id="aplistContent" class="row display-none">
- <div class="col-12">
- <p>Select the Wi-Fi network where you want to connect:</p>
- <p>This list will reload in <span class="wifi-reload time-reload"></span> seconds.</p>
- <div class="table-responsive">
- <table id="wifiListTable" class="table table-striped table-hover">
- <thead class="thead-light">
- <tr>
- <th scope="col">SSID</th>
- <th scope="col" class="text-nowrap">Signal level</th>
- <th scope="col">Security mode</th>
- <th scope="col">Channel</th>
- <th scope="col">Action</th>
- </tr>
- </thead>
- <tbody></tbody>
- </table>
- </div>
- </div>
- </div>
- </div>
- <div class="modal-footer">
- <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Close</button>
- </div>
- </div>
- </div>
- </div>
- <!-- PAGE CONFIGURATION WPS -->
- <div id="page-configuration-modal-wps" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
- <div class="modal-dialog modal-dialog-centered" role="document">
- <div class="modal-content">
- <div class="modal-header">
- <h5 class="modal-title">WPS</h5>
- <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
- </div>
- <div class="modal-body">
- <ol>
- <li>Locate the WPS button on your AP.</li>
- <li>Click on the "Start WPS connection" button below.</li>
- <li>Press the WPS button on your AP within 2 minutes.</li>
- </ol>
- </div>
- <div class="modal-footer">
- <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Close</button>
- <button type="button" class="btn btn-intesis" id="btn-startWPS">Start WPS connection</button>
- </div>
- </div>
- </div>
- </div>
- <!-- PAGE CONFIGURATION RESTORE DEFAULTS -->
- <div id="page-configuration-modal-defaults" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
- <div class="modal-dialog modal-dialog-centered" role="document">
- <div class="modal-content">
- <div class="modal-header">
- <h5 class="modal-title">Restore defaults</h5>
- <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
- </div>
- <div class="modal-body">
- The default settings will be restored.<br>
- <br>
- Device will be restarted.<br>
- <br>
- Are you sure?<br>
- </div>
- <div class="modal-footer">
- <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Close</button>
- <button type="button" class="btn btn-intesis" id="btn-ConfRestore">Restore defaults</button>
- </div>
- </div>
- </div>
- </div>
- <!-- PAGE CONFIGURATION SAVE REBOOT -->
- <div id="page-configuration-modal-save_reboot" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
- <div class="modal-dialog modal-dialog-centered" role="document">
- <div class="modal-content">
- <div class="modal-header">
- <h5 class="modal-title">Save / Reboot</h5>
- <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
- </div>
- <div class="modal-body">
- Changes will be applied and device will be rebooted.<br>
- <br>
- Are you sure?<br>
- </div>
- <div class="modal-footer">
- <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Close</button>
- <button type="button" class="btn btn-intesis" id="btn-ConfSaveReboot">Save / Reboot</button>
- </div>
- </div>
- </div>
- </div>
- <!-- Screen breakpoint -->
- <div id="screen-breakpoint"></div>
- <!-- Load CSS and JS -->
- <script type="text/javascript">
- // Vars for load files control
- var current_loading_file = '';
- var files_loaded = 0;
- var files_time_between_load = 300;
- var files_to_load = [
- 'css/vendor/bootstrap.min.css',
- 'css/main.css',
- 'js/vendor/jquery-3.3.1.min.js',
- 'js/vendor/bootstrap.bundle.min.js',
- 'js/vendor/js.cookie.js',
- 'js/main.js'
- ];
- // Functions for load files control
- function fileLoad(_file, _callback) {
- if ( _file != undefined && _file != '' ) current_loading_file = _file;
- var xhr = new XMLHttpRequest();
- xhr.ontimeout = function () {
- setTimeout(function(){ fileLoad(current_loading_file, fileLoaded); }, files_time_between_load);
- };
- xhr.onload = function() {
- if ( xhr.readyState === 4 ) {
- if ( xhr.status === 200 ) {
- _callback(xhr.responseText);
- }
- else {
- setTimeout(function(){ fileLoad(current_loading_file, fileLoaded); }, files_time_between_load);
- }
- }
- else {
- setTimeout(function(){ fileLoad(current_loading_file, fileLoaded); }, files_time_between_load);
- }
- };
- xhr.open('GET', _file, true);
- xhr.timeout = 3000;
- xhr.send(null);
- }
- function fileLoaded(_response) {
- // Clear sourceMappingURL from bootstrap files
- var sourceMappingURL = _response.indexOf('sourceMappingURL');
- var sourcePointMap = _response.lastIndexOf('.map');
- if (
- sourceMappingURL !== -1 &&
- sourcePointMap !== -1 &&
- sourceMappingURL < sourcePointMap
- ) {
- sourcePointMap = sourcePointMap + 4;
- _response = _response.replace(_response.substring(sourceMappingURL, sourcePointMap), '');
- }
- // Add CSS files to page
- if ( files_to_load[files_loaded].substr(files_to_load[files_loaded].lastIndexOf('.')) == '.css' ) {
- var style = document.createElement('style');
- style.type = 'text/css';
- style.innerHTML = _response;
- document.getElementsByTagName('head')[0].appendChild(style);
- }
- // Add JS files to page
- else if ( files_to_load[files_loaded].substr(files_to_load[files_loaded].lastIndexOf('.')) == '.js' ) {
- var script = document.createElement('script');
- script.type = 'text/javascript';
- script.innerHTML = _response;
- document.getElementsByTagName('head')[0].appendChild(script);
- }
- // Not all files are loaded
- files_loaded++;
- if ( files_loaded < files_to_load.length ) {
- setTimeout(function(){ fileLoad(files_to_load[files_loaded], fileLoaded); }, files_time_between_load);
- }
- }
- // Start load files
- setTimeout(function(){ fileLoad(files_to_load[files_loaded], fileLoaded); }, files_time_between_load);
- // Prevent reload page
- function reloadControl(_event) {
- var confirmationMessage = "\o/";
- _event.returnValue = confirmationMessage; // Gecko, Trident, Chrome 34+
- return confirmationMessage; // Gecko, WebKit, Chrome <34
- }
- window.addEventListener('beforeunload', reloadControl);
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment