Introduction of tooltips.
This commit is contained in:
@@ -28,8 +28,7 @@
|
||||
<div class="w-full flex flex-row" x-show="options.company_logo != null">
|
||||
<img class="w-1/4" :src="options.company_logo"/>
|
||||
<div class="ml-12">
|
||||
<x-primary-button class=""
|
||||
@click="clearPreview()">{{ __('form.Change') }}</x-primary-button>
|
||||
<x-primary-button @click="clearPreview()">{{ __('form.Change') }}</x-primary-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -53,8 +52,11 @@
|
||||
x-model="options.company_additional"/>
|
||||
</div>
|
||||
<div class="flex flex-row items-center">
|
||||
<x-input-label class="w-1/4" for="representative"
|
||||
:value="__('configuration.Representative')"/>
|
||||
<div class="w-1/4 flex flex-row items-center">
|
||||
<x-input-label for="representative"
|
||||
:value="__('configuration.Representative')"/>
|
||||
<x-tooltip>{{ __('configuration.Tooltip representative') }}</x-tooltip>
|
||||
</div>
|
||||
<x-text-input id="representative" name="representative" type="text"
|
||||
class="mt-1 block w-full"
|
||||
:value="old('representative')" required autofocus
|
||||
@@ -86,7 +88,11 @@
|
||||
x-model="options.phone"/>
|
||||
</div>
|
||||
<div class="flex flex-row items-center">
|
||||
<x-input-label class="w-1/4" for="email" :value="__('configuration.Email')"/>
|
||||
<div class="w-1/4 flex flex-row items-center">
|
||||
<x-input-label for="email"
|
||||
:value="__('configuration.Email')"/>
|
||||
<x-tooltip>{{ __('configuration.Tooltip email') }}</x-tooltip>
|
||||
</div>
|
||||
<x-text-input id="email" name="email" type="email" class="mt-1 block w-full"
|
||||
:value="old('email')" required autofocus autocomplete="email"
|
||||
x-model="options.email"/>
|
||||
@@ -209,8 +215,11 @@
|
||||
</summary>
|
||||
<form class="mt-6 space-y-2" @submit.prevent="">
|
||||
<div class="flex flex-row items-center">
|
||||
<x-input-label class="w-1/4" for="color_1"
|
||||
:value="__('configuration.Color'). ' 1'"/>
|
||||
<div class="w-1/4 flex flex-row items-center">
|
||||
<x-input-label for="color_1"
|
||||
:value="__('configuration.Color'). ' 1'"/>
|
||||
<x-tooltip>{{ __('configuration.Tooltip color 1') }}</x-tooltip>
|
||||
</div>
|
||||
<x-text-input id="color_1" name="color_1" type="color"
|
||||
class="mt-1 block"
|
||||
:value="old('color_1')" required autofocus
|
||||
@@ -218,8 +227,11 @@
|
||||
x-model="options.color_1"/>
|
||||
</div>
|
||||
<div class="flex flex-row items-center">
|
||||
<x-input-label class="w-1/4" for="color_2"
|
||||
:value="__('configuration.Color'). ' 2'"/>
|
||||
<div class="w-1/4 flex flex-row items-center">
|
||||
<x-input-label for="color_2"
|
||||
:value="__('configuration.Color'). ' 2'"/>
|
||||
<x-tooltip>{{ __('configuration.Tooltip color 2') }}</x-tooltip>
|
||||
</div>
|
||||
<x-text-input id="color_2" name="color_2" type="color"
|
||||
class="mt-1 block"
|
||||
:value="old('color_2')" required autofocus
|
||||
@@ -234,14 +246,6 @@
|
||||
</div>
|
||||
|
||||
<!-- Mail derlivery -->
|
||||
<!--
|
||||
'transport' => $options->mail_transport,
|
||||
'host' => $options->mail_host,
|
||||
'port' => $options->mail_port,
|
||||
'encryption' => $options->mail_encryption,
|
||||
'username' => $options->mail_username,
|
||||
'password' => $options->mail_password,
|
||||
-->
|
||||
<div class="p-4 sm:p-8 bg-white dark:bg-gray-800 shadow sm:rounded-lg">
|
||||
<div class="max-w">
|
||||
<section>
|
||||
@@ -251,8 +255,11 @@
|
||||
</summary>
|
||||
<form class="mt-6 space-y-2" @submit.prevent="">
|
||||
<div class="flex flex-row items-center">
|
||||
<x-input-label class="w-1/4" for="mail_transport"
|
||||
:value="__('configuration.Mail transport')"/>
|
||||
<div class="w-1/4 flex flex-row items-center">
|
||||
<x-input-label for="mail_transport"
|
||||
:value="__('configuration.Mail transport')"/>
|
||||
<x-tooltip>{!! __('configuration.Tooltip Mail transport') !!}</x-tooltip>
|
||||
</div>
|
||||
<x-text-input id="mail_transport" name="mail_transport" type="text"
|
||||
class="mt-1 block w-full"
|
||||
:value="old('mail_transport')" autofocus
|
||||
@@ -262,9 +269,12 @@
|
||||
</div>
|
||||
|
||||
<div class="flex flex-row items-center">
|
||||
<x-input-label class="w-1/4" for="mail_host"
|
||||
:value="__('configuration.Mail host')"/>
|
||||
<x-text-input id="mail_host" name="mail_host" type="text"
|
||||
<div class="w-1/4 flex flex-row items-center">
|
||||
<x-input-label for="mail_host"
|
||||
:value="__('configuration.Mail host')"/>
|
||||
<x-tooltip>{!! __('configuration.Tooltip Mail host') !!}</x-tooltip>
|
||||
</div>
|
||||
<x-text-input id="mail_host" name="mail_host" type="text"
|
||||
class="mt-1 block w-full"
|
||||
:value="old('mail_host')" autofocus
|
||||
placeholder="mail.example.com"
|
||||
@@ -273,8 +283,11 @@
|
||||
</div>
|
||||
|
||||
<div class="flex flex-row items-center">
|
||||
<x-input-label class="w-1/4" for="mail_port"
|
||||
:value="__('configuration.Mail port')"/>
|
||||
<div class="w-1/4 flex flex-row items-center">
|
||||
<x-input-label for="mail_port"
|
||||
:value="__('configuration.Mail port')"/>
|
||||
<x-tooltip>{!! __('configuration.Tooltip Mail port') !!}</x-tooltip>
|
||||
</div>
|
||||
<x-text-input id="mail_port" name="mail_port" type="text"
|
||||
class="mt-1 block w-full"
|
||||
:value="old('mail_port')" autofocus
|
||||
@@ -284,9 +297,12 @@
|
||||
</div>
|
||||
|
||||
<div class="flex flex-row items-center">
|
||||
<x-input-label class="w-1/4" for="mail_encryption"
|
||||
:value="__('configuration.Mail encryption')"/>
|
||||
<x-text-input id="mail_encryption" name="mail_encryption" type="text"
|
||||
<div class="w-1/4 flex flex-row items-center">
|
||||
<x-input-label for="mail_encryption"
|
||||
:value="__('configuration.Mail encryption')"/>
|
||||
<x-tooltip>{!! __('configuration.Tooltip Mail encryption') !!}</x-tooltip>
|
||||
</div>
|
||||
<x-text-input id="mail_encryption" name="mail_encryption" type="text"
|
||||
class="mt-1 block w-full"
|
||||
:value="old('mail_encryption')" autofocus
|
||||
placeholder="tls"
|
||||
@@ -295,8 +311,11 @@
|
||||
</div>
|
||||
|
||||
<div class="flex flex-row items-center">
|
||||
<x-input-label class="w-1/4" for="mail_username"
|
||||
:value="__('configuration.Mail username')"/>
|
||||
<div class="w-1/4 flex flex-row items-center">
|
||||
<x-input-label for="mail_username"
|
||||
:value="__('configuration.Mail username')"/>
|
||||
<x-tooltip>{{ __('configuration.Tooltip Mail username') }}</x-tooltip>
|
||||
</div>
|
||||
<x-text-input id="mail_username" name="mail_username" type="text"
|
||||
class="mt-1 block w-full"
|
||||
:value="old('mail_username')" autofocus
|
||||
@@ -306,8 +325,11 @@
|
||||
</div>
|
||||
|
||||
<div class="flex flex-row items-center">
|
||||
<x-input-label class="w-1/4" for="mail_password"
|
||||
:value="__('configuration.Mail password')"/>
|
||||
<div class="w-1/4 flex flex-row items-center">
|
||||
<x-input-label for="mail_password"
|
||||
:value="__('configuration.Mail password')"/>
|
||||
<x-tooltip>{{ __('configuration.Tooltip Mail password') }}</x-tooltip>
|
||||
</div>
|
||||
<x-text-input id="mail_password" name="mail_password" type="password"
|
||||
class="mt-1 block w-full"
|
||||
:value="old('mail_password')" autofocus
|
||||
@@ -315,6 +337,19 @@
|
||||
x-model="options.mail_password"/>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-row items-center">
|
||||
<div class="w-1/4 flex flex-row items-center">
|
||||
<x-input-label for="bcc_copy"
|
||||
:value="__('configuration.Bcc copy')"/>
|
||||
<x-tooltip>{!! __('configuration.Tooltip Bcc copy') !!}</x-tooltip>
|
||||
</div>
|
||||
<x-text-input id="bcc_copy" name="bcc_copy" type="checkbox"
|
||||
class="mt-1 block"
|
||||
:value="old('bcc_copy')" required autofocus
|
||||
autocomplete="bcc_copy"
|
||||
x-model="options.bcc_copy"/>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</details>
|
||||
</section>
|
||||
|
||||
Reference in New Issue
Block a user