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

Code before:
        <label for="halopsa-webhook-url" class="form-label">
            {{ $t("Halo PSA Webhook URL") }}
        </label>
        <HiddenInput
            v-model="$parent.notification.halowebhookurl"
            :maxlength="500"
            placeholder="https://your-instance.halopsa.com/api/v1/webhook"
        />
        <div class="form-text">
            {{ $t("halopsa_webhook_url_desc") }}
        </div>
    </div>

    <div class="mb-3">
        <label for="halopsa-bearer-header" class="form-label">
            {{ $t("Bearer Header") }}
        </label>
        <input
            id="halopsa-bearer-header"
            v-model="$parent.notification.haloBearerHeader"
            :maxlength="500"
            autocomplete="off"
            :placeholder="$t('your-api-token-here')"
        />
        <div class="form-text">
            {{ $t("halopsa_bearer_header_desc") }}
        </div>
    </div>
</template>

<script>
/**
 * Halo PSA Notification Provider Vue Component
 */
import HiddenInput from "../HiddenInput.vue";

export default {
    components: {
        HiddenInput,
    }
};
</script>


Review comment (suggestion):
Typo-diff.
Only translations and backend were adjusted

```suggestion
        <label for="halopsa-bearer-token" class="form-label">
            {{ $t("Bearer Token") }}
        </label>
        <input
            id="halopsa-bearer-token"
            v-model="$parent.notification.haloBearerToken"
            :maxlength="500"
            autocomplete="off"
            :placeholder="$t('halopsa_bearer_token_placeholder')"
        />
        <div class="form-text">
            {{ $t("halopsa_bearer_token_desc") }}
```

Code after:
        <label for="halopsa-webhook-url" class="form-label">
            {{ $t("Halo PSA Webhook URL") }}<span class="test-danger">*</span>
        </label>
        <HiddenInput
            v-model="$parent.notification.halowebhookurl"
            :maxlength="500"
            placeholder="https://your-instance.halopsa.com/api/v1/webhook"
            autocomplete="off"
            required
        />
        <div class="form-text">
            {{ $t("halopsa_webhook_url_desc") }}
        </div>
    </div>

    <div class="mb-3">
        <label for="halopsa-username" class="form-label">
            {{ $t("Username") }}
        </label>
        <input
            id="halopsa-username"
            v-model="$parent.notification.haloUsername"
            type="text"
            class="form-control"
            autocomplete="off"
            :placeholder="$t('Username')"
        />
        <div class="form-text">
            {{ $t("halopsa_username_desc") }}
        </div>
    </div>

    <div class="mb-3">
        <label for="halopsa-password" class="form-label">
            {{ $t("Password") }}
        </label>
        <input
            id="halopsa-password"
            v-model="$parent.notification.haloPassword"
            type="text"
            class="form-control"
            :maxlength="500"
            autocomplete="off"
            :placeholder="$t('Password')"
        />
        <div class="form-text">
            {{ $t("halopsa_password_desc") }}
        </div>
    </div>

    <div class="mb-3">