Add labels to checkboxes on setup screen

This commit is contained in:
Hillel Coren 2024-07-12 10:07:10 +03:00
parent eb4ed3b936
commit 61a78ca4b9
2 changed files with 23 additions and 15 deletions

View File

@ -25,10 +25,12 @@
{{ ctrans('texts.https') }} {{ ctrans('texts.https') }}
</dt> </dt>
<dd class="mt-1 text-sm leading-5 text-gray-900 sm:mt-0 sm:col-span-2"> <dd class="mt-1 text-sm leading-5 text-gray-900 sm:mt-0 sm:col-span-2">
<input type="checkbox" class="form-checkbox mr-1" name="https" <label for="https">
{{ old('https') ? 'checked': '' }} checked> <input type="checkbox" class="form-checkbox mr-1" name="https"
<span>{{ ctrans('texts.require') }}</span> id="https" {{ old('https') ? 'checked': '' }} checked>
<span class="text-gray-600 text-xs ml-2">({{ ctrans('texts.recommended_in_production') }})</span> <span>{{ ctrans('texts.require') }}</span>
<span class="text-gray-600 text-xs ml-2">({{ ctrans('texts.recommended_in_production') }})</span>
</label>
</dd> </dd>
</div> </div>
<div class="bg-gray-50 px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6 sm:flex sm:items-center"> <div class="bg-gray-50 px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6 sm:flex sm:items-center">
@ -36,9 +38,11 @@
{{ ctrans('texts.reports') }} {{ ctrans('texts.reports') }}
</dt> </dt>
<dd class="mt-1 text-sm leading-5 text-gray-900 sm:mt-0 sm:col-span-2"> <dd class="mt-1 text-sm leading-5 text-gray-900 sm:mt-0 sm:col-span-2">
<input type="checkbox" class="form-checkbox mr-1" <label for="send_logs">
name="send_logs" {{ old('send_logs' ? 'checked': '') }}> <input type="checkbox" class="form-checkbox mr-1"
<span>{{ ctrans('texts.send_fail_logs_to_our_server') }}</span> name="send_logs" id="send_logs" {{ old('send_logs' ? 'checked': '') }}>
<span>{{ ctrans('texts.send_fail_logs_to_our_server') }}</span>
</label>
<a class="button-link mt-1 block" target="_blank" href="https://www.invoiceninja.com/privacy-policy/">Read more <a class="button-link mt-1 block" target="_blank" href="https://www.invoiceninja.com/privacy-policy/">Read more
about how we use this.</a> about how we use this.</a>
</dd> </dd>

View File

@ -59,16 +59,20 @@
<div class="flex justify-center mt-4 hidden" id="submit-wrapper"> <div class="flex justify-center mt-4 hidden" id="submit-wrapper">
<div class="flex flex-col"> <div class="flex flex-col">
<div class="mt-4 text-sm"> <div class="mt-4 text-sm">
<input type="checkbox" class="form-checkbox mr-2" name="terms_of_service" required> <label for="terms_of_service">
<span>{{ ctrans('texts.i_agree') }} <input type="checkbox" class="form-checkbox mr-2" name="terms_of_service" id="terms_of_service" required>
<a class="button-link text-blue-600" target="_blank" href="https://www.invoiceninja.com/self-hosting-terms-service/">{{ ctrans('texts.terms_of_service') }}</a> <span>{{ ctrans('texts.i_agree') }}
</span> <a class="button-link text-blue-600" target="_blank" href="https://www.invoiceninja.com/self-hosting-terms-service/">{{ ctrans('texts.terms_of_service') }}</a>
</span>
</label>
</div> </div>
<div class="mt-2 text-sm"> <div class="mt-2 text-sm">
<input type="checkbox" class="form-checkbox mr-2" name="privacy_policy" required> <label for="privacy_policy">
<span>{{ ctrans('texts.i_agree') }} <input type="checkbox" class="form-checkbox mr-2" name="privacy_policy" id="privacy_policy" required>
<a class="button-link text-blue-600" target="_blank" href="https://www.invoiceninja.com/self-hosting-privacy-data-control/">{{ ctrans('texts.privacy_policy') }}</a> <span>{{ ctrans('texts.i_agree') }}
</span> <a class="button-link text-blue-600" target="_blank" href="https://www.invoiceninja.com/self-hosting-privacy-data-control/">{{ ctrans('texts.privacy_policy') }}</a>
</span>
</label>
</div> </div>
<button type="submit" class="button button-primary bg-blue-600 w-1/2 my-4">{{ ctrans('texts.submit') }}</button> <button type="submit" class="button button-primary bg-blue-600 w-1/2 my-4">{{ ctrans('texts.submit') }}</button>