├── images ├── ap.png ├── light.png ├── other.png ├── reboot.png ├── status.png ├── eye-close.png ├── network.png ├── periperal.png ├── service.png ├── timezone.png └── upgrade.png ├── Configuration_Webpage └── data │ ├── images │ ├── ap.png │ ├── light.png │ ├── network.png │ ├── other.png │ ├── reboot.png │ ├── service.png │ ├── status.png │ ├── upgrade.png │ ├── eye-close.png │ ├── periperal.png │ └── timezone.png │ ├── config.json │ ├── login.html │ ├── js │ ├── pixie-custom.js │ └── bootstrap.min.js │ ├── css │ └── pixie-main.css │ └── main.html ├── config.json ├── .gitignore ├── README.md ├── login.html ├── js ├── pixie-custom.js └── bootstrap.min.js ├── css └── pixie-main.css └── main.html /images/ap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/futechiot/Configuration-webpage-esp32/HEAD/images/ap.png -------------------------------------------------------------------------------- /images/light.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/futechiot/Configuration-webpage-esp32/HEAD/images/light.png -------------------------------------------------------------------------------- /images/other.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/futechiot/Configuration-webpage-esp32/HEAD/images/other.png -------------------------------------------------------------------------------- /images/reboot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/futechiot/Configuration-webpage-esp32/HEAD/images/reboot.png -------------------------------------------------------------------------------- /images/status.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/futechiot/Configuration-webpage-esp32/HEAD/images/status.png -------------------------------------------------------------------------------- /images/eye-close.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/futechiot/Configuration-webpage-esp32/HEAD/images/eye-close.png -------------------------------------------------------------------------------- /images/network.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/futechiot/Configuration-webpage-esp32/HEAD/images/network.png -------------------------------------------------------------------------------- /images/periperal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/futechiot/Configuration-webpage-esp32/HEAD/images/periperal.png -------------------------------------------------------------------------------- /images/service.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/futechiot/Configuration-webpage-esp32/HEAD/images/service.png -------------------------------------------------------------------------------- /images/timezone.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/futechiot/Configuration-webpage-esp32/HEAD/images/timezone.png -------------------------------------------------------------------------------- /images/upgrade.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/futechiot/Configuration-webpage-esp32/HEAD/images/upgrade.png -------------------------------------------------------------------------------- /Configuration_Webpage/data/images/ap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/futechiot/Configuration-webpage-esp32/HEAD/Configuration_Webpage/data/images/ap.png -------------------------------------------------------------------------------- /config.json: -------------------------------------------------------------------------------- 1 | { 2 | "AP_name": "ESP32_PAGE", 3 | "AP_pass": "12345678", 4 | "AP_IP": "192.168.4.1", 5 | "Admin_pass" : "admin123" 6 | 7 | } -------------------------------------------------------------------------------- /Configuration_Webpage/data/images/light.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/futechiot/Configuration-webpage-esp32/HEAD/Configuration_Webpage/data/images/light.png -------------------------------------------------------------------------------- /Configuration_Webpage/data/images/network.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/futechiot/Configuration-webpage-esp32/HEAD/Configuration_Webpage/data/images/network.png -------------------------------------------------------------------------------- /Configuration_Webpage/data/images/other.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/futechiot/Configuration-webpage-esp32/HEAD/Configuration_Webpage/data/images/other.png -------------------------------------------------------------------------------- /Configuration_Webpage/data/images/reboot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/futechiot/Configuration-webpage-esp32/HEAD/Configuration_Webpage/data/images/reboot.png -------------------------------------------------------------------------------- /Configuration_Webpage/data/images/service.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/futechiot/Configuration-webpage-esp32/HEAD/Configuration_Webpage/data/images/service.png -------------------------------------------------------------------------------- /Configuration_Webpage/data/images/status.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/futechiot/Configuration-webpage-esp32/HEAD/Configuration_Webpage/data/images/status.png -------------------------------------------------------------------------------- /Configuration_Webpage/data/images/upgrade.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/futechiot/Configuration-webpage-esp32/HEAD/Configuration_Webpage/data/images/upgrade.png -------------------------------------------------------------------------------- /Configuration_Webpage/data/images/eye-close.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/futechiot/Configuration-webpage-esp32/HEAD/Configuration_Webpage/data/images/eye-close.png -------------------------------------------------------------------------------- /Configuration_Webpage/data/images/periperal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/futechiot/Configuration-webpage-esp32/HEAD/Configuration_Webpage/data/images/periperal.png -------------------------------------------------------------------------------- /Configuration_Webpage/data/images/timezone.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/futechiot/Configuration-webpage-esp32/HEAD/Configuration_Webpage/data/images/timezone.png -------------------------------------------------------------------------------- /Configuration_Webpage/data/config.json: -------------------------------------------------------------------------------- 1 | { 2 | "AP_name": "ESP32_PAGE", 3 | "AP_pass": "12345678", 4 | "AP_IP": "192.168.4.1", 5 | "Admin_pass" : "admin123" 6 | 7 | } -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Prerequisites 2 | *.d 3 | 4 | # Object files 5 | *.o 6 | *.ko 7 | *.obj 8 | *.elf 9 | 10 | # Linker output 11 | *.ilk 12 | *.map 13 | *.exp 14 | 15 | # Precompiled Headers 16 | *.gch 17 | *.pch 18 | 19 | # Libraries 20 | *.lib 21 | *.a 22 | *.la 23 | *.lo 24 | 25 | # Shared objects (inc. Windows DLLs) 26 | *.dll 27 | *.so 28 | *.so.* 29 | *.dylib 30 | 31 | # Executables 32 | *.exe 33 | *.out 34 | *.app 35 | *.i*86 36 | *.x86_64 37 | *.hex 38 | 39 | # Debug files 40 | *.dSYM/ 41 | *.su 42 | *.idb 43 | *.pdb 44 | 45 | # Kernel Module Compile Results 46 | *.mod* 47 | *.cmd 48 | .tmp_versions/ 49 | modules.order 50 | Module.symvers 51 | Mkfile.old 52 | dkms.conf 53 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Configuration-webpage-esp32 2 | 3 | A web page hosted on wifi accesspoint of 32 bit micro-controller to provide each configuration details to micro-controller required for data sending to server, details includes connection of Router(dhcp and static modes) To Server(HTTP, TCP, MQTT). Give details through web page and connect your esp32 board to your wifi connection and with your server to send data. 4 | 5 | ![login_page_2_50](https://user-images.githubusercontent.com/38309034/69948008-d2e56680-1514-11ea-9f9c-45ff2e7cb815.jpeg) 6 | ![main_page_status_50](https://user-images.githubusercontent.com/38309034/69948226-3ff8fc00-1515-11ea-9384-f77cf304bf8e.jpeg) 7 | ![wifi_settings_50](https://user-images.githubusercontent.com/38309034/69948228-412a2900-1515-11ea-9005-a9f3e0c9566d.jpeg) 8 | ![service_50](https://user-images.githubusercontent.com/38309034/69948239-44251980-1515-11ea-947c-306a484070c7.jpeg) 9 | ![rebootreset_52](https://user-images.githubusercontent.com/38309034/69948514-cca3ba00-1515-11ea-85bb-06951b0ef737.jpeg) 10 | 11 | 12 | ### Configuration Process 13 | 1. Upload .ino code to your ESP32. 14 | 1. Uplad Data folder using Esp32 sketch data upload. 15 | 2. Connect mobile with hotspot : ESP32_PAGE_2. 16 | 3. Go to web browser and hit 192.168.4.1. 17 | 4. Scan for your wifi network, write password hit apply. 18 | 5. Press Reboot. 19 | 6. esp32 is now connected with your wifi network. 20 | 7. Go to service section give necessary server credential for MQTT or HTTP or TCP to connect. 21 | 8. press reboot. 22 | 9. esp32 will connect with your server and send your data to your server. 23 | 24 | ##### Library Used 25 | 26 | - ESp32_arduino :- https://github.com/espressif/arduino-esp32 27 | - ESPAsyncWebServer:- https://github.com/me-no-dev/ESPAsyncWebServer 28 | - AsyncTCP:- https://github.com/me-no-dev/AsyncTCP 29 | - esp32 SPIFF File system :- https://github.com/me-no-dev/arduino-esp32fs-plugin 30 | -------------------------------------------------------------------------------- /login.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Login 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 |
17 |

Login

18 |
19 |
20 |
21 |
22 | 23 | 24 |
25 |
26 | 77 | 78 | 79 | 80 | -------------------------------------------------------------------------------- /Configuration_Webpage/data/login.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Login 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 |
17 |

Login

18 |
19 |
20 |
21 |
22 | 23 | 24 |
25 |
26 | 77 | 78 | 79 | 80 | -------------------------------------------------------------------------------- /js/pixie-custom.js: -------------------------------------------------------------------------------- 1 | $(document).ready(function() { 2 | var options = []; 3 | $('.panel-title a').on('click', function() { var checkboxControl = $(this).find("input[type='checkbox']"); if (checkboxControl.prop('checked') == false) { checkboxControl.prop('checked', true); } else { checkboxControl.prop('checked', false); } }); 4 | 5 | $('body').on('change', '.sevice-access', function(event) { 6 | if ($(this).find('option:selected').text() == "MQTT") { 7 | $(this).parents('#service').addClass('mqtt-box-active'); 8 | $(this).parents('#service').removeClass('http-box-active'); 9 | $(this).parents('#service').removeClass('tcp-box-active'); 10 | $(this).parents('#service').removeClass('socket-box-active'); 11 | } 12 | }); 13 | 14 | $('body').on('change', '.sevice-access', function(event) { 15 | if ($(this).find('option:selected').text() == "HTTP") { 16 | $(this).parents('#service').addClass('http-box-active'); 17 | $(this).parents('#service').removeClass('mqtt-box-active'); 18 | $(this).parents('#service').removeClass('tcp-box-active'); 19 | $(this).parents('#service').removeClass('socket-box-active'); 20 | } 21 | }); 22 | 23 | $('body').on('change', '.sevice-access', function(event) { 24 | if ($(this).find('option:selected').text() == "TCP") { 25 | $(this).parents('#service').addClass('tcp-box-active'); 26 | $(this).parents('#service').removeClass('mqtt-box-active'); 27 | $(this).parents('#service').removeClass('http-box-active'); 28 | $(this).parents('#service').removeClass('socket-box-active'); 29 | } 30 | }); 31 | 32 | $('body').on('change', '.sevice-access', function(event) { 33 | if ($(this).find('option:selected').text() == "Socket.io") { 34 | $(this).parents('#service').addClass('socket-box-active'); 35 | $(this).parents('#service').removeClass('mqtt-box-active'); 36 | $(this).parents('#service').removeClass('http-box-active'); 37 | $(this).parents('#service').removeClass('tcp-box-active'); 38 | } 39 | }); 40 | 41 | 42 | 43 | 44 | 45 | $(document).on('change', '.mdb-select', function(event) { 46 | if ($(this).find('option:selected').text() == "static") { 47 | $(this).parents('#network').addClass('static-box-active'); 48 | } else { 49 | $(this).parents('#network').removeClass('static-box-active'); 50 | } 51 | }); 52 | $(document).on('change', '.mdb-select-repeater', function(event) { 53 | if ($(this).find('option:selected').text() == "static") { 54 | $(this).parents('#network').addClass('inner-static-box-active'); 55 | } else { 56 | $(this).parents('#network').removeClass('inner-static-box-active'); 57 | } 58 | }); 59 | 60 | $('body').on('click', '.dhcp-box', function(event) { $(this).parents('#network').removeClass('static-box-active'); }); 61 | $('body').on('click', '.inner-static-box', function(event) { $(this).parents('#network').addClass('inner-static-box-active'); }); 62 | $('body').on('click', '.inner-dhcp-box', function(event) { $(this).parents('#network').removeClass('inner-static-box-active'); }); 63 | $('body').on('change', '.ble-data-format1,.ble-data-format2,.ble-data-format3,.ble-data-format4,.upgeade-tpe-box ', function(event) { });//bleDataFormatFilter(); 64 | //bleDataFormatFilter(); 65 | }); 66 | 67 | /*function bleDataFormatFilter() { 68 | var bleDataFormat1 = $('.ble-data-format1 option:selected'); 69 | var bleDataFormat2 = $('.ble-data-format2 option:selected'); 70 | if (bleDataFormat1.text() == "Json" && bleDataFormat2.text() == "Short") { 71 | $('.json-short-box').css('display', 'block'); 72 | $('.binary-box,.json-long-box').css('display', 'none'); 73 | } else if (bleDataFormat1.text() == "Json" && bleDataFormat2.text() == "Long") { 74 | $('.json-long-box').css('display', 'block'); 75 | $('.binary-box,.json-short-box').css('display', 'none'); 76 | } else if (bleDataFormat1.text() == "Binary" && (bleDataFormat2.text() == "Long" || bleDataFormat2.text() == "Short")) { 77 | $('.binary-box').css('display', 'block'); 78 | $('.json-short-box,.json-long-box').css('display', 'none'); 79 | } 80 | var bleDataFormat3 = $('.ble-data-format3 option:selected'); 81 | var bleDataFormat4 = $('.ble-data-format4 option:selected'); 82 | if (bleDataFormat3.text() == "Json" && bleDataFormat4.text() == "Short") { 83 | $('.json-short-box1').css('display', 'block'); 84 | $('.binary-box1,.json-long-box1').css('display', 'none'); 85 | } else if (bleDataFormat3.text() == "Json" && bleDataFormat4.text() == "Long") { 86 | $('.json-long-box1').css('display', 'block'); 87 | $('.binary-box1,.json-short-box1').css('display', 'none'); 88 | } else if (bleDataFormat3.text() == "Binary" && (bleDataFormat4.text() == "Long" || bleDataFormat4.text() == "Short")) { 89 | $('.binary-box1').css('display', 'block'); 90 | $('.json-short-box1,.json-long-box1').css('display', 'none'); 91 | } 92 | var bleDataFormat5 = $('.upgeade-tpe-box option:selected'); 93 | if (bleDataFormat5.text() == "USB Upgrade") { 94 | $('.usb-upgeade-box').css('display', 'block'); 95 | $('.ota-upgrade-box,.customization-box').css('display', 'none'); 96 | } else if (bleDataFormat5.text() == "OTA Upgrade") { 97 | $('.ota-upgrade-box').css('display', 'block'); 98 | $('.usb-upgeade-box,.customization-box').css('display', 'none'); 99 | } else if (bleDataFormat5.text() == "Customization Upgrade") { 100 | $('.customization-box').css('display', 'block'); 101 | $('.usb-upgeade-box,.ota-upgrade-box').css('display', 'none'); 102 | } 103 | }*/ -------------------------------------------------------------------------------- /Configuration_Webpage/data/js/pixie-custom.js: -------------------------------------------------------------------------------- 1 | $(document).ready(function() { 2 | var options = []; 3 | $('.panel-title a').on('click', function() { var checkboxControl = $(this).find("input[type='checkbox']"); if (checkboxControl.prop('checked') == false) { checkboxControl.prop('checked', true); } else { checkboxControl.prop('checked', false); } }); 4 | 5 | $('body').on('change', '.sevice-access', function(event) { 6 | if ($(this).find('option:selected').text() == "MQTT") { 7 | $(this).parents('#service').addClass('mqtt-box-active'); 8 | $(this).parents('#service').removeClass('http-box-active'); 9 | $(this).parents('#service').removeClass('tcp-box-active'); 10 | $(this).parents('#service').removeClass('socket-box-active'); 11 | } 12 | }); 13 | 14 | $('body').on('change', '.sevice-access', function(event) { 15 | if ($(this).find('option:selected').text() == "HTTP") { 16 | $(this).parents('#service').addClass('http-box-active'); 17 | $(this).parents('#service').removeClass('mqtt-box-active'); 18 | $(this).parents('#service').removeClass('tcp-box-active'); 19 | $(this).parents('#service').removeClass('socket-box-active'); 20 | } 21 | }); 22 | 23 | $('body').on('change', '.sevice-access', function(event) { 24 | if ($(this).find('option:selected').text() == "TCP") { 25 | $(this).parents('#service').addClass('tcp-box-active'); 26 | $(this).parents('#service').removeClass('mqtt-box-active'); 27 | $(this).parents('#service').removeClass('http-box-active'); 28 | $(this).parents('#service').removeClass('socket-box-active'); 29 | } 30 | }); 31 | 32 | $('body').on('change', '.sevice-access', function(event) { 33 | if ($(this).find('option:selected').text() == "Socket.io") { 34 | $(this).parents('#service').addClass('socket-box-active'); 35 | $(this).parents('#service').removeClass('mqtt-box-active'); 36 | $(this).parents('#service').removeClass('http-box-active'); 37 | $(this).parents('#service').removeClass('tcp-box-active'); 38 | } 39 | }); 40 | 41 | 42 | 43 | 44 | 45 | $(document).on('change', '.mdb-select', function(event) { 46 | if ($(this).find('option:selected').text() == "static") { 47 | $(this).parents('#network').addClass('static-box-active'); 48 | } else { 49 | $(this).parents('#network').removeClass('static-box-active'); 50 | } 51 | }); 52 | $(document).on('change', '.mdb-select-repeater', function(event) { 53 | if ($(this).find('option:selected').text() == "static") { 54 | $(this).parents('#network').addClass('inner-static-box-active'); 55 | } else { 56 | $(this).parents('#network').removeClass('inner-static-box-active'); 57 | } 58 | }); 59 | 60 | $('body').on('click', '.dhcp-box', function(event) { $(this).parents('#network').removeClass('static-box-active'); }); 61 | $('body').on('click', '.inner-static-box', function(event) { $(this).parents('#network').addClass('inner-static-box-active'); }); 62 | $('body').on('click', '.inner-dhcp-box', function(event) { $(this).parents('#network').removeClass('inner-static-box-active'); }); 63 | $('body').on('change', '.ble-data-format1,.ble-data-format2,.ble-data-format3,.ble-data-format4,.upgeade-tpe-box ', function(event) { });//bleDataFormatFilter(); 64 | //bleDataFormatFilter(); 65 | }); 66 | 67 | /*function bleDataFormatFilter() { 68 | var bleDataFormat1 = $('.ble-data-format1 option:selected'); 69 | var bleDataFormat2 = $('.ble-data-format2 option:selected'); 70 | if (bleDataFormat1.text() == "Json" && bleDataFormat2.text() == "Short") { 71 | $('.json-short-box').css('display', 'block'); 72 | $('.binary-box,.json-long-box').css('display', 'none'); 73 | } else if (bleDataFormat1.text() == "Json" && bleDataFormat2.text() == "Long") { 74 | $('.json-long-box').css('display', 'block'); 75 | $('.binary-box,.json-short-box').css('display', 'none'); 76 | } else if (bleDataFormat1.text() == "Binary" && (bleDataFormat2.text() == "Long" || bleDataFormat2.text() == "Short")) { 77 | $('.binary-box').css('display', 'block'); 78 | $('.json-short-box,.json-long-box').css('display', 'none'); 79 | } 80 | var bleDataFormat3 = $('.ble-data-format3 option:selected'); 81 | var bleDataFormat4 = $('.ble-data-format4 option:selected'); 82 | if (bleDataFormat3.text() == "Json" && bleDataFormat4.text() == "Short") { 83 | $('.json-short-box1').css('display', 'block'); 84 | $('.binary-box1,.json-long-box1').css('display', 'none'); 85 | } else if (bleDataFormat3.text() == "Json" && bleDataFormat4.text() == "Long") { 86 | $('.json-long-box1').css('display', 'block'); 87 | $('.binary-box1,.json-short-box1').css('display', 'none'); 88 | } else if (bleDataFormat3.text() == "Binary" && (bleDataFormat4.text() == "Long" || bleDataFormat4.text() == "Short")) { 89 | $('.binary-box1').css('display', 'block'); 90 | $('.json-short-box1,.json-long-box1').css('display', 'none'); 91 | } 92 | var bleDataFormat5 = $('.upgeade-tpe-box option:selected'); 93 | if (bleDataFormat5.text() == "USB Upgrade") { 94 | $('.usb-upgeade-box').css('display', 'block'); 95 | $('.ota-upgrade-box,.customization-box').css('display', 'none'); 96 | } else if (bleDataFormat5.text() == "OTA Upgrade") { 97 | $('.ota-upgrade-box').css('display', 'block'); 98 | $('.usb-upgeade-box,.customization-box').css('display', 'none'); 99 | } else if (bleDataFormat5.text() == "Customization Upgrade") { 100 | $('.customization-box').css('display', 'block'); 101 | $('.usb-upgeade-box,.ota-upgrade-box').css('display', 'none'); 102 | } 103 | }*/ -------------------------------------------------------------------------------- /css/pixie-main.css: -------------------------------------------------------------------------------- 1 | body { font-size: 25px; width: 700px; min-height: 900px; margin: 0px auto; border: 1px solid rgb(210, 210, 210); box-shadow: 0px 0px 5px 1px rgb(210, 210, 210) } 2 | .h3 { text-transform: uppercase; margin-bottom: 40px } 3 | .login-box, .tab-content { padding: 20px 40px } 4 | .form-control { height: 50px; font-size: 16px } 5 | 6 | /*.btn { font-size: 20px; padding: 10px; background: #209e91; color: #fff } 7 | */ 8 | 9 | /*.btn:hover, .btn.focus, .btn:focus, .btn:hover { background: #21998d; color: #fff }*/ 10 | 11 | /*.load-btn { background: rgba(139, 156, 172, 0.8) } 12 | .load-btn:hover { color: #000; background: rgba(139, 156, 172, 0.8) }*/ 13 | .btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus, a:focus, a:hover { outline: none; text-decoration: none } 14 | .nav-pills > li > a { padding: 3px; font-size: 20px; color: #fff; text-align: center; border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0 } 15 | .nav > li > a:focus, .nav > li > a:hover, .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover { background: rgba(164, 179, 193, 0.8) } 16 | .nav-pills > li { background: #209e91; float: left; width: 25%; margin-right: -2px } 17 | .nav-pills > li > a > img { width: 35px; height: 35px; margin: 0 auto 5px; display: block } 18 | .table > tbody > tr:first-child > td { border: none } 19 | h4 { color: #31bde6; text-transform: uppercase; font-weight: bold } 20 | h4 img { width: 27px; height: 27px; margin-right: 8px } 21 | label { font-weight: 200; font-size: 20px; display: block } 22 | .table { margin-bottom: 0 } 23 | .panel-default>.panel-heading { padding: 0 } 24 | .panel-default>.panel-heading a { display: block; padding: 10px; position: relative; border-bottom: 1px solid #ccc } 25 | .switch { position: absolute; display: inline-block; width: 60px; height: 30px; margin-bottom: 0; right: 20px; top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%) } 26 | .switch input { display: none } 27 | .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; border-radius: 34px; -o-border-radius: 34px; -ms-border-radius: 34px; -moz-border-radius: 34px; -webkit-border-radius: 34px } 28 | .slider:before { position: absolute; content: ""; height: 24px; width: 24px; left: 5px; bottom: 3px; background-color: white; -webkit-transition: .4s; transition: .4s; border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50% } 29 | input:checked + .slider { background-color: #209e91 } 30 | input:focus + .slider { box-shadow: 0 0 1px ##209e91 } 31 | input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px) } 32 | .panel-default > .panel-heading { background: transparent; border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0 } 33 | .panel, .panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body { border: none; box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none } 34 | .panel-title { text-transform: capitalize; font-size: 20px; font-weight: normal } 35 | .require { display: inline-block; vertical-align: middle; color: #31bde6; font-size: 26px; line-height: 1; padding-top: 0; margin-right: 2px } 36 | .panel-default > .panel-heading a.active .slider.round { background: #209e91 } 37 | .panel-default > .panel-heading a.active.collapsed .slider.round { background: #eeeeee } 38 | .box-2, .box-3, .box-4, .binary-box, .json-short-box { display: none } 39 | .mqtt-box-active .box-2, .http-box-active .box-1 { display: none } 40 | .http-box-active .box-2, .static-box-active .box-3, .inner-static-box-active .box-4 { display: block } 41 | ul li { list-style-type: decimal } 42 | .combo-box p { position: relative; display: block; margin-bottom: 30px } 43 | .combo-box p span { display: inline-block; vertical-align: middle; width: 100%; padding-right: 110px } 44 | .combo-box p .btn.common-btn {left: auto;background: #209e91;bottom: auto;color: #fff; padding: 10px 55px; width: 170px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%) } 45 | .inner-con-box { border: 1px solid #ccc; padding: 25px; margin-bottom: 20px } 46 | 47 | /*16-1-2019*/ 48 | .pswd-form-group { position: relative; } 49 | .pswd-form-group .show-pswd { position: absolute; right: 6px; top: 68%; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } 50 | .pswd-form-group .show-pswd span { font-size: 18px; } 51 | .or-box { text-align: center; display: block; font-size: 18px; color: #888; margin: 10px 0; } 52 | .tcp-box-active .box-2, .tcp-box-active .box-1, .socket-box-active .box-2, .socket-box-active .box-1, .socket-box-active .box-3 { display: none; } 53 | .tcp-box-active .box-3, .socket-box-active .box-4 { display: block; } 54 | .main-box { position: relative; } 55 | .alert { box-shadow: -1px 4px 9px #565656; -o-box-shadow: -1px 4px 9px #565656; -ms-box-shadow: -1px 4px 9px #565656; -moz-box-shadow: -1px 4px 9px #565656; -webkit-box-shadow: -1px 4px 9px #565656; } 56 | .alert, .alert .box { text-align: center; position: absolute; left: 0; right: 0; margin: 0 auto; width: 65%; top: 50%; transform: translateY(-50%); height: 200px; } 57 | .alert .box { height: auto; width: 90%; } 58 | .alert .box i { font-size: 35px; } 59 | .alert p { font-size: 18px; text-align: center; } 60 | .alert .btn { margin-top: 10px; font-size: 13px; padding: 5px 10px; background: #209e91; color: #fff; } 61 | .login-box .pswd-form-group .show-pswd { top: 50%; } 62 | .reload-form-group { position: relative; } 63 | .reload-form-group .progress-btn{width: auto;} 64 | .reload-form-group .btn {padding: 12px;background: #209e91;color: #fff; width: 50px; position: absolute; right: 0; top: 70%; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } 65 | .reload-form-group .mdb-select { width: 90%; } 66 | .progress-btn { position: relative; width: 100%; height: 50px; display: inline-block; background: #209e91;color: #fff; font-weight: normal; font-size: 20px; transition: all 0.4s ease;-o-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;border-radius: 4px;-o-border-radius: 4px;-ms-border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px; } 67 | .progress-btn:not(.active) { cursor: pointer; } 68 | .progress-btn .btn{color: #fff; position: absolute; left: 0; top: 0; right: 0; bottom: 0; line-height: 1;padding: 17px 5px; text-align: center; z-index: 10; opacity: 1; } 69 | .progress-btn .progress { width: 0%; z-index: 5; background: #1da798; opacity: 0; transition: all 0.3s ease; } 70 | .progress-btn.active .progress { opacity: 1; animation: progress-anim 10s ease 0s; } 71 | .progress-btn[data-progress-style='indefinite'].active .progress { animation: progress-indefinite-anim 1s infinite linear 0s; } 72 | .progress-btn[data-progress-style='fill-bottom'].active .progress, .progress-btn[data-progress-style='fill-top'].active .progress { height: 5px; } 73 | .progress-btn[data-progress-style='indefinite-circle'].active .progress { animation: dash 2s ease infinite, rotate 2s linear infinite; } 74 | .progress-btn[data-progress-style='indefinite-circle'].active { width: 50px; } 75 | .progress-btn[data-progress-style='fill-back'] .progress { position: absolute; left: 0; top: 0; right: 0; bottom: 0;height: 100%; } 76 | .progress-btn[data-progress-style='fill-bottom'] .progress { position: absolute; left: 0; right: 0; bottom: 0; height: 0; } 77 | .progress-btn[data-progress-style='fill-top'] .progress { position: absolute; left: 0; right: 0; top: 0; height: 0; } 78 | .progress-btn[data-progress-style='indefinite'] .progress { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'50'%20height%3D'100'%20viewBox%3D'0%200%205%2010'%3E%0A%09%3Crect%20width%3D'110%25'%20x%3D'-5%25'%20y%3D'-5%25'%20height%3D'110%25'%20fill%3D'transparent'%2F%3E%0A%09%3Cline%20x1%3D'-2'%20y1%3D'1'%20x2%3D'7'%20y2%3D'10'%20stroke%3D'%23D32F2F'%20stroke-width%3D'2'%2F%3E%0A%09%3Cline%20x1%3D'-2'%20y1%3D'6'%20x2%3D'7'%20y2%3D'15'%20stroke%3D'%23D32F2F'%20stroke-width%3D'2'%2F%3E%0A%09%3Cline%20x1%3D'-2'%20y1%3D'-4'%20x2%3D'7'%20y2%3D'5'%20stroke%3D'%23D32F2F'%20stroke-width%3D'2'%2F%3E%0A%3C%2Fsvg%3E"); } 79 | .progress-btn[data-progress-style='indefinite-circle'] .progress { width: 40px; height: 40px; background: transparent; position: absolute; top: 5px; left: calc(50% - 20px); } 80 | .progress-btn[data-progress-style='indefinite-circle'].active .btn { opacity: 0; } 81 | .btn-block {color: #fff; 82 | display: block; 83 | width: 100%; 84 | padding: 17px 5px;line-height: 1; 85 | color: #fff; 86 | background: #209e91; 87 | } 88 | .btn-block a{color: #fff;} 89 | .circle-loader { fill: transparent; stroke: #eee; stroke-width: 5; } 90 | @keyframes dash { 91 | 0% { stroke-dasharray: 1, 95; stroke-dashoffset: 0; } 92 | 50% { stroke-dasharray: 85, 95; stroke-dashoffset: -25; } 93 | 100% { stroke-dasharray: 85, 95; stroke-dashoffset: -93; } 94 | } 95 | @keyframes rotate { 96 | 0% { transform: rotate(0deg); } 97 | 100% { transform: rotate(360deg); } 98 | } 99 | @keyframes progress-anim { 100 | 0% { width: 0%; } 101 | 5% { width: 0%; } 102 | 10% { width: 15%; } 103 | 30% { width: 40%; } 104 | 50% { width: 55%; } 105 | 80% { width: 100%; } 106 | 95% { width: 100%; } 107 | 100% { width: 0%; } 108 | } 109 | @keyframes progress-indefinite-anim { 110 | 0% { background-position: 0% 0%; } 111 | 100% { background-position: 100% 0%; } 112 | } 113 | 114 | /* Safari */ 115 | @-webkit-keyframes spin { 116 | 0% { -webkit-transform: rotate(0deg); } 117 | 100% { -webkit-transform: rotate(360deg); } 118 | } 119 | @keyframes spin { 120 | 0% { transform: rotate(0deg); } 121 | 100% { transform: rotate(360deg); } 122 | } 123 | 124 | /*loader*/ 125 | .loader-box{ 126 | position: absolute; 127 | width: 100%; 128 | height: 100%; 129 | top: 0; 130 | background: rgba(0,0,0,0.8); 131 | left: 0; 132 | right: 0; 133 | margin: 0 auto; 134 | z-index: 999; 135 | display: none; 136 | 137 | 138 | } 139 | .loader-box .inner-box{position: absolute; 140 | left: 0; 141 | right: 0; 142 | top: 50%; 143 | margin: 0 auto; 144 | text-align: center; 145 | background: 100%; 146 | display: block; 147 | width: 100px;transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);} 148 | .loader-box .loading { 149 | width: 5px; 150 | height: 5px; 151 | background: #0ce6bf; 152 | position: absolute; 153 | top: 70px; 154 | left: 70px; 155 | -moz-border-radius: 80px; 156 | -webkit-border-radius: 80px; 157 | border-radius: 80px; 158 | } 159 | 160 | .loader-box .loading.p1 { 161 | -webkit-animation: anim-p1 2s cubic-bezier(0.25, 0.53, 0.69, 0.45) infinite; 162 | } 163 | .loader-box .loading.p2 { 164 | -webkit-animation: anim-p2 2s cubic-bezier(0.25, 0.53, 0.69, 0.45) infinite; 165 | } 166 | .loader-box .loading.p3 { 167 | -webkit-animation: anim-p3 2s cubic-bezier(0.25, 0.53, 0.69, 0.45) infinite; 168 | } 169 | .loader-box .loading.p4 { 170 | -webkit-animation: anim-p4 2s cubic-bezier(0.25, 0.53, 0.69, 0.45) infinite; 171 | } 172 | .loader-box .loading.p5 { 173 | -webkit-animation: anim-p5 2s cubic-bezier(0.25, 0.53, 0.69, 0.45) infinite; 174 | } 175 | .loader-box .loading.p6 { 176 | -webkit-animation: anim-p6 2s cubic-bezier(0.25, 0.53, 0.69, 0.45) infinite; 177 | } 178 | .loader-box .loading.p7 { 179 | -webkit-animation: anim-p7 2s cubic-bezier(0.25, 0.53, 0.69, 0.45) infinite; 180 | } 181 | .loader-box .loading.p8 { 182 | -webkit-animation: anim-p8 2s cubic-bezier(0.25, 0.53, 0.69, 0.45) infinite; 183 | } 184 | .loader-box span { 185 | position: absolute; 186 | 187 | font-weight: 300; 188 | color: #2c3e50; 189 | bottom: 0; 190 | left: 36px; 191 | } 192 | 193 | @-webkit-keyframes anim-p1 { 194 | 0% { 195 | -moz-transform: rotate(0deg) scale(1) translateX(20px); 196 | -ms-transform: rotate(0deg) scale(1) translateX(20px); 197 | -webkit-transform: rotate(0deg) scale(1) translateX(20px); 198 | transform: rotate(0deg) scale(1) translateX(20px); 199 | } 200 | 50% { 201 | -moz-transform: rotate(180deg) scale(1.3) translateX(30px); 202 | -ms-transform: rotate(180deg) scale(1.3) translateX(30px); 203 | -webkit-transform: rotate(180deg) scale(1.3) translateX(30px); 204 | transform: rotate(180deg) scale(1.3) translateX(30px); 205 | } 206 | 100% { 207 | -moz-transform: rotate(360deg) scale(1) translateX(20px); 208 | -ms-transform: rotate(360deg) scale(1) translateX(20px); 209 | -webkit-transform: rotate(360deg) scale(1) translateX(20px); 210 | transform: rotate(360deg) scale(1) translateX(20px); 211 | } 212 | } 213 | @-webkit-keyframes anim-p2 { 214 | 0% { 215 | -moz-transform: rotate(90deg) scale(1) translateX(20px); 216 | -ms-transform: rotate(90deg) scale(1) translateX(20px); 217 | -webkit-transform: rotate(90deg) scale(1) translateX(20px); 218 | transform: rotate(90deg) scale(1) translateX(20px); 219 | } 220 | 50% { 221 | -moz-transform: rotate(270deg) scale(1.3) translateX(30px); 222 | -ms-transform: rotate(270deg) scale(1.3) translateX(30px); 223 | -webkit-transform: rotate(270deg) scale(1.3) translateX(30px); 224 | transform: rotate(270deg) scale(1.3) translateX(30px); 225 | } 226 | 100% { 227 | -moz-transform: rotate(450deg) scale(1) translateX(20px); 228 | -ms-transform: rotate(450deg) scale(1) translateX(20px); 229 | -webkit-transform: rotate(450deg) scale(1) translateX(20px); 230 | transform: rotate(450deg) scale(1) translateX(20px); 231 | } 232 | } 233 | @-webkit-keyframes anim-p3 { 234 | 0% { 235 | -moz-transform: rotate(270deg) scale(1) translateX(20px); 236 | -ms-transform: rotate(270deg) scale(1) translateX(20px); 237 | -webkit-transform: rotate(270deg) scale(1) translateX(20px); 238 | transform: rotate(270deg) scale(1) translateX(20px); 239 | } 240 | 50% { 241 | -moz-transform: rotate(450deg) scale(1.3) translateX(30px); 242 | -ms-transform: rotate(450deg) scale(1.3) translateX(30px); 243 | -webkit-transform: rotate(450deg) scale(1.3) translateX(30px); 244 | transform: rotate(450deg) scale(1.3) translateX(30px); 245 | } 246 | 100% { 247 | -moz-transform: rotate(630deg) scale(1) translateX(20px); 248 | -ms-transform: rotate(630deg) scale(1) translateX(20px); 249 | -webkit-transform: rotate(630deg) scale(1) translateX(20px); 250 | transform: rotate(630deg) scale(1) translateX(20px); 251 | } 252 | } 253 | @-webkit-keyframes anim-p4 { 254 | 0% { 255 | -moz-transform: rotate(180deg) scale(1) translateX(20px); 256 | -ms-transform: rotate(180deg) scale(1) translateX(20px); 257 | -webkit-transform: rotate(180deg) scale(1) translateX(20px); 258 | transform: rotate(180deg) scale(1) translateX(20px); 259 | } 260 | 50% { 261 | -moz-transform: rotate(360deg) scale(1.3) translateX(30px); 262 | -ms-transform: rotate(360deg) scale(1.3) translateX(30px); 263 | -webkit-transform: rotate(360deg) scale(1.3) translateX(30px); 264 | transform: rotate(360deg) scale(1.3) translateX(30px); 265 | } 266 | 100% { 267 | -moz-transform: rotate(540deg) scale(1) translateX(20px); 268 | -ms-transform: rotate(540deg) scale(1) translateX(20px); 269 | -webkit-transform: rotate(540deg) scale(1) translateX(20px); 270 | transform: rotate(540deg) scale(1) translateX(20px); 271 | } 272 | } 273 | @-webkit-keyframes anim-p5 { 274 | 0% { 275 | -moz-transform: rotate(45deg) scale(1) translateX(20px); 276 | -ms-transform: rotate(45deg) scale(1) translateX(20px); 277 | -webkit-transform: rotate(45deg) scale(1) translateX(20px); 278 | transform: rotate(45deg) scale(1) translateX(20px); 279 | } 280 | 50% { 281 | -moz-transform: rotate(225deg) scale(1.3) translateX(30px); 282 | -ms-transform: rotate(225deg) scale(1.3) translateX(30px); 283 | -webkit-transform: rotate(225deg) scale(1.3) translateX(30px); 284 | transform: rotate(225deg) scale(1.3) translateX(30px); 285 | } 286 | 100% { 287 | -moz-transform: rotate(405deg) scale(1) translateX(20px); 288 | -ms-transform: rotate(405deg) scale(1) translateX(20px); 289 | -webkit-transform: rotate(405deg) scale(1) translateX(20px); 290 | transform: rotate(405deg) scale(1) translateX(20px); 291 | } 292 | } 293 | @-webkit-keyframes anim-p6 { 294 | 0% { 295 | -moz-transform: rotate(135deg) scale(1) translateX(20px); 296 | -ms-transform: rotate(135deg) scale(1) translateX(20px); 297 | -webkit-transform: rotate(135deg) scale(1) translateX(20px); 298 | transform: rotate(135deg) scale(1) translateX(20px); 299 | } 300 | 50% { 301 | -moz-transform: rotate(315deg) scale(1.3) translateX(30px); 302 | -ms-transform: rotate(315deg) scale(1.3) translateX(30px); 303 | -webkit-transform: rotate(315deg) scale(1.3) translateX(30px); 304 | transform: rotate(315deg) scale(1.3) translateX(30px); 305 | } 306 | 100% { 307 | -moz-transform: rotate(495deg) scale(1) translateX(20px); 308 | -ms-transform: rotate(495deg) scale(1) translateX(20px); 309 | -webkit-transform: rotate(495deg) scale(1) translateX(20px); 310 | transform: rotate(495deg) scale(1) translateX(20px); 311 | } 312 | } 313 | @-webkit-keyframes anim-p7 { 314 | 0% { 315 | -moz-transform: rotate(225deg) scale(1) translateX(20px); 316 | -ms-transform: rotate(225deg) scale(1) translateX(20px); 317 | -webkit-transform: rotate(225deg) scale(1) translateX(20px); 318 | transform: rotate(225deg) scale(1) translateX(20px); 319 | } 320 | 50% { 321 | -moz-transform: rotate(405deg) scale(1.3) translateX(30px); 322 | -ms-transform: rotate(405deg) scale(1.3) translateX(30px); 323 | -webkit-transform: rotate(405deg) scale(1.3) translateX(30px); 324 | transform: rotate(405deg) scale(1.3) translateX(30px); 325 | } 326 | 100% { 327 | -moz-transform: rotate(585deg) scale(1) translateX(20px); 328 | -ms-transform: rotate(585deg) scale(1) translateX(20px); 329 | -webkit-transform: rotate(585deg) scale(1) translateX(20px); 330 | transform: rotate(585deg) scale(1) translateX(20px); 331 | } 332 | } 333 | @-webkit-keyframes anim-p8 { 334 | 0% { 335 | -moz-transform: rotate(315deg) scale(1) translateX(20px); 336 | -ms-transform: rotate(315deg) scale(1) translateX(20px); 337 | -webkit-transform: rotate(315deg) scale(1) translateX(20px); 338 | transform: rotate(315deg) scale(1) translateX(20px); 339 | } 340 | 50% { 341 | -moz-transform: rotate(495deg) scale(1.3) translateX(30px); 342 | -ms-transform: rotate(495deg) scale(1.3) translateX(30px); 343 | -webkit-transform: rotate(495deg) scale(1.3) translateX(30px); 344 | transform: rotate(495deg) scale(1.3) translateX(30px); 345 | } 346 | 100% { 347 | -moz-transform: rotate(675deg) scale(1) translateX(20px); 348 | -ms-transform: rotate(675deg) scale(1) translateX(20px); 349 | -webkit-transform: rotate(675deg) scale(1) translateX(20px); 350 | transform: rotate(675deg) scale(1) translateX(20px); 351 | } 352 | } 353 | .loader-active .loader-box{display: block;} 354 | @media screen and (max-width:1023px) { 355 | .col-md-4 { width: 33.33%; float: left } 356 | .col-md-8 { width: 66.66%; float: left } 357 | .col-md-6 { width: 50%; float: left } 358 | } 359 | @media screen and (max-width:767px) { 360 | body, label { width: 100%; font-size: 16px !important } 361 | .nav-pills > li > a > img { width: 25px; height: 25px } 362 | .btn, .combo-box p .btn { font-size: 16px; padding: 7px } 363 | .form-control { height: 34px } 364 | .login-box, .tab-content { padding: 20px 20px } 365 | .combo-box p .btn { width: 105px } 366 | .nav-pills > li > a, h4 { font-size: 15px } 367 | .form-control { font-size: 14px } 368 | .panel-body { padding: 15px 0; } 369 | .reload-form-group .mdb-select { width: 87%; } 370 | .reload-form-group .btn { width: 30px; font-size: 13px; } 371 | .pswd-form-group .show-pswd { top: 73%; } 372 | } 373 | @media screen and (max-width:479px) { 374 | .col-md-4, .col-md-8, .col-md-6 { width: 100%; margin-bottom: 10px } 375 | .switch { width: 55px; height: 25px } 376 | .slider:before { height: 20px; width: 20px } 377 | } 378 | -------------------------------------------------------------------------------- /Configuration_Webpage/data/css/pixie-main.css: -------------------------------------------------------------------------------- 1 | body { font-size: 25px; width: 700px; min-height: 900px; margin: 0px auto; border: 1px solid rgb(210, 210, 210); box-shadow: 0px 0px 5px 1px rgb(210, 210, 210) } 2 | .h3 { text-transform: uppercase; margin-bottom: 40px } 3 | .login-box, .tab-content { padding: 20px 40px } 4 | .form-control { height: 50px; font-size: 16px } 5 | 6 | /*.btn { font-size: 20px; padding: 10px; background: #209e91; color: #fff } 7 | */ 8 | 9 | /*.btn:hover, .btn.focus, .btn:focus, .btn:hover { background: #21998d; color: #fff }*/ 10 | 11 | /*.load-btn { background: rgba(139, 156, 172, 0.8) } 12 | .load-btn:hover { color: #000; background: rgba(139, 156, 172, 0.8) }*/ 13 | .btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus, a:focus, a:hover { outline: none; text-decoration: none } 14 | .nav-pills > li > a { padding: 3px; font-size: 20px; color: #fff; text-align: center; border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0 } 15 | .nav > li > a:focus, .nav > li > a:hover, .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover { background: rgba(164, 179, 193, 0.8) } 16 | .nav-pills > li { background: #209e91; float: left; width: 25%; margin-right: -2px } 17 | .nav-pills > li > a > img { width: 35px; height: 35px; margin: 0 auto 5px; display: block } 18 | .table > tbody > tr:first-child > td { border: none } 19 | h4 { color: #31bde6; text-transform: uppercase; font-weight: bold } 20 | h4 img { width: 27px; height: 27px; margin-right: 8px } 21 | label { font-weight: 200; font-size: 20px; display: block } 22 | .table { margin-bottom: 0 } 23 | .panel-default>.panel-heading { padding: 0 } 24 | .panel-default>.panel-heading a { display: block; padding: 10px; position: relative; border-bottom: 1px solid #ccc } 25 | .switch { position: absolute; display: inline-block; width: 60px; height: 30px; margin-bottom: 0; right: 20px; top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%) } 26 | .switch input { display: none } 27 | .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; border-radius: 34px; -o-border-radius: 34px; -ms-border-radius: 34px; -moz-border-radius: 34px; -webkit-border-radius: 34px } 28 | .slider:before { position: absolute; content: ""; height: 24px; width: 24px; left: 5px; bottom: 3px; background-color: white; -webkit-transition: .4s; transition: .4s; border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50% } 29 | input:checked + .slider { background-color: #209e91 } 30 | input:focus + .slider { box-shadow: 0 0 1px ##209e91 } 31 | input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px) } 32 | .panel-default > .panel-heading { background: transparent; border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0 } 33 | .panel, .panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body { border: none; box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none } 34 | .panel-title { text-transform: capitalize; font-size: 20px; font-weight: normal } 35 | .require { display: inline-block; vertical-align: middle; color: #31bde6; font-size: 26px; line-height: 1; padding-top: 0; margin-right: 2px } 36 | .panel-default > .panel-heading a.active .slider.round { background: #209e91 } 37 | .panel-default > .panel-heading a.active.collapsed .slider.round { background: #eeeeee } 38 | .box-2, .box-3, .box-4, .binary-box, .json-short-box { display: none } 39 | .mqtt-box-active .box-2, .http-box-active .box-1 { display: none } 40 | .http-box-active .box-2, .static-box-active .box-3, .inner-static-box-active .box-4 { display: block } 41 | ul li { list-style-type: decimal } 42 | .combo-box p { position: relative; display: block; margin-bottom: 30px } 43 | .combo-box p span { display: inline-block; vertical-align: middle; width: 100%; padding-right: 110px } 44 | .combo-box p .btn.common-btn {left: auto;background: #209e91;bottom: auto;color: #fff; padding: 10px 55px; width: 170px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%) } 45 | .inner-con-box { border: 1px solid #ccc; padding: 25px; margin-bottom: 20px } 46 | 47 | /*16-1-2019*/ 48 | .pswd-form-group { position: relative; } 49 | .pswd-form-group .show-pswd { position: absolute; right: 6px; top: 68%; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } 50 | .pswd-form-group .show-pswd span { font-size: 18px; } 51 | .or-box { text-align: center; display: block; font-size: 18px; color: #888; margin: 10px 0; } 52 | .tcp-box-active .box-2, .tcp-box-active .box-1, .socket-box-active .box-2, .socket-box-active .box-1, .socket-box-active .box-3 { display: none; } 53 | .tcp-box-active .box-3, .socket-box-active .box-4 { display: block; } 54 | .main-box { position: relative; } 55 | .alert { box-shadow: -1px 4px 9px #565656; -o-box-shadow: -1px 4px 9px #565656; -ms-box-shadow: -1px 4px 9px #565656; -moz-box-shadow: -1px 4px 9px #565656; -webkit-box-shadow: -1px 4px 9px #565656; } 56 | .alert, .alert .box { text-align: center; position: absolute; left: 0; right: 0; margin: 0 auto; width: 65%; top: 50%; transform: translateY(-50%); height: 200px; } 57 | .alert .box { height: auto; width: 90%; } 58 | .alert .box i { font-size: 35px; } 59 | .alert p { font-size: 18px; text-align: center; } 60 | .alert .btn { margin-top: 10px; font-size: 13px; padding: 5px 10px; background: #209e91; color: #fff; } 61 | .login-box .pswd-form-group .show-pswd { top: 50%; } 62 | .reload-form-group { position: relative; } 63 | .reload-form-group .progress-btn{width: auto;} 64 | .reload-form-group .btn {padding: 12px;background: #209e91;color: #fff; width: 50px; position: absolute; right: 0; top: 70%; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } 65 | .reload-form-group .mdb-select { width: 90%; } 66 | .progress-btn { position: relative; width: 100%; height: 50px; display: inline-block; background: #209e91;color: #fff; font-weight: normal; font-size: 20px; transition: all 0.4s ease;-o-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;border-radius: 4px;-o-border-radius: 4px;-ms-border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px; } 67 | .progress-btn:not(.active) { cursor: pointer; } 68 | .progress-btn .btn{color: #fff; position: absolute; left: 0; top: 0; right: 0; bottom: 0; line-height: 1;padding: 17px 5px; text-align: center; z-index: 10; opacity: 1; } 69 | .progress-btn .progress { width: 0%; z-index: 5; background: #1da798; opacity: 0; transition: all 0.3s ease; } 70 | .progress-btn.active .progress { opacity: 1; animation: progress-anim 10s ease 0s; } 71 | .progress-btn[data-progress-style='indefinite'].active .progress { animation: progress-indefinite-anim 1s infinite linear 0s; } 72 | .progress-btn[data-progress-style='fill-bottom'].active .progress, .progress-btn[data-progress-style='fill-top'].active .progress { height: 5px; } 73 | .progress-btn[data-progress-style='indefinite-circle'].active .progress { animation: dash 2s ease infinite, rotate 2s linear infinite; } 74 | .progress-btn[data-progress-style='indefinite-circle'].active { width: 50px; } 75 | .progress-btn[data-progress-style='fill-back'] .progress { position: absolute; left: 0; top: 0; right: 0; bottom: 0;height: 100%; } 76 | .progress-btn[data-progress-style='fill-bottom'] .progress { position: absolute; left: 0; right: 0; bottom: 0; height: 0; } 77 | .progress-btn[data-progress-style='fill-top'] .progress { position: absolute; left: 0; right: 0; top: 0; height: 0; } 78 | .progress-btn[data-progress-style='indefinite'] .progress { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'50'%20height%3D'100'%20viewBox%3D'0%200%205%2010'%3E%0A%09%3Crect%20width%3D'110%25'%20x%3D'-5%25'%20y%3D'-5%25'%20height%3D'110%25'%20fill%3D'transparent'%2F%3E%0A%09%3Cline%20x1%3D'-2'%20y1%3D'1'%20x2%3D'7'%20y2%3D'10'%20stroke%3D'%23D32F2F'%20stroke-width%3D'2'%2F%3E%0A%09%3Cline%20x1%3D'-2'%20y1%3D'6'%20x2%3D'7'%20y2%3D'15'%20stroke%3D'%23D32F2F'%20stroke-width%3D'2'%2F%3E%0A%09%3Cline%20x1%3D'-2'%20y1%3D'-4'%20x2%3D'7'%20y2%3D'5'%20stroke%3D'%23D32F2F'%20stroke-width%3D'2'%2F%3E%0A%3C%2Fsvg%3E"); } 79 | .progress-btn[data-progress-style='indefinite-circle'] .progress { width: 40px; height: 40px; background: transparent; position: absolute; top: 5px; left: calc(50% - 20px); } 80 | .progress-btn[data-progress-style='indefinite-circle'].active .btn { opacity: 0; } 81 | .btn-block {color: #fff; 82 | display: block; 83 | width: 100%; 84 | padding: 17px 5px;line-height: 1; 85 | color: #fff; 86 | background: #209e91; 87 | } 88 | .btn-block a{color: #fff;} 89 | .circle-loader { fill: transparent; stroke: #eee; stroke-width: 5; } 90 | @keyframes dash { 91 | 0% { stroke-dasharray: 1, 95; stroke-dashoffset: 0; } 92 | 50% { stroke-dasharray: 85, 95; stroke-dashoffset: -25; } 93 | 100% { stroke-dasharray: 85, 95; stroke-dashoffset: -93; } 94 | } 95 | @keyframes rotate { 96 | 0% { transform: rotate(0deg); } 97 | 100% { transform: rotate(360deg); } 98 | } 99 | @keyframes progress-anim { 100 | 0% { width: 0%; } 101 | 5% { width: 0%; } 102 | 10% { width: 15%; } 103 | 30% { width: 40%; } 104 | 50% { width: 55%; } 105 | 80% { width: 100%; } 106 | 95% { width: 100%; } 107 | 100% { width: 0%; } 108 | } 109 | @keyframes progress-indefinite-anim { 110 | 0% { background-position: 0% 0%; } 111 | 100% { background-position: 100% 0%; } 112 | } 113 | 114 | /* Safari */ 115 | @-webkit-keyframes spin { 116 | 0% { -webkit-transform: rotate(0deg); } 117 | 100% { -webkit-transform: rotate(360deg); } 118 | } 119 | @keyframes spin { 120 | 0% { transform: rotate(0deg); } 121 | 100% { transform: rotate(360deg); } 122 | } 123 | 124 | /*loader*/ 125 | .loader-box{ 126 | position: absolute; 127 | width: 100%; 128 | height: 100%; 129 | top: 0; 130 | background: rgba(0,0,0,0.8); 131 | left: 0; 132 | right: 0; 133 | margin: 0 auto; 134 | z-index: 999; 135 | display: none; 136 | 137 | 138 | } 139 | .loader-box .inner-box{position: absolute; 140 | left: 0; 141 | right: 0; 142 | top: 50%; 143 | margin: 0 auto; 144 | text-align: center; 145 | background: 100%; 146 | display: block; 147 | width: 100px;transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);} 148 | .loader-box .loading { 149 | width: 5px; 150 | height: 5px; 151 | background: #0ce6bf; 152 | position: absolute; 153 | top: 70px; 154 | left: 70px; 155 | -moz-border-radius: 80px; 156 | -webkit-border-radius: 80px; 157 | border-radius: 80px; 158 | } 159 | 160 | .loader-box .loading.p1 { 161 | -webkit-animation: anim-p1 2s cubic-bezier(0.25, 0.53, 0.69, 0.45) infinite; 162 | } 163 | .loader-box .loading.p2 { 164 | -webkit-animation: anim-p2 2s cubic-bezier(0.25, 0.53, 0.69, 0.45) infinite; 165 | } 166 | .loader-box .loading.p3 { 167 | -webkit-animation: anim-p3 2s cubic-bezier(0.25, 0.53, 0.69, 0.45) infinite; 168 | } 169 | .loader-box .loading.p4 { 170 | -webkit-animation: anim-p4 2s cubic-bezier(0.25, 0.53, 0.69, 0.45) infinite; 171 | } 172 | .loader-box .loading.p5 { 173 | -webkit-animation: anim-p5 2s cubic-bezier(0.25, 0.53, 0.69, 0.45) infinite; 174 | } 175 | .loader-box .loading.p6 { 176 | -webkit-animation: anim-p6 2s cubic-bezier(0.25, 0.53, 0.69, 0.45) infinite; 177 | } 178 | .loader-box .loading.p7 { 179 | -webkit-animation: anim-p7 2s cubic-bezier(0.25, 0.53, 0.69, 0.45) infinite; 180 | } 181 | .loader-box .loading.p8 { 182 | -webkit-animation: anim-p8 2s cubic-bezier(0.25, 0.53, 0.69, 0.45) infinite; 183 | } 184 | .loader-box span { 185 | position: absolute; 186 | 187 | font-weight: 300; 188 | color: #2c3e50; 189 | bottom: 0; 190 | left: 36px; 191 | } 192 | 193 | @-webkit-keyframes anim-p1 { 194 | 0% { 195 | -moz-transform: rotate(0deg) scale(1) translateX(20px); 196 | -ms-transform: rotate(0deg) scale(1) translateX(20px); 197 | -webkit-transform: rotate(0deg) scale(1) translateX(20px); 198 | transform: rotate(0deg) scale(1) translateX(20px); 199 | } 200 | 50% { 201 | -moz-transform: rotate(180deg) scale(1.3) translateX(30px); 202 | -ms-transform: rotate(180deg) scale(1.3) translateX(30px); 203 | -webkit-transform: rotate(180deg) scale(1.3) translateX(30px); 204 | transform: rotate(180deg) scale(1.3) translateX(30px); 205 | } 206 | 100% { 207 | -moz-transform: rotate(360deg) scale(1) translateX(20px); 208 | -ms-transform: rotate(360deg) scale(1) translateX(20px); 209 | -webkit-transform: rotate(360deg) scale(1) translateX(20px); 210 | transform: rotate(360deg) scale(1) translateX(20px); 211 | } 212 | } 213 | @-webkit-keyframes anim-p2 { 214 | 0% { 215 | -moz-transform: rotate(90deg) scale(1) translateX(20px); 216 | -ms-transform: rotate(90deg) scale(1) translateX(20px); 217 | -webkit-transform: rotate(90deg) scale(1) translateX(20px); 218 | transform: rotate(90deg) scale(1) translateX(20px); 219 | } 220 | 50% { 221 | -moz-transform: rotate(270deg) scale(1.3) translateX(30px); 222 | -ms-transform: rotate(270deg) scale(1.3) translateX(30px); 223 | -webkit-transform: rotate(270deg) scale(1.3) translateX(30px); 224 | transform: rotate(270deg) scale(1.3) translateX(30px); 225 | } 226 | 100% { 227 | -moz-transform: rotate(450deg) scale(1) translateX(20px); 228 | -ms-transform: rotate(450deg) scale(1) translateX(20px); 229 | -webkit-transform: rotate(450deg) scale(1) translateX(20px); 230 | transform: rotate(450deg) scale(1) translateX(20px); 231 | } 232 | } 233 | @-webkit-keyframes anim-p3 { 234 | 0% { 235 | -moz-transform: rotate(270deg) scale(1) translateX(20px); 236 | -ms-transform: rotate(270deg) scale(1) translateX(20px); 237 | -webkit-transform: rotate(270deg) scale(1) translateX(20px); 238 | transform: rotate(270deg) scale(1) translateX(20px); 239 | } 240 | 50% { 241 | -moz-transform: rotate(450deg) scale(1.3) translateX(30px); 242 | -ms-transform: rotate(450deg) scale(1.3) translateX(30px); 243 | -webkit-transform: rotate(450deg) scale(1.3) translateX(30px); 244 | transform: rotate(450deg) scale(1.3) translateX(30px); 245 | } 246 | 100% { 247 | -moz-transform: rotate(630deg) scale(1) translateX(20px); 248 | -ms-transform: rotate(630deg) scale(1) translateX(20px); 249 | -webkit-transform: rotate(630deg) scale(1) translateX(20px); 250 | transform: rotate(630deg) scale(1) translateX(20px); 251 | } 252 | } 253 | @-webkit-keyframes anim-p4 { 254 | 0% { 255 | -moz-transform: rotate(180deg) scale(1) translateX(20px); 256 | -ms-transform: rotate(180deg) scale(1) translateX(20px); 257 | -webkit-transform: rotate(180deg) scale(1) translateX(20px); 258 | transform: rotate(180deg) scale(1) translateX(20px); 259 | } 260 | 50% { 261 | -moz-transform: rotate(360deg) scale(1.3) translateX(30px); 262 | -ms-transform: rotate(360deg) scale(1.3) translateX(30px); 263 | -webkit-transform: rotate(360deg) scale(1.3) translateX(30px); 264 | transform: rotate(360deg) scale(1.3) translateX(30px); 265 | } 266 | 100% { 267 | -moz-transform: rotate(540deg) scale(1) translateX(20px); 268 | -ms-transform: rotate(540deg) scale(1) translateX(20px); 269 | -webkit-transform: rotate(540deg) scale(1) translateX(20px); 270 | transform: rotate(540deg) scale(1) translateX(20px); 271 | } 272 | } 273 | @-webkit-keyframes anim-p5 { 274 | 0% { 275 | -moz-transform: rotate(45deg) scale(1) translateX(20px); 276 | -ms-transform: rotate(45deg) scale(1) translateX(20px); 277 | -webkit-transform: rotate(45deg) scale(1) translateX(20px); 278 | transform: rotate(45deg) scale(1) translateX(20px); 279 | } 280 | 50% { 281 | -moz-transform: rotate(225deg) scale(1.3) translateX(30px); 282 | -ms-transform: rotate(225deg) scale(1.3) translateX(30px); 283 | -webkit-transform: rotate(225deg) scale(1.3) translateX(30px); 284 | transform: rotate(225deg) scale(1.3) translateX(30px); 285 | } 286 | 100% { 287 | -moz-transform: rotate(405deg) scale(1) translateX(20px); 288 | -ms-transform: rotate(405deg) scale(1) translateX(20px); 289 | -webkit-transform: rotate(405deg) scale(1) translateX(20px); 290 | transform: rotate(405deg) scale(1) translateX(20px); 291 | } 292 | } 293 | @-webkit-keyframes anim-p6 { 294 | 0% { 295 | -moz-transform: rotate(135deg) scale(1) translateX(20px); 296 | -ms-transform: rotate(135deg) scale(1) translateX(20px); 297 | -webkit-transform: rotate(135deg) scale(1) translateX(20px); 298 | transform: rotate(135deg) scale(1) translateX(20px); 299 | } 300 | 50% { 301 | -moz-transform: rotate(315deg) scale(1.3) translateX(30px); 302 | -ms-transform: rotate(315deg) scale(1.3) translateX(30px); 303 | -webkit-transform: rotate(315deg) scale(1.3) translateX(30px); 304 | transform: rotate(315deg) scale(1.3) translateX(30px); 305 | } 306 | 100% { 307 | -moz-transform: rotate(495deg) scale(1) translateX(20px); 308 | -ms-transform: rotate(495deg) scale(1) translateX(20px); 309 | -webkit-transform: rotate(495deg) scale(1) translateX(20px); 310 | transform: rotate(495deg) scale(1) translateX(20px); 311 | } 312 | } 313 | @-webkit-keyframes anim-p7 { 314 | 0% { 315 | -moz-transform: rotate(225deg) scale(1) translateX(20px); 316 | -ms-transform: rotate(225deg) scale(1) translateX(20px); 317 | -webkit-transform: rotate(225deg) scale(1) translateX(20px); 318 | transform: rotate(225deg) scale(1) translateX(20px); 319 | } 320 | 50% { 321 | -moz-transform: rotate(405deg) scale(1.3) translateX(30px); 322 | -ms-transform: rotate(405deg) scale(1.3) translateX(30px); 323 | -webkit-transform: rotate(405deg) scale(1.3) translateX(30px); 324 | transform: rotate(405deg) scale(1.3) translateX(30px); 325 | } 326 | 100% { 327 | -moz-transform: rotate(585deg) scale(1) translateX(20px); 328 | -ms-transform: rotate(585deg) scale(1) translateX(20px); 329 | -webkit-transform: rotate(585deg) scale(1) translateX(20px); 330 | transform: rotate(585deg) scale(1) translateX(20px); 331 | } 332 | } 333 | @-webkit-keyframes anim-p8 { 334 | 0% { 335 | -moz-transform: rotate(315deg) scale(1) translateX(20px); 336 | -ms-transform: rotate(315deg) scale(1) translateX(20px); 337 | -webkit-transform: rotate(315deg) scale(1) translateX(20px); 338 | transform: rotate(315deg) scale(1) translateX(20px); 339 | } 340 | 50% { 341 | -moz-transform: rotate(495deg) scale(1.3) translateX(30px); 342 | -ms-transform: rotate(495deg) scale(1.3) translateX(30px); 343 | -webkit-transform: rotate(495deg) scale(1.3) translateX(30px); 344 | transform: rotate(495deg) scale(1.3) translateX(30px); 345 | } 346 | 100% { 347 | -moz-transform: rotate(675deg) scale(1) translateX(20px); 348 | -ms-transform: rotate(675deg) scale(1) translateX(20px); 349 | -webkit-transform: rotate(675deg) scale(1) translateX(20px); 350 | transform: rotate(675deg) scale(1) translateX(20px); 351 | } 352 | } 353 | .loader-active .loader-box{display: block;} 354 | @media screen and (max-width:1023px) { 355 | .col-md-4 { width: 33.33%; float: left } 356 | .col-md-8 { width: 66.66%; float: left } 357 | .col-md-6 { width: 50%; float: left } 358 | } 359 | @media screen and (max-width:767px) { 360 | body, label { width: 100%; font-size: 16px !important } 361 | .nav-pills > li > a > img { width: 25px; height: 25px } 362 | .btn, .combo-box p .btn { font-size: 16px; padding: 7px } 363 | .form-control { height: 34px } 364 | .login-box, .tab-content { padding: 20px 20px } 365 | .combo-box p .btn { width: 105px } 366 | .nav-pills > li > a, h4 { font-size: 15px } 367 | .form-control { font-size: 14px } 368 | .panel-body { padding: 15px 0; } 369 | .reload-form-group .mdb-select { width: 87%; } 370 | .reload-form-group .btn { width: 30px; font-size: 13px; } 371 | .pswd-form-group .show-pswd { top: 73%; } 372 | } 373 | @media screen and (max-width:479px) { 374 | .col-md-4, .col-md-8, .col-md-6 { width: 100%; margin-bottom: 10px } 375 | .switch { width: 55px; height: 25px } 376 | .slider:before { height: 20px; width: 20px } 377 | } 378 | -------------------------------------------------------------------------------- /main.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Main 9 | 10 | 11 | 12 | 13 | 14 |
15 | 33 |
34 |
35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 |
MAC
Access point IP
Wi-Fi Network
WLAN WAN IP
Active service
60 |

61 | Access Point Configuration

62 |
63 |
64 | 65 |
66 |
67 | 68 |
69 |
72 | Show Password 73 |
75 |
76 | 77 | 78 |
  • NOTE:Press reboot button to apply any changes on hardware 79 |
    • 80 |
    81 |
    82 | 83 | 84 |
    85 |
    86 | 87 |
    88 |
    89 |

    90 | Wi-Fi settings 91 | 95 | 96 |

    97 |
    98 |
    99 |
    100 |
    101 | 102 | 106 |
    107 |
    108 | 110 | 111 | Show Password 112 | 113 |
    114 | 115 |
    116 | 118 |
    119 |
    120 | 121 | 125 |
    126 |
    127 |
    128 |
    129 | 131 | 132 |
    133 |
    134 | 136 |
    137 |
    138 | 140 |
    142 |
    143 | 145 |
    147 |
    148 | 150 |
    152 |
    153 |
    154 |
    155 | 157 |
    158 | 159 |
    160 |
    161 |
    162 |
    163 |
    164 | 165 | 166 | 167 |
    168 |
    169 | 170 | 175 |
    176 |
    177 | 178 |
    179 |
    180 |
    181 |
    182 | 187 |
    188 |
    189 |
    190 |
    191 |
    192 |
    193 |
    194 | 195 |
    196 |
    197 |
    198 |
    199 |
    200 |
    201 | 202 | 203 |
    204 | 205 |
    206 | 207 | 213 |
    214 |
    215 | 216 |
    217 | 218 |
    219 | 220 |
    221 |
    222 | 223 |
    224 | 225 |
    226 | 227 |
    228 |
    229 |
    230 |
    231 | 232 | 233 |
    234 |
    235 | 236 |
    237 |
    238 |
    239 | 240 |
    241 |
    242 |
    243 | 244 |
    245 |
    246 |
    247 |
    248 | 249 |
    250 |
    251 | 252 |
    253 |
    254 |
    255 | 256 |
    258 | 259 |
    260 |
    261 | 262 |
    263 |
    264 |
    265 |
    267 |
    269 |
    270 |
    271 | 272 |
    273 | 274 |
    275 |
    276 | 277 | 278 |
    279 |
    280 | 289 |
    290 |
    291 | 292 |
    293 |
    294 |
    295 |
    296 | 297 |
    298 | 299 |
    300 | 301 |

    302 | OTHER

    303 |
    304 |
    305 | Reboot 306 | Reboot 308 |
    309 |
    310 | Reset 311 | Reset 313 |
    314 |
    315 | 329 | 330 |
    331 |
    332 |
    333 | 626 | 627 | 628 | 629 | -------------------------------------------------------------------------------- /Configuration_Webpage/data/main.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Main 9 | 10 | 11 | 12 | 13 | 14 |
    15 | 33 |
    34 |
    35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 |
    MAC
    Access point IP
    Wi-Fi Network
    WLAN WAN IP
    Active service
    60 |

    61 | Access Point Configuration

    62 |
    63 |
    64 | 65 |
    66 |
    67 | 68 |
    69 |
    72 | Show Password 73 |
    75 |
    76 | 77 | 78 |
  • NOTE:Press reboot button to apply any changes on hardware 79 |
    • 80 |
    81 |
    82 | 83 | 84 |
    85 |
    86 | 87 |
    88 |
    89 |

    90 | Wi-Fi settings 91 | 95 | 96 |

    97 |
    98 |
    99 |
    100 |
    101 | 102 | 106 |
    107 |
    108 | 110 | 111 | Show Password 112 | 113 |
    114 | 115 |
    116 | 118 |
    119 |
    120 | 121 | 125 |
    126 |
    127 |
    128 |
    129 | 131 | 132 |
    133 |
    134 | 136 |
    137 |
    138 | 140 |
    142 |
    143 | 145 |
    147 |
    148 | 150 |
    152 |
    153 |
    154 |
    155 | 157 |
    158 | 159 |
    160 |
    161 |
    162 |
    163 |
    164 | 165 | 166 | 167 |
    168 |
    169 | 170 | 175 |
    176 |
    177 | 178 |
    179 |
    180 |
    181 |
    182 | 187 |
    188 |
    189 |
    190 |
    191 |
    192 |
    193 |
    194 | 195 |
    196 |
    197 |
    198 |
    199 |
    200 |
    201 | 202 | 203 |
    204 | 205 |
    206 | 207 | 213 |
    214 |
    215 | 216 |
    217 | 218 |
    219 | 220 |
    221 |
    222 | 223 |
    224 | 225 |
    226 | 227 |
    228 |
    229 |
    230 |
    231 | 232 | 233 |
    234 |
    235 | 236 |
    237 |
    238 |
    239 | 240 |
    241 |
    242 |
    243 | 244 |
    245 |
    246 |
    247 |
    248 | 249 |
    250 |
    251 | 252 |
    253 |
    254 |
    255 | 256 |
    258 | 259 |
    260 |
    261 | 262 |
    263 |
    264 |
    265 |
    267 |
    269 |
    270 |
    271 | 272 |
    273 | 274 |
    275 |
    276 | 277 | 278 |
    279 |
    280 | 289 |
    290 |
    291 | 292 |
    293 |
    294 |
    295 |
    296 | 297 |
    298 | 299 |
    300 | 301 |

    302 | OTHER

    303 |
    304 |
    305 | Reboot 306 | Reboot 308 |
    309 |
    310 | Reset 311 | Reset 313 |
    314 |
    315 | 329 | 330 |
    331 |
    332 |
    333 | 626 | 627 | 628 | 629 | -------------------------------------------------------------------------------- /js/bootstrap.min.js: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap v3.3.6 (http://getbootstrap.com) 3 | * Copyright 2011-2015 Twitter, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | if("undefined"==typeof jQuery)throw new Error("Bootstrap's JavaScript requires jQuery");+function(a){"use strict";var b=a.fn.jquery.split(" ")[0].split(".");if(b[0]<2&&b[1]<9||1==b[0]&&9==b[1]&&b[2]<1||b[0]>2)throw new Error("Bootstrap's JavaScript requires jQuery version 1.9.1 or higher, but lower than version 3")}(jQuery),+function(a){"use strict";function b(){var a=document.createElement("bootstrap"),b={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var c in b)if(void 0!==a.style[c])return{end:b[c]};return!1}a.fn.emulateTransitionEnd=function(b){var c=!1,d=this;a(this).one("bsTransitionEnd",function(){c=!0});var e=function(){c||a(d).trigger(a.support.transition.end)};return setTimeout(e,b),this},a(function(){a.support.transition=b(),a.support.transition&&(a.event.special.bsTransitionEnd={bindType:a.support.transition.end,delegateType:a.support.transition.end,handle:function(b){return a(b.target).is(this)?b.handleObj.handler.apply(this,arguments):void 0}})})}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var c=a(this),e=c.data("bs.alert");e||c.data("bs.alert",e=new d(this)),"string"==typeof b&&e[b].call(c)})}var c='[data-dismiss="alert"]',d=function(b){a(b).on("click",c,this.close)};d.VERSION="3.3.6",d.TRANSITION_DURATION=150,d.prototype.close=function(b){function c(){g.detach().trigger("closed.bs.alert").remove()}var e=a(this),f=e.attr("data-target");f||(f=e.attr("href"),f=f&&f.replace(/.*(?=#[^\s]*$)/,""));var g=a(f);b&&b.preventDefault(),g.length||(g=e.closest(".alert")),g.trigger(b=a.Event("close.bs.alert")),b.isDefaultPrevented()||(g.removeClass("in"),a.support.transition&&g.hasClass("fade")?g.one("bsTransitionEnd",c).emulateTransitionEnd(d.TRANSITION_DURATION):c())};var e=a.fn.alert;a.fn.alert=b,a.fn.alert.Constructor=d,a.fn.alert.noConflict=function(){return a.fn.alert=e,this},a(document).on("click.bs.alert.data-api",c,d.prototype.close)}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.button"),f="object"==typeof b&&b;e||d.data("bs.button",e=new c(this,f)),"toggle"==b?e.toggle():b&&e.setState(b)})}var c=function(b,d){this.$element=a(b),this.options=a.extend({},c.DEFAULTS,d),this.isLoading=!1};c.VERSION="3.3.6",c.DEFAULTS={loadingText:"loading..."},c.prototype.setState=function(b){var c="disabled",d=this.$element,e=d.is("input")?"val":"html",f=d.data();b+="Text",null==f.resetText&&d.data("resetText",d[e]()),setTimeout(a.proxy(function(){d[e](null==f[b]?this.options[b]:f[b]),"loadingText"==b?(this.isLoading=!0,d.addClass(c).attr(c,c)):this.isLoading&&(this.isLoading=!1,d.removeClass(c).removeAttr(c))},this),0)},c.prototype.toggle=function(){var a=!0,b=this.$element.closest('[data-toggle="buttons"]');if(b.length){var c=this.$element.find("input");"radio"==c.prop("type")?(c.prop("checked")&&(a=!1),b.find(".active").removeClass("active"),this.$element.addClass("active")):"checkbox"==c.prop("type")&&(c.prop("checked")!==this.$element.hasClass("active")&&(a=!1),this.$element.toggleClass("active")),c.prop("checked",this.$element.hasClass("active")),a&&c.trigger("change")}else this.$element.attr("aria-pressed",!this.$element.hasClass("active")),this.$element.toggleClass("active")};var d=a.fn.button;a.fn.button=b,a.fn.button.Constructor=c,a.fn.button.noConflict=function(){return a.fn.button=d,this},a(document).on("click.bs.button.data-api",'[data-toggle^="button"]',function(c){var d=a(c.target);d.hasClass("btn")||(d=d.closest(".btn")),b.call(d,"toggle"),a(c.target).is('input[type="radio"]')||a(c.target).is('input[type="checkbox"]')||c.preventDefault()}).on("focus.bs.button.data-api blur.bs.button.data-api",'[data-toggle^="button"]',function(b){a(b.target).closest(".btn").toggleClass("focus",/^focus(in)?$/.test(b.type))})}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.carousel"),f=a.extend({},c.DEFAULTS,d.data(),"object"==typeof b&&b),g="string"==typeof b?b:f.slide;e||d.data("bs.carousel",e=new c(this,f)),"number"==typeof b?e.to(b):g?e[g]():f.interval&&e.pause().cycle()})}var c=function(b,c){this.$element=a(b),this.$indicators=this.$element.find(".carousel-indicators"),this.options=c,this.paused=null,this.sliding=null,this.interval=null,this.$active=null,this.$items=null,this.options.keyboard&&this.$element.on("keydown.bs.carousel",a.proxy(this.keydown,this)),"hover"==this.options.pause&&!("ontouchstart"in document.documentElement)&&this.$element.on("mouseenter.bs.carousel",a.proxy(this.pause,this)).on("mouseleave.bs.carousel",a.proxy(this.cycle,this))};c.VERSION="3.3.6",c.TRANSITION_DURATION=600,c.DEFAULTS={interval:5e3,pause:"hover",wrap:!0,keyboard:!0},c.prototype.keydown=function(a){if(!/input|textarea/i.test(a.target.tagName)){switch(a.which){case 37:this.prev();break;case 39:this.next();break;default:return}a.preventDefault()}},c.prototype.cycle=function(b){return b||(this.paused=!1),this.interval&&clearInterval(this.interval),this.options.interval&&!this.paused&&(this.interval=setInterval(a.proxy(this.next,this),this.options.interval)),this},c.prototype.getItemIndex=function(a){return this.$items=a.parent().children(".item"),this.$items.index(a||this.$active)},c.prototype.getItemForDirection=function(a,b){var c=this.getItemIndex(b),d="prev"==a&&0===c||"next"==a&&c==this.$items.length-1;if(d&&!this.options.wrap)return b;var e="prev"==a?-1:1,f=(c+e)%this.$items.length;return this.$items.eq(f)},c.prototype.to=function(a){var b=this,c=this.getItemIndex(this.$active=this.$element.find(".item.active"));return a>this.$items.length-1||0>a?void 0:this.sliding?this.$element.one("slid.bs.carousel",function(){b.to(a)}):c==a?this.pause().cycle():this.slide(a>c?"next":"prev",this.$items.eq(a))},c.prototype.pause=function(b){return b||(this.paused=!0),this.$element.find(".next, .prev").length&&a.support.transition&&(this.$element.trigger(a.support.transition.end),this.cycle(!0)),this.interval=clearInterval(this.interval),this},c.prototype.next=function(){return this.sliding?void 0:this.slide("next")},c.prototype.prev=function(){return this.sliding?void 0:this.slide("prev")},c.prototype.slide=function(b,d){var e=this.$element.find(".item.active"),f=d||this.getItemForDirection(b,e),g=this.interval,h="next"==b?"left":"right",i=this;if(f.hasClass("active"))return this.sliding=!1;var j=f[0],k=a.Event("slide.bs.carousel",{relatedTarget:j,direction:h});if(this.$element.trigger(k),!k.isDefaultPrevented()){if(this.sliding=!0,g&&this.pause(),this.$indicators.length){this.$indicators.find(".active").removeClass("active");var l=a(this.$indicators.children()[this.getItemIndex(f)]);l&&l.addClass("active")}var m=a.Event("slid.bs.carousel",{relatedTarget:j,direction:h});return a.support.transition&&this.$element.hasClass("slide")?(f.addClass(b),f[0].offsetWidth,e.addClass(h),f.addClass(h),e.one("bsTransitionEnd",function(){f.removeClass([b,h].join(" ")).addClass("active"),e.removeClass(["active",h].join(" ")),i.sliding=!1,setTimeout(function(){i.$element.trigger(m)},0)}).emulateTransitionEnd(c.TRANSITION_DURATION)):(e.removeClass("active"),f.addClass("active"),this.sliding=!1,this.$element.trigger(m)),g&&this.cycle(),this}};var d=a.fn.carousel;a.fn.carousel=b,a.fn.carousel.Constructor=c,a.fn.carousel.noConflict=function(){return a.fn.carousel=d,this};var e=function(c){var d,e=a(this),f=a(e.attr("data-target")||(d=e.attr("href"))&&d.replace(/.*(?=#[^\s]+$)/,""));if(f.hasClass("carousel")){var g=a.extend({},f.data(),e.data()),h=e.attr("data-slide-to");h&&(g.interval=!1),b.call(f,g),h&&f.data("bs.carousel").to(h),c.preventDefault()}};a(document).on("click.bs.carousel.data-api","[data-slide]",e).on("click.bs.carousel.data-api","[data-slide-to]",e),a(window).on("load",function(){a('[data-ride="carousel"]').each(function(){var c=a(this);b.call(c,c.data())})})}(jQuery),+function(a){"use strict";function b(b){var c,d=b.attr("data-target")||(c=b.attr("href"))&&c.replace(/.*(?=#[^\s]+$)/,"");return a(d)}function c(b){return this.each(function(){var c=a(this),e=c.data("bs.collapse"),f=a.extend({},d.DEFAULTS,c.data(),"object"==typeof b&&b);!e&&f.toggle&&/show|hide/.test(b)&&(f.toggle=!1),e||c.data("bs.collapse",e=new d(this,f)),"string"==typeof b&&e[b]()})}var d=function(b,c){this.$element=a(b),this.options=a.extend({},d.DEFAULTS,c),this.$trigger=a('[data-toggle="collapse"][href="#'+b.id+'"],[data-toggle="collapse"][data-target="#'+b.id+'"]'),this.transitioning=null,this.options.parent?this.$parent=this.getParent():this.addAriaAndCollapsedClass(this.$element,this.$trigger),this.options.toggle&&this.toggle()};d.VERSION="3.3.6",d.TRANSITION_DURATION=350,d.DEFAULTS={toggle:!0},d.prototype.dimension=function(){var a=this.$element.hasClass("width");return a?"width":"height"},d.prototype.show=function(){if(!this.transitioning&&!this.$element.hasClass("in")){var b,e=this.$parent&&this.$parent.children(".panel").children(".in, .collapsing");if(!(e&&e.length&&(b=e.data("bs.collapse"),b&&b.transitioning))){var f=a.Event("show.bs.collapse");if(this.$element.trigger(f),!f.isDefaultPrevented()){e&&e.length&&(c.call(e,"hide"),b||e.data("bs.collapse",null));var g=this.dimension();this.$element.removeClass("collapse").addClass("collapsing")[g](0).attr("aria-expanded",!0),this.$trigger.removeClass("collapsed").attr("aria-expanded",!0),this.transitioning=1;var h=function(){this.$element.removeClass("collapsing").addClass("collapse in")[g](""),this.transitioning=0,this.$element.trigger("shown.bs.collapse")};if(!a.support.transition)return h.call(this);var i=a.camelCase(["scroll",g].join("-"));this.$element.one("bsTransitionEnd",a.proxy(h,this)).emulateTransitionEnd(d.TRANSITION_DURATION)[g](this.$element[0][i])}}}},d.prototype.hide=function(){if(!this.transitioning&&this.$element.hasClass("in")){var b=a.Event("hide.bs.collapse");if(this.$element.trigger(b),!b.isDefaultPrevented()){var c=this.dimension();this.$element[c](this.$element[c]())[0].offsetHeight,this.$element.addClass("collapsing").removeClass("collapse in").attr("aria-expanded",!1),this.$trigger.addClass("collapsed").attr("aria-expanded",!1),this.transitioning=1;var e=function(){this.transitioning=0,this.$element.removeClass("collapsing").addClass("collapse").trigger("hidden.bs.collapse")};return a.support.transition?void this.$element[c](0).one("bsTransitionEnd",a.proxy(e,this)).emulateTransitionEnd(d.TRANSITION_DURATION):e.call(this)}}},d.prototype.toggle=function(){this[this.$element.hasClass("in")?"hide":"show"]()},d.prototype.getParent=function(){return a(this.options.parent).find('[data-toggle="collapse"][data-parent="'+this.options.parent+'"]').each(a.proxy(function(c,d){var e=a(d);this.addAriaAndCollapsedClass(b(e),e)},this)).end()},d.prototype.addAriaAndCollapsedClass=function(a,b){var c=a.hasClass("in");a.attr("aria-expanded",c),b.toggleClass("collapsed",!c).attr("aria-expanded",c)};var e=a.fn.collapse;a.fn.collapse=c,a.fn.collapse.Constructor=d,a.fn.collapse.noConflict=function(){return a.fn.collapse=e,this},a(document).on("click.bs.collapse.data-api",'[data-toggle="collapse"]',function(d){var e=a(this);e.attr("data-target")||d.preventDefault();var f=b(e),g=f.data("bs.collapse"),h=g?"toggle":e.data();c.call(f,h)})}(jQuery),+function(a){"use strict";function b(b){var c=b.attr("data-target");c||(c=b.attr("href"),c=c&&/#[A-Za-z]/.test(c)&&c.replace(/.*(?=#[^\s]*$)/,""));var d=c&&a(c);return d&&d.length?d:b.parent()}function c(c){c&&3===c.which||(a(e).remove(),a(f).each(function(){var d=a(this),e=b(d),f={relatedTarget:this};e.hasClass("open")&&(c&&"click"==c.type&&/input|textarea/i.test(c.target.tagName)&&a.contains(e[0],c.target)||(e.trigger(c=a.Event("hide.bs.dropdown",f)),c.isDefaultPrevented()||(d.attr("aria-expanded","false"),e.removeClass("open").trigger(a.Event("hidden.bs.dropdown",f)))))}))}function d(b){return this.each(function(){var c=a(this),d=c.data("bs.dropdown");d||c.data("bs.dropdown",d=new g(this)),"string"==typeof b&&d[b].call(c)})}var e=".dropdown-backdrop",f='[data-toggle="dropdown"]',g=function(b){a(b).on("click.bs.dropdown",this.toggle)};g.VERSION="3.3.6",g.prototype.toggle=function(d){var e=a(this);if(!e.is(".disabled, :disabled")){var f=b(e),g=f.hasClass("open");if(c(),!g){"ontouchstart"in document.documentElement&&!f.closest(".navbar-nav").length&&a(document.createElement("div")).addClass("dropdown-backdrop").insertAfter(a(this)).on("click",c);var h={relatedTarget:this};if(f.trigger(d=a.Event("show.bs.dropdown",h)),d.isDefaultPrevented())return;e.trigger("focus").attr("aria-expanded","true"),f.toggleClass("open").trigger(a.Event("shown.bs.dropdown",h))}return!1}},g.prototype.keydown=function(c){if(/(38|40|27|32)/.test(c.which)&&!/input|textarea/i.test(c.target.tagName)){var d=a(this);if(c.preventDefault(),c.stopPropagation(),!d.is(".disabled, :disabled")){var e=b(d),g=e.hasClass("open");if(!g&&27!=c.which||g&&27==c.which)return 27==c.which&&e.find(f).trigger("focus"),d.trigger("click");var h=" li:not(.disabled):visible a",i=e.find(".dropdown-menu"+h);if(i.length){var j=i.index(c.target);38==c.which&&j>0&&j--,40==c.which&&jdocument.documentElement.clientHeight;this.$element.css({paddingLeft:!this.bodyIsOverflowing&&a?this.scrollbarWidth:"",paddingRight:this.bodyIsOverflowing&&!a?this.scrollbarWidth:""})},c.prototype.resetAdjustments=function(){this.$element.css({paddingLeft:"",paddingRight:""})},c.prototype.checkScrollbar=function(){var a=window.innerWidth;if(!a){var b=document.documentElement.getBoundingClientRect();a=b.right-Math.abs(b.left)}this.bodyIsOverflowing=document.body.clientWidth
    ',trigger:"hover focus",title:"",delay:0,html:!1,container:!1,viewport:{selector:"body",padding:0}},c.prototype.init=function(b,c,d){if(this.enabled=!0,this.type=b,this.$element=a(c),this.options=this.getOptions(d),this.$viewport=this.options.viewport&&a(a.isFunction(this.options.viewport)?this.options.viewport.call(this,this.$element):this.options.viewport.selector||this.options.viewport),this.inState={click:!1,hover:!1,focus:!1},this.$element[0]instanceof document.constructor&&!this.options.selector)throw new Error("`selector` option must be specified when initializing "+this.type+" on the window.document object!");for(var e=this.options.trigger.split(" "),f=e.length;f--;){var g=e[f];if("click"==g)this.$element.on("click."+this.type,this.options.selector,a.proxy(this.toggle,this));else if("manual"!=g){var h="hover"==g?"mouseenter":"focusin",i="hover"==g?"mouseleave":"focusout";this.$element.on(h+"."+this.type,this.options.selector,a.proxy(this.enter,this)),this.$element.on(i+"."+this.type,this.options.selector,a.proxy(this.leave,this))}}this.options.selector?this._options=a.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},c.prototype.getDefaults=function(){return c.DEFAULTS},c.prototype.getOptions=function(b){return b=a.extend({},this.getDefaults(),this.$element.data(),b),b.delay&&"number"==typeof b.delay&&(b.delay={show:b.delay,hide:b.delay}),b},c.prototype.getDelegateOptions=function(){var b={},c=this.getDefaults();return this._options&&a.each(this._options,function(a,d){c[a]!=d&&(b[a]=d)}),b},c.prototype.enter=function(b){var c=b instanceof this.constructor?b:a(b.currentTarget).data("bs."+this.type);return c||(c=new this.constructor(b.currentTarget,this.getDelegateOptions()),a(b.currentTarget).data("bs."+this.type,c)),b instanceof a.Event&&(c.inState["focusin"==b.type?"focus":"hover"]=!0),c.tip().hasClass("in")||"in"==c.hoverState?void(c.hoverState="in"):(clearTimeout(c.timeout),c.hoverState="in",c.options.delay&&c.options.delay.show?void(c.timeout=setTimeout(function(){"in"==c.hoverState&&c.show()},c.options.delay.show)):c.show())},c.prototype.isInStateTrue=function(){for(var a in this.inState)if(this.inState[a])return!0;return!1},c.prototype.leave=function(b){var c=b instanceof this.constructor?b:a(b.currentTarget).data("bs."+this.type);return c||(c=new this.constructor(b.currentTarget,this.getDelegateOptions()),a(b.currentTarget).data("bs."+this.type,c)),b instanceof a.Event&&(c.inState["focusout"==b.type?"focus":"hover"]=!1),c.isInStateTrue()?void 0:(clearTimeout(c.timeout),c.hoverState="out",c.options.delay&&c.options.delay.hide?void(c.timeout=setTimeout(function(){"out"==c.hoverState&&c.hide()},c.options.delay.hide)):c.hide())},c.prototype.show=function(){var b=a.Event("show.bs."+this.type);if(this.hasContent()&&this.enabled){this.$element.trigger(b);var d=a.contains(this.$element[0].ownerDocument.documentElement,this.$element[0]);if(b.isDefaultPrevented()||!d)return;var e=this,f=this.tip(),g=this.getUID(this.type);this.setContent(),f.attr("id",g),this.$element.attr("aria-describedby",g),this.options.animation&&f.addClass("fade");var h="function"==typeof this.options.placement?this.options.placement.call(this,f[0],this.$element[0]):this.options.placement,i=/\s?auto?\s?/i,j=i.test(h);j&&(h=h.replace(i,"")||"top"),f.detach().css({top:0,left:0,display:"block"}).addClass(h).data("bs."+this.type,this),this.options.container?f.appendTo(this.options.container):f.insertAfter(this.$element),this.$element.trigger("inserted.bs."+this.type);var k=this.getPosition(),l=f[0].offsetWidth,m=f[0].offsetHeight;if(j){var n=h,o=this.getPosition(this.$viewport);h="bottom"==h&&k.bottom+m>o.bottom?"top":"top"==h&&k.top-mo.width?"left":"left"==h&&k.left-lg.top+g.height&&(e.top=g.top+g.height-i)}else{var j=b.left-f,k=b.left+f+c;jg.right&&(e.left=g.left+g.width-k)}return e},c.prototype.getTitle=function(){var a,b=this.$element,c=this.options;return a=b.attr("data-original-title")||("function"==typeof c.title?c.title.call(b[0]):c.title)},c.prototype.getUID=function(a){do a+=~~(1e6*Math.random());while(document.getElementById(a));return a},c.prototype.tip=function(){if(!this.$tip&&(this.$tip=a(this.options.template),1!=this.$tip.length))throw new Error(this.type+" `template` option must consist of exactly 1 top-level element!");return this.$tip},c.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".tooltip-arrow")},c.prototype.enable=function(){this.enabled=!0},c.prototype.disable=function(){this.enabled=!1},c.prototype.toggleEnabled=function(){this.enabled=!this.enabled},c.prototype.toggle=function(b){var c=this;b&&(c=a(b.currentTarget).data("bs."+this.type),c||(c=new this.constructor(b.currentTarget,this.getDelegateOptions()),a(b.currentTarget).data("bs."+this.type,c))),b?(c.inState.click=!c.inState.click,c.isInStateTrue()?c.enter(c):c.leave(c)):c.tip().hasClass("in")?c.leave(c):c.enter(c)},c.prototype.destroy=function(){var a=this;clearTimeout(this.timeout),this.hide(function(){a.$element.off("."+a.type).removeData("bs."+a.type),a.$tip&&a.$tip.detach(),a.$tip=null,a.$arrow=null,a.$viewport=null})};var d=a.fn.tooltip;a.fn.tooltip=b,a.fn.tooltip.Constructor=c,a.fn.tooltip.noConflict=function(){return a.fn.tooltip=d,this}}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.popover"),f="object"==typeof b&&b;(e||!/destroy|hide/.test(b))&&(e||d.data("bs.popover",e=new c(this,f)),"string"==typeof b&&e[b]())})}var c=function(a,b){this.init("popover",a,b)};if(!a.fn.tooltip)throw new Error("Popover requires tooltip.js");c.VERSION="3.3.6",c.DEFAULTS=a.extend({},a.fn.tooltip.Constructor.DEFAULTS,{placement:"right",trigger:"click",content:"",template:''}),c.prototype=a.extend({},a.fn.tooltip.Constructor.prototype),c.prototype.constructor=c,c.prototype.getDefaults=function(){return c.DEFAULTS},c.prototype.setContent=function(){var a=this.tip(),b=this.getTitle(),c=this.getContent();a.find(".popover-title")[this.options.html?"html":"text"](b),a.find(".popover-content").children().detach().end()[this.options.html?"string"==typeof c?"html":"append":"text"](c),a.removeClass("fade top bottom left right in"),a.find(".popover-title").html()||a.find(".popover-title").hide()},c.prototype.hasContent=function(){return this.getTitle()||this.getContent()},c.prototype.getContent=function(){var a=this.$element,b=this.options;return a.attr("data-content")||("function"==typeof b.content?b.content.call(a[0]):b.content)},c.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".arrow")};var d=a.fn.popover;a.fn.popover=b,a.fn.popover.Constructor=c,a.fn.popover.noConflict=function(){return a.fn.popover=d,this}}(jQuery),+function(a){"use strict";function b(c,d){this.$body=a(document.body),this.$scrollElement=a(a(c).is(document.body)?window:c),this.options=a.extend({},b.DEFAULTS,d),this.selector=(this.options.target||"")+" .nav li > a",this.offsets=[],this.targets=[],this.activeTarget=null,this.scrollHeight=0,this.$scrollElement.on("scroll.bs.scrollspy",a.proxy(this.process,this)),this.refresh(),this.process()}function c(c){return this.each(function(){var d=a(this),e=d.data("bs.scrollspy"),f="object"==typeof c&&c;e||d.data("bs.scrollspy",e=new b(this,f)),"string"==typeof c&&e[c]()})}b.VERSION="3.3.6",b.DEFAULTS={offset:10},b.prototype.getScrollHeight=function(){return this.$scrollElement[0].scrollHeight||Math.max(this.$body[0].scrollHeight,document.documentElement.scrollHeight)},b.prototype.refresh=function(){var b=this,c="offset",d=0;this.offsets=[],this.targets=[],this.scrollHeight=this.getScrollHeight(),a.isWindow(this.$scrollElement[0])||(c="position",d=this.$scrollElement.scrollTop()),this.$body.find(this.selector).map(function(){var b=a(this),e=b.data("target")||b.attr("href"),f=/^#./.test(e)&&a(e);return f&&f.length&&f.is(":visible")&&[[f[c]().top+d,e]]||null}).sort(function(a,b){return a[0]-b[0]}).each(function(){b.offsets.push(this[0]),b.targets.push(this[1])})},b.prototype.process=function(){var a,b=this.$scrollElement.scrollTop()+this.options.offset,c=this.getScrollHeight(),d=this.options.offset+c-this.$scrollElement.height(),e=this.offsets,f=this.targets,g=this.activeTarget;if(this.scrollHeight!=c&&this.refresh(),b>=d)return g!=(a=f[f.length-1])&&this.activate(a);if(g&&b=e[a]&&(void 0===e[a+1]||b .dropdown-menu > .active").removeClass("active").end().find('[data-toggle="tab"]').attr("aria-expanded",!1),b.addClass("active").find('[data-toggle="tab"]').attr("aria-expanded",!0),h?(b[0].offsetWidth,b.addClass("in")):b.removeClass("fade"),b.parent(".dropdown-menu").length&&b.closest("li.dropdown").addClass("active").end().find('[data-toggle="tab"]').attr("aria-expanded",!0),e&&e()}var g=d.find("> .active"),h=e&&a.support.transition&&(g.length&&g.hasClass("fade")||!!d.find("> .fade").length);g.length&&h?g.one("bsTransitionEnd",f).emulateTransitionEnd(c.TRANSITION_DURATION):f(),g.removeClass("in")};var d=a.fn.tab;a.fn.tab=b,a.fn.tab.Constructor=c,a.fn.tab.noConflict=function(){return a.fn.tab=d,this};var e=function(c){c.preventDefault(),b.call(a(this),"show")};a(document).on("click.bs.tab.data-api",'[data-toggle="tab"]',e).on("click.bs.tab.data-api",'[data-toggle="pill"]',e)}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.affix"),f="object"==typeof b&&b;e||d.data("bs.affix",e=new c(this,f)),"string"==typeof b&&e[b]()})}var c=function(b,d){this.options=a.extend({},c.DEFAULTS,d),this.$target=a(this.options.target).on("scroll.bs.affix.data-api",a.proxy(this.checkPosition,this)).on("click.bs.affix.data-api",a.proxy(this.checkPositionWithEventLoop,this)),this.$element=a(b),this.affixed=null,this.unpin=null,this.pinnedOffset=null,this.checkPosition()};c.VERSION="3.3.6",c.RESET="affix affix-top affix-bottom",c.DEFAULTS={offset:0,target:window},c.prototype.getState=function(a,b,c,d){var e=this.$target.scrollTop(),f=this.$element.offset(),g=this.$target.height();if(null!=c&&"top"==this.affixed)return c>e?"top":!1;if("bottom"==this.affixed)return null!=c?e+this.unpin<=f.top?!1:"bottom":a-d>=e+g?!1:"bottom";var h=null==this.affixed,i=h?e:f.top,j=h?g:b;return null!=c&&c>=e?"top":null!=d&&i+j>=a-d?"bottom":!1},c.prototype.getPinnedOffset=function(){if(this.pinnedOffset)return this.pinnedOffset;this.$element.removeClass(c.RESET).addClass("affix");var a=this.$target.scrollTop(),b=this.$element.offset();return this.pinnedOffset=b.top-a},c.prototype.checkPositionWithEventLoop=function(){setTimeout(a.proxy(this.checkPosition,this),1)},c.prototype.checkPosition=function(){if(this.$element.is(":visible")){var b=this.$element.height(),d=this.options.offset,e=d.top,f=d.bottom,g=Math.max(a(document).height(),a(document.body).height());"object"!=typeof d&&(f=e=d),"function"==typeof e&&(e=d.top(this.$element)),"function"==typeof f&&(f=d.bottom(this.$element));var h=this.getState(g,b,e,f);if(this.affixed!=h){null!=this.unpin&&this.$element.css("top","");var i="affix"+(h?"-"+h:""),j=a.Event(i+".bs.affix");if(this.$element.trigger(j),j.isDefaultPrevented())return;this.affixed=h,this.unpin="bottom"==h?this.getPinnedOffset():null,this.$element.removeClass(c.RESET).addClass(i).trigger(i.replace("affix","affixed")+".bs.affix")}"bottom"==h&&this.$element.offset({top:g-b-f})}};var d=a.fn.affix;a.fn.affix=b,a.fn.affix.Constructor=c,a.fn.affix.noConflict=function(){return a.fn.affix=d,this},a(window).on("load",function(){a('[data-spy="affix"]').each(function(){var c=a(this),d=c.data();d.offset=d.offset||{},null!=d.offsetBottom&&(d.offset.bottom=d.offsetBottom),null!=d.offsetTop&&(d.offset.top=d.offsetTop),b.call(c,d)})})}(jQuery); -------------------------------------------------------------------------------- /Configuration_Webpage/data/js/bootstrap.min.js: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap v3.3.6 (http://getbootstrap.com) 3 | * Copyright 2011-2015 Twitter, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | if("undefined"==typeof jQuery)throw new Error("Bootstrap's JavaScript requires jQuery");+function(a){"use strict";var b=a.fn.jquery.split(" ")[0].split(".");if(b[0]<2&&b[1]<9||1==b[0]&&9==b[1]&&b[2]<1||b[0]>2)throw new Error("Bootstrap's JavaScript requires jQuery version 1.9.1 or higher, but lower than version 3")}(jQuery),+function(a){"use strict";function b(){var a=document.createElement("bootstrap"),b={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var c in b)if(void 0!==a.style[c])return{end:b[c]};return!1}a.fn.emulateTransitionEnd=function(b){var c=!1,d=this;a(this).one("bsTransitionEnd",function(){c=!0});var e=function(){c||a(d).trigger(a.support.transition.end)};return setTimeout(e,b),this},a(function(){a.support.transition=b(),a.support.transition&&(a.event.special.bsTransitionEnd={bindType:a.support.transition.end,delegateType:a.support.transition.end,handle:function(b){return a(b.target).is(this)?b.handleObj.handler.apply(this,arguments):void 0}})})}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var c=a(this),e=c.data("bs.alert");e||c.data("bs.alert",e=new d(this)),"string"==typeof b&&e[b].call(c)})}var c='[data-dismiss="alert"]',d=function(b){a(b).on("click",c,this.close)};d.VERSION="3.3.6",d.TRANSITION_DURATION=150,d.prototype.close=function(b){function c(){g.detach().trigger("closed.bs.alert").remove()}var e=a(this),f=e.attr("data-target");f||(f=e.attr("href"),f=f&&f.replace(/.*(?=#[^\s]*$)/,""));var g=a(f);b&&b.preventDefault(),g.length||(g=e.closest(".alert")),g.trigger(b=a.Event("close.bs.alert")),b.isDefaultPrevented()||(g.removeClass("in"),a.support.transition&&g.hasClass("fade")?g.one("bsTransitionEnd",c).emulateTransitionEnd(d.TRANSITION_DURATION):c())};var e=a.fn.alert;a.fn.alert=b,a.fn.alert.Constructor=d,a.fn.alert.noConflict=function(){return a.fn.alert=e,this},a(document).on("click.bs.alert.data-api",c,d.prototype.close)}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.button"),f="object"==typeof b&&b;e||d.data("bs.button",e=new c(this,f)),"toggle"==b?e.toggle():b&&e.setState(b)})}var c=function(b,d){this.$element=a(b),this.options=a.extend({},c.DEFAULTS,d),this.isLoading=!1};c.VERSION="3.3.6",c.DEFAULTS={loadingText:"loading..."},c.prototype.setState=function(b){var c="disabled",d=this.$element,e=d.is("input")?"val":"html",f=d.data();b+="Text",null==f.resetText&&d.data("resetText",d[e]()),setTimeout(a.proxy(function(){d[e](null==f[b]?this.options[b]:f[b]),"loadingText"==b?(this.isLoading=!0,d.addClass(c).attr(c,c)):this.isLoading&&(this.isLoading=!1,d.removeClass(c).removeAttr(c))},this),0)},c.prototype.toggle=function(){var a=!0,b=this.$element.closest('[data-toggle="buttons"]');if(b.length){var c=this.$element.find("input");"radio"==c.prop("type")?(c.prop("checked")&&(a=!1),b.find(".active").removeClass("active"),this.$element.addClass("active")):"checkbox"==c.prop("type")&&(c.prop("checked")!==this.$element.hasClass("active")&&(a=!1),this.$element.toggleClass("active")),c.prop("checked",this.$element.hasClass("active")),a&&c.trigger("change")}else this.$element.attr("aria-pressed",!this.$element.hasClass("active")),this.$element.toggleClass("active")};var d=a.fn.button;a.fn.button=b,a.fn.button.Constructor=c,a.fn.button.noConflict=function(){return a.fn.button=d,this},a(document).on("click.bs.button.data-api",'[data-toggle^="button"]',function(c){var d=a(c.target);d.hasClass("btn")||(d=d.closest(".btn")),b.call(d,"toggle"),a(c.target).is('input[type="radio"]')||a(c.target).is('input[type="checkbox"]')||c.preventDefault()}).on("focus.bs.button.data-api blur.bs.button.data-api",'[data-toggle^="button"]',function(b){a(b.target).closest(".btn").toggleClass("focus",/^focus(in)?$/.test(b.type))})}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.carousel"),f=a.extend({},c.DEFAULTS,d.data(),"object"==typeof b&&b),g="string"==typeof b?b:f.slide;e||d.data("bs.carousel",e=new c(this,f)),"number"==typeof b?e.to(b):g?e[g]():f.interval&&e.pause().cycle()})}var c=function(b,c){this.$element=a(b),this.$indicators=this.$element.find(".carousel-indicators"),this.options=c,this.paused=null,this.sliding=null,this.interval=null,this.$active=null,this.$items=null,this.options.keyboard&&this.$element.on("keydown.bs.carousel",a.proxy(this.keydown,this)),"hover"==this.options.pause&&!("ontouchstart"in document.documentElement)&&this.$element.on("mouseenter.bs.carousel",a.proxy(this.pause,this)).on("mouseleave.bs.carousel",a.proxy(this.cycle,this))};c.VERSION="3.3.6",c.TRANSITION_DURATION=600,c.DEFAULTS={interval:5e3,pause:"hover",wrap:!0,keyboard:!0},c.prototype.keydown=function(a){if(!/input|textarea/i.test(a.target.tagName)){switch(a.which){case 37:this.prev();break;case 39:this.next();break;default:return}a.preventDefault()}},c.prototype.cycle=function(b){return b||(this.paused=!1),this.interval&&clearInterval(this.interval),this.options.interval&&!this.paused&&(this.interval=setInterval(a.proxy(this.next,this),this.options.interval)),this},c.prototype.getItemIndex=function(a){return this.$items=a.parent().children(".item"),this.$items.index(a||this.$active)},c.prototype.getItemForDirection=function(a,b){var c=this.getItemIndex(b),d="prev"==a&&0===c||"next"==a&&c==this.$items.length-1;if(d&&!this.options.wrap)return b;var e="prev"==a?-1:1,f=(c+e)%this.$items.length;return this.$items.eq(f)},c.prototype.to=function(a){var b=this,c=this.getItemIndex(this.$active=this.$element.find(".item.active"));return a>this.$items.length-1||0>a?void 0:this.sliding?this.$element.one("slid.bs.carousel",function(){b.to(a)}):c==a?this.pause().cycle():this.slide(a>c?"next":"prev",this.$items.eq(a))},c.prototype.pause=function(b){return b||(this.paused=!0),this.$element.find(".next, .prev").length&&a.support.transition&&(this.$element.trigger(a.support.transition.end),this.cycle(!0)),this.interval=clearInterval(this.interval),this},c.prototype.next=function(){return this.sliding?void 0:this.slide("next")},c.prototype.prev=function(){return this.sliding?void 0:this.slide("prev")},c.prototype.slide=function(b,d){var e=this.$element.find(".item.active"),f=d||this.getItemForDirection(b,e),g=this.interval,h="next"==b?"left":"right",i=this;if(f.hasClass("active"))return this.sliding=!1;var j=f[0],k=a.Event("slide.bs.carousel",{relatedTarget:j,direction:h});if(this.$element.trigger(k),!k.isDefaultPrevented()){if(this.sliding=!0,g&&this.pause(),this.$indicators.length){this.$indicators.find(".active").removeClass("active");var l=a(this.$indicators.children()[this.getItemIndex(f)]);l&&l.addClass("active")}var m=a.Event("slid.bs.carousel",{relatedTarget:j,direction:h});return a.support.transition&&this.$element.hasClass("slide")?(f.addClass(b),f[0].offsetWidth,e.addClass(h),f.addClass(h),e.one("bsTransitionEnd",function(){f.removeClass([b,h].join(" ")).addClass("active"),e.removeClass(["active",h].join(" ")),i.sliding=!1,setTimeout(function(){i.$element.trigger(m)},0)}).emulateTransitionEnd(c.TRANSITION_DURATION)):(e.removeClass("active"),f.addClass("active"),this.sliding=!1,this.$element.trigger(m)),g&&this.cycle(),this}};var d=a.fn.carousel;a.fn.carousel=b,a.fn.carousel.Constructor=c,a.fn.carousel.noConflict=function(){return a.fn.carousel=d,this};var e=function(c){var d,e=a(this),f=a(e.attr("data-target")||(d=e.attr("href"))&&d.replace(/.*(?=#[^\s]+$)/,""));if(f.hasClass("carousel")){var g=a.extend({},f.data(),e.data()),h=e.attr("data-slide-to");h&&(g.interval=!1),b.call(f,g),h&&f.data("bs.carousel").to(h),c.preventDefault()}};a(document).on("click.bs.carousel.data-api","[data-slide]",e).on("click.bs.carousel.data-api","[data-slide-to]",e),a(window).on("load",function(){a('[data-ride="carousel"]').each(function(){var c=a(this);b.call(c,c.data())})})}(jQuery),+function(a){"use strict";function b(b){var c,d=b.attr("data-target")||(c=b.attr("href"))&&c.replace(/.*(?=#[^\s]+$)/,"");return a(d)}function c(b){return this.each(function(){var c=a(this),e=c.data("bs.collapse"),f=a.extend({},d.DEFAULTS,c.data(),"object"==typeof b&&b);!e&&f.toggle&&/show|hide/.test(b)&&(f.toggle=!1),e||c.data("bs.collapse",e=new d(this,f)),"string"==typeof b&&e[b]()})}var d=function(b,c){this.$element=a(b),this.options=a.extend({},d.DEFAULTS,c),this.$trigger=a('[data-toggle="collapse"][href="#'+b.id+'"],[data-toggle="collapse"][data-target="#'+b.id+'"]'),this.transitioning=null,this.options.parent?this.$parent=this.getParent():this.addAriaAndCollapsedClass(this.$element,this.$trigger),this.options.toggle&&this.toggle()};d.VERSION="3.3.6",d.TRANSITION_DURATION=350,d.DEFAULTS={toggle:!0},d.prototype.dimension=function(){var a=this.$element.hasClass("width");return a?"width":"height"},d.prototype.show=function(){if(!this.transitioning&&!this.$element.hasClass("in")){var b,e=this.$parent&&this.$parent.children(".panel").children(".in, .collapsing");if(!(e&&e.length&&(b=e.data("bs.collapse"),b&&b.transitioning))){var f=a.Event("show.bs.collapse");if(this.$element.trigger(f),!f.isDefaultPrevented()){e&&e.length&&(c.call(e,"hide"),b||e.data("bs.collapse",null));var g=this.dimension();this.$element.removeClass("collapse").addClass("collapsing")[g](0).attr("aria-expanded",!0),this.$trigger.removeClass("collapsed").attr("aria-expanded",!0),this.transitioning=1;var h=function(){this.$element.removeClass("collapsing").addClass("collapse in")[g](""),this.transitioning=0,this.$element.trigger("shown.bs.collapse")};if(!a.support.transition)return h.call(this);var i=a.camelCase(["scroll",g].join("-"));this.$element.one("bsTransitionEnd",a.proxy(h,this)).emulateTransitionEnd(d.TRANSITION_DURATION)[g](this.$element[0][i])}}}},d.prototype.hide=function(){if(!this.transitioning&&this.$element.hasClass("in")){var b=a.Event("hide.bs.collapse");if(this.$element.trigger(b),!b.isDefaultPrevented()){var c=this.dimension();this.$element[c](this.$element[c]())[0].offsetHeight,this.$element.addClass("collapsing").removeClass("collapse in").attr("aria-expanded",!1),this.$trigger.addClass("collapsed").attr("aria-expanded",!1),this.transitioning=1;var e=function(){this.transitioning=0,this.$element.removeClass("collapsing").addClass("collapse").trigger("hidden.bs.collapse")};return a.support.transition?void this.$element[c](0).one("bsTransitionEnd",a.proxy(e,this)).emulateTransitionEnd(d.TRANSITION_DURATION):e.call(this)}}},d.prototype.toggle=function(){this[this.$element.hasClass("in")?"hide":"show"]()},d.prototype.getParent=function(){return a(this.options.parent).find('[data-toggle="collapse"][data-parent="'+this.options.parent+'"]').each(a.proxy(function(c,d){var e=a(d);this.addAriaAndCollapsedClass(b(e),e)},this)).end()},d.prototype.addAriaAndCollapsedClass=function(a,b){var c=a.hasClass("in");a.attr("aria-expanded",c),b.toggleClass("collapsed",!c).attr("aria-expanded",c)};var e=a.fn.collapse;a.fn.collapse=c,a.fn.collapse.Constructor=d,a.fn.collapse.noConflict=function(){return a.fn.collapse=e,this},a(document).on("click.bs.collapse.data-api",'[data-toggle="collapse"]',function(d){var e=a(this);e.attr("data-target")||d.preventDefault();var f=b(e),g=f.data("bs.collapse"),h=g?"toggle":e.data();c.call(f,h)})}(jQuery),+function(a){"use strict";function b(b){var c=b.attr("data-target");c||(c=b.attr("href"),c=c&&/#[A-Za-z]/.test(c)&&c.replace(/.*(?=#[^\s]*$)/,""));var d=c&&a(c);return d&&d.length?d:b.parent()}function c(c){c&&3===c.which||(a(e).remove(),a(f).each(function(){var d=a(this),e=b(d),f={relatedTarget:this};e.hasClass("open")&&(c&&"click"==c.type&&/input|textarea/i.test(c.target.tagName)&&a.contains(e[0],c.target)||(e.trigger(c=a.Event("hide.bs.dropdown",f)),c.isDefaultPrevented()||(d.attr("aria-expanded","false"),e.removeClass("open").trigger(a.Event("hidden.bs.dropdown",f)))))}))}function d(b){return this.each(function(){var c=a(this),d=c.data("bs.dropdown");d||c.data("bs.dropdown",d=new g(this)),"string"==typeof b&&d[b].call(c)})}var e=".dropdown-backdrop",f='[data-toggle="dropdown"]',g=function(b){a(b).on("click.bs.dropdown",this.toggle)};g.VERSION="3.3.6",g.prototype.toggle=function(d){var e=a(this);if(!e.is(".disabled, :disabled")){var f=b(e),g=f.hasClass("open");if(c(),!g){"ontouchstart"in document.documentElement&&!f.closest(".navbar-nav").length&&a(document.createElement("div")).addClass("dropdown-backdrop").insertAfter(a(this)).on("click",c);var h={relatedTarget:this};if(f.trigger(d=a.Event("show.bs.dropdown",h)),d.isDefaultPrevented())return;e.trigger("focus").attr("aria-expanded","true"),f.toggleClass("open").trigger(a.Event("shown.bs.dropdown",h))}return!1}},g.prototype.keydown=function(c){if(/(38|40|27|32)/.test(c.which)&&!/input|textarea/i.test(c.target.tagName)){var d=a(this);if(c.preventDefault(),c.stopPropagation(),!d.is(".disabled, :disabled")){var e=b(d),g=e.hasClass("open");if(!g&&27!=c.which||g&&27==c.which)return 27==c.which&&e.find(f).trigger("focus"),d.trigger("click");var h=" li:not(.disabled):visible a",i=e.find(".dropdown-menu"+h);if(i.length){var j=i.index(c.target);38==c.which&&j>0&&j--,40==c.which&&jdocument.documentElement.clientHeight;this.$element.css({paddingLeft:!this.bodyIsOverflowing&&a?this.scrollbarWidth:"",paddingRight:this.bodyIsOverflowing&&!a?this.scrollbarWidth:""})},c.prototype.resetAdjustments=function(){this.$element.css({paddingLeft:"",paddingRight:""})},c.prototype.checkScrollbar=function(){var a=window.innerWidth;if(!a){var b=document.documentElement.getBoundingClientRect();a=b.right-Math.abs(b.left)}this.bodyIsOverflowing=document.body.clientWidth
    ',trigger:"hover focus",title:"",delay:0,html:!1,container:!1,viewport:{selector:"body",padding:0}},c.prototype.init=function(b,c,d){if(this.enabled=!0,this.type=b,this.$element=a(c),this.options=this.getOptions(d),this.$viewport=this.options.viewport&&a(a.isFunction(this.options.viewport)?this.options.viewport.call(this,this.$element):this.options.viewport.selector||this.options.viewport),this.inState={click:!1,hover:!1,focus:!1},this.$element[0]instanceof document.constructor&&!this.options.selector)throw new Error("`selector` option must be specified when initializing "+this.type+" on the window.document object!");for(var e=this.options.trigger.split(" "),f=e.length;f--;){var g=e[f];if("click"==g)this.$element.on("click."+this.type,this.options.selector,a.proxy(this.toggle,this));else if("manual"!=g){var h="hover"==g?"mouseenter":"focusin",i="hover"==g?"mouseleave":"focusout";this.$element.on(h+"."+this.type,this.options.selector,a.proxy(this.enter,this)),this.$element.on(i+"."+this.type,this.options.selector,a.proxy(this.leave,this))}}this.options.selector?this._options=a.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},c.prototype.getDefaults=function(){return c.DEFAULTS},c.prototype.getOptions=function(b){return b=a.extend({},this.getDefaults(),this.$element.data(),b),b.delay&&"number"==typeof b.delay&&(b.delay={show:b.delay,hide:b.delay}),b},c.prototype.getDelegateOptions=function(){var b={},c=this.getDefaults();return this._options&&a.each(this._options,function(a,d){c[a]!=d&&(b[a]=d)}),b},c.prototype.enter=function(b){var c=b instanceof this.constructor?b:a(b.currentTarget).data("bs."+this.type);return c||(c=new this.constructor(b.currentTarget,this.getDelegateOptions()),a(b.currentTarget).data("bs."+this.type,c)),b instanceof a.Event&&(c.inState["focusin"==b.type?"focus":"hover"]=!0),c.tip().hasClass("in")||"in"==c.hoverState?void(c.hoverState="in"):(clearTimeout(c.timeout),c.hoverState="in",c.options.delay&&c.options.delay.show?void(c.timeout=setTimeout(function(){"in"==c.hoverState&&c.show()},c.options.delay.show)):c.show())},c.prototype.isInStateTrue=function(){for(var a in this.inState)if(this.inState[a])return!0;return!1},c.prototype.leave=function(b){var c=b instanceof this.constructor?b:a(b.currentTarget).data("bs."+this.type);return c||(c=new this.constructor(b.currentTarget,this.getDelegateOptions()),a(b.currentTarget).data("bs."+this.type,c)),b instanceof a.Event&&(c.inState["focusout"==b.type?"focus":"hover"]=!1),c.isInStateTrue()?void 0:(clearTimeout(c.timeout),c.hoverState="out",c.options.delay&&c.options.delay.hide?void(c.timeout=setTimeout(function(){"out"==c.hoverState&&c.hide()},c.options.delay.hide)):c.hide())},c.prototype.show=function(){var b=a.Event("show.bs."+this.type);if(this.hasContent()&&this.enabled){this.$element.trigger(b);var d=a.contains(this.$element[0].ownerDocument.documentElement,this.$element[0]);if(b.isDefaultPrevented()||!d)return;var e=this,f=this.tip(),g=this.getUID(this.type);this.setContent(),f.attr("id",g),this.$element.attr("aria-describedby",g),this.options.animation&&f.addClass("fade");var h="function"==typeof this.options.placement?this.options.placement.call(this,f[0],this.$element[0]):this.options.placement,i=/\s?auto?\s?/i,j=i.test(h);j&&(h=h.replace(i,"")||"top"),f.detach().css({top:0,left:0,display:"block"}).addClass(h).data("bs."+this.type,this),this.options.container?f.appendTo(this.options.container):f.insertAfter(this.$element),this.$element.trigger("inserted.bs."+this.type);var k=this.getPosition(),l=f[0].offsetWidth,m=f[0].offsetHeight;if(j){var n=h,o=this.getPosition(this.$viewport);h="bottom"==h&&k.bottom+m>o.bottom?"top":"top"==h&&k.top-mo.width?"left":"left"==h&&k.left-lg.top+g.height&&(e.top=g.top+g.height-i)}else{var j=b.left-f,k=b.left+f+c;jg.right&&(e.left=g.left+g.width-k)}return e},c.prototype.getTitle=function(){var a,b=this.$element,c=this.options;return a=b.attr("data-original-title")||("function"==typeof c.title?c.title.call(b[0]):c.title)},c.prototype.getUID=function(a){do a+=~~(1e6*Math.random());while(document.getElementById(a));return a},c.prototype.tip=function(){if(!this.$tip&&(this.$tip=a(this.options.template),1!=this.$tip.length))throw new Error(this.type+" `template` option must consist of exactly 1 top-level element!");return this.$tip},c.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".tooltip-arrow")},c.prototype.enable=function(){this.enabled=!0},c.prototype.disable=function(){this.enabled=!1},c.prototype.toggleEnabled=function(){this.enabled=!this.enabled},c.prototype.toggle=function(b){var c=this;b&&(c=a(b.currentTarget).data("bs."+this.type),c||(c=new this.constructor(b.currentTarget,this.getDelegateOptions()),a(b.currentTarget).data("bs."+this.type,c))),b?(c.inState.click=!c.inState.click,c.isInStateTrue()?c.enter(c):c.leave(c)):c.tip().hasClass("in")?c.leave(c):c.enter(c)},c.prototype.destroy=function(){var a=this;clearTimeout(this.timeout),this.hide(function(){a.$element.off("."+a.type).removeData("bs."+a.type),a.$tip&&a.$tip.detach(),a.$tip=null,a.$arrow=null,a.$viewport=null})};var d=a.fn.tooltip;a.fn.tooltip=b,a.fn.tooltip.Constructor=c,a.fn.tooltip.noConflict=function(){return a.fn.tooltip=d,this}}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.popover"),f="object"==typeof b&&b;(e||!/destroy|hide/.test(b))&&(e||d.data("bs.popover",e=new c(this,f)),"string"==typeof b&&e[b]())})}var c=function(a,b){this.init("popover",a,b)};if(!a.fn.tooltip)throw new Error("Popover requires tooltip.js");c.VERSION="3.3.6",c.DEFAULTS=a.extend({},a.fn.tooltip.Constructor.DEFAULTS,{placement:"right",trigger:"click",content:"",template:''}),c.prototype=a.extend({},a.fn.tooltip.Constructor.prototype),c.prototype.constructor=c,c.prototype.getDefaults=function(){return c.DEFAULTS},c.prototype.setContent=function(){var a=this.tip(),b=this.getTitle(),c=this.getContent();a.find(".popover-title")[this.options.html?"html":"text"](b),a.find(".popover-content").children().detach().end()[this.options.html?"string"==typeof c?"html":"append":"text"](c),a.removeClass("fade top bottom left right in"),a.find(".popover-title").html()||a.find(".popover-title").hide()},c.prototype.hasContent=function(){return this.getTitle()||this.getContent()},c.prototype.getContent=function(){var a=this.$element,b=this.options;return a.attr("data-content")||("function"==typeof b.content?b.content.call(a[0]):b.content)},c.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".arrow")};var d=a.fn.popover;a.fn.popover=b,a.fn.popover.Constructor=c,a.fn.popover.noConflict=function(){return a.fn.popover=d,this}}(jQuery),+function(a){"use strict";function b(c,d){this.$body=a(document.body),this.$scrollElement=a(a(c).is(document.body)?window:c),this.options=a.extend({},b.DEFAULTS,d),this.selector=(this.options.target||"")+" .nav li > a",this.offsets=[],this.targets=[],this.activeTarget=null,this.scrollHeight=0,this.$scrollElement.on("scroll.bs.scrollspy",a.proxy(this.process,this)),this.refresh(),this.process()}function c(c){return this.each(function(){var d=a(this),e=d.data("bs.scrollspy"),f="object"==typeof c&&c;e||d.data("bs.scrollspy",e=new b(this,f)),"string"==typeof c&&e[c]()})}b.VERSION="3.3.6",b.DEFAULTS={offset:10},b.prototype.getScrollHeight=function(){return this.$scrollElement[0].scrollHeight||Math.max(this.$body[0].scrollHeight,document.documentElement.scrollHeight)},b.prototype.refresh=function(){var b=this,c="offset",d=0;this.offsets=[],this.targets=[],this.scrollHeight=this.getScrollHeight(),a.isWindow(this.$scrollElement[0])||(c="position",d=this.$scrollElement.scrollTop()),this.$body.find(this.selector).map(function(){var b=a(this),e=b.data("target")||b.attr("href"),f=/^#./.test(e)&&a(e);return f&&f.length&&f.is(":visible")&&[[f[c]().top+d,e]]||null}).sort(function(a,b){return a[0]-b[0]}).each(function(){b.offsets.push(this[0]),b.targets.push(this[1])})},b.prototype.process=function(){var a,b=this.$scrollElement.scrollTop()+this.options.offset,c=this.getScrollHeight(),d=this.options.offset+c-this.$scrollElement.height(),e=this.offsets,f=this.targets,g=this.activeTarget;if(this.scrollHeight!=c&&this.refresh(),b>=d)return g!=(a=f[f.length-1])&&this.activate(a);if(g&&b=e[a]&&(void 0===e[a+1]||b .dropdown-menu > .active").removeClass("active").end().find('[data-toggle="tab"]').attr("aria-expanded",!1),b.addClass("active").find('[data-toggle="tab"]').attr("aria-expanded",!0),h?(b[0].offsetWidth,b.addClass("in")):b.removeClass("fade"),b.parent(".dropdown-menu").length&&b.closest("li.dropdown").addClass("active").end().find('[data-toggle="tab"]').attr("aria-expanded",!0),e&&e()}var g=d.find("> .active"),h=e&&a.support.transition&&(g.length&&g.hasClass("fade")||!!d.find("> .fade").length);g.length&&h?g.one("bsTransitionEnd",f).emulateTransitionEnd(c.TRANSITION_DURATION):f(),g.removeClass("in")};var d=a.fn.tab;a.fn.tab=b,a.fn.tab.Constructor=c,a.fn.tab.noConflict=function(){return a.fn.tab=d,this};var e=function(c){c.preventDefault(),b.call(a(this),"show")};a(document).on("click.bs.tab.data-api",'[data-toggle="tab"]',e).on("click.bs.tab.data-api",'[data-toggle="pill"]',e)}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.affix"),f="object"==typeof b&&b;e||d.data("bs.affix",e=new c(this,f)),"string"==typeof b&&e[b]()})}var c=function(b,d){this.options=a.extend({},c.DEFAULTS,d),this.$target=a(this.options.target).on("scroll.bs.affix.data-api",a.proxy(this.checkPosition,this)).on("click.bs.affix.data-api",a.proxy(this.checkPositionWithEventLoop,this)),this.$element=a(b),this.affixed=null,this.unpin=null,this.pinnedOffset=null,this.checkPosition()};c.VERSION="3.3.6",c.RESET="affix affix-top affix-bottom",c.DEFAULTS={offset:0,target:window},c.prototype.getState=function(a,b,c,d){var e=this.$target.scrollTop(),f=this.$element.offset(),g=this.$target.height();if(null!=c&&"top"==this.affixed)return c>e?"top":!1;if("bottom"==this.affixed)return null!=c?e+this.unpin<=f.top?!1:"bottom":a-d>=e+g?!1:"bottom";var h=null==this.affixed,i=h?e:f.top,j=h?g:b;return null!=c&&c>=e?"top":null!=d&&i+j>=a-d?"bottom":!1},c.prototype.getPinnedOffset=function(){if(this.pinnedOffset)return this.pinnedOffset;this.$element.removeClass(c.RESET).addClass("affix");var a=this.$target.scrollTop(),b=this.$element.offset();return this.pinnedOffset=b.top-a},c.prototype.checkPositionWithEventLoop=function(){setTimeout(a.proxy(this.checkPosition,this),1)},c.prototype.checkPosition=function(){if(this.$element.is(":visible")){var b=this.$element.height(),d=this.options.offset,e=d.top,f=d.bottom,g=Math.max(a(document).height(),a(document.body).height());"object"!=typeof d&&(f=e=d),"function"==typeof e&&(e=d.top(this.$element)),"function"==typeof f&&(f=d.bottom(this.$element));var h=this.getState(g,b,e,f);if(this.affixed!=h){null!=this.unpin&&this.$element.css("top","");var i="affix"+(h?"-"+h:""),j=a.Event(i+".bs.affix");if(this.$element.trigger(j),j.isDefaultPrevented())return;this.affixed=h,this.unpin="bottom"==h?this.getPinnedOffset():null,this.$element.removeClass(c.RESET).addClass(i).trigger(i.replace("affix","affixed")+".bs.affix")}"bottom"==h&&this.$element.offset({top:g-b-f})}};var d=a.fn.affix;a.fn.affix=b,a.fn.affix.Constructor=c,a.fn.affix.noConflict=function(){return a.fn.affix=d,this},a(window).on("load",function(){a('[data-spy="affix"]').each(function(){var c=a(this),d=c.data();d.offset=d.offset||{},null!=d.offsetBottom&&(d.offset.bottom=d.offsetBottom),null!=d.offsetTop&&(d.offset.top=d.offsetTop),b.call(c,d)})})}(jQuery); --------------------------------------------------------------------------------