![return null;
}
public static List<Notification> fetchNotifications(
long since, int amount) {
if(since < initTime - UIUtils.DAY) {
return null;
}
List<Notification> response = new ArrayList<>();
response.add(new Notification().id.set("Notify-1").
user.set(dummyUsers[0]).
text.set("liked Your Post").
date.set(initTime - 60000).
reaction.set("" + FontImage.MATERIAL_FAVORITE).
reactionColor.set(0xff0000));
response.add(new Notification().id.set("Notify-2").
user.set(dummyUsers[1]).
text.set("commented on your post").
date.set(initTime - 600000000).
reaction.set("" + FontImage.MATERIAL_CHAT).
reactionColor.set(0xff00));
return response;
}
ServerAPI](https://image.slidesharecdn.com/creatingafacebookclone-partxiv-220804094247-d6fc4c15/85/Creating-a-Facebook-Clone-Part-XIV-pdf-6-320.jpg)
![return null;
}
public static List<Notification> fetchNotifications(
long since, int amount) {
if(since < initTime - UIUtils.DAY) {
return null;
}
List<Notification> response = new ArrayList<>();
response.add(new Notification().id.set("Notify-1").
user.set(dummyUsers[0]).
text.set("liked Your Post").
date.set(initTime - 60000).
reaction.set("" + FontImage.MATERIAL_FAVORITE).
reactionColor.set(0xff0000));
response.add(new Notification().id.set("Notify-2").
user.set(dummyUsers[1]).
text.set("commented on your post").
date.set(initTime - 600000000).
reaction.set("" + FontImage.MATERIAL_CHAT).
reactionColor.set(0xff00));
return response;
}
ServerAPI](https://image.slidesharecdn.com/creatingafacebookclone-partxiv-220804094247-d6fc4c15/85/Creating-a-Facebook-Clone-Part-XIV-pdf-7-320.jpg)
![return null;
}
public static List<Notification> fetchNotifications(
long since, int amount) {
if(since < initTime - UIUtils.DAY) {
return null;
}
List<Notification> response = new ArrayList<>();
response.add(new Notification().id.set("Notify-1").
user.set(dummyUsers[0]).
text.set("liked Your Post").
date.set(initTime - 60000).
reaction.set("" + FontImage.MATERIAL_FAVORITE).
reactionColor.set(0xff0000));
response.add(new Notification().id.set("Notify-2").
user.set(dummyUsers[1]).
text.set("commented on your post").
date.set(initTime - 600000000).
reaction.set("" + FontImage.MATERIAL_CHAT).
reactionColor.set(0xff00));
return response;
}
ServerAPI](https://image.slidesharecdn.com/creatingafacebookclone-partxiv-220804094247-d6fc4c15/85/Creating-a-Facebook-Clone-Part-XIV-pdf-8-320.jpg)
![public class NotificationsContainer extends InfiniteContainer {
private long lastTime;
@Override
public Component[] fetchComponents(int index, int amount) {
if(index == 0) {
lastTime = System.currentTimeMillis();
}
List<Notification> response = ServerAPI.fetchNotifications(lastTime,
amount);
if(response == null) {
return null;
}
Component[] notifications = new Component[response.size()];
int iter = 0;
for(Notification n : response) {
lastTime = n.date.getLong();
notifications[iter] = createNotificationEntry(n);
iter++;
}
NotificationsContainer](https://image.slidesharecdn.com/creatingafacebookclone-partxiv-220804094247-d6fc4c15/85/Creating-a-Facebook-Clone-Part-XIV-pdf-10-320.jpg)
![public class NotificationsContainer extends InfiniteContainer {
private long lastTime;
@Override
public Component[] fetchComponents(int index, int amount) {
if(index == 0) {
lastTime = System.currentTimeMillis();
}
List<Notification> response = ServerAPI.fetchNotifications(lastTime,
amount);
if(response == null) {
return null;
}
Component[] notifications = new Component[response.size()];
int iter = 0;
for(Notification n : response) {
lastTime = n.date.getLong();
notifications[iter] = createNotificationEntry(n);
iter++;
}
NotificationsContainer](https://image.slidesharecdn.com/creatingafacebookclone-partxiv-220804094247-d6fc4c15/85/Creating-a-Facebook-Clone-Part-XIV-pdf-11-320.jpg)
![notifications[iter] = createNotificationEntry(n);
iter++;
}
return notifications;
}
private Container createNotificationEntry(Notification n) {
Image avatar = n.user.get().getAvatar(13);
Label icon = new Label("", "SmallBlueCircle");
icon.getAllStyles().setBorder(RoundBorder.create().
color(n.reactionColor.get()));
FontImage.setMaterialIcon(icon, n.reaction.get().charAt(0), 2);
Container avatarContainer = LayeredLayout.encloseIn(
new Label(avatar, "HalfPaddedContainer"),
FlowLayout.encloseRightBottom(icon));
RichTextView rt = new RichTextView("<b>" + n.user.get().fullName() +
"</b> " + n.text.get());
Label time = new Label(UIUtils.formatTimeAgo(n.date.get()),
"SmallBlueLabel");
Container yContainer = BoxLayout.encloseY(rt, time);
yContainer.setUIID("HalfPaddedContainer");
return BorderLayout.
centerEastWest(yContainer, null, avatarContainer);
}
NotificationsContainer](https://image.slidesharecdn.com/creatingafacebookclone-partxiv-220804094247-d6fc4c15/85/Creating-a-Facebook-Clone-Part-XIV-pdf-12-320.jpg)
![notifications[iter] = createNotificationEntry(n);
iter++;
}
return notifications;
}
private Container createNotificationEntry(Notification n) {
Image avatar = n.user.get().getAvatar(13);
Label icon = new Label("", "SmallBlueCircle");
icon.getAllStyles().setBorder(RoundBorder.create().
color(n.reactionColor.get()));
FontImage.setMaterialIcon(icon, n.reaction.get().charAt(0), 2);
Container avatarContainer = LayeredLayout.encloseIn(
new Label(avatar, "HalfPaddedContainer"),
FlowLayout.encloseRightBottom(icon));
RichTextView rt = new RichTextView("<b>" + n.user.get().fullName() +
"</b> " + n.text.get());
Label time = new Label(UIUtils.formatTimeAgo(n.date.get()),
"SmallBlueLabel");
Container yContainer = BoxLayout.encloseY(rt, time);
yContainer.setUIID("HalfPaddedContainer");
return BorderLayout.
centerEastWest(yContainer, null, avatarContainer);
}
NotificationsContainer](https://image.slidesharecdn.com/creatingafacebookclone-partxiv-220804094247-d6fc4c15/85/Creating-a-Facebook-Clone-Part-XIV-pdf-13-320.jpg)
![notifications[iter] = createNotificationEntry(n);
iter++;
}
return notifications;
}
private Container createNotificationEntry(Notification n) {
Image avatar = n.user.get().getAvatar(13);
Label icon = new Label("", "SmallBlueCircle");
icon.getAllStyles().setBorder(RoundBorder.create().
color(n.reactionColor.get()));
FontImage.setMaterialIcon(icon, n.reaction.get().charAt(0), 2);
Container avatarContainer = LayeredLayout.encloseIn(
new Label(avatar, "HalfPaddedContainer"),
FlowLayout.encloseRightBottom(icon));
RichTextView rt = new RichTextView("<b>" + n.user.get().fullName() +
"</b> " + n.text.get());
Label time = new Label(UIUtils.formatTimeAgo(n.date.get()),
"SmallBlueLabel");
Container yContainer = BoxLayout.encloseY(rt, time);
yContainer.setUIID("HalfPaddedContainer");
return BorderLayout.
centerEastWest(yContainer, null, avatarContainer);
}
NotificationsContainer](https://image.slidesharecdn.com/creatingafacebookclone-partxiv-220804094247-d6fc4c15/85/Creating-a-Facebook-Clone-Part-XIV-pdf-14-320.jpg)
![notifications[iter] = createNotificationEntry(n);
iter++;
}
return notifications;
}
private Container createNotificationEntry(Notification n) {
Image avatar = n.user.get().getAvatar(13);
Label icon = new Label("", "SmallBlueCircle");
icon.getAllStyles().setBorder(RoundBorder.create().
color(n.reactionColor.get()));
FontImage.setMaterialIcon(icon, n.reaction.get().charAt(0), 2);
Container avatarContainer = LayeredLayout.encloseIn(
new Label(avatar, "HalfPaddedContainer"),
FlowLayout.encloseRightBottom(icon));
RichTextView rt = new RichTextView("<b>" + n.user.get().fullName() +
"</b> " + n.text.get());
Label time = new Label(UIUtils.formatTimeAgo(n.date.get()),
"SmallBlueLabel");
Container yContainer = BoxLayout.encloseY(rt, time);
yContainer.setUIID("HalfPaddedContainer");
return BorderLayout.
centerEastWest(yContainer, null, avatarContainer);
}
NotificationsContainer](https://image.slidesharecdn.com/creatingafacebookclone-partxiv-220804094247-d6fc4c15/85/Creating-a-Facebook-Clone-Part-XIV-pdf-15-320.jpg)
Creating a Facebook Clone - Part XIV.pdf
- 1. Creating a Facebook Clone - Part XIV
- 2. public class Notification implements PropertyBusinessObject { public final Property<String, Notification> id = new Property<>("id"); public final Property<User, Notification> user = new Property<>("user", User.class); public final Property<String, Notification> text = new Property<>("text"); public final Property<String, Notification> reaction = new Property<>("reaction"); public final IntProperty<Notification> reactionColor = new IntProperty<>("reactionColor"); public final LongProperty<Notification> date = new LongProperty<>("date"); public final BooleanProperty<Notification> wasRead = new BooleanProperty<>("wasRead"); private final PropertyIndex idx=new PropertyIndex(this,"Notification", id, user, text, reaction, reactionColor, date, wasRead); @Override public PropertyIndex getPropertyIndex() { return idx; } } FriendsContainer
- 3. public class Notification implements PropertyBusinessObject { public final Property<String, Notification> id = new Property<>("id"); public final Property<User, Notification> user = new Property<>("user", User.class); public final Property<String, Notification> text = new Property<>("text"); public final Property<String, Notification> reaction = new Property<>("reaction"); public final IntProperty<Notification> reactionColor = new IntProperty<>("reactionColor"); public final LongProperty<Notification> date = new LongProperty<>("date"); public final BooleanProperty<Notification> wasRead = new BooleanProperty<>("wasRead"); private final PropertyIndex idx=new PropertyIndex(this,"Notification", id, user, text, reaction, reactionColor, date, wasRead); @Override public PropertyIndex getPropertyIndex() { return idx; } } FriendsContainer
- 4. public class Notification implements PropertyBusinessObject { public final Property<String, Notification> id = new Property<>("id"); public final Property<User, Notification> user = new Property<>("user", User.class); public final Property<String, Notification> text = new Property<>("text"); public final Property<String, Notification> reaction = new Property<>("reaction"); public final IntProperty<Notification> reactionColor = new IntProperty<>("reactionColor"); public final LongProperty<Notification> date = new LongProperty<>("date"); public final BooleanProperty<Notification> wasRead = new BooleanProperty<>("wasRead"); private final PropertyIndex idx=new PropertyIndex(this,"Notification", id, user, text, reaction, reactionColor, date, wasRead); @Override public PropertyIndex getPropertyIndex() { return idx; } } FriendsContainer
- 5. public class Notification implements PropertyBusinessObject { public final Property<String, Notification> id = new Property<>("id"); public final Property<User, Notification> user = new Property<>("user", User.class); public final Property<String, Notification> text = new Property<>("text"); public final Property<String, Notification> reaction = new Property<>("reaction"); public final IntProperty<Notification> reactionColor = new IntProperty<>("reactionColor"); public final LongProperty<Notification> date = new LongProperty<>("date"); public final BooleanProperty<Notification> wasRead = new BooleanProperty<>("wasRead"); private final PropertyIndex idx=new PropertyIndex(this,"Notification", id, user, text, reaction, reactionColor, date, wasRead); @Override public PropertyIndex getPropertyIndex() { return idx; } } FriendsContainer
- 6. return null; } public static List<Notification> fetchNotifications( long since, int amount) { if(since < initTime - UIUtils.DAY) { return null; } List<Notification> response = new ArrayList<>(); response.add(new Notification().id.set("Notify-1"). user.set(dummyUsers[0]). text.set("liked Your Post"). date.set(initTime - 60000). reaction.set("" + FontImage.MATERIAL_FAVORITE). reactionColor.set(0xff0000)); response.add(new Notification().id.set("Notify-2"). user.set(dummyUsers[1]). text.set("commented on your post"). date.set(initTime - 600000000). reaction.set("" + FontImage.MATERIAL_CHAT). reactionColor.set(0xff00)); return response; } ServerAPI
- 7. return null; } public static List<Notification> fetchNotifications( long since, int amount) { if(since < initTime - UIUtils.DAY) { return null; } List<Notification> response = new ArrayList<>(); response.add(new Notification().id.set("Notify-1"). user.set(dummyUsers[0]). text.set("liked Your Post"). date.set(initTime - 60000). reaction.set("" + FontImage.MATERIAL_FAVORITE). reactionColor.set(0xff0000)); response.add(new Notification().id.set("Notify-2"). user.set(dummyUsers[1]). text.set("commented on your post"). date.set(initTime - 600000000). reaction.set("" + FontImage.MATERIAL_CHAT). reactionColor.set(0xff00)); return response; } ServerAPI
- 8. return null; } public static List<Notification> fetchNotifications( long since, int amount) { if(since < initTime - UIUtils.DAY) { return null; } List<Notification> response = new ArrayList<>(); response.add(new Notification().id.set("Notify-1"). user.set(dummyUsers[0]). text.set("liked Your Post"). date.set(initTime - 60000). reaction.set("" + FontImage.MATERIAL_FAVORITE). reactionColor.set(0xff0000)); response.add(new Notification().id.set("Notify-2"). user.set(dummyUsers[1]). text.set("commented on your post"). date.set(initTime - 600000000). reaction.set("" + FontImage.MATERIAL_CHAT). reactionColor.set(0xff00)); return response; } ServerAPI
- 9. © Codename One 2017 all rights reserved
- 10. public class NotificationsContainer extends InfiniteContainer { private long lastTime; @Override public Component[] fetchComponents(int index, int amount) { if(index == 0) { lastTime = System.currentTimeMillis(); } List<Notification> response = ServerAPI.fetchNotifications(lastTime, amount); if(response == null) { return null; } Component[] notifications = new Component[response.size()]; int iter = 0; for(Notification n : response) { lastTime = n.date.getLong(); notifications[iter] = createNotificationEntry(n); iter++; } NotificationsContainer
- 11. public class NotificationsContainer extends InfiniteContainer { private long lastTime; @Override public Component[] fetchComponents(int index, int amount) { if(index == 0) { lastTime = System.currentTimeMillis(); } List<Notification> response = ServerAPI.fetchNotifications(lastTime, amount); if(response == null) { return null; } Component[] notifications = new Component[response.size()]; int iter = 0; for(Notification n : response) { lastTime = n.date.getLong(); notifications[iter] = createNotificationEntry(n); iter++; } NotificationsContainer
- 12. notifications[iter] = createNotificationEntry(n); iter++; } return notifications; } private Container createNotificationEntry(Notification n) { Image avatar = n.user.get().getAvatar(13); Label icon = new Label("", "SmallBlueCircle"); icon.getAllStyles().setBorder(RoundBorder.create(). color(n.reactionColor.get())); FontImage.setMaterialIcon(icon, n.reaction.get().charAt(0), 2); Container avatarContainer = LayeredLayout.encloseIn( new Label(avatar, "HalfPaddedContainer"), FlowLayout.encloseRightBottom(icon)); RichTextView rt = new RichTextView("<b>" + n.user.get().fullName() + "</b> " + n.text.get()); Label time = new Label(UIUtils.formatTimeAgo(n.date.get()), "SmallBlueLabel"); Container yContainer = BoxLayout.encloseY(rt, time); yContainer.setUIID("HalfPaddedContainer"); return BorderLayout. centerEastWest(yContainer, null, avatarContainer); } NotificationsContainer
- 13. notifications[iter] = createNotificationEntry(n); iter++; } return notifications; } private Container createNotificationEntry(Notification n) { Image avatar = n.user.get().getAvatar(13); Label icon = new Label("", "SmallBlueCircle"); icon.getAllStyles().setBorder(RoundBorder.create(). color(n.reactionColor.get())); FontImage.setMaterialIcon(icon, n.reaction.get().charAt(0), 2); Container avatarContainer = LayeredLayout.encloseIn( new Label(avatar, "HalfPaddedContainer"), FlowLayout.encloseRightBottom(icon)); RichTextView rt = new RichTextView("<b>" + n.user.get().fullName() + "</b> " + n.text.get()); Label time = new Label(UIUtils.formatTimeAgo(n.date.get()), "SmallBlueLabel"); Container yContainer = BoxLayout.encloseY(rt, time); yContainer.setUIID("HalfPaddedContainer"); return BorderLayout. centerEastWest(yContainer, null, avatarContainer); } NotificationsContainer
- 14. notifications[iter] = createNotificationEntry(n); iter++; } return notifications; } private Container createNotificationEntry(Notification n) { Image avatar = n.user.get().getAvatar(13); Label icon = new Label("", "SmallBlueCircle"); icon.getAllStyles().setBorder(RoundBorder.create(). color(n.reactionColor.get())); FontImage.setMaterialIcon(icon, n.reaction.get().charAt(0), 2); Container avatarContainer = LayeredLayout.encloseIn( new Label(avatar, "HalfPaddedContainer"), FlowLayout.encloseRightBottom(icon)); RichTextView rt = new RichTextView("<b>" + n.user.get().fullName() + "</b> " + n.text.get()); Label time = new Label(UIUtils.formatTimeAgo(n.date.get()), "SmallBlueLabel"); Container yContainer = BoxLayout.encloseY(rt, time); yContainer.setUIID("HalfPaddedContainer"); return BorderLayout. centerEastWest(yContainer, null, avatarContainer); } NotificationsContainer
- 15. notifications[iter] = createNotificationEntry(n); iter++; } return notifications; } private Container createNotificationEntry(Notification n) { Image avatar = n.user.get().getAvatar(13); Label icon = new Label("", "SmallBlueCircle"); icon.getAllStyles().setBorder(RoundBorder.create(). color(n.reactionColor.get())); FontImage.setMaterialIcon(icon, n.reaction.get().charAt(0), 2); Container avatarContainer = LayeredLayout.encloseIn( new Label(avatar, "HalfPaddedContainer"), FlowLayout.encloseRightBottom(icon)); RichTextView rt = new RichTextView("<b>" + n.user.get().fullName() + "</b> " + n.text.get()); Label time = new Label(UIUtils.formatTimeAgo(n.date.get()), "SmallBlueLabel"); Container yContainer = BoxLayout.encloseY(rt, time); yContainer.setUIID("HalfPaddedContainer"); return BorderLayout. centerEastWest(yContainer, null, avatarContainer); } NotificationsContainer
- 16. SmallBlueLabel { color: blue; font-size: 2mm; padding: 1mm; font-family: "native:MainLight"; } theme.css