This is a part of an online Codename One course published around 2017 see it all for free at https://debugagent.com/series/cn1

1. Creating a Facebook Clone - Part XII

2. © Codename One 2017 all rights reserved

3. public class NewsfeedContainer extends InfiniteContainer {
private long lastTime;
@Override
public Component[] fetchComponents(int index, int amount) {
List<Component> components = new ArrayList<>();
if(index == 0) {
lastTime = System.currentTimeMillis();
components.add(createPostBar());
components.add(UIUtils.createSpace());
}
List<Post> response = ServerAPI.fetchTimelinePosts(lastTime, amount);
if(response == null) {
return null;
}
for(Post p : response) {
components.add(createNewsItem(p.user.get(), p));
components.add(UIUtils.createHalfSpace());
lastTime = p.date.getLong();
}
Component[] cmps = new Component[components.size()];
NewsfeedContainer

4. public class NewsfeedContainer extends InfiniteContainer {
private long lastTime;
@Override
public Component[] fetchComponents(int index, int amount) {
List<Component> components = new ArrayList<>();
if(index == 0) {
lastTime = System.currentTimeMillis();
components.add(createPostBar());
components.add(UIUtils.createSpace());
}
List<Post> response = ServerAPI.fetchTimelinePosts(lastTime, amount);
if(response == null) {
return null;
}
for(Post p : response) {
components.add(createNewsItem(p.user.get(), p));
components.add(UIUtils.createHalfSpace());
lastTime = p.date.getLong();
}
Component[] cmps = new Component[components.size()];
NewsfeedContainer

5. public class NewsfeedContainer extends InfiniteContainer {
private long lastTime;
@Override
public Component[] fetchComponents(int index, int amount) {
List<Component> components = new ArrayList<>();
if(index == 0) {
lastTime = System.currentTimeMillis();
components.add(createPostBar());
components.add(UIUtils.createSpace());
}
List<Post> response = ServerAPI.fetchTimelinePosts(lastTime, amount);
if(response == null) {
return null;
}
for(Post p : response) {
components.add(createNewsItem(p.user.get(), p));
components.add(UIUtils.createHalfSpace());
lastTime = p.date.getLong();
}
Component[] cmps = new Component[components.size()];
NewsfeedContainer

6. public class NewsfeedContainer extends InfiniteContainer {
private long lastTime;
@Override
public Component[] fetchComponents(int index, int amount) {
List<Component> components = new ArrayList<>();
if(index == 0) {
lastTime = System.currentTimeMillis();
components.add(createPostBar());
components.add(UIUtils.createSpace());
}
List<Post> response = ServerAPI.fetchTimelinePosts(lastTime, amount);
if(response == null) {
return null;
}
for(Post p : response) {
components.add(createNewsItem(p.user.get(), p));
components.add(UIUtils.createHalfSpace());
lastTime = p.date.getLong();
}
Component[] cmps = new Component[components.size()];
NewsfeedContainer

7. public class NewsfeedContainer extends InfiniteContainer {
private long lastTime;
@Override
public Component[] fetchComponents(int index, int amount) {
List<Component> components = new ArrayList<>();
if(index == 0) {
lastTime = System.currentTimeMillis();
components.add(createPostBar());
components.add(UIUtils.createSpace());
}
List<Post> response = ServerAPI.fetchTimelinePosts(lastTime, amount);
if(response == null) {
return null;
}
for(Post p : response) {
components.add(createNewsItem(p.user.get(), p));
components.add(UIUtils.createHalfSpace());
lastTime = p.date.getLong();
}
Component[] cmps = new Component[components.size()];
NewsfeedContainer

8. public class NewsfeedContainer extends InfiniteContainer {
private long lastTime;
@Override
public Component[] fetchComponents(int index, int amount) {
List<Component> components = new ArrayList<>();
if(index == 0) {
lastTime = System.currentTimeMillis();
components.add(createPostBar());
components.add(UIUtils.createSpace());
}
List<Post> response = ServerAPI.fetchTimelinePosts(lastTime, amount);
if(response == null) {
return null;
}
for(Post p : response) {
components.add(createNewsItem(p.user.get(), p));
components.add(UIUtils.createHalfSpace());
lastTime = p.date.getLong();
}
Component[] cmps = new Component[components.size()];
NewsfeedContainer

9. }
List<Post> response = ServerAPI.fetchTimelinePosts(lastTime, amount);
if(response == null) {
return null;
}
for(Post p : response) {
components.add(createNewsItem(p.user.get(), p));
components.add(UIUtils.createHalfSpace());
lastTime = p.date.getLong();
}
Component[] cmps = new Component[components.size()];
components.toArray(cmps);
return cmps;
}
private Container createPostBar() {
Button avatar = new Button(ServerAPI.me().getAvatar(6.5f), "Label");
Button writePost = new Button("What's on your mind?",
"NewPostButton");
Button gallery = new Button("Photo", "GalleryButton");
FontImage.setMaterialIcon(gallery,
FontImage.MATERIAL_PHOTO_LIBRARY, 2.9f);
gallery.setTextPosition(BOTTOM);
Container c = BorderLayout.centerEastWest(writePost, gallery, avatar);
NewsfeedContainer

10. }
List<Post> response = ServerAPI.fetchTimelinePosts(lastTime, amount);
if(response == null) {
return null;
}
for(Post p : response) {
components.add(createNewsItem(p.user.get(), p));
components.add(UIUtils.createHalfSpace());
lastTime = p.date.getLong();
}
Component[] cmps = new Component[components.size()];
components.toArray(cmps);
return cmps;
}
private Container createPostBar() {
Button avatar = new Button(ServerAPI.me().getAvatar(6.5f), "Label");
Button writePost = new Button("What's on your mind?",
"NewPostButton");
Button gallery = new Button("Photo", "GalleryButton");
FontImage.setMaterialIcon(gallery,
FontImage.MATERIAL_PHOTO_LIBRARY, 2.9f);
gallery.setTextPosition(BOTTOM);
Container c = BorderLayout.centerEastWest(writePost, gallery, avatar);
NewsfeedContainer

11. }
List<Post> response = ServerAPI.fetchTimelinePosts(lastTime, amount);
if(response == null) {
return null;
}
for(Post p : response) {
components.add(createNewsItem(p.user.get(), p));
components.add(UIUtils.createHalfSpace());
lastTime = p.date.getLong();
}
Component[] cmps = new Component[components.size()];
components.toArray(cmps);
return cmps;
}
private Container createPostBar() {
Button avatar = new Button(ServerAPI.me().getAvatar(6.5f), "Label");
Button writePost = new Button("What's on your mind?",
"NewPostButton");
Button gallery = new Button("Photo", "GalleryButton");
FontImage.setMaterialIcon(gallery,
FontImage.MATERIAL_PHOTO_LIBRARY, 2.9f);
gallery.setTextPosition(BOTTOM);
Container c = BorderLayout.centerEastWest(writePost, gallery, avatar);
NewsfeedContainer

12. Component[] cmps = new Component[components.size()];
components.toArray(cmps);
return cmps;
}
private Container createPostBar() {
Button avatar = new Button(ServerAPI.me().getAvatar(6.5f), "Label");
Button writePost = new Button("What's on your mind?",
"NewPostButton");
Button gallery = new Button("Photo", "GalleryButton");
FontImage.setMaterialIcon(gallery,
FontImage.MATERIAL_PHOTO_LIBRARY, 2.9f);
gallery.setTextPosition(BOTTOM);
Container c = BorderLayout.centerEastWest(writePost, gallery, avatar);
c.setUIID("HalfPaddedContainer");
return c;
}
private Container createNewsTitle(User u, Post p) {
Button avatar = new Button("", u.getAvatar(6.5f), "CleanButton");
Button name = new Button(u.fullName(), "PostTitle");
Button postTime = new Button(UIUtils.formatTimeAgo(p.date.get()),
"PostSubTitle");
Button menu = new Button("", "Label");
FontImage.setMaterialIcon(menu, FontImage.MATERIAL_MORE_HORIZ);
Container titleArea = BorderLayout.centerEastWest(
NewsfeedContainer

13. Component[] cmps = new Component[components.size()];
components.toArray(cmps);
return cmps;
}
private Container createPostBar() {
Button avatar = new Button(ServerAPI.me().getAvatar(6.5f), "Label");
Button writePost = new Button("What's on your mind?",
"NewPostButton");
Button gallery = new Button("Photo", "GalleryButton");
FontImage.setMaterialIcon(gallery,
FontImage.MATERIAL_PHOTO_LIBRARY, 2.9f);
gallery.setTextPosition(BOTTOM);
Container c = BorderLayout.centerEastWest(writePost, gallery, avatar);
c.setUIID("HalfPaddedContainer");
return c;
}
private Container createNewsTitle(User u, Post p) {
Button avatar = new Button("", u.getAvatar(6.5f), "CleanButton");
Button name = new Button(u.fullName(), "PostTitle");
Button postTime = new Button(UIUtils.formatTimeAgo(p.date.get()),
"PostSubTitle");
Button menu = new Button("", "Label");
FontImage.setMaterialIcon(menu, FontImage.MATERIAL_MORE_HORIZ);
Container titleArea = BorderLayout.centerEastWest(
NewsfeedContainer

14. Component[] cmps = new Component[components.size()];
components.toArray(cmps);
return cmps;
}
private Container createPostBar() {
Button avatar = new Button(ServerAPI.me().getAvatar(6.5f), "Label");
Button writePost = new Button("What's on your mind?",
"NewPostButton");
Button gallery = new Button("Photo", "GalleryButton");
FontImage.setMaterialIcon(gallery,
FontImage.MATERIAL_PHOTO_LIBRARY, 2.9f);
gallery.setTextPosition(BOTTOM);
Container c = BorderLayout.centerEastWest(writePost, gallery, avatar);
c.setUIID("HalfPaddedContainer");
return c;
}
private Container createNewsTitle(User u, Post p) {
Button avatar = new Button("", u.getAvatar(6.5f), "CleanButton");
Button name = new Button(u.fullName(), "PostTitle");
Button postTime = new Button(UIUtils.formatTimeAgo(p.date.get()),
"PostSubTitle");
Button menu = new Button("", "Label");
FontImage.setMaterialIcon(menu, FontImage.MATERIAL_MORE_HORIZ);
Container titleArea = BorderLayout.centerEastWest(
NewsfeedContainer

15. Container c = BorderLayout.centerEastWest(writePost, gallery, avatar);
c.setUIID("HalfPaddedContainer");
return c;
}
private Container createNewsTitle(User u, Post p) {
Button avatar = new Button("", u.getAvatar(6.5f), "CleanButton");
Button name = new Button(u.fullName(), "PostTitle");
Button postTime = new Button(UIUtils.formatTimeAgo(p.date.get()),
"PostSubTitle");
Button menu = new Button("", "Label");
FontImage.setMaterialIcon(menu, FontImage.MATERIAL_MORE_HORIZ);
Container titleArea = BorderLayout.centerEastWest(
FlowLayout.encloseMiddle(BoxLayout.encloseY(name, postTime)),
FlowLayout.encloseIn(menu), avatar);
titleArea.setUIID("HalfPaddedContainer");
return titleArea;
}
private Container createPostStats(Post p) {
Container stats=new Container(new BorderLayout(), "PaddedContainer");
if(p.likes.size() > 0) {
Label thumbUp = new Label("", "SmallBlueCircle");
FontImage.setMaterialIcon(thumbUp, FontImage.MATERIAL_THUMB_UP);
Label count = new Label("" + p.likes.size(), "SmallLabel");
stats.add(WEST, BoxLayout.encloseX(thumbUp, count));
}
NewsfeedContainer

16. Container c = BorderLayout.centerEastWest(writePost, gallery, avatar);
c.setUIID("HalfPaddedContainer");
return c;
}
private Container createNewsTitle(User u, Post p) {
Button avatar = new Button("", u.getAvatar(6.5f), "CleanButton");
Button name = new Button(u.fullName(), "PostTitle");
Button postTime = new Button(UIUtils.formatTimeAgo(p.date.get()),
"PostSubTitle");
Button menu = new Button("", "Label");
FontImage.setMaterialIcon(menu, FontImage.MATERIAL_MORE_HORIZ);
Container titleArea = BorderLayout.centerEastWest(
FlowLayout.encloseMiddle(BoxLayout.encloseY(name, postTime)),
FlowLayout.encloseIn(menu), avatar);
titleArea.setUIID("HalfPaddedContainer");
return titleArea;
}
private Container createPostStats(Post p) {
Container stats=new Container(new BorderLayout(), "PaddedContainer");
if(p.likes.size() > 0) {
Label thumbUp = new Label("", "SmallBlueCircle");
FontImage.setMaterialIcon(thumbUp, FontImage.MATERIAL_THUMB_UP);
Label count = new Label("" + p.likes.size(), "SmallLabel");
stats.add(WEST, BoxLayout.encloseX(thumbUp, count));
}
NewsfeedContainer

17. Container c = BorderLayout.centerEastWest(writePost, gallery, avatar);
c.setUIID("HalfPaddedContainer");
return c;
}
private Container createNewsTitle(User u, Post p) {
Button avatar = new Button("", u.getAvatar(6.5f), "CleanButton");
Button name = new Button(u.fullName(), "PostTitle");
Button postTime = new Button(UIUtils.formatTimeAgo(p.date.get()),
"PostSubTitle");
Button menu = new Button("", "Label");
FontImage.setMaterialIcon(menu, FontImage.MATERIAL_MORE_HORIZ);
Container titleArea = BorderLayout.centerEastWest(
FlowLayout.encloseMiddle(BoxLayout.encloseY(name, postTime)),
FlowLayout.encloseIn(menu), avatar);
titleArea.setUIID("HalfPaddedContainer");
return titleArea;
}
private Container createPostStats(Post p) {
Container stats=new Container(new BorderLayout(), "PaddedContainer");
if(p.likes.size() > 0) {
Label thumbUp = new Label("", "SmallBlueCircle");
FontImage.setMaterialIcon(thumbUp, FontImage.MATERIAL_THUMB_UP);
Label count = new Label("" + p.likes.size(), "SmallLabel");
stats.add(WEST, BoxLayout.encloseX(thumbUp, count));
}
NewsfeedContainer

18. titleArea.setUIID("HalfPaddedContainer");
return titleArea;
}
private Container createPostStats(Post p) {
Container stats=new Container(new BorderLayout(), "PaddedContainer");
if(p.likes.size() > 0) {
Label thumbUp = new Label("", "SmallBlueCircle");
FontImage.setMaterialIcon(thumbUp, FontImage.MATERIAL_THUMB_UP);
Label count = new Label("" + p.likes.size(), "SmallLabel");
stats.add(WEST, BoxLayout.encloseX(thumbUp, count));
}
if(p.comments.size() > 0) {
stats.add(EAST,new Label(p.comments.size() +
" comments","SmallLabel"));
}
return stats;
}
private Container createNewsItem(User u, Post p) {
Container titleArea = createNewsTitle(u, p);
Component body;
if(p.content.get().indexOf('<') > -1) {
body = new RichTextView(p.content.get());
} else {
body = new SpanLabel(p.content.get());
NewsfeedContainer

19. titleArea.setUIID("HalfPaddedContainer");
return titleArea;
}
private Container createPostStats(Post p) {
Container stats=new Container(new BorderLayout(), "PaddedContainer");
if(p.likes.size() > 0) {
Label thumbUp = new Label("", "SmallBlueCircle");
FontImage.setMaterialIcon(thumbUp, FontImage.MATERIAL_THUMB_UP);
Label count = new Label("" + p.likes.size(), "SmallLabel");
stats.add(WEST, BoxLayout.encloseX(thumbUp, count));
}
if(p.comments.size() > 0) {
stats.add(EAST,new Label(p.comments.size() +
" comments","SmallLabel"));
}
return stats;
}
private Container createNewsItem(User u, Post p) {
Container titleArea = createNewsTitle(u, p);
Component body;
if(p.content.get().indexOf('<') > -1) {
body = new RichTextView(p.content.get());
} else {
body = new SpanLabel(p.content.get());
NewsfeedContainer

20. titleArea.setUIID("HalfPaddedContainer");
return titleArea;
}
private Container createPostStats(Post p) {
Container stats=new Container(new BorderLayout(), "PaddedContainer");
if(p.likes.size() > 0) {
Label thumbUp = new Label("", "SmallBlueCircle");
FontImage.setMaterialIcon(thumbUp, FontImage.MATERIAL_THUMB_UP);
Label count = new Label("" + p.likes.size(), "SmallLabel");
stats.add(WEST, BoxLayout.encloseX(thumbUp, count));
}
if(p.comments.size() > 0) {
stats.add(EAST,new Label(p.comments.size() +
" comments","SmallLabel"));
}
return stats;
}
private Container createNewsItem(User u, Post p) {
Container titleArea = createNewsTitle(u, p);
Component body;
if(p.content.get().indexOf('<') > -1) {
body = new RichTextView(p.content.get());
} else {
body = new SpanLabel(p.content.get());
NewsfeedContainer

21. " comments","SmallLabel"));
}
return stats;
}
private Container createNewsItem(User u, Post p) {
Container titleArea = createNewsTitle(u, p);
Component body;
if(p.content.get().indexOf('<') > -1) {
body = new RichTextView(p.content.get());
} else {
body = new SpanLabel(p.content.get());
}
body.setUIID("HalfPaddedContainer");
Button like = new Button("Like", "CleanButton");
Button comment = new Button("Comment", "CleanButton");
Button share = new Button("Share", "CleanButton");
FontImage.setMaterialIcon(like, FontImage.MATERIAL_THUMB_UP);
FontImage.setMaterialIcon(comment, FontImage.MATERIAL_COMMENT);
FontImage.setMaterialIcon(share, FontImage.MATERIAL_SHARE);
Container buttonBar = GridLayout.encloseIn(3, like, comment, share);
buttonBar.setUIID("HalfPaddedContainer");
return BoxLayout.encloseY(titleArea, body,
createPostStats(p), buttonBar);
}
NewsfeedContainer

22. " comments","SmallLabel"));
}
return stats;
}
private Container createNewsItem(User u, Post p) {
Container titleArea = createNewsTitle(u, p);
Component body;
if(p.content.get().indexOf('<') > -1) {
body = new RichTextView(p.content.get());
} else {
body = new SpanLabel(p.content.get());
}
body.setUIID("HalfPaddedContainer");
Button like = new Button("Like", "CleanButton");
Button comment = new Button("Comment", "CleanButton");
Button share = new Button("Share", "CleanButton");
FontImage.setMaterialIcon(like, FontImage.MATERIAL_THUMB_UP);
FontImage.setMaterialIcon(comment, FontImage.MATERIAL_COMMENT);
FontImage.setMaterialIcon(share, FontImage.MATERIAL_SHARE);
Container buttonBar = GridLayout.encloseIn(3, like, comment, share);
buttonBar.setUIID("HalfPaddedContainer");
return BoxLayout.encloseY(titleArea, body,
createPostStats(p), buttonBar);
}
NewsfeedContainer

23. " comments","SmallLabel"));
}
return stats;
}
private Container createNewsItem(User u, Post p) {
Container titleArea = createNewsTitle(u, p);
Component body;
if(p.content.get().indexOf('<') > -1) {
body = new RichTextView(p.content.get());
} else {
body = new SpanLabel(p.content.get());
}
body.setUIID("HalfPaddedContainer");
Button like = new Button("Like", "CleanButton");
Button comment = new Button("Comment", "CleanButton");
Button share = new Button("Share", "CleanButton");
FontImage.setMaterialIcon(like, FontImage.MATERIAL_THUMB_UP);
FontImage.setMaterialIcon(comment, FontImage.MATERIAL_COMMENT);
FontImage.setMaterialIcon(share, FontImage.MATERIAL_SHARE);
Container buttonBar = GridLayout.encloseIn(3, like, comment, share);
buttonBar.setUIID("HalfPaddedContainer");
return BoxLayout.encloseY(titleArea, body,
createPostStats(p), buttonBar);
}
NewsfeedContainer

24. " comments","SmallLabel"));
}
return stats;
}
private Container createNewsItem(User u, Post p) {
Container titleArea = createNewsTitle(u, p);
Component body;
if(p.content.get().indexOf('<') > -1) {
body = new RichTextView(p.content.get());
} else {
body = new SpanLabel(p.content.get());
}
body.setUIID("HalfPaddedContainer");
Button like = new Button("Like", "CleanButton");
Button comment = new Button("Comment", "CleanButton");
Button share = new Button("Share", "CleanButton");
FontImage.setMaterialIcon(like, FontImage.MATERIAL_THUMB_UP);
FontImage.setMaterialIcon(comment, FontImage.MATERIAL_COMMENT);
FontImage.setMaterialIcon(share, FontImage.MATERIAL_SHARE);
Container buttonBar = GridLayout.encloseIn(3, like, comment, share);
buttonBar.setUIID("HalfPaddedContainer");
return BoxLayout.encloseY(titleArea, body,
createPostStats(p), buttonBar);
}
NewsfeedContainer

25. © Codename One 2017 all rights reserved

26. NewPostButton {
border: 1px #cccccc cn1-pill-border;
background-color: white;
padding: 1mm 2mm 1mm 2mm;
margin: 1mm;
color: black;
font-family: "native:MainLight";
font-size: 2.6mm;
}
GalleryButton {
color: #4B4F56;
font-family: "native:MainLight";
font-size: 1.5mm;
text-align: center;
padding: 0px 2mm 0px 2mm;
margin: 0px;
}
HalfPaddedContainer {
padding: 1.5mm;
margin: 0mm;
background: transparent;
theme.css

27. NewPostButton {
border: 1px #cccccc cn1-pill-border;
background-color: white;
padding: 1mm 2mm 1mm 2mm;
margin: 1mm;
color: black;
font-family: "native:MainLight";
font-size: 2.6mm;
}
GalleryButton {
color: #4B4F56;
font-family: "native:MainLight";
font-size: 1.5mm;
text-align: center;
padding: 0px 2mm 0px 2mm;
margin: 0px;
}
HalfPaddedContainer {
padding: 1.5mm;
margin: 0mm;
background: transparent;
theme.css

28. color: #4B4F56;
font-family: "native:MainLight";
font-size: 1.5mm;
text-align: center;
padding: 0px 2mm 0px 2mm;
margin: 0px;
}
HalfPaddedContainer {
padding: 1.5mm;
margin: 0mm;
background: transparent;
}
CleanButton {
cn1-derive: BaseButton;
font-family: "native:MainLight";
font-size: 2.5mm;
margin: 0px;
color: #4B4F56;
}
PostTitle {
font-family: "native:MainRegular";
font-size: 3.5mm;
}
PostSubTitle {
theme.css

29. color: #4B4F56;
font-family: "native:MainLight";
font-size: 1.5mm;
text-align: center;
padding: 0px 2mm 0px 2mm;
margin: 0px;
}
HalfPaddedContainer {
padding: 1.5mm;
margin: 0mm;
background: transparent;
}
CleanButton {
cn1-derive: BaseButton;
font-family: "native:MainLight";
font-size: 2.5mm;
margin: 0px;
color: #4B4F56;
}
PostTitle {
font-family: "native:MainRegular";
font-size: 3.5mm;
}
PostSubTitle {
theme.css

30. cn1-derive: BaseButton;
font-family: "native:MainLight";
font-size: 2.5mm;
margin: 0px;
color: #4B4F56;
}
PostTitle {
font-family: "native:MainRegular";
font-size: 3.5mm;
}
PostSubTitle {
font-family: "native:MainRegular";
font-size: 2mm;
color: #aaaaaa;
}
SmallBlueCircle {
border: cn1-round-border;
background-color: blue;
padding: 0.5mm;
margin: 0px 2mm 0px 1mm;
color: white;
font-family: "native:MainLight";
font-size: 2mm;
}
theme.css

31. }
PostTitle {
font-family: "native:MainRegular";
font-size: 3.5mm;
}
PostSubTitle {
font-family: "native:MainRegular";
font-size: 2mm;
color: #aaaaaa;
}
SmallBlueCircle {
border: cn1-round-border;
background-color: blue;
padding: 0.5mm;
margin: 0px 2mm 0px 1mm;
color: white;
font-family: "native:MainLight";
font-size: 2mm;
}
SmallLabel {
font-family: "native:MainLight";
font-size: 2mm;
}
theme.css

32. }
PostTitle {
font-family: "native:MainRegular";
font-size: 3.5mm;
}
PostSubTitle {
font-family: "native:MainRegular";
font-size: 2mm;
color: #aaaaaa;
}
SmallBlueCircle {
border: cn1-round-border;
background-color: blue;
padding: 0.5mm;
margin: 0px 2mm 0px 1mm;
color: white;
font-family: "native:MainLight";
font-size: 2mm;
}
SmallLabel {
font-family: "native:MainLight";
font-size: 2mm;
}
theme.css