Creating a Whatsapp Clone - Part X - Transcript.pdf

Creating a WhatsApp Clone - Part X
The final part discussing the client side code covers the NewMessageForm class

public class NewMessageForm extends Form {
public NewMessageForm() {
super("Select Contact", BoxLayout.y());
Form current = getCurrentForm();
getToolbar().setBackCommand("", e -> current.showBack());
MultiButton newGroup = new MultiButton("New group");
MultiButton newContact = new MultiButton("New contact");
FontImage.setMaterialIcon(newGroup,
FontImage.MATERIAL_GROUP_ADD, 3.5f);
FontImage.setMaterialIcon(newContact,
FontImage.MATERIAL_PERSON_ADD, 3.5f);
add(newGroup);
add(newContact);
Server.fetchContacts(lst -> {
for(ChatContact c : lst) {
MultiButton mb = new MultiButton(c.name.get());
mb.setTextLine2(c.tagline.get());
mb.setIcon(c.getSmallIcon());
NewMessageForm
NewMessageForm is a form we see when we press the floating action button in the main form

public class NewMessageForm extends Form {
add(newGroup);
add(newContact);
NewMessageForm
This class is trivial by comparison to the previous class. It’s just a box layout Y form that lets us pick the contact we wish to chat with

add(newGroup);
add(newContact);
c.photo.addChangeListener(p ->
mb.setIcon(c.getSmallIcon()));
mb.addActionListener(e -> {
if(c.id.get() == null) {
Server.findRegisteredUser(
NewMessageForm
The new group and contact buttons aren’t currently mapped to anything. They are just simple buttons.

add(newGroup);
add(newContact);
c.phone.get(), contact -> {
if(contact == null) {
current.showBack();
callSerially(() ->
ToastBar.showErrorMessage(
"Contact isn't registered"));
NewMessageForm
We use the fetch contacts method to fetch the list of contacts to show here

add(newGroup);
add(newContact);
current.showBack();
callSerially(() ->
return;
}
c.id.set(contact.id.get());
Server.saveContacts();
});
NewMessageForm
For every contact in the list of contacts we create a multi button matching the name and icon.

current.showBack();
callSerially(() ->
return;
}
});
return;
}
new ChatForm(c, current).show();
});
add(mb);
NewMessageForm
If a contact is clicked we check if he has an ID. If not this is someone that might not be in the app yet. So we need to contact the server and check.

current.showBack();
callSerially(() ->
return;
}
});
return;
}
});
add(mb);
NewMessageForm
findRegisteredUser finds the specific user based on his phone number

current.showBack();
callSerially(() ->
return;
}
});
return;
}
});
add(mb);
NewMessageForm
If we get null as a result it means there is no such registered user in the app. We go back to the previous form and show a toastbar message there

current.showBack();
callSerially(() ->
return;
}
});
return;
}
});
add(mb);
NewMessageForm
If there is we update the user id and save

current.showBack();
callSerially(() ->
return;
}
});
return;
}
});
add(mb);
NewMessageForm
We can then launch the chat form with this new contact

current.showBack();
callSerially(() ->
return;
}
});
return;
}
});
add(mb);
}
revalidate();
});
}
}
NewMessageForm
Since all the multibuttons are added asynchronously we need to revalidate so they will show on the form. As I said this is a super simple short class and with that we
finished the client side work…

Creating a Whatsapp Clone - Part X - Transcript.pdf

Recommended

Recommended

More Related Content

Similar to Creating a Whatsapp Clone - Part X - Transcript.pdf

Similar to Creating a Whatsapp Clone - Part X - Transcript.pdf (20)

More from ShaiAlmog1

More from ShaiAlmog1 (20)

Recently uploaded

Recently uploaded (20)

Creating a Whatsapp Clone - Part X - Transcript.pdf