Michal
/
printer-monitor
mirror of https://github.com/Qrome/printer-monitor
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Printer config webpage done

pull/125/head
Robert Stein 2020-12-22 17:52:28 +01:00
parent 75e37d1053
commit 400c8fcd03
7 changed files with 579 additions and 393 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
src/Global/GlobalDataController.cpp
View File

@ -395,6 +395,37 @@ PrinterDataStruct *GlobalDataController::addPrinterSetting() {
return retStruct; return retStruct;
} }
/**
* @brief Creates an new entry in printer setting table
* @return PrinterDataStruct* The new struct for the entry
*/
bool GlobalDataController::removePrinterSettingByIdx(int idx) {
if (this->printersCnt <= idx) {
return false;
}
int tSize = this->printersCnt - 1;
int mallocSize = this->printersCnt - 1;
if (mallocSize <= 0) {
mallocSize = 1;
}
PrinterDataStruct *newStruct = (PrinterDataStruct *)malloc(mallocSize * sizeof(PrinterDataStruct));
memset(newStruct, 0, mallocSize * sizeof(PrinterDataStruct));
if (tSize > 0) {
int eCnt = 0;
for(int i=0; i<this->printersCnt; i++) {
if (i == idx) {
continue;
}
memcpy(&newStruct[eCnt], &this->printers[i], sizeof(PrinterDataStruct));
eCnt++;
}
this->printersCnt = eCnt;
free(this->printers);
this->printers = newStruct;
}
return true;
}
/** /**
* @brief Return a printer state as readable text * @brief Return a printer state as readable text
* @param printerHandle Handle to printer data * @param printerHandle Handle to printer data

3
src/Global/GlobalDataController.h
View File

@ -15,10 +15,12 @@
#include "EspController.h" #include "EspController.h"
static const char ERROR_MESSAGES_ERR1[] PROGMEM = "[ERR1] Printer for update not found!"; static const char ERROR_MESSAGES_ERR1[] PROGMEM = "[ERR1] Printer for update not found!";
static const char ERROR_MESSAGES_ERR2[] PROGMEM = "[ERR1] Printer for deletion not found!";
static const char OK_MESSAGES_SAVE1[] PROGMEM = "[OK] Printer successfully saved"; static const char OK_MESSAGES_SAVE1[] PROGMEM = "[OK] Printer successfully saved";
static const char OK_MESSAGES_SAVE2[] PROGMEM = "[OK] Weather api data successfully saved"; static const char OK_MESSAGES_SAVE2[] PROGMEM = "[OK] Weather api data successfully saved";
static const char OK_MESSAGES_SAVE3[] PROGMEM = "[OK] Station data successfully saved"; static const char OK_MESSAGES_SAVE3[] PROGMEM = "[OK] Station data successfully saved";
static const char OK_MESSAGES_DELETEPRINTER[] PROGMEM = "[OK] Printer successfully removed";
/** /**
* @brief Handles all needed data for all instances * @brief Handles all needed data for all instances
@ -67,6 +69,7 @@ public:
int getRegisteredPrinterClientsNum(); int getRegisteredPrinterClientsNum();
PrinterDataStruct *getPrinterSettings(); PrinterDataStruct *getPrinterSettings();
PrinterDataStruct *addPrinterSetting(); PrinterDataStruct *addPrinterSetting();
bool removePrinterSettingByIdx(int idx);
int getNumPrinters(); int getNumPrinters();
String getPrinterStateAsText(PrinterDataStruct *printerHandle); String getPrinterStateAsText(PrinterDataStruct *printerHandle);
String getPrinterClientType(PrinterDataStruct *printerHandle); String getPrinterClientType(PrinterDataStruct *printerHandle);

25
src/Network/WebServer.cpp
View File

@ -21,7 +21,7 @@ void WebServer::setup() {
this->server->on("/configurestation/update", []() { obj->handleUpdateStation(); }); this->server->on("/configurestation/update", []() { obj->handleUpdateStation(); });
this->server->on("/configureprinter/show", []() { obj->handleConfigurePrinter(); }); this->server->on("/configureprinter/show", []() { obj->handleConfigurePrinter(); });
this->server->on("/configureprinter/edit", []() { obj->handleUpdatePrinter(); }); this->server->on("/configureprinter/edit", []() { obj->handleUpdatePrinter(); });
this->server->on("/configureprinter/delete", []() { obj->handleConfigurePrinter(); }); this->server->on("/configureprinter/delete", []() { obj->handleDeletePrinter(); });
this->server->on("/configureweather/show", []() { obj->handleConfigureWeather(); }); this->server->on("/configureweather/show", []() { obj->handleConfigureWeather(); });
this->server->on("/configureweather/update", []() { obj->handleUpdateWeather(); }); this->server->on("/configureweather/update", []() { obj->handleUpdateWeather(); });
this->server->on("/configuresensor/show", []() { obj->handleConfigureSensor(); }); this->server->on("/configuresensor/show", []() { obj->handleConfigureSensor(); });
@ -452,26 +452,39 @@ void WebServer::handleUpdatePrinter() {
this->redirectTarget("/configureprinter/show"); this->redirectTarget("/configureprinter/show");
return; return;
} }
this->globalDataController->getSystemSettings()->lastError = "";
// Set data // Set data
MemoryHelper::stringToChar(this->server->arg("e-tname"), targetPrinter->customName, 20); MemoryHelper::stringToChar(this->server->arg("e-tname"), targetPrinter->customName, 20);
targetPrinter->apiType = this->server->arg("e-tapi").toInt(); targetPrinter->apiType = this->server->arg("e-tapi").toInt();
MemoryHelper::stringToChar("", targetPrinter->apiKey, 60); MemoryHelper::stringToChar(this->server->arg("e-tapikey"), targetPrinter->apiKey, 60);
MemoryHelper::stringToChar(this->server->arg("e-taddr"), targetPrinter->remoteAddress, 60); MemoryHelper::stringToChar(this->server->arg("e-taddr"), targetPrinter->remoteAddress, 60);
targetPrinter->remotePort = this->server->arg("e-tport").toInt(); targetPrinter->remotePort = this->server->arg("e-tport").toInt();
targetPrinter->hasPsuControl = this->server->hasArg("e-tpsu"); targetPrinter->hasPsuControl = this->server->hasArg("e-tpsu");
targetPrinter->basicAuthNeeded = this->server->hasArg("e-tapipw"); targetPrinter->basicAuthNeeded = this->server->hasArg("e-tapipw");
MemoryHelper::stringToChar(this->server->arg("e-tapiuser"), targetPrinter->basicAuthUsername, 30); MemoryHelper::stringToChar(this->server->arg("e-tapiuser"), targetPrinter->basicAuthUsername, 30);
MemoryHelper::stringToChar(this->server->arg("e-tapipass"), targetPrinter->basicAuthPassword, 60); MemoryHelper::stringToChar(this->server->arg("e-tapipass"), targetPrinter->basicAuthPassword, 60);
this->globalDataController->getSystemSettings()->lastOk = FPSTR(OK_MESSAGES_SAVE1); this->globalDataController->getSystemSettings()->lastOk = FPSTR(OK_MESSAGES_SAVE1);
//http://192.168.0.239/configureprinter/show?id=0&e-tname=asdasd&e-tapi=Klipper&e-taddr=123.213.123.121&e-tport=80&e-tapipw=on&e-tapiuser=admin&e-tapipass=admin
this->globalDataController->writeSettings(); this->globalDataController->writeSettings();
this->redirectTarget("/configureprinter/show"); this->redirectTarget("/configureprinter/show");
} }
/**
* @brief Delete single configuration for Printer
*/
void WebServer::handleDeletePrinter() {
int targetPrinterId = this->server->arg("id").toInt() - 1;
if (this->globalDataController->removePrinterSettingByIdx(targetPrinterId)) {
this->globalDataController->getSystemSettings()->lastOk = FPSTR(OK_MESSAGES_DELETEPRINTER);
this->globalDataController->getSystemSettings()->lastError = "";
this->globalDataController->writeSettings();
} else {
this->globalDataController->getSystemSettings()->lastError = FPSTR(ERROR_MESSAGES_ERR2);
}
this->redirectTarget("/configureprinter/show");
}
/** /**
* @brief Send station configuration page to client * @brief Send station configuration page to client
*/ */

1
src/Network/WebServer.h
View File

@ -32,6 +32,7 @@ public:
void handleConfigurePrinter(); void handleConfigurePrinter();
void handleUpdatePrinter(); void handleUpdatePrinter();
void handleDeletePrinter();
void handleConfigureStation(); void handleConfigureStation();
void handleUpdateStation(); void handleUpdateStation();
void handleConfigureWeather(); void handleConfigureWeather();

49
src/Network/WebserverMemoryVariables.cpp
View File

@ -79,8 +79,6 @@ void WebserverMemoryVariables::sendHeader(
* @param globalDataController Access to global data * @param globalDataController Access to global data
*/ */
void WebserverMemoryVariables::sendFooter(ESP8266WebServer *server, GlobalDataController *globalDataController) { void WebserverMemoryVariables::sendFooter(ESP8266WebServer *server, GlobalDataController *globalDataController) {
WebserverMemoryVariables::sendModalDanger( WebserverMemoryVariables::sendModalDanger(
server, server,
"resetSettingsModal", "resetSettingsModal",
@ -145,6 +143,7 @@ void WebserverMemoryVariables::sendWeatherConfigForm(ESP8266WebServer *server, G
FPSTR(WEATHER_FORM3_ID), FPSTR(WEATHER_FORM3_ID),
FPSTR(WEATHER_FORM3_LABEL), FPSTR(WEATHER_FORM3_LABEL),
globalDataController->getWeatherSettings()->apiKey, globalDataController->getWeatherSettings()->apiKey,
"",
60, 60,
"", "",
false, false,
@ -156,6 +155,7 @@ void WebserverMemoryVariables::sendWeatherConfigForm(ESP8266WebServer *server, G
FPSTR(WEATHER_FORM4_ID), FPSTR(WEATHER_FORM4_ID),
globalDataController->getWeatherClient()->getCity(0) + FPSTR(WEATHER_FORM4_LABEL), globalDataController->getWeatherClient()->getCity(0) + FPSTR(WEATHER_FORM4_LABEL),
String(globalDataController->getWeatherSettings()->cityId), String(globalDataController->getWeatherSettings()->cityId),
"",
120, 120,
"onkeypress='return isNumberKey(event)'", "onkeypress='return isNumberKey(event)'",
false, false,
@ -230,6 +230,7 @@ void WebserverMemoryVariables::sendStationConfigForm(ESP8266WebServer *server, G
FPSTR(STATION_CONFIG_FORM6_ID), FPSTR(STATION_CONFIG_FORM6_ID),
FPSTR(STATION_CONFIG_FORM6_LABEL), FPSTR(STATION_CONFIG_FORM6_LABEL),
String(globalDataController->getClockSettings()->utcOffset), String(globalDataController->getClockSettings()->utcOffset),
"",
120, 120,
"onkeypress='return isNumberKey(event)'", "onkeypress='return isNumberKey(event)'",
false, false,
@ -251,6 +252,7 @@ void WebserverMemoryVariables::sendStationConfigForm(ESP8266WebServer *server, G
FPSTR(STATION_CONFIG_FORM8_ID), FPSTR(STATION_CONFIG_FORM8_ID),
FPSTR(STATION_CONFIG_FORM8_LABEL), FPSTR(STATION_CONFIG_FORM8_LABEL),
globalDataController->getSystemSettings()->webserverUsername, globalDataController->getSystemSettings()->webserverUsername,
"",
20, 20,
"", "",
false, false,
@ -263,6 +265,7 @@ void WebserverMemoryVariables::sendStationConfigForm(ESP8266WebServer *server, G
FPSTR(STATION_CONFIG_FORM9_ID), FPSTR(STATION_CONFIG_FORM9_ID),
FPSTR(STATION_CONFIG_FORM9_LABEL), FPSTR(STATION_CONFIG_FORM9_LABEL),
globalDataController->getSystemSettings()->webserverPassword, globalDataController->getSystemSettings()->webserverPassword,
"",
120, 120,
"", "",
true, true,
@ -279,10 +282,20 @@ void WebserverMemoryVariables::sendStationConfigForm(ESP8266WebServer *server, G
* @param globalDataController Access to global data * @param globalDataController Access to global data
*/ */
void WebserverMemoryVariables::sendPrinterConfigForm(ESP8266WebServer *server, GlobalDataController *globalDataController) { void WebserverMemoryVariables::sendPrinterConfigForm(ESP8266WebServer *server, GlobalDataController *globalDataController) {
server->sendContent(FPSTR(CONFPRINTER_FORM_START));
int totalPrinters = globalDataController->getNumPrinters(); int totalPrinters = globalDataController->getNumPrinters();
PrinterDataStruct *printerConfigs = globalDataController->getPrinterSettings(); PrinterDataStruct *printerConfigs = globalDataController->getPrinterSettings();
// Show all errors if printers have one
for(int i=0; i<totalPrinters; i++) {
if (printerConfigs[i].state == PRINTER_STATE_ERROR) {
String errorBlock = FPSTR(HEADER_BLOCK_ERROR);
errorBlock.replace("%ERRORMSG%", "[" + String(printerConfigs[i].customName) + "] " + String(printerConfigs[i].error));
server->sendContent(errorBlock);
}
}
// Show printers
server->sendContent(FPSTR(CONFPRINTER_FORM_START));
for(int i=0; i<totalPrinters; i++) { for(int i=0; i<totalPrinters; i++) {
String printerEntryRow = FPSTR(CONFPRINTER_FORM_ROW); String printerEntryRow = FPSTR(CONFPRINTER_FORM_ROW);
printerEntryRow.replace("%ID%", String(i+1)); printerEntryRow.replace("%ID%", String(i+1));
@ -301,6 +314,18 @@ void WebserverMemoryVariables::sendPrinterConfigForm(ESP8266WebServer *server, G
// Generate all modals // Generate all modals
for(int i=0; i<totalPrinters; i++) { for(int i=0; i<totalPrinters; i++) {
WebserverMemoryVariables::sendPrinterConfigFormAEModal(server, i + 1, &printerConfigs[i], globalDataController); WebserverMemoryVariables::sendPrinterConfigFormAEModal(server, i + 1, &printerConfigs[i], globalDataController);
String textForDelete = FPSTR(GLOBAL_TEXT_CDPRINTER);
textForDelete.replace("%PRINTERNAME%", String(printerConfigs[i].customName));
WebserverMemoryVariables::sendModalDanger(
server,
"deletePrinterModal-" + String(i + 1),
FPSTR(GLOBAL_TEXT_WARNING),
FPSTR(GLOBAL_TEXT_TDPRINTER),
textForDelete,
FPSTR(GLOBAL_TEXT_ABORT),
FPSTR(GLOBAL_TEXT_DELETE),
"onclick='openUrl(\"/configureprinter/delete?id=" + String(i + 1) + "\")'"
);
} }
WebserverMemoryVariables::sendPrinterConfigFormAEModal(server, 0, NULL, globalDataController); WebserverMemoryVariables::sendPrinterConfigFormAEModal(server, 0, NULL, globalDataController);
server->sendContent(FPSTR(CONFPRINTER_FORM_END)); server->sendContent(FPSTR(CONFPRINTER_FORM_END));
@ -347,6 +372,7 @@ void WebserverMemoryVariables::sendPrinterConfigFormAEModal(ESP8266WebServer *se
FPSTR(CONFPRINTER_FORM_ADDEDIT1_ID), FPSTR(CONFPRINTER_FORM_ADDEDIT1_ID),
FPSTR(CONFPRINTER_FORM_ADDEDIT1_LABEL), FPSTR(CONFPRINTER_FORM_ADDEDIT1_LABEL),
id > 0 ? String(forPrinter->customName) : "", id > 0 ? String(forPrinter->customName) : "",
FPSTR(CONFPRINTER_FORM_ADDEDIT1_PH),
20, 20,
"", "",
false, false,
@ -358,16 +384,18 @@ void WebserverMemoryVariables::sendPrinterConfigFormAEModal(ESP8266WebServer *se
FPSTR(CONFPRINTER_FORM_ADDEDIT2_ID), FPSTR(CONFPRINTER_FORM_ADDEDIT2_ID),
FPSTR(CONFPRINTER_FORM_ADDEDIT2_LABEL), FPSTR(CONFPRINTER_FORM_ADDEDIT2_LABEL),
"", "",
"", "onchange='apiTypeSelect(\"" + String(FPSTR(CONFPRINTER_FORM_ADDEDIT2_ID)) + "\", \"apacapi-" + String(id) + "\")'",
optionData, optionData,
false, false,
String(id) String(id)
); );
WebserverMemoryVariables::rowExtraClass = "data-sh='apacapi-" + String(id) + "'";
WebserverMemoryVariables::sendFormInput( WebserverMemoryVariables::sendFormInput(
server, server,
FPSTR(CONFPRINTER_FORM_ADDEDIT3_ID), FPSTR(CONFPRINTER_FORM_ADDEDIT3_ID),
FPSTR(CONFPRINTER_FORM_ADDEDIT3_LABEL), FPSTR(CONFPRINTER_FORM_ADDEDIT3_LABEL),
id > 0 ? String(forPrinter->apiKey) : "", id > 0 ? String(forPrinter->apiKey) : "",
FPSTR(CONFPRINTER_FORM_ADDEDIT3_PH),
60, 60,
"", "",
false, false,
@ -379,6 +407,7 @@ void WebserverMemoryVariables::sendPrinterConfigFormAEModal(ESP8266WebServer *se
FPSTR(CONFPRINTER_FORM_ADDEDIT4_ID), FPSTR(CONFPRINTER_FORM_ADDEDIT4_ID),
FPSTR(CONFPRINTER_FORM_ADDEDIT4_LABEL), FPSTR(CONFPRINTER_FORM_ADDEDIT4_LABEL),
id > 0 ? String(forPrinter->remoteAddress) : "", id > 0 ? String(forPrinter->remoteAddress) : "",
FPSTR(CONFPRINTER_FORM_ADDEDIT4_PH),
60, 60,
"", "",
false, false,
@ -390,6 +419,7 @@ void WebserverMemoryVariables::sendPrinterConfigFormAEModal(ESP8266WebServer *se
FPSTR(CONFPRINTER_FORM_ADDEDIT5_ID), FPSTR(CONFPRINTER_FORM_ADDEDIT5_ID),
FPSTR(CONFPRINTER_FORM_ADDEDIT5_LABEL), FPSTR(CONFPRINTER_FORM_ADDEDIT5_LABEL),
id > 0 ? String(forPrinter->remotePort) : "80", id > 0 ? String(forPrinter->remotePort) : "80",
"",
5, 5,
"onkeypress='return isNumberKey(event)'", "onkeypress='return isNumberKey(event)'",
false, false,
@ -411,6 +441,7 @@ void WebserverMemoryVariables::sendPrinterConfigFormAEModal(ESP8266WebServer *se
FPSTR(STATION_CONFIG_FORM7_ID), FPSTR(STATION_CONFIG_FORM7_ID),
FPSTR(STATION_CONFIG_FORM7_LABEL), FPSTR(STATION_CONFIG_FORM7_LABEL),
id > 0 ? String(forPrinter->basicAuthUsername) : "", id > 0 ? String(forPrinter->basicAuthUsername) : "",
FPSTR(CONFPRINTER_FORM_ADDEDIT7_PH),
30, 30,
"", "",
false, false,
@ -423,6 +454,7 @@ void WebserverMemoryVariables::sendPrinterConfigFormAEModal(ESP8266WebServer *se
FPSTR(STATION_CONFIG_FORM8_ID), FPSTR(STATION_CONFIG_FORM8_ID),
FPSTR(STATION_CONFIG_FORM8_LABEL), FPSTR(STATION_CONFIG_FORM8_LABEL),
id > 0 ? String(forPrinter->basicAuthPassword) : "", id > 0 ? String(forPrinter->basicAuthPassword) : "",
FPSTR(CONFPRINTER_FORM_ADDEDIT8_PH),
120, 120,
"", "",
true, true,
@ -548,6 +580,7 @@ void WebserverMemoryVariables::sendFormCheckboxEvent(
* @param formId Form id/name * @param formId Form id/name
* @param label Text for label head * @param label Text for label head
* @param value Value in field * @param value Value in field
* @param placeholder Placeholder text for input field
* @param maxLen Max text len in input field * @param maxLen Max text len in input field
* @param events Extra events for input field * @param events Extra events for input field
* @param isPassword True if password field * @param isPassword True if password field
@ -559,6 +592,7 @@ void WebserverMemoryVariables::sendFormInput(
String formId, String formId,
String label, String label,
String value, String value,
String placeholder,
int maxLen, int maxLen,
String events, String events,
bool isPassword, bool isPassword,
@ -571,7 +605,7 @@ void WebserverMemoryVariables::sendFormInput(
form.replace("%VALUE%", value); form.replace("%VALUE%", value);
form.replace("%MAXLEN%", String(maxLen)); form.replace("%MAXLEN%", String(maxLen));
form.replace("%EVENTS%", events); form.replace("%EVENTS%", events);
form.replace("%PLACEHOLDER%", placeholder);
if (isPassword) { if (isPassword) {
form.replace("%FIELDTYPE%", "password"); form.replace("%FIELDTYPE%", "password");
} }
@ -661,11 +695,11 @@ void WebserverMemoryVariables::sendForm(
if (uniqueId.length() > 0) { if (uniqueId.length() > 0) {
formElement.replace("id='" + formId + "'", "id='" + formId + "-" + uniqueId + "'"); formElement.replace("id='" + formId + "'", "id='" + formId + "-" + uniqueId + "'");
formElement.replace("for='" + formId + "'", "for='" + formId + "-" + uniqueId + "'"); formElement.replace("for='" + formId + "'", "for='" + formId + "-" + uniqueId + "'");
formElement.replace("\"" + formId + "\"", "\"" + formId + "-" + uniqueId + "\"");
} }
if (inRow) { if (inRow) {
String rowStartData = FPSTR(FORM_ITEM_ROW_START); String rowStartData = FPSTR(FORM_ITEM_ROW_START);
rowStartData.replace("%ROWEXTRACLASS%", WebserverMemoryVariables::rowExtraClass); rowStartData.replace("%ROWEXTRACLASS%", WebserverMemoryVariables::rowExtraClass);
WebserverMemoryVariables::rowExtraClass = "";
server->sendContent(rowStartData); server->sendContent(rowStartData);
formElement.replace("%ROWEXT%", FPSTR(FORM_ITEM_ROW_EXT)); formElement.replace("%ROWEXT%", FPSTR(FORM_ITEM_ROW_EXT));
formElement.replace("%DIVEXTRACLASS%", ""); formElement.replace("%DIVEXTRACLASS%", "");
@ -673,6 +707,7 @@ void WebserverMemoryVariables::sendForm(
formElement.replace("%ROWEXT%", ""); formElement.replace("%ROWEXT%", "");
formElement.replace("%DIVEXTRACLASS%", WebserverMemoryVariables::rowExtraClass); formElement.replace("%DIVEXTRACLASS%", WebserverMemoryVariables::rowExtraClass);
} }
WebserverMemoryVariables::rowExtraClass = "";
server->sendContent(formElement); server->sendContent(formElement);
if (inRow) { if (inRow) {
server->sendContent(FPSTR(FORM_ITEM_ROW_END)); server->sendContent(FPSTR(FORM_ITEM_ROW_END));

24
src/Network/WebserverMemoryVariables.h
View File

@ -29,7 +29,7 @@ static const char FORM_ITEM_CHECKBOX_OFF[] PROGMEM = " deactivated";
static const char FORM_ITEM_INPUT[] PROGMEM = "<div class='%ROWEXT% bx--form-item' %DIVEXTRACLASS%>" static const char FORM_ITEM_INPUT[] PROGMEM = "<div class='%ROWEXT% bx--form-item' %DIVEXTRACLASS%>"
"<label for='%FORMID%' class='bx--label'>%LABEL%</label>" "<label for='%FORMID%' class='bx--label'>%LABEL%</label>"
"<input id='%FORMID%' type='%FIELDTYPE%' class='bx--text-input' name='%FORMID%' value='%VALUE%' maxlength='%MAXLEN%' %EVENTS%>" "<input id='%FORMID%' type='%FIELDTYPE%' class='bx--text-input' placeholder='%PLACEHOLDER%' name='%FORMID%' value='%VALUE%' maxlength='%MAXLEN%' %EVENTS%>"
"</div>"; "</div>";
static const char FORM_ITEM_SELECT_START[] PROGMEM = "<div class='bx--form-item bx--select %ROWEXT%' %DIVEXTRACLASS%>" static const char FORM_ITEM_SELECT_START[] PROGMEM = "<div class='bx--form-item bx--select %ROWEXT%' %DIVEXTRACLASS%>"
@ -103,7 +103,7 @@ static const char HEADER_BLOCK2[] PROGMEM = "<link rel='stylesheet' href='https:
"<script>function openModal(refelementId){document.body.classList.add(\"bx--body--with-modal-open\");document.getElementById(refelementId).classList.add(\"is-visible\")} function closeModal(refelementId){document.getElementById(refelementId).classList.remove(\"is-visible\");document.body.classList.remove(\"bx--body--with-modal-open\")}</script>" "<script>function openModal(refelementId){document.body.classList.add(\"bx--body--with-modal-open\");document.getElementById(refelementId).classList.add(\"is-visible\")} function closeModal(refelementId){document.getElementById(refelementId).classList.remove(\"is-visible\");document.body.classList.remove(\"bx--body--with-modal-open\")}</script>"
"<script>function isNumberKey(e){var h=e.which?e.which:event.keyCode;return!(h>31&&(h<48||h>57))}</script>" "<script>function isNumberKey(e){var h=e.which?e.which:event.keyCode;return!(h>31&&(h<48||h>57))}</script>"
"<script>function openUrl(e){window.location.assign(e)}</script>" "<script>function openUrl(e){window.location.assign(e)}</script>"
"<script>function apiTypeSelect(r,t){if($(\"#\"+r).find(\":selected\").data('need-api')){$(\"[data-sh='\"+t+\"']\").removeClass('hidden')}else{$(\"[data-sh='\"+t+\"']\").addClass('hidden')}}</script>"
"</head><body>" "</head><body>"
"<header class='cv-header bx--header'>" "<header class='cv-header bx--header'>"
"<a href='/' class='cv-header-name bx--header__name'>"; "<a href='/' class='cv-header-name bx--header__name'>";
@ -148,9 +148,6 @@ static const char HEADER_BLOCK_ERROR[] PROGMEM = "<div class='bx--inline-notific
"<p class='bx--inline-notification__title'>%ERRORMSG%</p>" "<p class='bx--inline-notification__title'>%ERRORMSG%</p>"
"</div>" "</div>"
"</div>" "</div>"
"<button data-notification-btn class='bx--inline-notification__close-button' type='button' aria-label='close'>"
"<svg focusable='false' preserveAspectRatio='xMidYMid meet' style='will-change: transform;' xmlns='http://www.w3.org/2000/svg' class='bx--inline-notification__close-icon' width='20' height='20' viewBox='0 0 32 32' aria-hidden='true'><path d='M24 9.4L22.6 8 16 14.6 9.4 8 8 9.4 14.6 16 8 22.6 9.4 24 16 17.4 22.6 24 24 22.6 17.4 16 24 9.4z'></path></svg>"
"</button>"
"</div>"; "</div>";
static const char HEADER_BLOCK_OK[] PROGMEM = "<div class='bx--inline-notification bx--inline-notification--success' role='alert' style='max-width:100%'>" static const char HEADER_BLOCK_OK[] PROGMEM = "<div class='bx--inline-notification bx--inline-notification--success' role='alert' style='max-width:100%'>"
@ -172,7 +169,7 @@ static const char FOOTER_BLOCK[] PROGMEM = "<br><br><br></div>"
"</div>" "</div>"
"</div>" "</div>"
"<script src='https://unpkg.com/carbon-components/scripts/carbon-components.min.js'></script>" "<script src='https://unpkg.com/carbon-components/scripts/carbon-components.min.js'></script>"
"<script>$(function(){$('form').on('submit',function(e){$('#pageloading').removeClass('hidden')})})</script>" "<script>$(function(){$('form').on('submit',function(e){$('#pageloading').removeClass('hidden')});$(\"input[type='checkbox']\").trigger('change')})</script>"
"</body>" "</body>"
"</html>"; "</html>";
@ -183,10 +180,13 @@ static const char FOOTER_BLOCK[] PROGMEM = "<br><br><br></div>"
static const char GLOBAL_TEXT_WARNING[] PROGMEM = "WARNING"; static const char GLOBAL_TEXT_WARNING[] PROGMEM = "WARNING";
static const char GLOBAL_TEXT_ABORT[] PROGMEM = "Abort"; static const char GLOBAL_TEXT_ABORT[] PROGMEM = "Abort";
static const char GLOBAL_TEXT_RESET[] PROGMEM = "Reset"; static const char GLOBAL_TEXT_RESET[] PROGMEM = "Reset";
static const char GLOBAL_TEXT_DELETE[] PROGMEM = "Delete";
static const char GLOBAL_TEXT_TRESET[] PROGMEM = "Reset settings"; static const char GLOBAL_TEXT_TRESET[] PROGMEM = "Reset settings";
static const char GLOBAL_TEXT_CRESET[] PROGMEM = "Do you want to reset to default settings?"; static const char GLOBAL_TEXT_CRESET[] PROGMEM = "Do you want to reset to default settings?";
static const char GLOBAL_TEXT_TFWIFI[] PROGMEM = "Reset wifi"; static const char GLOBAL_TEXT_TFWIFI[] PROGMEM = "Reset wifi";
static const char GLOBAL_TEXT_CFWIFI[] PROGMEM = "Do you want to reset wifi to default settings?"; static const char GLOBAL_TEXT_CFWIFI[] PROGMEM = "Do you want to reset wifi to default settings?";
static const char GLOBAL_TEXT_TDPRINTER[] PROGMEM = "Delete printer";
static const char GLOBAL_TEXT_CDPRINTER[] PROGMEM = "Do you want to delete the printer configuration &quot;%PRINTERNAME%&quot;?";
/** /**
* Controls for update firmware/filesystem * Controls for update firmware/filesystem
@ -377,7 +377,7 @@ static const char CONFPRINTER_FORM_ROW[] PROGMEM = "<tr>"
"</button>" "</button>"
"</li>" "</li>"
"<li class='bx--overflow-menu-options__option bx--table-row--menu-option'>" "<li class='bx--overflow-menu-options__option bx--table-row--menu-option'>"
"<button class='bx--overflow-menu-options__btn' onclick='openModal('modal-ed454ftfa4q')'>" "<button class='bx--overflow-menu-options__btn' onclick='openModal(\"deletePrinterModal-%ID%\")'>"
"<div class='bx--overflow-menu-options__option-content'>" "<div class='bx--overflow-menu-options__option-content'>"
"<svg focusable='false' preserveAspectRatio='xMidYMid meet' style='will-change: transform;' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' aria-hidden='true'><path d='M6 6H7V12H6zM9 6H10V12H9z'></path><path d='M2 3v1h1v10c0 .6.4 1 1 1h8c.6 0 1-.4 1-1V4h1V3H2zM4 14V4h8v10H4zM6 1H10V2H6z'></path></svg> " "<svg focusable='false' preserveAspectRatio='xMidYMid meet' style='will-change: transform;' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' aria-hidden='true'><path d='M6 6H7V12H6zM9 6H10V12H9z'></path><path d='M2 3v1h1v10c0 .6.4 1 1 1h8c.6 0 1-.4 1-1V4h1V3H2zM4 14V4h8v10H4zM6 1H10V2H6z'></path></svg> "
"Delete" "Delete"
@ -392,7 +392,8 @@ static const char CONFPRINTER_FORM_ROW[] PROGMEM = "<tr>"
static const char CONFPRINTER_FORM_END[] PROGMEM = "</tbody>" static const char CONFPRINTER_FORM_END[] PROGMEM = "</tbody>"
"</table>" "</table>"
"</div>" "</div>"
"</div>"; "</div>"
"<script>$(\"select[id^='e-tapi']\").trigger('change')</script>";
static const char CONFPRINTER_FORM_ADDEDIT_TA[] PROGMEM = "Create new printer"; static const char CONFPRINTER_FORM_ADDEDIT_TA[] PROGMEM = "Create new printer";
@ -413,15 +414,18 @@ static const char CONFPRINTER_FORM_ADDEDIT_START[] PROGMEM = "<div data-modal id
static const char CONFPRINTER_FORM_ADDEDIT1_ID[] PROGMEM = "e-tname"; static const char CONFPRINTER_FORM_ADDEDIT1_ID[] PROGMEM = "e-tname";
static const char CONFPRINTER_FORM_ADDEDIT1_LABEL[] PROGMEM = "Printer Name"; static const char CONFPRINTER_FORM_ADDEDIT1_LABEL[] PROGMEM = "Printer Name";
static const char CONFPRINTER_FORM_ADDEDIT1_PH[] PROGMEM = "Your custom name";
static const char CONFPRINTER_FORM_ADDEDIT2_ID[] PROGMEM = "e-tapi"; static const char CONFPRINTER_FORM_ADDEDIT2_ID[] PROGMEM = "e-tapi";
static const char CONFPRINTER_FORM_ADDEDIT2_LABEL[] PROGMEM = "API Type"; static const char CONFPRINTER_FORM_ADDEDIT2_LABEL[] PROGMEM = "API Type";
static const char CONFPRINTER_FORM_ADDEDIT3_ID[] PROGMEM = "e-tapikey"; static const char CONFPRINTER_FORM_ADDEDIT3_ID[] PROGMEM = "e-tapikey";
static const char CONFPRINTER_FORM_ADDEDIT3_LABEL[] PROGMEM = "API Key"; static const char CONFPRINTER_FORM_ADDEDIT3_LABEL[] PROGMEM = "API Key";
static const char CONFPRINTER_FORM_ADDEDIT3_PH[] PROGMEM = "Remote api key to use";
static const char CONFPRINTER_FORM_ADDEDIT4_ID[] PROGMEM = "e-taddr"; static const char CONFPRINTER_FORM_ADDEDIT4_ID[] PROGMEM = "e-taddr";
static const char CONFPRINTER_FORM_ADDEDIT4_LABEL[] PROGMEM = "Hostname or IP Address (do not include http://)"; static const char CONFPRINTER_FORM_ADDEDIT4_LABEL[] PROGMEM = "Hostname or IP Address (do not include http://)";
static const char CONFPRINTER_FORM_ADDEDIT4_PH[] PROGMEM = "Remote address for printer";
static const char CONFPRINTER_FORM_ADDEDIT5_ID[] PROGMEM = "e-tport"; static const char CONFPRINTER_FORM_ADDEDIT5_ID[] PROGMEM = "e-tport";
static const char CONFPRINTER_FORM_ADDEDIT5_LABEL[] PROGMEM = "Port"; static const char CONFPRINTER_FORM_ADDEDIT5_LABEL[] PROGMEM = "Port";
@ -431,9 +435,11 @@ static const char CONFPRINTER_FORM_ADDEDIT6_LABEL[] PROGMEM = "Haproxy or basic
static const char CONFPRINTER_FORM_ADDEDIT7_ID[] PROGMEM = "e-tapiuser"; static const char CONFPRINTER_FORM_ADDEDIT7_ID[] PROGMEM = "e-tapiuser";
static const char CONFPRINTER_FORM_ADDEDIT7_LABEL[] PROGMEM = "User ID"; static const char CONFPRINTER_FORM_ADDEDIT7_LABEL[] PROGMEM = "User ID";
static const char CONFPRINTER_FORM_ADDEDIT7_PH[] PROGMEM = "Username for basic auth";
static const char CONFPRINTER_FORM_ADDEDIT8_ID[] PROGMEM = "e-tapipass"; static const char CONFPRINTER_FORM_ADDEDIT8_ID[] PROGMEM = "e-tapipass";
static const char CONFPRINTER_FORM_ADDEDIT8_LABEL[] PROGMEM = "Password"; static const char CONFPRINTER_FORM_ADDEDIT8_LABEL[] PROGMEM = "Password";
static const char CONFPRINTER_FORM_ADDEDIT8_PH[] PROGMEM = "Password for basic auth";
static const char CONFPRINTER_FORM_ADDEDIT_END[] PROGMEM = "<br><br></div>" static const char CONFPRINTER_FORM_ADDEDIT_END[] PROGMEM = "<br><br></div>"
"<div class='bx--modal-content--overflow-indicator'></div>" "<div class='bx--modal-content--overflow-indicator'></div>"
@ -498,7 +504,7 @@ private:
static void sendFormCheckbox(ESP8266WebServer *server, String formId, bool isChecked, String labelOn, String labelOff, bool inRow, String uniqueId); static void sendFormCheckbox(ESP8266WebServer *server, String formId, bool isChecked, String labelOn, String labelOff, bool inRow, String uniqueId);
static void sendFormCheckboxEvent(ESP8266WebServer *server, String formId, bool isChecked, String label, String onChange, bool inRow, String uniqueId); static void sendFormCheckboxEvent(ESP8266WebServer *server, String formId, bool isChecked, String label, String onChange, bool inRow, String uniqueId);
static void sendFormCheckboxEvent(ESP8266WebServer *server, String formId, bool isChecked, String labelOn, String labelOff, String onChange, bool inRow, String uniqueId); static void sendFormCheckboxEvent(ESP8266WebServer *server, String formId, bool isChecked, String labelOn, String labelOff, String onChange, bool inRow, String uniqueId);
static void sendFormInput(ESP8266WebServer *server, String formId, String label, String value, int maxLen, String events, bool isPassword, bool inRow, String uniqueId); static void sendFormInput(ESP8266WebServer *server, String formId, String label, String value, String placeholder, int maxLen, String events, bool isPassword, bool inRow, String uniqueId);
static void sendFormSelect(ESP8266WebServer *server, String formId, String label, String value, String events, String options, bool inRow, String uniqueId); static void sendFormSelect(ESP8266WebServer *server, String formId, String label, String value, String events, String options, bool inRow, String uniqueId);
static void sendFormSubmitButton(ESP8266WebServer *server, bool inRow); static void sendFormSubmitButton(ESP8266WebServer *server, bool inRow);
static void sendForm(ESP8266WebServer *server, String formId, String formElement, bool inRow, String uniqueId); static void sendForm(ESP8266WebServer *server, String formId, String formElement, bool inRow, String uniqueId);

839
templates/html-ui/configureprinter.html
View File

@ -1,389 +1,486 @@
<!doctype html>
<html> <html>
<head> <head>
<link rel="stylesheet" href="https://unpkg.com/carbon-components/css/carbon-components.min.css" ></style> <title>PrintBuddy</title>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css"> <link rel='icon' href='data:;base64,='>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js'></script> <meta charset='UTF-8'>
<style>.hidden{display:none} .bx--form-item{margin-bottom:20px} .menitem{padding:6px 1rem;font-size:.875rem;font-weight:600;line-height:1.29;letter-spacing:.16px;display:flex;justify-content:space-between;text-decoration:none;color:#c6c6c6}</style> <meta name='viewport' content='width=device-width, initial-scale=1'>
<link rel='stylesheet' href='https://www.w3schools.com/w3css/4/w3.css'>
<link rel='stylesheet' href='https://unpkg.com/carbon-components/css/carbon-components.min.css'>
</style>
<link rel='stylesheet' href='https://use.fontawesome.com/releases/v5.15.1/css/all.css'>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js'></script>
<style>
.hidden {
display: none
}
.bx--form-item {
margin-bottom: 20px
}
.bx--table-column-menu {
width: 3.25rem
}
.menitem {
padding: 6px 1rem;
font-size: .875rem;
font-weight: 600;
line-height: 1.29;
letter-spacing: .16px;
display: flex;
justify-content: space-between;
text-decoration: none;
color: #c6c6c6
}
</style>
<script>function showhide(a, b) { var e = $("[data-sh='" + b + "']"); var f = $("#" + a); if (f.checked || f.prop('checked')) { e.removeClass('hidden'); } else { e.addClass('hidden'); } }</script>
<script>function openModal(refelementId) { document.body.classList.add("bx--body--with-modal-open"); document.getElementById(refelementId).classList.add("is-visible") } function closeModal(refelementId) { document.getElementById(refelementId).classList.remove("is-visible"); document.body.classList.remove("bx--body--with-modal-open") }</script>
<script>function isNumberKey(e) { var h = e.which ? e.which : event.keyCode; return !(h > 31 && (h < 48 || h > 57)) }</script>
<script>function openUrl(e) { window.location.assign(e) }</script>
<script>function apiTypeSelect(r,t){if($("#" + r).find(":selected").data('need-api')){$("[data-sh='" + t + "']").removeClass('hidden')}else{$("[data-sh='" + t + "']").addClass('hidden')}}</script>
<style> </head>
</style> <body>
</head> <header class='cv-header bx--header'><a href='/' class='cv-header-name bx--header__name'><span
<body> class='bx--header__name--prefix'>PrintBuddy&nbsp;</span>V1.0</a>
<header class="cv-header bx--header"> <nav class='cv-header-nav bx--header__nav'></nav>
<a href="index.html" class="cv-header-name bx--header__name"> <div class='bx--header__global'><button type='button' class='cv-header-global-action bx--header__action'
<span class="bx--header__name--prefix">Printer Buddy&nbsp;</span> onclick='openChipInfo()'><svg focusable='false' preserveAspectRatio='xMidYMid meet'
V4.0 xmlns='http://www.w3.org/2000/svg' fill='currentColor' width='20' height='20' viewBox='0 0 32 32'
</a> aria-hidden='true'>
<nav class="cv-header-nav bx--header__nav"></nav> <path d='M11,11V21H21V11Zm8,8H13V13h6Z'></path>
<div class="bx--header__global"> <path
<button type="button" class="cv-header-global-action bx--header__action" onclick="openWifiInfo()"> d='M30,13V11H26V8a2,2,0,0,0-2-2H21V2H19V6H13V2H11V6H8A2,2,0,0,0,6,8v3H2v2H6v6H2v2H6v3a2,2,0,0,0,2,2h3v4h2V26h6v4h2V26h3a2,2,0,0,0,2-2V21h4V19H26V13ZM24,24H8V8H24Z'>
<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="20" height="20" viewBox="0 0 32 32" aria-hidden="true"> </path>
<path d="M11,11V21H21V11Zm8,8H13V13h6Z"></path><path d="M30,13V11H26V8a2,2,0,0,0-2-2H21V2H19V6H13V2H11V6H8A2,2,0,0,0,6,8v3H2v2H6v6H2v2H6v3a2,2,0,0,0,2,2h3v4h2V26h6v4h2V26h3a2,2,0,0,0,2-2V21h4V19H26V13ZM24,24H8V8H24Z"></path> </svg></button><button type='button' class='cv-header-global-action bx--header__action'
</svg> onclick='openSidebar()'><svg focusable='false' preserveAspectRatio='xMidYMid meet'
</button> xmlns='http://www.w3.org/2000/svg' fill='currentColor' width='20' height='20' viewBox='0 0 32 32'
<button type="button" class="cv-header-global-action bx--header__action" onclick="openSidebar()"> aria-hidden='true'>
<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="20" height="20" viewBox="0 0 32 32" aria-hidden="true"> <path
<path d="M14 4H18V8H14zM4 4H8V8H4zM24 4H28V8H24zM14 14H18V18H14zM4 14H8V18H4zM24 14H28V18H24zM14 24H18V28H14zM4 24H8V28H4zM24 24H28V28H24z"></path> d='M14 4H18V8H14zM4 4H8V8H4zM24 4H28V8H24zM14 14H18V18H14zM4 14H8V18H4zM24 14H28V18H24zM14 24H18V28H14zM4 24H8V28H4zM24 24H28V28H24z'>
</svg> </path>
</button> </svg></button></div>
</div> <div id='sidebar' class='cv-header-panel bx--header-panel'>
<div aria-hidden="false" id="sidebar" class="cv-header-panel bx--header-panel"> <ul class='cv-switcher bx--switcher__item'>
<ul class="cv-switcher bx--switcher__item"> <li class='cv-switcher-item bx--switcher__item'><a
<li class="cv-switcher-item bx--switcher__item"><a class="cv-switcher-item-link bx--switcher__item-link menitem" href="/"> class='cv-switcher-item-link bx--switcher__item-link menitem' href='/'>Home<svg
Home focusable='false' preserveAspectRatio='xMidYMid meet' xmlns='http://www.w3.org/2000/svg'
<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="16" height="16" viewBox="0 0 32 32" aria-hidden="true"><path d="M16.6123,2.2138a1.01,1.01,0,0,0-1.2427,0L1,13.4194l1.2427,1.5717L4,13.6209V26a2.0041,2.0041,0,0,0,2,2H26a2.0037,2.0037,0,0,0,2-2V13.63L29.7573,15,31,13.4282ZM18,26H14V18h4Zm2,0V18a2.0023,2.0023,0,0,0-2-2H14a2.002,2.002,0,0,0-2,2v8H6V12.0615l10-7.79,10,7.8005V26Z"></path></svg> fill='currentColor' width='16' height='16' viewBox='0 0 32 32' aria-hidden='true'>
</a></li> <path
<li class="cv-switcher-item bx--switcher__item"><a class="cv-switcher-item-link bx--switcher__item-link menitem" href="/configure"> d='M16.6123,2.2138a1.01,1.01,0,0,0-1.2427,0L1,13.4194l1.2427,1.5717L4,13.6209V26a2.0041,2.0041,0,0,0,2,2H26a2.0037,2.0037,0,0,0,2-2V13.63L29.7573,15,31,13.4282ZM18,26H14V18h4Zm2,0V18a2.0023,2.0023,0,0,0-2-2H14a2.002,2.002,0,0,0-2,2v8H6V12.0615l10-7.79,10,7.8005V26Z'>
Configure </path>
<svg focusable='false' preserveAspectRatio='xMidYMid meet' xmlns='http://www.w3.org/2000/svg' fill='currentColor' width='32' height='32' viewBox='0 0 32 32' aria-hidden='true'><path d='M27,16.76c0-.25,0-.5,0-.76s0-.51,0-.77l1.92-1.68A2,2,0,0,0,29.3,11L26.94,7a2,2,0,0,0-1.73-1,2,2,0,0,0-.64.1l-2.43.82a11.35,11.35,0,0,0-1.31-.75l-.51-2.52a2,2,0,0,0-2-1.61H13.64a2,2,0,0,0-2,1.61l-.51,2.52a11.48,11.48,0,0,0-1.32.75L7.43,6.06A2,2,0,0,0,6.79,6,2,2,0,0,0,5.06,7L2.7,11a2,2,0,0,0,.41,2.51L5,15.24c0,.25,0,.5,0,.76s0,.51,0,.77L3.11,18.45A2,2,0,0,0,2.7,21L5.06,25a2,2,0,0,0,1.73,1,2,2,0,0,0,.64-.1l2.43-.82a11.35,11.35,0,0,0,1.31.75l.51,2.52a2,2,0,0,0,2,1.61h4.72a2,2,0,0,0,2-1.61l.51-2.52a11.48,11.48,0,0,0,1.32-.75l2.42.82a2,2,0,0,0,.64.1,2,2,0,0,0,1.73-1L29.3,21a2,2,0,0,0-.41-2.51ZM25.21,24l-3.43-1.16a8.86,8.86,0,0,1-2.71,1.57L18.36,28H13.64l-.71-3.55a9.36,9.36,0,0,1-2.7-1.57L6.79,24,4.43,20l2.72-2.4a8.9,8.9,0,0,1,0-3.13L4.43,12,6.79,8l3.43,1.16a8.86,8.86,0,0,1,2.71-1.57L13.64,4h4.72l.71,3.55a9.36,9.36,0,0,1,2.7,1.57L25.21,8,27.57,12l-2.72,2.4a8.9,8.9,0,0,1,0,3.13L27.57,20Z'></path><path d='M16,22a6,6,0,1,1,6-6A5.94,5.94,0,0,1,16,22Zm0-10a3.91,3.91,0,0,0-4,4,3.91,3.91,0,0,0,4,4,3.91,3.91,0,0,0,4-4A3.91,3.91,0,0,0,16,12Z'></path></svg> </svg></a></li>
</a> <li class='cv-switcher-item bx--switcher__item'><a
</li> class='cv-switcher-item-link bx--switcher__item-link menitem'
<li class="cv-switcher-item bx--switcher__item"><a class="cv-switcher-item-link bx--switcher__item-link menitem" href="/configureweather"><i class="fa fa-cloud"></i> Weather</a></li> href='/configureprinter/show'>Configure Printers<svg focusable='false'
<li class="cv-switcher-item bx--switcher__item"><a class="cv-switcher-item-link bx--switcher__item-link menitem" href="/systemreset" onclick="return confirm(&quot;Do you want to reset to default settings?&quot;)"><i class="fa fa-undo"></i> Reset Settings</a></li> preserveAspectRatio='xMidYMid meet' xmlns='http://www.w3.org/2000/svg' fill='currentColor'
<li class="cv-switcher-item bx--switcher__item"><a class="cv-switcher-item-link bx--switcher__item-link menitem" href="/forgetwifi" onclick="return confirm(&quot;Do you want to forget to WiFi connection?&quot;)"><i class="fa fa-wifi"></i> Forget WiFi</a></li> width='16' height='16' viewBox='0 0 32 32' aria-hidden='true'>
<li class="cv-switcher-item bx--switcher__item"><a class="cv-switcher-item-link bx--switcher__item-link menitem" href="/update"><i class="fa fa-wrench"></i> Firmware Update</a></li> <path
<li class="cv-switcher-item bx--switcher__item"><a class="cv-switcher-item-link bx--switcher__item-link menitem" href="https://github.com/Qrome" target="_blank"><i class="fa fa-question-circle"></i> About</a></li> d='M28,9H25V3H7V9H4a2,2,0,0,0-2,2V21a2,2,0,0,0,2,2H7v6H25V23h3a2,2,0,0,0,2-2V11A2,2,0,0,0,28,9ZM9,5H23V9H9ZM23,27H9V17H23Zm5-6H25V15H7v6H4V11H28Z'>
</ul> </path>
</div> </svg></a></li>
<li class='cv-switcher-item bx--switcher__item'><a
class='cv-switcher-item-link bx--switcher__item-link menitem'
<!-- <a role="button" tabindex="0" class="Switcher-module--link--3udRg" href="https://ibm.com/brand">IBM Brand Center<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="16" height="16" viewBox="0 0 32 32" aria-hidden="true"><path d="M24,14H22V8A6,6,0,0,0,10,8v6H8a2,2,0,0,0-2,2V28a2,2,0,0,0,2,2H24a2,2,0,0,0,2-2V16A2,2,0,0,0,24,14ZM12,8a4,4,0,0,1,8,0v6H12ZM24,28H8V16H24Z"></path></svg></a> --> href='/configurestation/show'>Configure Station<svg focusable='false'
<div class="bx--toast-notification bx--toast-notification--info hidden" style="position: absolute; right: -16px; top: 40px;" id="wifiinfo"> preserveAspectRatio='xMidYMid meet' xmlns='http://www.w3.org/2000/svg' fill='currentColor'
<div class="bx--toast-notification__details"> width='16' height='16' viewBox='0 0 32 32' aria-hidden='true'>
<h3 class="bx--toast-notification__title">WiFi Signal Strength</h3> <path
<div class="bx--toast-notification__subtitle"> d='M27,16.76c0-.25,0-.5,0-.76s0-.51,0-.77l1.92-1.68A2,2,0,0,0,29.3,11L26.94,7a2,2,0,0,0-1.73-1,2,2,0,0,0-.64.1l-2.43.82a11.35,11.35,0,0,0-1.31-.75l-.51-2.52a2,2,0,0,0-2-1.61H13.64a2,2,0,0,0-2,1.61l-.51,2.52a11.48,11.48,0,0,0-1.32.75L7.43,6.06A2,2,0,0,0,6.79,6,2,2,0,0,0,5.06,7L2.7,11a2,2,0,0,0,.41,2.51L5,15.24c0,.25,0,.5,0,.76s0,.51,0,.77L3.11,18.45A2,2,0,0,0,2.7,21L5.06,25a2,2,0,0,0,1.73,1,2,2,0,0,0,.64-.1l2.43-.82a11.35,11.35,0,0,0,1.31.75l.51,2.52a2,2,0,0,0,2,1.61h4.72a2,2,0,0,0,2-1.61l.51-2.52a11.48,11.48,0,0,0,1.32-.75l2.42.82a2,2,0,0,0,.64.1,2,2,0,0,0,1.73-1L29.3,21a2,2,0,0,0-.41-2.51ZM25.21,24l-3.43-1.16a8.86,8.86,0,0,1-2.71,1.57L18.36,28H13.64l-.71-3.55a9.36,9.36,0,0,1-2.7-1.57L6.79,24,4.43,20l2.72-2.4a8.9,8.9,0,0,1,0-3.13L4.43,12,6.79,8l3.43,1.16a8.86,8.86,0,0,1,2.71-1.57L13.64,4h4.72l.71,3.55a9.36,9.36,0,0,1,2.7,1.57L25.21,8,27.57,12l-2.72,2.4a8.9,8.9,0,0,1,0,3.13L27.57,20Z'>
<span>88%</span> </path>
</div> <path
d='M16,22a6,6,0,1,1,6-6A5.94,5.94,0,0,1,16,22Zm0-10a3.91,3.91,0,0,0-4,4,3.91,3.91,0,0,0,4,4,3.91,3.91,0,0,0,4-4A3.91,3.91,0,0,0,16,12Z'>
</path>
</svg></a></li>
<li class='cv-switcher-item bx--switcher__item'><a
class='cv-switcher-item-link bx--switcher__item-link menitem'
href='/configureweather/show'>Configure Weather<svg focusable='false'
preserveAspectRatio='xMidYMid meet' xmlns='http://www.w3.org/2000/svg' fill='currentColor'
width='16' height='16' viewBox='0 0 32 32' aria-hidden='true'>
<path
d='M24.8008,11.1382a8.9938,8.9938,0,0,0-17.6006,0A6.533,6.533,0,0,0,2,17.5H2V19a1,1,0,0,0,1,1H15a1,1,0,0,0,0-2H4v-.4966H4a4.5176,4.5176,0,0,1,4.144-4.4819l.8155-.064.0991-.812a6.9936,6.9936,0,0,1,13.8838,0l.0986.812.8154.064A4.4962,4.4962,0,0,1,23.5,22H7a1,1,0,0,0,0,2H23.5a6.4963,6.4963,0,0,0,1.3008-12.8618Z'>
</path>
<rect width='18' height='2' x='2' y='26' rx='1'></rect>
</svg></a></li>
<li class='cv-switcher-item bx--switcher__item'><a
class='cv-switcher-item-link bx--switcher__item-link menitem'
href='/configuresensor/show'>Configure Sensor<svg focusable='false'
preserveAspectRatio='xMidYMid meet' xmlns='http://www.w3.org/2000/svg' fill='currentColor'
width='16' height='16' viewBox='0 0 32 32' aria-hidden='true'>
<path
d='M30,19H26V15H24v9H8V8l9-.0009V6H13V2H11V6H8A2.002,2.002,0,0,0,6,8v3H2v2H6v6H2v2H6v3a2.0023,2.0023,0,0,0,2,2h3v4h2V26h6v4h2V26h3a2.0027,2.0027,0,0,0,2-2V21h4Z'>
</path>
<path
d='M26,2a4.0042,4.0042,0,0,0-4,4,3.9556,3.9556,0,0,0,.5668,2.0192L19.5859,11H11V21H21V12.4141l2.9808-2.9808A3.9553,3.9553,0,0,0,26,10a4,4,0,0,0,0-8ZM19,19H13V13h6ZM26,8a2,2,0,1,1,2-2A2.0023,2.0023,0,0,1,26,8Z'>
</path>
</svg></a></li>
<li class='cv-switcher-item bx--switcher__item'><a
class='cv-switcher-item-link bx--switcher__item-link menitem'
onclick='openModal("resetSettingsModal")'>Reset Settings<svg focusable='false'
preserveAspectRatio='xMidYMid meet' xmlns='http://www.w3.org/2000/svg' fill='currentColor'
width='16' height='16' viewBox='0 0 32 32' aria-hidden='true'>
<path
d='M18,28A12,12,0,1,0,6,16v6.2L2.4,18.6,1,20l6,6,6-6-1.4-1.4L8,22.2V16H8A10,10,0,1,1,18,26Z'>
</path>
</svg></a></li>
<li class='cv-switcher-item bx--switcher__item'><a
class='cv-switcher-item-link bx--switcher__item-link menitem'
onclick='openModal("resetWifiModal")'>Forget WiFi<svg focusable='false'
preserveAspectRatio='xMidYMid meet' xmlns='http://www.w3.org/2000/svg' fill='currentColor'
width='16' height='16' viewBox='0 0 32 32' aria-hidden='true'>
<circle cx='16' cy='25' r='2'></circle>
<path
d='M30 3.4141L28.5859 2 2 28.5859 3.4141 30 14.0962 19.3179a5.9359 5.9359 0 016.01 1.3193L21.52 19.2236a7.9669 7.9669 0 00-5.125-2.2041l3.3875-3.3877a11.9908 11.9908 0 014.5647 2.7647L25.76 14.9829A13.975 13.975 0 0021.334 12.08L24.3308 9.083a17.9364 17.9364 0 014.2546 3.0747L30 10.7432v-.002a20.02 20.02 0 00-4.1895-3.1377zM14.68 13.0776l2.0415-2.0415C16.481 11.0234 16.2437 11 16 11a13.9447 13.9447 0 00-9.771 3.9927l1.4136 1.4136A11.97 11.97 0 0114.68 13.0776zM16 7a17.87 17.87 0 014.2324.5254L21.875 5.8828A19.9537 19.9537 0 002 10.7412v.0225L3.4043 12.168A17.9193 17.9193 0 0116 7z'>
</path>
</svg></a></li>
<li class='cv-switcher-item bx--switcher__item'><a
class='cv-switcher-item-link bx--switcher__item-link menitem' href='/update'>Firmware Update<svg
focusable='false' preserveAspectRatio='xMidYMid meet' xmlns='http://www.w3.org/2000/svg'
fill='currentColor' width='16' height='16' viewBox='0 0 32 32' aria-hidden='true'>
<path d='M28,12H20V4h8Zm-6-2h4V6H22Z'></path>
<path d='M17,15V9H9V23H23V15Zm-6-4h4v4H11Zm4,10H11V17h4Zm6,0H17V17h4Z'></path>
<path
d='M26,28H6a2.0023,2.0023,0,0,1-2-2V6A2.0023,2.0023,0,0,1,6,4H16V6H6V26H26V16h2V26A2.0023,2.0023,0,0,1,26,28Z'>
</path>
</svg></a></li>
<li class='cv-switcher-item bx--switcher__item'><a
class='cv-switcher-item-link bx--switcher__item-link menitem' href='https://github.com/Qrome'
target='_blank'>About<svg focusable='false' preserveAspectRatio='xMidYMid meet'
xmlns='http://www.w3.org/2000/svg' fill='currentColor' width='16' height='16'
viewBox='0 0 32 32' aria-hidden='true'>
<path
d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'>
</path>
<circle cx='16' cy='23.5' r='1.5'></circle>
<path
d='M17,8H15.5A4.49,4.49,0,0,0,11,12.5V13h2v-.5A2.5,2.5,0,0,1,15.5,10H17a2.5,2.5,0,0,1,0,5H15v4.5h2V17a4.5,4.5,0,0,0,0-9Z'>
</path>
</svg></a></li>
</ul>
</div>
<div class='bx--toast-notification bx--toast-notification--info hidden'
style='position: absolute; right: -16px; top: 40px;' id='chipinfo'>
<div class='bx--toast-notification__details'>
<h3 class='bx--toast-notification__title'>ESP Details</h3>
<div class='bx--toast-notification__subtitle'>
<div>WiFi Signal Strength: 100%</div>
<div>ESP ChipID: 1152840</div>
<div>ESP CoreVersion: 2_7_4</div>
<div>Heap (frag/free/max): 3% |28536 b|27696 b</div>
</div> </div>
</div> </div>
</header> </div>
</header>
<div class="bx--grid bx--grid--full-width" style='margin-top:88px'> <script>function openSidebar() { document.getElementById('sidebar').classList.toggle('bx--header-panel--expanded'); document.getElementById('chipinfo').classList.add('hidden'); }; function openChipInfo() { document.getElementById('sidebar').classList.remove('bx--header-panel--expanded'); document.getElementById('chipinfo').classList.toggle('hidden'); }</script>
<div class="page-header" style="margin-bottom:20px"><h4 class="page-header__label">Configure</h4><h1 id="page-title" class="page-header__title">Printer</h1></div> <br>
<div class='bx--grid bx--grid--full-width' style='margin-top:60px'>
<div class="bx--row"> <div class='page-header' style='margin-bottom:20px'>
<div class="bx--col bx--col--auto bx--data-table-container " data-table> <h4 class='page-header__label'>Configure</h4>
<div class="bx--data-table-header"> <h1 id='page-title' class='page-header__title'>Printers</h1>
<h4 class="bx--data-table-header__title">Printers to monitor</h4> </div>
<p class="bx--data-table-header__description">Configuration</p> <div class='bx--row'>
</div> <div class='bx--col bx--col--auto bx--data-table-container' data-table>
<div class='bx--data-table-header'>
<section class="bx--table-toolbar "> <h4 class='bx--data-table-header__title'>Printers to monitor</h4>
<div class="bx--toolbar-content"> <p class='bx--data-table-header__description'>Configurationdata</p>
<button class="bx--btn bx--btn--sm bx--btn--primary" onclick="openModal('modal-pyu0ribosn')">
Add new
<svg focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" class="bx--btn__icon" width="20" height="20" viewBox="0 0 32 32" aria-hidden="true"><path d="M17 15L17 7 15 7 15 15 7 15 7 17 15 17 15 25 17 25 17 17 25 17 25 15 17 15z"></path></svg>
</button>
</div>
</section>
<table class="bx--data-table bx--data-table--visible-overflow-menu" >
<thead>
<tr>
<th class="bx--table-expand"></th>
<th><span class="bx--table-header-label">Name</span></th>
<th><span class="bx--table-header-label">Type</span></th>
<th><span class="bx--table-header-label">State</span></th>
<th class="bx--table-column-menu" style="width: 3.25rem"></th>
</tr>
</thead>
<tbody>
<tr>
<td class="bx--table-expand" data-event="expand">
<button class="bx--table-expand__button">
<svg focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" class="bx--table-expand__svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"><path d="M11 8L6 13 5.3 12.3 9.6 8 5.3 3.7 6 3z"></path></svg>
</button>
</td>
<td>I3 Mega</td>
<td>Klipper</td>
<!--<td>anycubici3.local</td>
<td>192.168.0.241:7125</td> -->
<td>
<div class="bx--tag bx--tag--magenta">
Offline
</div>
</td>
<!--<td>
<div class="bx--tag bx--tag--cool-gray">
<span class="bx--tag__label">User</span>
<svg width="6px" height="5px" viewBox="0 0 6 5">
<path d="M2.2 2.7L5 0 6 1 2.2 5 0 2.7 1 1.5z" />
</svg>
</div>
<div class="bx--tag bx--tag--cool-gray">
<span class="bx--tag__label">Password</span>
<svg width="6px" height="5px" viewBox="0 0 6 5">
<path d="M2.2 2.7L5 0 6 1 2.2 5 0 2.7 1 1.5z" />
</svg>
</div>
</td> -->
<td class="bx--table-column-menu" style="width: 3.25rem">
<div data-overflow-menu role="menu" tabindex="0" class="bx--overflow-menu">
<svg focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" class="bx--overflow-menu__icon" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"><circle cx="8" cy="3" r="1"></circle><circle cx="8" cy="8" r="1"></circle><circle cx="8" cy="13" r="1"></circle></svg>
<ul class="bx--overflow-menu-options bx--overflow-menu--flip" data-floating-menu-direction="bottom">
<li class="bx--overflow-menu-options__option bx--table-row--menu-option">
<button class="bx--overflow-menu-options__btn" onclick="openModal('modal-ed454ftfa4q')">
<div class="bx--overflow-menu-options__option-content">
<svg focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"><path d="M1 13H15V14H1zM12.7 4.5c.4-.4.4-1 0-1.4 0 0 0 0 0 0l-1.8-1.8c-.4-.4-1-.4-1.4 0 0 0 0 0 0 0L2 8.8V12h3.2L12.7 4.5zM10.2 2L12 3.8l-1.5 1.5L8.7 3.5 10.2 2zM3 11V9.2l5-5L9.8 6l-5 5H3z"></path></svg> Edit
</div>
</button>
</li>
<li class="bx--overflow-menu-options__option bx--table-row--menu-option">
<button class="bx--overflow-menu-options__btn" onclick="openModal('modal-ed454ftfa4q')">
<div class="bx--overflow-menu-options__option-content">
<svg focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"><path d="M6 6H7V12H6zM9 6H10V12H9z"></path><path d="M2 3v1h1v10c0 .6.4 1 1 1h8c.6 0 1-.4 1-1V4h1V3H2zM4 14V4h8v10H4zM6 1H10V2H6z"></path></svg> Delete
</div>
</button>
</li>
</ul>
</div>
</td>
</tr>
<tr>
<td class="bx--table-expand" data-event="expand">
<button class="bx--table-expand__button">
<svg focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" class="bx--table-expand__svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"><path d="M11 8L6 13 5.3 12.3 9.6 8 5.3 3.7 6 3z"></path></svg>
</button>
</td>
<td>Anderer</td>
<td>Repetier</td>
<!--<td>--</td>
<td>192.168.0.243:7125</td>-->
<td>
<div class="bx--tag bx--tag--green">
Online
</div>
</td>
<!--<td>
<div class="bx--tag bx--tag--cool-gray">
<span class="bx--tag__label">Key</span>
<svg width="6px" height="5px" viewBox="0 0 6 5">
<path d="M2.2 2.7L5 0 6 1 2.2 5 0 2.7 1 1.5z" />
</svg>
</div>
</td> -->
<td class="bx--table-column-menu" style="width: 3.25rem">
<div data-overflow-menu role="menu" tabindex="0" class="bx--overflow-menu">
<svg focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" class="bx--overflow-menu__icon" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"><circle cx="8" cy="3" r="1"></circle><circle cx="8" cy="8" r="1"></circle><circle cx="8" cy="13" r="1"></circle></svg>
<ul class="bx--overflow-menu-options bx--overflow-menu--flip" data-floating-menu-direction="bottom">
<li class="bx--overflow-menu-options__option bx--table-row--menu-option">
<button class="bx--overflow-menu-options__btn" onclick="console.log('keyboard action')">
<div class="bx--overflow-menu-options__option-content">
<svg focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"><path d="M1 13H15V14H1zM12.7 4.5c.4-.4.4-1 0-1.4 0 0 0 0 0 0l-1.8-1.8c-.4-.4-1-.4-1.4 0 0 0 0 0 0 0L2 8.8V12h3.2L12.7 4.5zM10.2 2L12 3.8l-1.5 1.5L8.7 3.5 10.2 2zM3 11V9.2l5-5L9.8 6l-5 5H3z"></path></svg> Edit
</div>
</button>
</li>
<li class="bx--overflow-menu-options__option bx--table-row--menu-option">
<button class="bx--overflow-menu-options__btn" onclick="console.log('keyboard action')">
<div class="bx--overflow-menu-options__option-content">
<svg focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"><path d="M6 6H7V12H6zM9 6H10V12H9z"></path><path d="M2 3v1h1v10c0 .6.4 1 1 1h8c.6 0 1-.4 1-1V4h1V3H2zM4 14V4h8v10H4zM6 1H10V2H6z"></path></svg> Delete
</div>
</button>
</li>
</ul>
</div>
</td>
</tr>
</tbody>
</table>
</div> </div>
</div> <section class='bx--table-toolbar'>
<div class='bx--toolbar-content'><button class='bx--btn bx--btn--sm bx--btn--primary'
onclick='openModal("mae-0")'>Add new<svg focusable='false'
preserveAspectRatio='xMidYMid meet' style='will-change: transform;'
<script> xmlns='http://www.w3.org/2000/svg' class='bx--btn__icon' width='20' height='20'
function openModal(refelementId) { viewBox='0 0 32 32'>
document.body.classList.add("bx--body--with-modal-open"); <path d='M17 15L17 7 15 7 15 15 7 15 7 17 15 17 15 25 17 25 17 17 25 17 25 15 17 15z'>
document.getElementById(refelementId).classList.add('is-visible'); </path>
} </svg></button></div>
function closeModal(refelementId) { </section>
document.getElementById(refelementId).classList.remove('is-visible'); <table class='bx--data-table bx--data-table--visible-overflow-menu'>
document.body.classList.remove("bx--body--with-modal-open"); <thead>
} <tr>
</script> <th><span class='bx--table-header-label'>Name</span></th>
<th><span class='bx--table-header-label'>Type</span></th>
<div data-modal id="modal-pyu0ribosn" class="bx--modal" role="dialog" aria-modal="true" aria-labelledby="modal-pyu0ribosn-label" aria-describedby="modal-pyu0ribosn-heading" tabindex="-1"> <th><span class='bx--table-header-label'>State</span></th>
<div class="bx--modal-container"> <th class='bx--table-column-menu' style='width: 3.25rem'></th>
<div class="bx--modal-header"> </tr>
<p class="bx--modal-header__label bx--type-delta" id="modal-pyu0ribosn-label">Printer Configuration</p> </thead>
<p class="bx--modal-header__heading bx--type-beta" id="modal-pyu0ribosn-heading">Create new entry</p> <tbody>
<button class="bx--modal-close" type="button" onclick="closeModal('modal-pyu0ribosn')"> <tr>
<svg focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" class="bx--modal-close__icon" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"><path d="M12 4.7L11.3 4 8 7.3 4.7 4 4 4.7 7.3 8 4 11.3 4.7 12 8 8.7 11.3 12 12 11.3 8.7 8z"></path></svg> <td>AnycubicI3</td>
</button> <td>Klipper</td>
</div> <td>
<div class='bx--tag bx--tag--magenta'>Offline</div>
<!-- Note: Modals with content that scrolls, at any viewport, requires `tabindex="0"` on the `bx--modal-content` element --> </td>
<div class="bx--modal-content bx--modal-content--with-form" > <td class='bx--table-column-menu' style='width: 3.25rem'>
<div class="bx--form-item"> <div data-overflow-menu role='menu' tabindex='0' class='bx--overflow-menu'><svg
<label for="e-tname" class="bx--label">Printer Name</label> focusable='false' preserveAspectRatio='xMidYMid meet'
<input id="e-tname" type="text" class="bx--text-input" placeholder="Custom name" data-modal-primary-focus maxlength="20"> style='will-change: transform;' xmlns='http://www.w3.org/2000/svg'
class='bx--overflow-menu__icon' width='16' height='16' viewBox='0 0 16 16'
aria-hidden='true'>
<circle cx='8' cy='3' r='1'></circle>
<circle cx='8' cy='8' r='1'></circle>
<circle cx='8' cy='13' r='1'></circle>
</svg>
<ul class='bx--overflow-menu-options bx--overflow-menu--flip'
data-floating-menu-direction='bottom'>
<li class='bx--overflow-menu-options__option bx--table-row--menu-option'><button
class='bx--overflow-menu-options__btn' onclick='openModal("mae-1")'>
<div class='bx--overflow-menu-options__option-content'><svg
focusable='false' preserveAspectRatio='xMidYMid meet'
style='will-change: transform;'
xmlns='http://www.w3.org/2000/svg' width='16' height='16'
viewBox='0 0 16 16' aria-hidden='true'>
<path
d='M1 13H15V14H1zM12.7 4.5c.4-.4.4-1 0-1.4 0 0 0 0 0 0l-1.8-1.8c-.4-.4-1-.4-1.4 0 0 0 0 0 0 0L2 8.8V12h3.2L12.7 4.5zM10.2 2L12 3.8l-1.5 1.5L8.7 3.5 10.2 2zM3 11V9.2l5-5L9.8 6l-5 5H3z'>
</path>
</svg> Edit</div>
</button></li>
<li class='bx--overflow-menu-options__option bx--table-row--menu-option'><button
class='bx--overflow-menu-options__btn' onclick='openModal("modal-ed454ftfa4q")'>
<div class='bx--overflow-menu-options__option-content'><svg
focusable='false' preserveAspectRatio='xMidYMid meet'
style='will-change: transform;'
xmlns='http://www.w3.org/2000/svg' width='16' height='16'
viewBox='0 0 16 16' aria-hidden='true'>
<path d='M6 6H7V12H6zM9 6H10V12H9z'></path>
<path
d='M2 3v1h1v10c0 .6.4 1 1 1h8c.6 0 1-.4 1-1V4h1V3H2zM4 14V4h8v10H4zM6 1H10V2H6z'>
</path>
</svg> Delete</div>
</button></li>
</ul>
</div>
</td>
</tr>
<div data-modal id='mae-1' class='bx--modal' role='dialog' aria-modal='true'
aria-labelledby='mae-1-label' aria-describedby='mae-1-heading' tabindex='-1'>
<div class='bx--modal-container'>
<form method='GET' action='/configureprinter/edit'><input type='hidden' name='id'
value='1'>
<div class='bx--modal-header'>
<p class='bx--modal-header__label bx--type-delta' id='mae-1-label'>Printer
Configuration</p>
<p class='bx--modal-header__heading bx--type-beta' id='mae-1-heading'>Edit data
for printer</p><button class='bx--modal-close' type='button'
onclick='closeModal("mae-1")'><svg focusable='false'
preserveAspectRatio='xMidYMid meet' style='will-change: transform;'
xmlns='http://www.w3.org/2000/svg' class='bx--modal-close__icon'
width='16' height='16' viewBox='0 0 16 16' aria-hidden='true'>
<path
d='M12 4.7L11.3 4 8 7.3 4.7 4 4 4.7 7.3 8 4 11.3 4.7 12 8 8.7 11.3 12 12 11.3 8.7 8z'>
</path>
</svg></button>
</div>
<div class='bx--modal-content bx--modal-content--with-form'>
<div class=' bx--form-item' data-sh='apac-0'><label for='e-tname-1'
class='bx--label'>Printer Name</label><input id='e-tname-1' type='text'
class='bx--text-input' name='e-tname' value='AnycubicI3' maxlength='20'>
</div>
<div class='bx--form-item bx--select ' data-sh='apac-0'><label for='e-tapi-1'
class='bx--label'>API Type</label>
<div class='bx--select-input__wrapper'><select id='e-tapi-1'
class='bx--select-input' name='e-tapi'>
<option class='bx--select-option' value='0'>Duet</option>
<option class='bx--select-option' value='1' selected='selected'>
Klipper</option>
<option class='bx--select-option' value='2' data-need-api='true'>
OctoPrint</option>
<option class='bx--select-option' value='3' data-need-api='true'>
Repetier</option>
</select><svg focusable='false' preserveAspectRatio='xMidYMid meet'
style='will-change: transform;' xmlns='http://www.w3.org/2000/svg'
class='bx--select__arrow' width='10' height='6' viewBox='0 0 10 6'
aria-hidden='true'>
<path d='M5 6L0 1 0.7 0.3 5 4.6 9.3 0.3 10 1z'></path>
</svg></div>
</div>
<div class=' bx--form-item' data-sh='apac-0'><label for='e-tapikey-1'
class='bx--label'>API Key</label><input id='e-tapikey-1' type='text'
class='bx--text-input' name='e-tapikey' value='' maxlength='60'></div>
<div class=' bx--form-item' data-sh='apac-0'><label for='e-taddr-1'
class='bx--label'>Hostname or IP Address (do not include
http://)</label><input id='e-taddr-1' type='text' class='bx--text-input'
name='e-taddr' value='192.168.0.241' maxlength='60'></div>
<div class=' bx--form-item' data-sh='apac-0'><label for='e-tport-1'
class='bx--label'>Port</label><input id='e-tport-1' type='text'
class='bx--text-input' name='e-tport' value='7125' maxlength='5'
onkeypress='return isNumberKey(event)'></div>
<div class=' bx--form-item' data-sh='apac-0'><input
class='bx--toggle-input bx--toggle-input--small' id='e-tapipw-1'
type='checkbox' name='e-tapipw'
onchange="showhide('e-tapipw-1', 'apac-1')"><label
class='bx--toggle-input__label' for='e-tapipw-1'><span
class='bx--toggle__switch'><svg class='bx--toggle__check'
width='6px' height='5px' viewBox='0 0 6 5'>
<path d='M2.2 2.7L5 0 6 1 2.2 5 0 2.7 1 1.5z' />
</svg><span class='bx--toggle__text--off' aria-hidden='true'>Haproxy
or basic auth deactivated</span><span
class='bx--toggle__text--on' aria-hidden='true'>Haproxy or basic
auth activated</span></span></label></div>
<div class=' bx--form-item' data-sh='apac-1'><label for='isBasicAuth-1'
class='bx--label'>Use Security Credentials for Configuration
Changes</label><input id='isBasicAuth-1' type='text'
class='bx--text-input' name='isBasicAuth' value='' maxlength='30'></div>
<div class=' bx--form-item' data-sh='apac-1'><label for='userid-1'
class='bx--label'>User ID (for this interface)</label><input
id='userid-1' type='password' class='bx--text-input' name='userid'
value='' maxlength='120'></div><br><br>
</div>
<div class='bx--modal-content--overflow-indicator'></div>
<div class='bx--modal-footer'><button class='bx--btn bx--btn--secondary'
type='reset' onclick='closeModal("mae-1")'>Abort</button><button
class='bx--btn bx--btn--primary' type='submit'
onclick='closeModal("mae-1")'>Save</button></div>
</form>
</div><span tabindex='0'></span>
</div> </div>
<div class="bx--form-item bx--select"> </div>
<label for="e-tapi" class="bx--label">API Type</label> <div data-modal id='mae-0' class='bx--modal' role='dialog' aria-modal='true' aria-labelledby='mae-0-label'
<div class="bx--select-input__wrapper"> aria-describedby='mae-0-heading' tabindex='-1'>
<select id="e-tapi" class="bx--select-input" name="e-tapi"> <div class='bx--modal-container'>
<option class="bx--select-option">Duet</option> <form method='GET' action='/configureprinter/edit'><input type='hidden' name='id' value='0'>
<option class="bx--select-option">Klipper</option> <div class='bx--modal-header'>
<option class="bx--select-option" selected>Octoprint</option> <p class='bx--modal-header__label bx--type-delta' id='mae-0-label'>Printer Configuration</p>
<option class="bx--select-option">Repetier</option> <p class='bx--modal-header__heading bx--type-beta' id='mae-0-heading'>Create new printer</p>
</select> <button class='bx--modal-close' type='button' onclick='closeModal("mae-0")'><svg
<svg focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" class="bx--select__arrow" width="10" height="6" viewBox="0 0 10 6" aria-hidden="true"><path d="M5 6L0 1 0.7 0.3 5 4.6 9.3 0.3 10 1z"></path></svg> focusable='false' preserveAspectRatio='xMidYMid meet'
style='will-change: transform;' xmlns='http://www.w3.org/2000/svg'
class='bx--modal-close__icon' width='16' height='16' viewBox='0 0 16 16'
aria-hidden='true'>
<path
d='M12 4.7L11.3 4 8 7.3 4.7 4 4 4.7 7.3 8 4 11.3 4.7 12 8 8.7 11.3 12 12 11.3 8.7 8z'>
</path>
</svg></button>
</div>
<div class='bx--modal-content bx--modal-content--with-form'>
<div class=' bx--form-item' data-sh='apac-2'><label for='e-tname-0'
class='bx--label'>Printer Name</label><input id='e-tname-0' type='text'
class='bx--text-input' name='e-tname' value='' maxlength='20'></div>
<div class='bx--form-item bx--select ' data-sh='apac-2'><label for='e-tapi-0'
class='bx--label'>API Type</label>
<div class='bx--select-input__wrapper'><select id='e-tapi-0' class='bx--select-input'
name='e-tapi' onchange='apiTypeSelect("e-tapi-0", "apac-22")'>
<option class='bx--select-option' value='0'>Duet</option>
<option class='bx--select-option' value='1'>Klipper</option>
<option class='bx--select-option' value='2' data-need-api='true'>OctoPrint
</option>
<option class='bx--select-option' value='3' data-need-api='true'>Repetier
</option>
</select><svg focusable='false' preserveAspectRatio='xMidYMid meet'
style='will-change: transform;' xmlns='http://www.w3.org/2000/svg'
class='bx--select__arrow' width='10' height='6' viewBox='0 0 10 6'
aria-hidden='true'>
<path d='M5 6L0 1 0.7 0.3 5 4.6 9.3 0.3 10 1z'></path>
</svg></div>
</div> </div>
<div class=' bx--form-item' data-sh='apac-22'><label for='e-tapikey-0' class='bx--label'>API
Key</label><input id='e-tapikey-0' type='text' class='bx--text-input'
name='e-tapikey' value='' maxlength='60'></div>
<div class=' bx--form-item' data-sh='apac-2'><label for='e-taddr-0'
class='bx--label'>Hostname or IP Address (do not include http://)</label><input
id='e-taddr-0' type='text' class='bx--text-input' name='e-taddr' value=''
maxlength='60'></div>
<div class=' bx--form-item' data-sh='apac-2'><label for='e-tport-0'
class='bx--label'>Port</label><input id='e-tport-0' type='text'
class='bx--text-input' name='e-tport' value='80' maxlength='5'
onkeypress='return isNumberKey(event)'></div>
<div class=' bx--form-item' data-sh='apac-2'><input
class='bx--toggle-input bx--toggle-input--small' id='e-tapipw-0' type='checkbox'
name='e-tapipw' checked='checked' onchange="showhide('e-tapipw-0', 'apac-0')"><label
class='bx--toggle-input__label' for='e-tapipw-0'><span
class='bx--toggle__switch'><svg class='bx--toggle__check' width='6px'
height='5px' viewBox='0 0 6 5'>
<path d='M2.2 2.7L5 0 6 1 2.2 5 0 2.7 1 1.5z' />
</svg><span class='bx--toggle__text--off' aria-hidden='true'>Haproxy or basic
auth deactivated</span><span class='bx--toggle__text--on'
aria-hidden='true'>Haproxy or basic auth activated</span></span></label>
</div>
<div class=' bx--form-item' data-sh='apac-0'><label for='isBasicAuth-0'
class='bx--label'>Use Security Credentials for Configuration Changes</label><input
id='isBasicAuth-0' type='text' class='bx--text-input' name='isBasicAuth' value=''
maxlength='30'></div>
<div class=' bx--form-item' data-sh='apac-0'><label for='userid-0' class='bx--label'>User ID
(for this interface)</label><input id='userid-0' type='password'
class='bx--text-input' name='userid' value='' maxlength='120'></div><br><br>
</div> </div>
<div class="bx--form-item"> <div class='bx--modal-content--overflow-indicator'></div>
<label for="e-taddr" class="bx--label">Hostname or IP Address (do not include http://)</label> <div class='bx--modal-footer'><button class='bx--btn bx--btn--secondary' type='reset'
<input id="e-taddr" name="e-taddr" type="text" class="bx--text-input" placeholder="Target Address" maxlength="60"> onclick='closeModal("mae-0")'>Abort</button><button class='bx--btn bx--btn--primary'
</div> type='submit' onclick='closeModal("mae-0")'>Save</button></div>
<div class="bx--form-item"> </form>
<label for="e-tport" class="bx--label">Port</label> </div><span tabindex='0'></span>
<input id="e-tport" name="e-tport" type="text" class="bx--text-input" placeholder="Target port" maxlength="5" value="80">
</div>
<div class="bx--form-item">
<input class="bx--toggle-input bx--toggle-input--small" id="e-tpsu" type="checkbox" name="e-tpsu">
<label class="bx--toggle-input__label" for="e-tpsu">
<span class="bx--toggle__switch">
<svg class="bx--toggle__check" width="6px" height="5px" viewBox="0 0 6 5">
<path d="M2.2 2.7L5 0 6 1 2.2 5 0 2.7 1 1.5z" />
</svg>
<span class="bx--toggle__text--off" aria-hidden="true">PSU control deactivated</span>
<span class="bx--toggle__text--on" aria-hidden="true">PSU control activated</span>
</span>
</label>
</div>
<div class="bx--form-item">
<input class="bx--toggle-input bx--toggle-input--small" id="e-tapipw" type="checkbox" name="e-tapipw" onchange="showhide('e-tapipw', 'apac')" checked="checked">
<label class="bx--toggle-input__label" for="e-tapipw">
<span class="bx--toggle__switch">
<svg class="bx--toggle__check" width="6px" height="5px" viewBox="0 0 6 5">
<path d="M2.2 2.7L5 0 6 1 2.2 5 0 2.7 1 1.5z" />
</svg>
<span class="bx--toggle__text--off" aria-hidden="true">Haproxy or basic auth deactivated</span>
<span class="bx--toggle__text--on" aria-hidden="true">Haproxy or basic auth activated</span>
</span>
</label>
</div>
<div class="bx--form-item" data-sh="apac">
<label for="e-tapiuser" class="bx--label">User ID (for this interface)</label>
<input id="e-tapiuser" type="text"
class="bx--text-input"
name="e-tapiuser"
value="admin"
maxlength="30">
</div>
<div class="bx--form-item" data-sh="apac">
<label for="e-tapipass" class="bx--label">Password (for this interface)</label>
<input id="e-tapipass" type="password"
class="bx--text-input"
name="e-tapipass"
value="admin">
</div><br><br>
</div>
<div class="bx--modal-content--overflow-indicator"></div>
<div class="bx--modal-footer">
<button class="bx--btn bx--btn--secondary" type="button" onclick="closeModal('modal-pyu0ribosn')">Abort</button>
<button class="bx--btn bx--btn--primary" type="button">Save</button>
</div>
</div>
<!-- Note: focusable span allows for focus wrap feature within Modals -->
<span tabindex="0"></span>
</div> </div>
</div> </div>
</tbody>
</table>
</div>
<div data-modal id="modal-ed454ftfa4q" class="bx--modal bx--modal--danger" role="dialog" </div>
aria-modal="true" aria-labelledby="modal-ed454ftfa4q-label" aria-describedby="modal-ed454ftfa4q-heading" tabindex="-1"> <div data-modal id='resetSettingsModal' class='bx--modal bx--modal--danger' role='dialog' aria-modal='true'
<div class="bx--modal-container"> aria-labelledby='resetSettingsModal-label' aria-describedby='resetSettingsModal-heading' tabindex='-1'>
<form method="GET" > <div class='bx--modal-container'>
<div class='bx--modal-header'>
<div class="bx--modal-header"> <p class='bx--modal-header__label bx--type-delta' id='resetSettingsModal-label'>WARNING</p>
<p class="bx--modal-header__label bx--type-delta" id="modal-ed454ftfa4q-label">Warning!</p> <p class='bx--modal-header__heading bx--type-beta' id='resetSettingsModal-heading'>Reset settings</p>
<p class="bx--modal-header__heading bx--type-beta" id="modal-ed454ftfa4q-heading">Delete configuration for I3 Mega</p> <button class='bx--modal-close' type='button' aria-label='close modal'
<button class="bx--modal-close" type="button" data-modal-close aria-label="close modal" onclick="closeModal('modal-ed454ftfa4q')" > onclick='closeModal("resetSettingsModal")'><svg focusable='false'
<svg focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" class="bx--modal-close__icon" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"><path d="M12 4.7L11.3 4 8 7.3 4.7 4 4 4.7 7.3 8 4 11.3 4.7 12 8 8.7 11.3 12 12 11.3 8.7 8z"></path></svg> preserveAspectRatio='xMidYMid meet' style='will-change: transform;'
</button> xmlns='http://www.w3.org/2000/svg' class='bx--modal-close__icon' width='16' height='16'
</div> viewBox='0 0 16 16' aria-hidden='true'>
<path d='M12 4.7L11.3 4 8 7.3 4.7 4 4 4.7 7.3 8 4 11.3 4.7 12 8 8.7 11.3 12 12 11.3 8.7 8z'>
<!-- Note: Modals with content that scrolls, at any viewport, requires `tabindex="0"` on the `bx--modal-content` element --> </path>
</svg></button>
<div class="bx--modal-content" >
<p> you really want to delete the configured printer?</p><br><br>
</div>
<div class="bx--modal-content--overflow-indicator"></div>
<div class="bx--modal-footer">
<button class="bx--btn bx--btn--secondary" type="reset" onclick="closeModal('modal-ed454ftfa4q')">Abort</button>
<button class="bx--btn bx--btn--danger" type="submit" aria-label="Danger"
data-modal-primary-focus>Delete</button>
</div>
</form>
</div> </div>
<div class='bx--modal-content'>
<!-- Note: focusable span allows for focus wrap feature within Modals --> <p>Do you want to reset to default settings?</p><br><br><br>
<span tabindex="0"></span>
</div>
<div class='bx--loading-overlay hidden' id='pageloading'>
<div data-loading class='bx--loading'>
<svg class='bx--loading__svg' viewBox='-75 -75 150 150'>
<title>Loading</title>
<circle class='bx--loading__stroke' cx='0' cy='0' r='37.5' />
</svg>
</div> </div>
</div> <div class='bx--modal-content--overflow-indicator'></div>
<div class='bx--modal-footer'><button class='bx--btn bx--btn--secondary' type='button'
onclick='closeModal("resetSettingsModal")'>Abort</button><button class='bx--btn bx--btn--danger'
type='button' aria-label='Danger' data-modal-primary-focus
onclick='openUrl("/systemreset")'>Reset</button></div>
</div><span tabindex='0'></span>
</div>
<div data-modal id='resetWifiModal' class='bx--modal bx--modal--danger' role='dialog' aria-modal='true'
aria-labelledby='resetWifiModal-label' aria-describedby='resetWifiModal-heading' tabindex='-1'>
<div class='bx--modal-container'>
<div class='bx--modal-header'>
<p class='bx--modal-header__label bx--type-delta' id='resetWifiModal-label'>WARNING</p>
<p class='bx--modal-header__heading bx--type-beta' id='resetWifiModal-heading'>Reset wifi</p><button
class='bx--modal-close' type='button' aria-label='close modal'
onclick='closeModal("resetWifiModal")'><svg focusable='false' preserveAspectRatio='xMidYMid meet'
style='will-change: transform;' xmlns='http://www.w3.org/2000/svg' class='bx--modal-close__icon'
width='16' height='16' viewBox='0 0 16 16' aria-hidden='true'>
<path d='M12 4.7L11.3 4 8 7.3 4.7 4 4 4.7 7.3 8 4 11.3 4.7 12 8 8.7 11.3 12 12 11.3 8.7 8z'>
</path>
</svg></button>
</div>
<div class='bx--modal-content'>
<p>Do you want to reset wifi to default settings?</p><br><br><br>
</div>
<div class='bx--modal-content--overflow-indicator'></div>
<div class='bx--modal-footer'><button class='bx--btn bx--btn--secondary' type='button'
onclick='closeModal("resetWifiModal")'>Abort</button><button class='bx--btn bx--btn--danger'
type='button' aria-label='Danger' data-modal-primary-focus
onclick='openUrl("/forgetwifi")'>Reset</button></div>
</div><span tabindex='0'></span>
</div><br><br><br></div>
<div class='bx--loading-overlay hidden' id='pageloading'>
<div data-loading class='bx--loading'><svg class='bx--loading__svg' viewBox='-75 -75 150 150'>
<title>Loading</title>
<circle class='bx--loading__stroke' cx='0' cy='0' r='37.5' />
</svg></div>
</div>
<script>
$("select[id^='e-tapi']").trigger('change');
console.log($("input[type='checkbox']"));
$("input[type='checkbox']").trigger('change');
</script>
<form> <script src='https://unpkg.com/carbon-components/scripts/carbon-components.min.js'></script>
<button type="submit">Test</button> <script>$(function () { $('form').on('submit', function (e) { $('#pageloading').removeClass('hidden') }) })</script>
</form> </body>
<script src="https://unpkg.com/carbon-components/scripts/carbon-components.min.js"></script>
<script>
function openSidebar() {
document.getElementById('sidebar').classList.toggle('bx--header-panel--expanded');
document.getElementById('wifiinfo').classList.add('hidden');
}
function openWifiInfo() {
document.getElementById('sidebar').classList.remove('bx--header-panel--expanded');
document.getElementById('wifiinfo').classList.toggle('hidden');
}
function showhide(a,b) {
var e = $("[data-sh='"+b+"']");
var f = $("#" + a);
if (f.checked||f.prop('checked')) {
e.removeClass('hidden');
} else {
e.addClass('hidden');
}
}
function xtest(){
$('#pageloading').removeClass('hidden');
}
$(function() {
$('form').on("submit", function(e){$('#pageloading').removeClass('hidden'); e.preventDefault(); return false;})
});
showhide('e-tapipw', 'apac');
</script>
</body>
</html> </html>