ywana-core8 0.1.38 → 0.1.40

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ywana-core8",
-  "version": "0.1.38",
+  "version": "0.1.40",
   "description": "ywana-core8",
   "homepage": "https://ywana.github.io/workspace",
   "author": "Ernesto Roldan Garcia",

package/src/domain/ContentEditor.js

@@ -191,6 +191,7 @@ export const FieldEditor = ({ field, onChange, content, outlined = false, onRelo
   function renderField() {
     const value1 = field.value || field.value === "" ? field.value : field.default
     const isHidden = CHECK['isFunction'](hidden) ? hidden(field, value1) : hidden
+    const editable = field.editable === false ? false : true
     if (isHidden) {
       return null
     } else {
@@ -200,7 +201,7 @@ export const FieldEditor = ({ field, onChange, content, outlined = false, onRelo
         case TYPES.STRING:
           return <StringEditor outlined={outlined} field={field} value={value1} onChange={change} content={content} />
         case TYPES.BOOLEAN:
-          return <CheckBox outlined id={id} label={label} value={value1} onChange={change} />
+          return <CheckBox outlined id={id} label={label} value={value1} onChange={change} readOnly={!editable} />
         case TYPES.NUMBER:
           return <NumberEditor outlined={outlined} field={field} value={value1} onChange={change} />
         case TYPES.ARRAY:

package/src/html/checkbox.css

@@ -49,3 +49,7 @@ input:checked ~ .checkmark:after {
   font-size: 1rem;
   font-weight: normal;
 }
+
+.checkbox .icon {
+  position: absolute;
+}

package/src/html/checkbox.js

@@ -1,5 +1,6 @@
 import React from 'react'
 import { Text } from './text'
+import { Icon } from './icon'
 import './checkbox.css'
 
 /**
@@ -7,7 +8,7 @@ import './checkbox.css'
  */
 export const CheckBox = (props) => {
 
-    const { id, label, placeholder, value, onChange } = props
+    const { id, label, placeholder, value, readOnly=false, onChange } = props
 
     function change(event) {
         event.stopPropagation()
@@ -18,18 +19,47 @@ export const CheckBox = (props) => {
 
     const labelTxt = <Text>{label}</Text>
     const placeholderTxt = <Text>{placeholder}</Text>
-    
-    return value === true  ? (
+
+
+    if (readOnly===true) {
+        return value === true ? (
+            <div className="checkbox" key={`${id}1`}>
+                <Icon id={id} icon="check" size="small" />
+                <span className="checkmark" />
+                <label htmlFor={id}>{labelTxt}</label>
+            </div>
+        ) : (
+            <div className="checkbox" key={`${id}0`}>
+                <span className="checkmark" />
+                <label htmlFor={id}>{labelTxt}</label>
+            </div>
+        )
+    }
+
+    return value === true ? (
         <div className="checkbox" key={`${id}1`}>
-            <input id={id} type="checkbox" placeholder={placeholderTxt} checked value={value} onChange={change} />
+            <input id={id} type="checkbox" placeholder={placeholderTxt} checked value={value} onChange={change} readOnly />
             <span className="checkmark" />
             <label htmlFor={id}>{labelTxt}</label>
         </div>
     ) : (
         <div className="checkbox" key={`${id}0`}>
-        <input id={id} type="checkbox" placeholder={placeholderTxt} value={value} onChange={change} />
-        <span className="checkmark" />
-        <label htmlFor={id}>{labelTxt}</label>
-    </div>
+            <input id={id} type="checkbox" placeholder={placeholderTxt} value={value} onChange={change} readOnly />
+            <span className="checkmark" />
+            <label htmlFor={id}>{labelTxt}</label>
+        </div>
+    )
+}
+
+
+const CheckBoxTest = (props) => {
+
+    return (
+        <div>
+            <CheckBox id="check1" label="Check 1" placeholder="Check 1" value={true} />
+            <CheckBox id="check2" label="Check 2" placeholder="Check 2" value={false} />
+            <CheckBox id="check3" label="Check 3" placeholder="Check 3" value={true} readOnly />
+            <CheckBox id="check4" label="Check 4" placeholder="Check 4" value={false} readOnly />
+        </div>
     )
 }

package/src/widgets/login/actions.js

@@ -22,7 +22,7 @@ export const ForgetUserPasswordAction = (props) => {
             })
         } catch (error) {
             site.notify({
-                title: "Errorrrrr",
+                title: "Error",
                 body: error.message,
                 type: "danger",
                 icon: "error"
@@ -30,7 +30,6 @@ export const ForgetUserPasswordAction = (props) => {
         }
     }
 
-
     return icon ? (
         <Icon icon="mail_lock" clickable action={execute} size="small" tooltip={{ text: label, top: "-.5rem", left: "-14rem" }} />
     ) : (
@@ -70,7 +69,7 @@ export const UnlockUserAction = (props) => {
     return icon ? (
         <Icon icon="key_off" clickable action={execute} size="small" />
     ) : (
-        <Button label={label} action={execute} outlined className="" />
+        <Button label={label} action={execute} className="" />
     )
 }
 

package/src/widgets/login/dictionary.js

@@ -1,5 +1,25 @@
 export const LOGIN_DICTIONARY = {
 
+    'New Password': {
+        en: 'New Password',
+        es: 'Nueva Contraseña',
+        de: 'Neues Passwort',
+        pt: 'Nova Senha',
+        ca: 'Nova Contrasenya',
+        it: 'Nuova Password',
+        fr: 'Nouveau mot de passe'
+    },
+
+    'Confirm New Password': {
+        en: 'Confirm New Password',
+        es: 'Confirmar Nueva Contraseña',
+        de: 'Bestätigen Sie das neue Passwort',
+        pt: 'Confirmar Nova Senha',
+        ca: 'Confirma la nova contrasenya',
+        it: 'Conferma la nuova password',
+        fr: 'Confirmer le nouveau mot de passe'
+    },
+
     'Forgot Password': {
         en: 'Forgot Password',
         es: 'Olvidé mi contraseña',