Repository: louislam/uptime-kuma
File: src/components/notifications/Teltonika.vue (Vue)

Code before:
            id="teltonika-username"
            v-model="$parent.notification.teltonikaUsername"
            type="text"
            minlength="3"
            maxlength="20"
            pattern="^[a-zA-Z0-9]*$"
            class="form-control"
            required
        />
        <div class="form-text">
            <i18n-t keypath="teltonikaUsernameHelptext" tag="div" class="form-text"></i18n-t>
        </div>
    </div>
    <div class="mb-3">
        <label for="teltonika-password" class="form-label">{{ $t("teltonikaPassword") }}</label>
        <HiddenInput
            id="teltonika-password"
            v-model="$parent.notification.teltonikaPassword"
            :required="true"
            autocomplete="new-password"
        ></HiddenInput>
        <div class="form-text">
            <i18n-t keypath="teltonikaPasswordHelptext" tag="div" class="form-text">
                <code>https://192.168.100.1/system/admin/multiusers/users_configuration</code>
            </i18n-t>
        </div>
    </div>
    <div class="mb-3">
        <label for="teltonika-modem" class="form-label">{{ $t("teltonikaModem") }}</label>
        <input
            id="teltonika-modem"
            v-model="$parent.notification.teltonikaModem"
            type="text"
            minlength="3"
            maxlength="5"
            pattern="^[0-9]-[0-9]"
            class="form-control"
            required
        />
        <div class="form-text">
            <i18n-t keypath="teltonikaModemHelptext" tag="div" class="form-text">
                <code>1-1</code>
            </i18n-t>
        </div>
    </div>
    <div class="mb-3">
        <label for="teltonika-phone-number" class="form-label">{{ $t("teltonikaPhoneNumber") }}</label>
        <input
            id="teltonika-phone-number"
            v-model="$parent.notification.teltonikaPhoneNumber"
            type="text"

Review comment (suggestion):
the wrapping you are doing is not quite nessesary, lets not.

This also applies elsewere

```suggestion
        <i18n-t keypath="teltonikaPasswordHelptext" tag="div" class="form-text">
            <code>https://192.168.100.1/system/admin/multiusers/users_configuration</code>
        </i18n-t>
```

Code after:
            type="text"
            minlength="3"
            maxlength="20"
            pattern="^[a-zA-Z0-9]*$"
            class="form-control"
            required
        />
        <i18n-t keypath="teltonikaUsernameHelptext" tag="div" class="form-text"></i18n-t>
    </div>
    <div class="mb-3">
        <label for="teltonika-password" class="form-label">{{ $t("teltonikaPassword") }}</label>
        <HiddenInput
            id="teltonika-password"
            v-model="$parent.notification.teltonikaPassword"
            :required="true"
            autocomplete="new-password"
        ></HiddenInput>
        <i18n-t keypath="teltonikaPasswordHelptext" tag="div" class="form-text">
            <code>https://192.168.100.1/system/admin/multiusers/users_configuration</code>
        </i18n-t>
    </div>
    <div class="mb-3">
        <label for="teltonika-modem" class="form-label">{{ $t("teltonikaModem") }}</label>
        <input
            id="teltonika-modem"
            v-model="$parent.notification.teltonikaModem"
            type="text"
            minlength="3"
            maxlength="5"
            pattern="^[0-9]-[0-9]"
            class="form-control"
            required
        />
        <i18n-t keypath="teltonikaModemHelptext" tag="div" class="form-text">
            <code>1-1</code>
        </i18n-t>
    </div>
    <div class="mb-3">
        <label for="teltonika-phone-number" class="form-label">{{ $t("teltonikaPhoneNumber") }}</label>
        <input
            id="teltonika-phone-number"
            v-model="$parent.notification.teltonikaPhoneNumber"
            type="text"
            minlength="10"
            maxlength="20"
            pattern="^[\d+,]+$"
            class="form-control"
            required
        />
        <i18n-t keypath="teltonikaPhoneNumberHelptext" tag="div" class="form-text">
            <code>+336xxxxxxxx</code>