diff --git a/src/web_service/frontend/svshi-web-service-frontend/src/components/GenerateApp.vue b/src/web_service/frontend/svshi-web-service-frontend/src/components/GenerateApp.vue index bdc7023..48f356f 100644 --- a/src/web_service/frontend/svshi-web-service-frontend/src/components/GenerateApp.vue +++ b/src/web_service/frontend/svshi-web-service-frontend/src/components/GenerateApp.vue @@ -83,7 +83,7 @@ Now, modify the code locally and then go to 'Install and simulate' to try it.", return true; } }, - isValidDeviceNameOrAppNameCharEvt(evt) { + isValidDeviceNameCharEvt(evt) { evt = (evt) ? evt : window.event; var charCode = (evt.which) ? evt.which : evt.keyCode; let valid = charCode == 95 || (charCode >= 65 && charCode <= 90) || (charCode >= 97 && charCode <= 122) @@ -93,16 +93,31 @@ Now, modify the code locally and then go to 'Install and simulate' to try it.", return true; } }, - isValidDeviceNameOrAppNameChar(c) { + isValidDeviceNameChar(c) { var charCode = c.charCodeAt() return charCode == 95 || (charCode >= 65 && charCode <= 90) || (charCode >= 97 && charCode <= 122) + }, + isValidAppNameCharEvt(evt) { + evt = (evt) ? evt : window.event; + var charCode = (evt.which) ? evt.which : evt.keyCode; + let valid = charCode == 95 || (charCode >= 97 && charCode <= 122) + if (!valid) { + evt.preventDefault();; + } else { + return true; + } + }, + isValidAppNameChar(c) { + var charCode = c.charCodeAt() + return charCode == 95 || (charCode >= 97 && charCode <= 122) + }, replaceInvalidCharsByUnderscore(name) { let res = "" for (let i = 0; i < name.length; i++) { const c = name[i]; - if (this.isValidDeviceNameOrAppNameChar(c)) { + if (this.isValidDeviceNameChar(c)) { res += c } else { res += "_" @@ -206,7 +221,7 @@ Now, modify the code locally and then go to 'Install and simulate' to try it.",
App name:
+ v-model="appGenProto.appName" @keypress="this.isValidAppNameCharEvt($event)">
Permission Level:
@@ -230,7 +245,7 @@ Now, modify the code locally and then go to 'Install and simulate' to try it.",
+ @keypress="this.isValidDeviceNameCharEvt($event)" />
Type: {{ dev.deviceType }}
diff --git a/src/web_service/frontend/svshi-web-service-frontend/src/components/Welcome.vue b/src/web_service/frontend/svshi-web-service-frontend/src/components/Welcome.vue index 81e8899..a592799 100644 --- a/src/web_service/frontend/svshi-web-service-frontend/src/components/Welcome.vue +++ b/src/web_service/frontend/svshi-web-service-frontend/src/components/Welcome.vue @@ -264,7 +264,7 @@ export default defineComponent({ --> -

To start, please upload one ETS Project file (.ets) to import your devices:

+

To start, please upload one ETS Project file (.knxproj) to import your devices: