Skip to content

Commit 5198bef

Browse files
tobihagemanntobihagemann
committed
added input-box, see #120 
1 parent 9e76dab commit 5198bef

File tree

11 files changed

+42
-38
lines changed

11 files changed

+42
-38
lines changed

‎assets/css/custom.css‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -117,6 +117,10 @@
117117
@apply rounded-sm shadow-sm bg-white;
118118
}
119119

120+
.input-box {
121+
@apply rounded-sm border-gray-300 focus:ring-0 focus:border-secondary w-full;
122+
}
123+
120124
.StripeElement {
121125
@apply rounded-sm border border-gray-300 px-3 py-2;
122126
}

‎layouts/hub-billing/single.html‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -169,7 +169,7 @@ <h2 class="font-h2 mb-4 mt-12">
169169
<p class="font-p mb-4">
170170
{{ i18n "hub_billing_manage_license_key_instruction" . }}
171171
</p>
172-
<textarea x-model="subscriptionData.token" class="text-sm md:text-base leading-relaxed break-all rounded-sm border-gray-300 focus:ring-0 focus:border-secondary w-full" rows="6" readonly></textarea>
172+
<textarea x-model="subscriptionData.token" class="input-box text-sm md:text-base leading-relaxed break-all" rows="6" readonly></textarea>
173173
<button :disabled="subscriptionData.inProgress || !subscriptionData.token" class="btn btn-primary text-center w-full md:w-64 mt-4" @click.prevent="hubSubscription.transferTokenToHub()">
174174
{{ i18n "hub_billing_manage_license_key_transfer_action" . }}
175175
</button>
@@ -238,7 +238,7 @@ <h3 class="font-headline text-xl md:text-2xl leading-relaxed mb-4" id="change-se
238238
<p class="font-p mb-4">
239239
{{ i18n "hub_billing_manage_change_quantity_description" . }}
240240
</p>
241-
<input x-model="subscriptionData.quantity" x-ref="quantity" :min="subscriptionData.customBilling?.quantity_min || 1" :max="subscriptionData.customBilling?.quantity_max || 10000" :placeholder="`min. ${$el.min}`" @blur="$refs.quantity.classList.add('show-invalid')" type="number" step="1" class="rounded-sm border-gray-300 focus:ring-0 focus:border-secondary w-full mb-2" required/>
241+
<input x-model="subscriptionData.quantity" x-ref="quantity" :min="subscriptionData.customBilling?.quantity_min || 1" :max="subscriptionData.customBilling?.quantity_max || 10000" :placeholder="`min. ${$el.min}`" @blur="$refs.quantity.classList.add('show-invalid')" type="number" step="1" class="input-box mb-2" required/>
242242
<p class="text-xs text-gray-600 mb-4">
243243
{{ i18n "hub_billing_manage_change_quantity_amount_description" . }}
244244
</p>
@@ -344,7 +344,7 @@ <h2 class="inline-flex px-4 py-1 rounded-full text-sm font-medium tracking-wide
344344
<label class="label-uppercase mb-2">
345345
{{ i18n "hub_billing_checkout_standard_hubid" . }}
346346
</label>
347-
<input x-model="subscriptionData.hubId" type="text" class="rounded-sm border-gray-300 focus:ring-0 focus:border-secondary w-full mb-2" readonly/>
347+
<input x-model="subscriptionData.hubId" type="text" class="input-box mb-2" readonly/>
348348
<p class="text-xs text-gray-600">
349349
{{ i18n "hub_billing_checkout_standard_hubid_description" . }}
350350
</p>
@@ -353,7 +353,7 @@ <h2 class="inline-flex px-4 py-1 rounded-full text-sm font-medium tracking-wide
353353
<label class="label-uppercase mb-2">
354354
{{ i18n "hub_billing_checkout_standard_quantity" . }}
355355
</label>
356-
<input x-model="subscriptionData.quantity" x-ref="quantity" :min="subscriptionData.customBilling?.quantity_min || 1" :max="subscriptionData.customBilling?.quantity_max || 10000" :placeholder="`min. ${$el.min}`" @blur="$refs.quantity.classList.add('show-invalid')" type="number" step="1" class="rounded-sm border-gray-300 focus:ring-0 focus:border-secondary w-full mb-2" required/>
356+
<input x-model="subscriptionData.quantity" x-ref="quantity" :min="subscriptionData.customBilling?.quantity_min || 1" :max="subscriptionData.customBilling?.quantity_max || 10000" :placeholder="`min. ${$el.min}`" @blur="$refs.quantity.classList.add('show-invalid')" type="number" step="1" class="input-box mb-2" required/>
357357
<p class="text-xs text-gray-600">
358358
{{ i18n "hub_billing_checkout_standard_quantity_description" . }}
359359
</p>
@@ -363,7 +363,7 @@ <h2 class="inline-flex px-4 py-1 rounded-full text-sm font-medium tracking-wide
363363
<label class="label-uppercase mb-2">
364364
{{ i18n "hub_billing_checkout_standard_email" . }}
365365
</label>
366-
<input x-model="subscriptionData.email" x-ref="email" @blur="$refs.email.classList.add('show-invalid')" type="email" class="rounded-sm border-gray-300 focus:ring-0 focus:border-secondary w-full" placeholder="{{ i18n "hub_billing_checkout_standard_email_placeholder" . }}" required/>
366+
<input x-model="subscriptionData.email" x-ref="email" @blur="$refs.email.classList.add('show-invalid')" type="email" class="input-box" placeholder="{{ i18n "hub_billing_checkout_standard_email_placeholder" . }}" required/>
367367
</div>
368368
<div class="text-center mt-8">
369369
<p class="font-p mb-4">

‎layouts/hub-demo/single.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@ <h2 class="text-lg font-medium leading-6 text-gray-900">
2222
<label for="email" class="block text-sm font-medium text-gray-700">
2323
{{ i18n "hub_demo_info_email" }}
2424
</label>
25-
<input type="email" id="email" class="mt-1 block w-full rounded-sm border-gray-300 focus:ring-0 focus:border-secondary" x-model="submitData.email" @blur="$el.classList.add('show-invalid')" required>
25+
<input type="email" id="email" class="mt-1 block input-box" x-model="submitData.email" @blur="$el.classList.add('show-invalid')" required>
2626
<p class="mt-2 text-sm text-gray-500">
2727
{{ i18n "hub_demo_info_email_description" }}
2828
</p>

‎layouts/hub-managed/single.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -36,7 +36,7 @@ <h2 class="text-lg font-medium leading-6 text-gray-900">
3636
<label for="email" class="block text-sm font-medium text-gray-700">
3737
{{ i18n "hub_managed_info_email" }}
3838
</label>
39-
<input type="email" id="email" class="mt-1 block w-full rounded-sm border-gray-300 focus:ring-0 focus:border-secondary" x-model="submitData.email" @blur="$el.classList.add('show-invalid')" required>
39+
<input type="email" id="email" class="mt-1 block input-box" x-model="submitData.email" @blur="$el.classList.add('show-invalid')" required>
4040
<p class="mt-2 text-sm text-gray-500">
4141
{{ i18n "hub_managed_info_email_description" }}
4242
</p>
@@ -46,7 +46,7 @@ <h2 class="text-lg font-medium leading-6 text-gray-900">
4646
<label for="quantity" class="block text-sm font-medium text-gray-700">
4747
{{ i18n "hub_managed_info_quantity" }}
4848
</label>
49-
<input type="number" id="quantity" min="1" max="10000" step="1" class="mt-1 block w-full rounded-sm border-gray-300 focus:ring-0 focus:border-secondary" x-model="submitData.quantity" @blur="$el.classList.add('show-invalid')" required>
49+
<input type="number" id="quantity" min="1" max="10000" step="1" class="mt-1 block input-box" x-model="submitData.quantity" @blur="$el.classList.add('show-invalid')" required>
5050
<p class="mt-2 text-sm text-gray-500">
5151
{{ i18n "hub_managed_info_quantity_description" }}
5252
</p>

‎layouts/hub-self-hosted/single.html‎

Lines changed: 16 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -42,7 +42,7 @@ <h2 class="text-lg font-medium leading-6 text-gray-900">
4242
<label for="k8sNamespace" class="block text-sm font-medium text-gray-700">
4343
Namespace
4444
</label>
45-
<input type="text" id="k8sNamespace" class="mt-1 block w-full rounded-sm border-gray-300 focus:ring-0 focus:border-secondary" x-model="cfg.k8s.namespace">
45+
<input type="text" id="k8sNamespace" class="mt-1 block input-box" x-model="cfg.k8s.namespace">
4646
<p class="mt-2 text-sm text-gray-500">
4747
{{ i18n "hub_setup_deployment_kubernetes_namespace_description" . }}
4848
</p>
@@ -83,7 +83,7 @@ <h2 class="text-lg font-medium leading-6 text-gray-900">
8383
<label for="composePublicNetwork" class="block text-sm font-medium text-gray-700">
8484
Public Network
8585
</label>
86-
<input type="text" id="composePublicNetwork" class="mt-1 block w-full rounded-sm border-gray-300 focus:ring-0 focus:border-secondary" x-model="cfg.compose.publicNetwork">
86+
<input type="text" id="composePublicNetwork" class="mt-1 block input-box" x-model="cfg.compose.publicNetwork">
8787
<p class="mt-2 text-sm text-gray-500">
8888
{{ i18n "hub_setup_deployment_compose_traefik_public_network_description" . }}
8989
</p>
@@ -112,7 +112,7 @@ <h2 class="text-lg font-medium leading-6 text-gray-900">
112112
<div class="mt-5 md:mt-0 md:col-span-2 grid grid-cols-6 gap-6">
113113
<div class="col-span-6 lg:col-span-3">
114114
<label for="hubVersion" class="block text-sm font-medium text-gray-700">Version</label>
115-
<select id="hubVersion" class="mt-1 block w-full rounded-sm border-gray-300 focus:ring-0 focus:border-secondary" x-model="cfg.hub.version">
115+
<select id="hubVersion" class="mt-1 block input-box" x-model="cfg.hub.version">
116116
<option>stable</option>
117117
<option>beta</option>
118118
</select>
@@ -125,7 +125,7 @@ <h2 class="text-lg font-medium leading-6 text-gray-900">
125125
<label for="hubPublicUrl" class="block text-sm font-medium text-gray-700">
126126
{{ i18n "hub_setup_hub_public_url" . }}
127127
</label>
128-
<input type="url" id="hubPublicUrl" class="mt-1 block w-full rounded-sm border-gray-300 focus:ring-0 focus:border-secondary" x-model="cfg.hub.publicUrl" :readonly="deploymentType == 'compose-test'">
128+
<input type="url" id="hubPublicUrl" class="mt-1 block input-box" x-model="cfg.hub.publicUrl" :readonly="deploymentType == 'compose-test'">
129129
<p class="mt-2 text-sm text-gray-500">
130130
{{ i18n "hub_setup_hub_public_url_description" . }}
131131
</p>
@@ -135,7 +135,7 @@ <h2 class="text-lg font-medium leading-6 text-gray-900">
135135
<label for="hubAdminUser" class="block text-sm font-medium text-gray-700">
136136
{{ i18n "hub_setup_hub_admin_user" . }}
137137
</label>
138-
<input type="text" id="hubAdminUser" class="mt-1 block w-full rounded-sm border-gray-300 focus:ring-0 focus:border-secondary" x-model="cfg.hub.adminUser">
138+
<input type="text" id="hubAdminUser" class="mt-1 block input-box" x-model="cfg.hub.adminUser">
139139
<p class="mt-2 text-sm text-gray-500">
140140
{{ i18n "hub_setup_hub_admin_user_description" . }}
141141
</p>
@@ -145,7 +145,7 @@ <h2 class="text-lg font-medium leading-6 text-gray-900">
145145
<label for="hubAdminPw" class="block text-sm font-medium text-gray-700">
146146
{{ i18n "hub_setup_hub_admin_pw" . }}
147147
</label>
148-
<input type="password" id="hubAdminPw" class="mt-1 block w-full rounded-sm border-gray-300 focus:ring-0 focus:border-secondary" x-model="cfg.hub.adminPw">
148+
<input type="password" id="hubAdminPw" class="mt-1 block input-box" x-model="cfg.hub.adminPw">
149149
<p class="mt-2 text-sm text-gray-500">
150150
{{ i18n "hub_setup_hub_admin_pw_description" . }}
151151
</p>
@@ -184,7 +184,7 @@ <h2 class="text-lg font-medium leading-6 text-gray-900">
184184
<label for="keycloakPublicUrl" class="block text-sm font-medium text-gray-700">
185185
{{ i18n "hub_setup_keycloak_public_url" . }}
186186
</label>
187-
<input type="url" id="keycloakPublicUrl" class="mt-1 block w-full rounded-sm border-gray-300 focus:ring-0 focus:border-secondary" x-model="cfg.keycloak.publicUrl" :readonly="deploymentType == 'compose-test'">
187+
<input type="url" id="keycloakPublicUrl" class="mt-1 block input-box" x-model="cfg.keycloak.publicUrl" :readonly="deploymentType == 'compose-test'">
188188
<p class="mt-2 text-sm text-gray-500" x-show="cfg.keycloak.useExternal">
189189
{{ i18n "hub_setup_keycloak_public_url_external_description" . }}
190190
</p>
@@ -197,7 +197,7 @@ <h2 class="text-lg font-medium leading-6 text-gray-900">
197197
<label for="keycloakRealmId" class="block text-sm font-medium text-gray-700">
198198
{{ i18n "hub_setup_keycloak_realm_id" . }}
199199
</label>
200-
<input type="text" id="keycloakRealmId" pattern="[A-Za-z0-9_-]+" class="mt-1 block w-full rounded-sm border-gray-300 focus:ring-0 focus:border-secondary" x-model="cfg.keycloak.realmId">
200+
<input type="text" id="keycloakRealmId" pattern="[A-Za-z0-9_-]+" class="mt-1 block input-box" x-model="cfg.keycloak.realmId">
201201
<p class="mt-2 text-sm text-gray-500">
202202
{{ i18n "hub_setup_keycloak_realm_id_description" . }}
203203
</p>
@@ -207,7 +207,7 @@ <h2 class="text-lg font-medium leading-6 text-gray-900">
207207
<label for="keycloakAdminUser" class="block text-sm font-medium text-gray-700">
208208
{{ i18n "hub_setup_keycloak_admin_user" . }}
209209
</label>
210-
<input type="text" id="keycloakAdminUser" class="mt-1 block w-full rounded-sm border-gray-300 focus:ring-0 focus:border-secondary" x-model="cfg.keycloak.adminUser">
210+
<input type="text" id="keycloakAdminUser" class="mt-1 block input-box" x-model="cfg.keycloak.adminUser">
211211
<p class="mt-2 text-sm text-gray-500">
212212
{{ i18n "hub_setup_keycloak_admin_user_description" . }}
213213
</p>
@@ -217,7 +217,7 @@ <h2 class="text-lg font-medium leading-6 text-gray-900">
217217
<label for="keycloakAdminPw" class="block text-sm font-medium text-gray-700">
218218
{{ i18n "hub_setup_keycloak_admin_pw" . }}
219219
</label>
220-
<input type="password" id="keycloakAdminPw" class="mt-1 block w-full rounded-sm border-gray-300 focus:ring-0 focus:border-secondary" x-model="cfg.keycloak.adminPw">
220+
<input type="password" id="keycloakAdminPw" class="mt-1 block input-box" x-model="cfg.keycloak.adminPw">
221221
<p class="mt-2 text-sm text-gray-500">
222222
{{ i18n "hub_setup_keycloak_admin_pw_description" . }}
223223
</p>
@@ -240,7 +240,7 @@ <h2 class="text-lg font-medium leading-6 text-gray-900">
240240
<label for="dbAdminPw" class="block text-sm font-medium text-gray-700">
241241
{{ i18n "hub_setup_database_admin_pw" . }}
242242
</label>
243-
<input type="password" id="dbAdminPw" class="mt-1 block w-full rounded-sm border-gray-300 focus:ring-0 focus:border-secondary" x-model="cfg.db.adminPw">
243+
<input type="password" id="dbAdminPw" class="mt-1 block input-box" x-model="cfg.db.adminPw">
244244
<p class="mt-2 text-sm text-gray-500">
245245
{{ i18n "hub_setup_database_admin_pw_description" . }}
246246
</p>
@@ -250,7 +250,7 @@ <h2 class="text-lg font-medium leading-6 text-gray-900">
250250
<label for="dbHubPw" class="block text-sm font-medium text-gray-700">
251251
{{ i18n "hub_setup_database_hub_pw" . }}
252252
</label>
253-
<input type="password" id="dbHubPw" class="mt-1 block w-full rounded-sm border-gray-300 focus:ring-0 focus:border-secondary" x-model="cfg.db.hubPw">
253+
<input type="password" id="dbHubPw" class="mt-1 block input-box" x-model="cfg.db.hubPw">
254254
<p class="mt-2 text-sm text-gray-500">
255255
{{ i18n "hub_setup_database_hub_pw_description" . }}
256256
</p>
@@ -260,7 +260,7 @@ <h2 class="text-lg font-medium leading-6 text-gray-900">
260260
<label for="dbKeycloakPw" class="block text-sm font-medium text-gray-700">
261261
{{ i18n "hub_setup_database_keycloak_pw" . }}
262262
</label>
263-
<input type="password" id="dbKeycloakPw" class="mt-1 block w-full rounded-sm border-gray-300 focus:ring-0 focus:border-secondary" x-model="cfg.db.keycloakPw">
263+
<input type="password" id="dbKeycloakPw" class="mt-1 block input-box" x-model="cfg.db.keycloakPw">
264264
<p class="mt-2 text-sm text-gray-500">
265265
{{ i18n "hub_setup_database_keycloak_pw_description" . }}
266266
</p>
@@ -288,15 +288,15 @@ <h2 class="text-lg font-medium leading-6 text-gray-900">
288288
<div class="mt-5 md:mt-0 md:col-span-2 grid grid-cols-6 gap-6">
289289
<div class="col-span-6" x-show="deploymentType == 'kubernetes'">
290290
<label for="k8sOutput" class="block text-sm font-medium text-gray-700">k8s-hub.yml</label>
291-
<textarea id="k8sOutput" rows="10" class="mt-1 block w-full rounded-sm border-gray-300 focus:ring-0 focus:border-secondary" x-model="output.k8s" readonly></textarea>
291+
<textarea id="k8sOutput" rows="10" class="mt-1 block input-box" x-model="output.k8s" readonly></textarea>
292292
</div>
293293
<div class="col-span-6" x-show="deploymentType == 'compose-prod' || deploymentType == 'compose-test'">
294294
<label for="composeOutput" class="block text-sm font-medium text-gray-700">docker-compose.yml</label>
295-
<textarea id="composeOutput" rows="10" class="mt-1 block w-full rounded-sm border-gray-300 focus:ring-0 focus:border-secondary" x-model="output.compose" readonly></textarea>
295+
<textarea id="composeOutput" rows="10" class="mt-1 block input-box" x-model="output.compose" readonly></textarea>
296296
</div>
297297
<div class="col-span-6" x-show="cfg.keycloak.useExternal">
298298
<label for="realmOutput" class="block text-sm font-medium text-gray-700">realm.json</label>
299-
<textarea id="realmOutput" rows="10" class="mt-1 block w-full rounded-sm border-gray-300 focus:ring-0 focus:border-secondary" x-model="output.realm" readonly></textarea>
299+
<textarea id="realmOutput" rows="10" class="mt-1 block input-box" x-model="output.realm" readonly></textarea>
300300
</div>
301301
<div class="col-span-6" x-show="deploymentType == 'kubernetes' || deploymentType == 'compose-prod'">
302302
<p class="font-p mb-4">{{ i18n "hub_setup_output_hint" . | safeHTML }}</p>

0 commit comments

Comments
 (0)