Merge pull request #702 from Lemoncode/dev

fix old version files placeholder default value and adding member about

Author: brauliodiez

README.md

@@ -144,6 +144,9 @@ Team members participating in this project
   <a href="https://github.com/omarlm">
     <kbd><img src="https://github.com/omarlm.png" alt="Omar Lorenzo" width="50" height="50" style="border-radius: 50%;"></kbd>
   </a>  
+  <a href="https://github.com/iria-carballo">
+    <kbd><img src="https://github.com/iria-carballo.png" alt="Iria Carballo" width="50" height="50" style="border-radius: 50%;"></kbd>
+  </a>  
   <a href="https://github.com/marcosgiannini">
     <kbd><img src="https://github.com/marcosgiannini.png" alt="Marcos Giannini" width="50" height="50" style="border-radius: 50%;"></kbd>
   </a>  

public/assets/sergio-del-campo.jpg

@@ -4,7 +4,7 @@ import {
   createDefaultCanvasSize,
   DocumentModel,
 } from '../providers/canvas/canvas.model';
-import { QuickMockFileContract } from './local-disk.model';
+import { Page, QuickMockFileContract } from './local-disk.model';
 import { APP_CONSTANTS } from '../providers/canvas/canvas.model';
 
 export const mapFromShapesArrayToQuickMockFileDocument = (
@@ -24,14 +24,56 @@ export const mapFromQuickMockFileDocumentToApplicationDocument = (
 ): DocumentModel => {
   return {
     activePageIndex: 0,
-    pages: fileDocument.pages,
+    pages: AdaptMinor_0_2_Updates(fileDocument.pages),
     customColors:
       fileDocument.customColors ||
       new Array(APP_CONSTANTS.COLOR_SLOTS).fill(null),
     size: fileDocument.size ?? createDefaultCanvasSize(),
   };
 };
 
+const AdaptMinor_0_2_Updates = (pages: Page[]): Page[] => {
+  return pages.map(page => {
+    return {
+      ...page,
+      shapes: page.shapes.map(
+        AddDefaultValuesForInputPropsPlaceHolderAndPassword
+      ),
+    };
+  });
+};
+
+const AddDefaultValuesForInputPropsPlaceHolderAndPassword = (
+  shape: ShapeModel
+) => {
+  switch (shape.type) {
+    case 'input':
+      return {
+        ...shape,
+        otherProps: {
+          ...shape.otherProps,
+          isPlaceholder:
+            // Small update no need to go for 0_3, but input placeHolder needs to have default value
+            // if undefined
+            shape.otherProps?.isPlaceholder !== undefined
+              ? shape.otherProps?.isPlaceholder
+              : true,
+          textColor:
+            // Small update, no need to go for 0_3,
+            // but input textColor needs to have default value
+            // if undefined, and textColor was placeholder gray color
+            // in this case change it to black
+            shape.otherProps?.isPlaceholder === undefined &&
+            shape.otherProps?.textColor === '#8c8c8c'
+              ? '#000000'
+              : shape.otherProps?.textColor,
+        },
+      };
+    default:
+      return shape;
+  }
+};
+
 const mapTextElementFromV0_1ToV0_2 = (shape: ShapeModel): ShapeModel => {
   switch (shape.type) {
     case 'heading1':

src/core/local-disk/shapes-to-document.mapper.ts

@@ -131,14 +131,22 @@ export const memberList: Member[] = [
 
   {
     id: '17',
+    name: 'Sergio',
+    surname: 'del Campo',
+    urlLinkedin: 'https://www.linkedin.com/in/sergioelmoreno/',
+    image: './assets/sergio-del-campo.jpg',
+  },
+
+  {
+    id: '18',
     name: 'Gabriel',
     surname: 'Ionut',
     urlLinkedin: 'https://www.linkedin.com/in/gabriel-ionut-birsan-b14816307/',
     image: './assets/gabriel-ionut.jpeg',
   },
 
   {
-    id: '18',
+    id: '19',
     name: 'Antonio',
     surname: 'Contreras',
     urlLinkedin:
@@ -147,7 +155,7 @@ export const memberList: Member[] = [
   },
 
   {
-    id: '19',
+    id: '20',
     name: 'Braulio',
     surname: 'Diez',
     urlLinkedin: 'https://www.linkedin.com/in/brauliodiez/',