Add main screen with top bar, Home rows, Liked and Folders tabs

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

3 files changed, 390 insertions, 0 deletions

diff --git a/app/src/main/java/mygram/droid/FolderActivity.java b/app/src/main/java/mygram/droid/FolderActivity.java
index d53588a..8da2533 100644
--- a/app/src/main/java/mygram/droid/FolderActivity.java
+++ b/app/src/main/java/mygram/droid/FolderActivity.java
@@ -12,9 +12,60 @@
  * for more details.
  */
 
+
 package mygram.droid;
 
 import android.app.Activity;
+import android.content.Context;
+import android.content.Intent;
+import android.os.Bundle;
+import android.view.ViewGroup;
+import android.widget.FrameLayout;
+import android.widget.LinearLayout;
+import android.widget.TextView;
+
+import androidx.recyclerview.widget.RecyclerView;
 
+import java.util.Collections;
+
+/** One folder as a grid, shuffled once per open. */
 public final class FolderActivity extends Activity {
+	private FrameLayout content;
+	private RecyclerView grid;
+
+	static void open(Context c, Api.Folder f) {
+		c.startActivity(new Intent(c, FolderActivity.class).putExtra("slug", f.slug).putExtra("name", f.name));
+	}
+
+	@Override
+	protected void onCreate(Bundle state) {
+		super.onCreate(state);
+		LinearLayout column = new LinearLayout(this);
+		column.setOrientation(LinearLayout.VERTICAL);
+		TextView title = Ui.text(this, getIntent().getStringExtra("name"), 24);
+		title.setPadding(Ui.dp(this, 36), Ui.dp(this, 24), 0, 0);
+		column.addView(title);
+		content = new FrameLayout(this);
+		column.addView(content, new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, 0, 1));
+		setContentView(column);
+		show(Ui.text(this, "Loading…", 18));
+		Api.async(() -> Api.folderPosts(getIntent().getStringExtra("slug")), posts -> {
+			Collections.shuffle(posts);
+			grid = Ui.grid(this, Ui.postTiles(this, posts), Ui.POST_W, Ui.POST_H, 6);
+			show(grid);
+			grid.requestFocus();
+		}, e -> show(Ui.text(this, "Cannot load folder: " + e.getMessage(), 18)));
+	}
+
+	@Override
+	protected void onResume() {
+		super.onResume();
+		if (grid != null && grid.getAdapter() != null)
+			grid.getAdapter().notifyItemRangeChanged(0, grid.getAdapter().getItemCount());
+	}
+
+	private void show(android.view.View v) {
+		content.removeAllViews();
+		content.addView(v);
+	}
 }
diff --git a/app/src/main/java/mygram/droid/HomeRows.java b/app/src/main/java/mygram/droid/HomeRows.java
new file mode 100644
index 0000000..ed638b6
--- /dev/null
+++ b/app/src/main/java/mygram/droid/HomeRows.java
@@ -0,0 +1,119 @@
+/*
+ * mygram-droid: Android TV client for Foldergram.
+ * Copyright (C) 2026 Danilo M. <danix@danix.xyz>
+ *
+ * This program is free software; you can redistribute it and/or modify it
+ * under the terms of the GNU General Public License version 2 as published
+ * by the Free Software Foundation.
+ *
+ * This program is distributed in the hope that it will be useful, but
+ * WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY
+ * or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License
+ * for more details.
+ */
+
+
+package mygram.droid;
+
+import android.app.Activity;
+import android.content.Context;
+import android.view.ViewGroup;
+import android.widget.LinearLayout;
+import android.widget.TextView;
+import android.widget.Toast;
+
+import androidx.recyclerview.widget.RecyclerView;
+
+import java.util.ArrayList;
+import java.util.Collections;
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+
+/** Home: one row per folder, a random sample of its posts, then a Continue tile. */
+final class HomeRows extends RecyclerView.Adapter<HomeRows.Row> {
+	private static final int SAMPLE = 10;
+
+	static final class Row extends RecyclerView.ViewHolder {
+		final TextView title;
+		final RecyclerView tiles;
+
+		Row(LinearLayout v, TextView title, RecyclerView tiles) {
+			super(v);
+			this.title = title;
+			this.tiles = tiles;
+		}
+	}
+
+	private final Activity activity;
+	private final List<Api.Folder> folders;
+	private final Map<String, List<Post>> samples = new HashMap<>();
+
+	HomeRows(Activity activity, List<Api.Folder> folders) {
+		this.activity = activity;
+		this.folders = folders;
+	}
+
+	@Override
+	public Row onCreateViewHolder(ViewGroup parent, int type) {
+		Context c = parent.getContext();
+		LinearLayout v = new LinearLayout(c);
+		v.setOrientation(LinearLayout.VERTICAL);
+		v.setLayoutParams(new RecyclerView.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,
+				ViewGroup.LayoutParams.WRAP_CONTENT));
+		TextView title = Ui.text(c, "", 18);
+		title.setPadding(Ui.dp(c, 36), Ui.dp(c, 16), 0, 0);
+		v.addView(title);
+		RecyclerView tiles = Ui.list(c, RecyclerView.HORIZONTAL);
+		v.addView(tiles, new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,
+				Ui.dp(c, Ui.POST_H + 24)));
+		return new Row(v, title, tiles);
+	}
+
+	@Override
+	public void onBindViewHolder(Row row, int position) {
+		Api.Folder f = folders.get(position);
+		row.title.setText(f.name);
+		List<Post> posts = samples.get(f.slug);
+		if (posts == null) {
+			posts = List.of();
+			samples.put(f.slug, posts); // marks it loading, so it is fetched once
+			Api.async(() -> Api.folderSample(f, SAMPLE), p -> {
+				samples.put(f.slug, p);
+				notifyItemChanged(folders.indexOf(f));
+			}, e -> {
+				// the row keeps only its Continue tile
+			});
+		}
+		List<TileAdapter.Tile> tiles = new ArrayList<>();
+		for (Post p : posts)
+			tiles.add(TileAdapter.post(p, () -> open(f, p)));
+		tiles.add(new TileAdapter.Tile(null, "Continue", R.drawable.ic_arrow_forward, -1,
+				() -> FolderActivity.open(activity, f)));
+		row.tiles.setAdapter(new TileAdapter(tiles, Ui.POST_W, Ui.POST_H));
+	}
+
+	@Override
+	public int getItemCount() {
+		return folders.size();
+	}
+
+	/** Viewer at p, then the rest of the folder, shuffled. */
+	private void open(Api.Folder f, Post p) {
+		Api.async(() -> Api.folderPosts(f.slug), all -> {
+			Collections.shuffle(all);
+			all.removeIf(x -> x.id == p.id);
+			all.add(0, p);
+			Playlist.open(activity, all, 0);
+		}, e -> Toast.makeText(activity, "Cannot load folder: " + e.getMessage(), Toast.LENGTH_LONG).show());
+	}
+
+	/** Rebinds visible tiles so hearts follow likes changed in the viewer. */
+	void refreshHearts(RecyclerView list) {
+		for (int i = 0; i < list.getChildCount(); i++) {
+			RecyclerView.Adapter<?> a = ((Row) list.getChildViewHolder(list.getChildAt(i))).tiles.getAdapter();
+			if (a != null)
+				a.notifyItemRangeChanged(0, a.getItemCount());
+		}
+	}
+}
diff --git a/app/src/main/java/mygram/droid/MainActivity.java b/app/src/main/java/mygram/droid/MainActivity.java
index 767dbb1..6f8d76d 100644
--- a/app/src/main/java/mygram/droid/MainActivity.java
+++ b/app/src/main/java/mygram/droid/MainActivity.java
@@ -12,9 +12,229 @@
  * for more details.
  */
 
+
 package mygram.droid;
 
 import android.app.Activity;
+import android.content.Intent;
+import android.graphics.Color;
+import android.graphics.drawable.Drawable;
+import android.os.Bundle;
+import android.os.Handler;
+import android.os.Looper;
+import android.view.Gravity;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.FrameLayout;
+import android.widget.ImageView;
+import android.widget.LinearLayout;
+import android.widget.Space;
+import android.widget.TextView;
+
+import androidx.recyclerview.widget.RecyclerView;
+
+import com.bumptech.glide.Glide;
+import com.bumptech.glide.load.DataSource;
+import com.bumptech.glide.load.engine.GlideException;
+import com.bumptech.glide.request.RequestListener;
+import com.bumptech.glide.request.target.Target;
 
+import java.util.ArrayList;
+import java.util.List;
+import java.util.concurrent.ThreadLocalRandom;
+
+/** Top bar, rotating blurred background, and the Home, Liked and Folders tabs. */
 public final class MainActivity extends Activity {
+	private static final int HOME = 0, LIKED = 1, FOLDERS = 2;
+	private static final ViewGroup.LayoutParams FILL = new ViewGroup.LayoutParams(
+			ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);
+
+	private final Handler handler = new Handler(Looper.getMainLooper());
+	private final Runnable rotate = this::rotateBackground;
+	private FrameLayout content;
+	/** Two layers that swap, so a new background fades in over the old one. */
+	private final ImageView[] layers = new ImageView[2];
+	private int front;
+	private List<Post> backgrounds = new ArrayList<>();
+	private RecyclerView homeList;
+	private HomeRows homeRows;
+	private int tab = HOME;
+	private boolean ready;
+
+	@Override
+	protected void onCreate(Bundle state) {
+		super.onCreate(state);
+		if (Prefs.server() == null) {
+			startActivity(new Intent(this, SetupActivity.class));
+			finish();
+			return;
+		}
+		FrameLayout root = new FrameLayout(this);
+		root.setBackgroundColor(Color.BLACK);
+		FrameLayout layerBox = new FrameLayout(this); // bringToFront() stays inside it
+		for (int i = 0; i < 2; i++) {
+			layers[i] = new ImageView(this);
+			layers[i].setScaleType(ImageView.ScaleType.CENTER_CROP);
+			Ui.blur(layers[i], 60);
+			layerBox.addView(layers[i], FILL);
+		}
+		root.addView(layerBox, FILL);
+		View dim = new View(this);
+		dim.setBackgroundColor(0xAA000000);
+		root.addView(dim, FILL);
+		LinearLayout column = new LinearLayout(this);
+		column.setOrientation(LinearLayout.VERTICAL);
+		column.addView(topBar());
+		content = new FrameLayout(this);
+		column.addView(content, new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, 0, 1));
+		root.addView(column, FILL);
+		setContentView(root);
+		connect();
+	}
+
+	/** [logo]  [Reels] [Liked] [Folders]  [Settings] */
+	private View topBar() {
+		LinearLayout bar = new LinearLayout(this);
+		bar.setGravity(Gravity.CENTER_VERTICAL);
+		int p = Ui.dp(this, 16);
+		bar.setPadding(p * 2, p, p * 2, 0);
+		LinearLayout logo = Ui.iconButton(this, R.drawable.ic_home, "Home", v -> show(HOME));
+		// Foldergram's logo is AGPLv3: loaded from the instance, never bundled.
+		Glide.with(this).load(Api.resolve(Prefs.server(), "/icon-192.png")).error(R.drawable.ic_home)
+				.into((ImageView) logo.getChildAt(0));
+		bar.addView(logo);
+		bar.addView(new Space(this), new LinearLayout.LayoutParams(0, 1, 1));
+		bar.addView(Ui.iconButton(this, R.drawable.ic_reels, "Reels", v -> Playlist.openReels(this)));
+		bar.addView(Ui.iconButton(this, R.drawable.ic_favorite, "Liked", v -> show(LIKED)));
+		bar.addView(Ui.iconButton(this, R.drawable.ic_folder, "Folders", v -> show(FOLDERS)));
+		bar.addView(new Space(this), new LinearLayout.LayoutParams(0, 1, 1));
+		bar.addView(Ui.iconButton(this, R.drawable.ic_settings, "Settings",
+				v -> startActivity(new Intent(this, SettingsActivity.class))));
+		return bar;
+	}
+
+	private void connect() {
+		message("Connecting…");
+		Api.async(() -> {
+			if (!Prefs.password().isEmpty())
+				Api.login(Prefs.server(), Prefs.password());
+			Likes.load();
+			return Api.randomFeed();
+		}, posts -> {
+			ready = true;
+			backgrounds = posts;
+			handler.removeCallbacks(rotate);
+			rotateBackground();
+			show(tab);
+		}, this::failed);
+	}
+
+	private void failed(Exception e) {
+		LinearLayout box = Ui.column(this);
+		box.addView(Ui.text(this, "Cannot reach the instance: " + e.getMessage(), 18));
+		LinearLayout row = Ui.row(this);
+		row.addView(Ui.iconButton(this, R.drawable.ic_refresh, "Retry", v -> connect()));
+		row.addView(Ui.iconButton(this, R.drawable.ic_swap, "Change instance",
+				v -> startActivity(new Intent(this, SetupActivity.class))));
+		box.addView(row);
+		setContent(box);
+		row.getChildAt(0).requestFocus();
+	}
+
+	private void show(int t) {
+		if (!ready)
+			return;
+		tab = t;
+		if (t == HOME) {
+			if (homeList != null) {
+				setContent(homeList);
+				return;
+			}
+			message("Loading…");
+			Api.async(Api::folders, folders -> {
+				homeRows = new HomeRows(this, folders);
+				homeList = Ui.list(this, RecyclerView.VERTICAL);
+				homeList.setAdapter(homeRows);
+				if (tab == HOME)
+					setContent(homeList);
+			}, this::failed);
+		} else if (t == LIKED) {
+			message("Loading…");
+			Api.async(Api::likes, posts -> {
+				if (tab == LIKED)
+					setContent(posts.isEmpty() ? centered("No liked posts yet")
+							: Ui.grid(this, Ui.postTiles(this, posts), Ui.POST_W, Ui.POST_H, 6));
+			}, this::failed);
+		} else {
+			message("Loading…");
+			Api.async(Api::folders, folders -> {
+				if (tab != FOLDERS)
+					return;
+				List<TileAdapter.Tile> tiles = new ArrayList<>();
+				for (Api.Folder f : folders)
+					tiles.add(new TileAdapter.Tile(f.avatarUrl, f.name, R.drawable.ic_folder, -1,
+							() -> FolderActivity.open(this, f)));
+				setContent(Ui.grid(this, tiles, 160, 160, 5));
+			}, this::failed);
+		}
+	}
+
+	@Override
+	protected void onResume() {
+		super.onResume();
+		if (!ready)
+			return;
+		handler.removeCallbacks(rotate);
+		handler.postDelayed(rotate, Prefs.backgroundSeconds() * 1000L);
+		if (tab == LIKED)
+			show(LIKED); // unliked posts drop out
+		else if (homeRows != null)
+			homeRows.refreshHearts(homeList);
+	}
+
+	@Override
+	protected void onPause() {
+		super.onPause();
+		handler.removeCallbacks(rotate);
+	}
+
+	private void rotateBackground() {
+		if (backgrounds.isEmpty())
+			return;
+		Post p = backgrounds.get(ThreadLocalRandom.current().nextInt(backgrounds.size()));
+		// Never pass the old drawable as a Glide placeholder: Glide may recycle its bitmap.
+		ImageView back = layers[1 - front], top = layers[front];
+		back.setAlpha(0f);
+		back.bringToFront();
+		Glide.with(this).load(p.media.get(0).thumbnailUrl).listener(new RequestListener<Drawable>() {
+			@Override
+			public boolean onLoadFailed(GlideException e, Object model, Target<Drawable> target, boolean first) {
+				return false;
+			}
+
+			@Override
+			public boolean onResourceReady(Drawable d, Object model, Target<Drawable> target, DataSource source,
+					boolean first) {
+				back.animate().alpha(1f).setDuration(1500).withEndAction(() -> Glide.with(top).clear(top)).start();
+				return false;
+			}
+		}).into(back);
+		front = 1 - front;
+		handler.postDelayed(rotate, Prefs.backgroundSeconds() * 1000L);
+	}
+
+	private void message(String s) {
+		setContent(centered(s));
+	}
+
+	private TextView centered(String s) {
+		TextView t = Ui.text(this, s, 18);
+		t.setGravity(Gravity.CENTER);
+		return t;
+	}
+
+	private void setContent(View v) {
+		content.removeAllViews();
+		content.addView(v, FILL);
+	}
 }