starred/esx_core
1
0
Fork 0
mirror of https://github.com/esx-framework/esx_core.git synced 2026-08-29 09:18:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #1459 from luckie12/feature/esx_identity_nui

Browse Source 
Feature/esx identity nui
This commit is contained in:
Kasey Fitton
2024-11-12 23:13:11 +00:00
committed by GitHub
parent 89c2f8a545 75a3f94561
commit 90dc0d1278
7 changed files with 24 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
[core]/esx_identity/dist/assets/index-B6T-7u2-.css
Vendored
-1
View File
@@ -1 +0,0 @@
@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";body{font-family:sans-serif;overflow:hidden;background-color:transparent}.none{display:none}.dialog{width:477px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#080808;border-radius:8px;border:none;color:#fff;font-family:Poppins,sans-serif}.dialog__header{background-color:#040404;border-top-left-radius:8px;border-top-right-radius:8px;padding:20px;text-align:center}.dialog__header h1{font-weight:700;margin-bottom:0;font-size:30px}.dialog__header span{color:#fd9800}.dialog__body{padding-block:20px;padding-inline:65px}.dialog__body-hint{text-align:center;margin-bottom:20px}.dialog__body-form{display:flex;flex-direction:column;gap:35px;font-weight:600;font-size:15px}.dialog__form-submit{border:none;background-color:#fd9800;color:#fff;font-size:18px;font-weight:700;border-radius:4px;padding-block:5px}.dialog__form-submit i{margin-right:5px}.dialog__form-group{display:flex;align-items:center;justify-content:space-between;gap:30px;background-color:#040404;position:relative}.dialog__form-group--radio{gap:0}.dialog__form-group label{text-align:center;flex-grow:1;flex-shrink:1;padding-inline:20px}.dialog__form-group input{background-color:transparent;border:none;height:30px;width:180px;flex-shrink:0;color:#fff}.dialog__form-group input:focus{background-color:#0f0f0fe6;border:none;border-radius:5px;color:#fff;outline:none;box-shadow:none}.dialog__form-validation{position:relative}.dialog__form-validation i{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.dialog__form-radio{display:flex;align-items:center}.dialog__form-radio input{display:none}.dialog__form-radio label{display:flex;align-items:center;gap:10px;cursor:pointer}.dialog__form-radio input+label{height:30px;display:flex;align-items:center}.dialog__form-radio input:checked+label{color:#30a1fd;height:30px}.dialog__form-radio input:not(:checked)+label{color:#242424;height:30px}.dialog__form-message{position:absolute;top:35px;right:0;font-size:9px}.dialog__form-message--error{color:#733838}#male:checked+label{color:#30a1fd}#female:checked+label{color:#ff69b4}::placeholder{color:#242424;font-weight:600}
[core]/esx_identity/dist/assets/index-CBKwBtku.css
Vendored
+1
View File
@@ -0,0 +1 @@
@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";body{font-family:sans-serif;overflow:hidden;background-color:transparent}.none{display:none}.dialog{width:477px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#080808;border-radius:8px;border:none;color:#fff;font-family:Poppins,sans-serif}.dialog__header{background-color:#040404;border-top-left-radius:8px;border-top-right-radius:8px;padding:20px;text-align:center}.dialog__header h1{font-weight:700;margin-bottom:0;font-size:30px}.dialog__header span{color:#fd9800}.dialog__body{padding-block:20px;padding-inline:65px}.dialog__body-hint{text-align:center;margin-bottom:20px}.dialog__body-form{display:flex;flex-direction:column;gap:35px;font-weight:600;font-size:15px}.dialog__form-submit{border:none;background-color:#fd9800;color:#fff;font-size:18px;font-weight:700;border-radius:4px;padding-block:5px}.dialog__form-submit i{margin-right:5px}.dialog__form-group{display:flex;align-items:center;justify-content:space-between;gap:30px;background-color:#040404;position:relative}.dialog__form-group--radio{gap:0}.dialog__form-group label{flex-grow:1;flex-shrink:1;padding-inline:20px}.dialog__form-group input{background-color:transparent;border:none;height:30px;width:180px;flex-shrink:0;color:#fff}.dialog__form-group input:focus{background-color:#0f0f0fe6;border:none;border-radius:5px;color:#fff;outline:none;box-shadow:none}.dialog__form-validation{position:relative}.dialog__form-validation i{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.dialog__form-radio{display:flex;align-items:center}.dialog__form-radio input{display:none}.dialog__form-radio label{display:flex;align-items:center;gap:10px;cursor:pointer}.dialog__form-radio input+label{height:30px;display:flex;align-items:center}.dialog__form-radio input:checked+label{color:#30a1fd;height:30px}.dialog__form-radio input:not(:checked)+label{color:#242424;height:30px}.dialog__form-message{position:absolute;top:35px;right:0;font-size:9px}.dialog__form-message--error{color:#733838}#male:checked+label{color:#30a1fd}#female:checked+label{color:#ff69b4}::placeholder{color:#242424;font-weight:600}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}
[core]/esx_identity/dist/assets/index-CaT4lk_v.js → [core]/esx_identity/dist/assets/index-CQllZdg3.js
Vendored
+7 -7
View File
File diff suppressed because one or more lines are too long
[core]/esx_identity/dist/index.html
Vendored
+3 -3
View File
@@ -11,11 +11,11 @@
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"
integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<script type="module" crossorigin src="./assets/index-CaT4lk_v.js"></script>
<link rel="stylesheet" crossorigin href="./assets/index-B6T-7u2-.css">
<script type="module" crossorigin src="./assets/index-CQllZdg3.js"></script>
<link rel="stylesheet" crossorigin href="./assets/index-CBKwBtku.css">
</head>
<body class="none">
<body class="nonde">
<div id="app"></div>
</body>
[core]/esx_identity/src/App.vue
+2 -2
View File
@@ -1,6 +1,6 @@
<script setup>
import { onMounted } from 'vue';
import HelloWorld from './components/HelloWorld.vue'
import Identity from './components/Identity.vue'
onMounted(() => {
fetch("http://esx_identity/ready", {
@@ -18,7 +18,7 @@ onMounted(() => {
</script>
<template>
<HelloWorld/>
<Identity/>
</template>
<style scoped>
[core]/esx_identity/src/components/HelloWorld.vue → [core]/esx_identity/src/components/Identity.vue
+5 -7
View File
@@ -20,10 +20,10 @@ const onSubmit = (values) => {
const schema = yup.object({
firstname: yup.string().required('Firstname is required').min(3, 'Firstname must be at least 3 characters'),
lastname: yup.string().required('Lastname is required').min(3, 'Lastname must be at least 3 characters'),
dob: yup.date().required('Date of Birth is required').transform((value, originalValue) => {
const parsedDate = moment(originalValue, 'DD/MM/YYYY', true);
return parsedDate.isValid() ? parsedDate.toDate() : new Date('');
}).typeError('Date must be in mm/dd/yyyy format'),
dob: yup.date()
.required('Date of Birth is required')
.min(new Date("1900-01-01"), "Date is too early")
.max(moment().subtract(1, 'years').toDate(), "You need to be atleast 1 year old"),
gender: yup.string().required('Gender is required'),
height: yup.number().required('Height is required').min(120, 'Minimum height is 120cm').max(220, 'Maximum height is 220cm').typeError('Amount must be a number'),
})
@@ -42,7 +42,6 @@ const schema = yup.object({
<label for="firstname">Firstname</label>
<div class="dialog__form-validation">
<Field id="firstname" type="text" name="firstname" placeholder="Firstname" validateOnInput />
<!-- <i class="fas fa-check-circle" style="color: #478444;"></i> -->
</div>
<ErrorMessage name="firstname" class="dialog__form-message dialog__form-message--error" />
</div>
@@ -50,13 +49,12 @@ const schema = yup.object({
<label for="lastname">Lastname</label>
<div class="dialog__form-validation">
<Field id="lastname" type="text" name="lastname" placeholder="Lastname" validateOnInput />
<!-- <i class="fas fa-times-circle" style="color: #733838;"></i> -->
</div>
<ErrorMessage name="lastname" class="dialog__form-message dialog__form-message--error" />
</div>
<div class="dialog__form-group">
<label for="dob">Date of birth</label>
<Field id="dob" type="text" name="dob" placeholder="mm/dd/yyyy" validateOnInput />
<Field id="dob" type="date" name="dob" placeholder="dd/mm/yyyy" validateOnInput />
<ErrorMessage name="dob" class="dialog__form-message dialog__form-message--error" />
</div>
<div class="dialog__form-group">
[core]/esx_identity/src/style.css
+6 -1
View File
@@ -96,7 +96,6 @@ body {
}
.dialog__form-group label {
text-align: center;
flex-grow: 1; /* Label will expand to fill available space */
flex-shrink: 1; /* Allows the label to shrink if necessary */
padding-inline: 20px; /* Horizontal padding */
@@ -187,4 +186,10 @@ body {
::placeholder {
color: #242424;
font-weight: 600;
}
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
display: none;
-webkit-appearance: none;
}