character limit restriction & email validation added

packages/ui/src/components/EditBox.svelte

@@ -40,6 +40,8 @@
   export let required: boolean = false
   export let uppercase: boolean = false
   export let propagateClick: boolean = false
+  export let maxlength: string | undefined = undefined
+
 
   const dispatch = createEventDispatcher()
 
@@ -138,6 +140,7 @@
     {#if format === 'password'}
       <input
         {disabled}
+        {maxlength}
         style:width={maxWidth}
         id="userPassword"
         bind:this={input}
@@ -154,7 +157,8 @@
       />
     {:else if format === 'number'}
       <input
-        {disabled}
+        {disabled}     
+        {maxlength}
         style:width={maxWidth}
         bind:this={input}
         type="number"
@@ -172,6 +176,7 @@
     {:else}
       <input
         {disabled}
+        {maxlength}
         style:width={maxWidth}
         bind:this={input}
         type="text"

packages/ui/src/components/StylishEdit.svelte

@@ -24,6 +24,8 @@
   export let id: string | undefined = undefined
   export let name: string | undefined = undefined
   export let disabled: boolean = false
+  export let maxlength: string | undefined = undefined
+
 </script>
 
 <div class="editbox{error ? ' error' : ''}" style={width ? 'width: ' + width : ''}>
@@ -50,6 +52,7 @@
       class:nolabel={!label}
       {id}
       {name}
+      {maxlength}
       bind:value
       on:blur
       on:change

plugins/contact-resources/src/components/CreateEmployee.svelte

@@ -159,12 +159,14 @@
         kind={'large-style'}
         autoFocus
         focusIndex={1}
+        maxlength="50"
       />
       <EditBox
         placeholder={contact.string.PersonLastNamePlaceholder}
         bind:value={lastName}
         kind={'large-style'}
         focusIndex={2}
+        maxlength="50"
       />
       <div class="mt-1">
         <EditBox
@@ -173,6 +175,7 @@
           kind={'small-style'}
           focusIndex={3}
           on:blur={changeEmail}
+          maxlength="50"
         />
       </div>
       <slot name="extraControls" />

plugins/contact-resources/src/components/CreateGuest.svelte

@@ -149,12 +149,14 @@
         kind={'large-style'}
         autoFocus
         focusIndex={1}
+        maxlength="50"
       />
       <EditBox
         placeholder={contact.string.PersonLastNamePlaceholder}
         bind:value={lastName}
         kind={'large-style'}
         focusIndex={2}
+        maxlength="50"
       />
       <div class="mt-1">
         <EditBox
@@ -163,6 +165,7 @@
           kind={'small-style'}
           focusIndex={3}
           on:blur={changeEmail}
+          maxlength="50"
         />
       </div>
       <slot name="extraControls" />

plugins/contact-resources/src/components/CreateOrganization.svelte

@@ -108,6 +108,7 @@
       kind={'large-style'}
       autoFocus
       focusIndex={1}
+      maxlength="50"
     />
   </div>
 

plugins/contact-resources/src/components/CreatePerson.svelte

@@ -98,19 +98,22 @@
         kind={'large-style'}
         autoFocus
         focusIndex={1}
+        maxlength="50"
       />
       <EditBox
         placeholder={contact.string.PersonLastNamePlaceholder}
         bind:value={lastName}
         kind={'large-style'}
         focusIndex={2}
+        maxlength="50"
       />
       <div class="mt-1">
         <EditBox
           placeholder={contact.string.PersonLocationPlaceholder}
           bind:value={object.city}
           kind={'small-style'}
           focusIndex={3}
+          maxlength="50"
         />
       </div>
     </div>

plugins/contact-resources/src/components/EditEmployee.svelte

@@ -129,6 +129,7 @@
             disabled={!editable}
             on:change={firstNameChange}
             focusIndex={1}
+            maxlength="50"
           />
         {:else}
           {firstName}
@@ -142,6 +143,7 @@
             on:change={lastNameChange}
             disabled={!editable}
             focusIndex={2}
+            maxlength="50"
           />
         {:else}
           {lastName}

plugins/contact-resources/src/components/EditPerson.svelte

@@ -102,6 +102,7 @@
           bind:value={firstName}
           on:change={firstNameChange}
           focusIndex={1}
+          maxlength="50"
         />
       </div>
       <div class="name">
@@ -111,6 +112,7 @@
           bind:value={lastName}
           on:change={lastNameChange}
           focusIndex={2}
+          maxlength="50"
         />
       </div>
       <div class="location">

plugins/lead-resources/src/components/CreateCustomer.svelte

@@ -164,19 +164,22 @@
           kind={'large-style'}
           autoFocus
           focusIndex={1}
+          maxlength="50"
         />
         <EditBox
           placeholder={contact.string.PersonLastNamePlaceholder}
           bind:value={lastName}
           kind={'large-style'}
           focusIndex={2}
+          maxlength="50"
         />
         <div class="mt-1">
           <EditBox
             placeholder={contact.string.PersonLocationPlaceholder}
             bind:value={object.city}
             kind={'small-style'}
             focusIndex={3}
+            maxlength="50"
           />
         </div>
         <EditBox
@@ -207,6 +210,7 @@
         kind={'large-style'}
         autoFocus
         focusIndex={1}
+        maxlength="50"
       />
     </div>
   {/if}

plugins/login-assets/lang/en.json

@@ -42,6 +42,7 @@
     "ConfirmationSent": "A message has been sent to your email containing a link to confirm your address.",
     "ConfirmationSent2": "Please follow the link to complete your sign up.",
     "Slogan": "A unique place to manage all of your work\nWelcome to the Platform",
-    "ContinueWith": "Continue with {provider}"
+    "ContinueWith": "Continue with {provider}",
+    "InvalidEmail": "Invalid Email"
   }
 }

plugins/login-assets/lang/es.json

@@ -42,6 +42,7 @@
     "ConfirmationSent": "Se ha enviado un mensaje a su correo electrónico con un enlace para confirmar su dirección.",
     "ConfirmationSent2": "Por favor, siga el enlace para completar su registro.",
     "Slogan": "Un lugar único para gestionar todo tu trabajo\nBienvenido/a a la Plataforma",
-    "ContinueWith": "Continuar com {provider}"
+    "ContinueWith": "Continuar com {provider}",
+    "InvalidEmail": "Email inválido"
   }
-}
+}

plugins/login-assets/lang/pt.json

@@ -42,6 +42,7 @@
     "ConfirmationSent": "Foi enviada uma mensagem para o seu email contendo um link para confirmar o seu endereço.",
     "ConfirmationSent2": "Por favor, siga o link para concluir o seu registo.",
     "Slogan": "Um local único para gerir todo o seu trabalho\nBem-vindo à Plataforma",
-    "ContinueWith": "Continuar com {provider}"
+    "ContinueWith": "Continuar com {provider}",
+    "InvalidEmail": "E-mail inválido"
   }
-}
+}

plugins/login-assets/lang/ru.json

@@ -42,6 +42,7 @@
     "ConfirmationSent": "На Вашу почту отправлено сообщение, c ссылкой для подтверждения email.",
     "ConfirmationSent2": "Пожалуйста, перейдите по ссылке для завершения регистрации.",
     "Slogan": "Уникальное место для организации всей вашей работы\nДобро пожаловать в Платформу",
-    "ContinueWith": "Войти через {provider}"
+    "ContinueWith": "Войти через {provider}",
+    "InvalidEmail": "Неверный адрес электронной почты"
   }
 }

plugins/login-resources/src/components/Form.svelte

@@ -183,6 +183,7 @@
           label={field.i18n}
           name={field.id}
           password={field.password}
+          maxlength={field.maxlength} 
           bind:value={object[field.name]}
           on:input={() => validate($themeStore.language)}
           on:blur={() => {

plugins/login-resources/src/components/LoginForm.svelte

@@ -28,12 +28,12 @@
   export let navigateUrl: string | undefined = undefined
 
   const fields = [
-    { id: 'email', name: 'username', i18n: login.string.Email },
+    { id: 'email', name: 'username', i18n: login.string.Email, maxlength: "50", rules: [{rule: /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/, ruleDescr: login.string.InvalidEmail, notMatch: false}] },
     {
       id: 'current-password',
       name: 'password',
       i18n: login.string.Password,
-      password: true
+      password: true, maxlength: "50"
     }
   ]
 

plugins/login-resources/src/components/SignupForm.svelte

@@ -22,11 +22,11 @@
   import Form from './Form.svelte'
 
   const fields = [
-    { id: 'given-name', name: 'first', i18n: login.string.FirstName, short: true },
-    { id: 'family-name', name: 'last', i18n: login.string.LastName, short: true },
-    { id: 'email', name: 'username', i18n: login.string.Email },
-    { id: 'new-password', name: 'password', i18n: login.string.Password, password: true },
-    { id: 'new-password', name: 'password2', i18n: login.string.PasswordRepeat, password: true }
+    { id: 'given-name', name: 'first', i18n: login.string.FirstName, short: true, maxlength: "50" },
+    { id: 'family-name', name: 'last', i18n: login.string.LastName, short: true, maxlength: "50" },
+    { id: 'email', name: 'username', i18n: login.string.Email, maxlength: "50",  rules: [{rule: /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/, ruleDescr: login.string.InvalidEmail, notMatch: false }]},
+    { id: 'new-password', name: 'password', i18n: login.string.Password, password: true,  maxlength: "50" },
+    { id: 'new-password', name: 'password2', i18n: login.string.PasswordRepeat, password: true,  maxlength: "50" }
   ]
 
   const object = {

plugins/login-resources/src/plugin.ts

@@ -22,7 +22,7 @@ import login, { loginId } from '@hcengineering/login'
 export default mergeIds(loginId, login, {
   status: {
     RequiredField: '' as StatusCode<{ field: string }>,
-    FieldsDoNotMatch: '' as StatusCode<{ field: string, field2: string }>,
+    FieldsDoNotMatch: '' as StatusCode<{ field: string; field2: string }>,
     ConnectingToServer: '' as StatusCode,
     IncorrectValue: '' as StatusCode<{ field: string }>
   },
@@ -59,6 +59,7 @@ export default mergeIds(loginId, login, {
     ConfirmationSent: '' as IntlString,
     ConfirmationSent2: '' as IntlString,
     Slogan: '' as IntlString,
-    ContinueWith: '' as IntlString
+    ContinueWith: '' as IntlString,
+    InvalidEmail: '' as IntlString
   }
 })

plugins/recruit-resources/src/components/CreateCandidate.svelte

@@ -586,6 +586,7 @@
         autoFocus
         maxWidth={'30rem'}
         focusIndex={1}
+        maxlength="50"
       />
       <EditBox
         disabled={loading}
@@ -594,6 +595,7 @@
         maxWidth={'30rem'}
         kind={'large-style'}
         focusIndex={2}
+        maxlength="50"
       />
       <div class="mt-1">
         <EditBox
@@ -612,6 +614,7 @@
         kind={'small-style'}
         focusIndex={4}
         maxWidth={'30rem'}
+        maxlength="50"
       />
     </div>
     <div class="ml-4">

plugins/setting-resources/src/components/Profile.svelte

@@ -113,13 +113,15 @@
             autoFocus
             focusIndex={1}
             on:change={nameChange}
+            maxlength="50"
           />
           <EditBox
             placeholder={contact.string.PersonLastNamePlaceholder}
             bind:value={lastName}
             kind={'large-style'}
             focusIndex={2}
             on:change={nameChange}
+            maxlength="50"
           />
           <div class="location">
             <AttributeEditor