Refactor views into separate files and introduce Sidebar component

Author: lainsce

meson.build

@@ -27,21 +27,25 @@ add_project_arguments(
 )
 
 sources = [
-  'src/AddTagDialog.vala',
   'src/Application.vala',
   'src/DataManager.vala',
   'src/DataModels.vala',
-  'src/InsightsView.vala',
+  'src/dialogs/AddTagDialog.vala',
   'src/JsonObject.vala',
   'src/MapStyle.vala',
-  'src/PlacesView.vala',
-  'src/TagRow.vala',
-  'src/EntryEditorView.vala',
-  'src/Window.vala',
   'src/ReminderService.vala',
-  'src/SettingsWindow.vala',
   'src/SettingsManager.vala',
+  'src/SettingsWindow.vala',
+  'src/views/DeletedEmptyStateView.vala',
+  'src/views/EmptyStateView.vala',
+  'src/views/EntriesView.vala',
+  'src/views/EntryEditorView.vala',
+  'src/views/InsightsView.vala',
+  'src/views/PlacesView.vala',
+  'src/views/Sidebar.vala',
   'src/WelcomeScreen.vala',
+  'src/widgets/TagRow.vala',
+  'src/Window.vala',
 ]
 
 dependencies = [

src/Window.vala

@@ -0,0 +1,45 @@
+namespace Notejot {
+    public class DeletedEmptyStateView : Gtk.Box {
+
+        private Gtk.Label header_label;
+
+        public DeletedEmptyStateView () {
+            Object (
+                    orientation: Gtk.Orientation.VERTICAL,
+                    spacing: 0
+            );
+
+            this.set_hexpand (true);
+            this.add_css_class ("main-content");
+
+            var appbar = new He.AppBar ();
+            appbar.show_left_title_buttons = false;
+            this.append (appbar);
+
+            this.header_label = new Gtk.Label (_("Recently Deleted")) { halign = Gtk.Align.START };
+            this.header_label.add_css_class ("header");
+            this.append (this.header_label);
+
+            var deleted_content_box = new Gtk.Box (Gtk.Orientation.VERTICAL, 10) {
+                valign = Gtk.Align.CENTER,
+                halign = Gtk.Align.CENTER,
+                vexpand = true
+            };
+            deleted_content_box.add_css_class ("empty-state-view");
+
+            var deleted_title = new Gtk.Label (_("No Deleted Entries"));
+            deleted_title.add_css_class ("empty-state-title");
+            deleted_content_box.append (deleted_title);
+
+            var deleted_subtitle = new Gtk.Label (_("Deleted notes will appear here"));
+            deleted_subtitle.add_css_class ("empty-state-subtitle");
+            deleted_content_box.append (deleted_subtitle);
+
+            this.append (deleted_content_box);
+        }
+
+        public void set_header_label (string text) {
+            this.header_label.set_label (text);
+        }
+    }
+}

src/AddTagDialog.vala src/dialogs/AddTagDialog.valasrc/AddTagDialog.vala renamed to src/dialogs/AddTagDialog.vala

@@ -0,0 +1,55 @@
+namespace Notejot {
+    public class EmptyStateView : Gtk.Box {
+
+        public signal void add_entry_clicked ();
+
+        private Gtk.Label header_label;
+
+        public EmptyStateView () {
+            Object (
+                    orientation: Gtk.Orientation.VERTICAL,
+                    spacing: 0
+            );
+
+            this.set_hexpand (true);
+            this.add_css_class ("main-content");
+
+            var appbar = new He.AppBar ();
+            appbar.show_left_title_buttons = false;
+            this.append (appbar);
+
+            this.header_label = new Gtk.Label (_("No Entries")) { halign = Gtk.Align.START };
+            this.header_label.add_css_class ("header");
+            this.append (this.header_label);
+
+            var empty_content_box = new Gtk.Box (Gtk.Orientation.VERTICAL, 10) {
+                valign = Gtk.Align.CENTER,
+                halign = Gtk.Align.CENTER,
+                vexpand = true
+            };
+            empty_content_box.add_css_class ("empty-state-view");
+
+            var empty_title = new Gtk.Label (_("No Entries"));
+            empty_title.add_css_class ("empty-state-title");
+            empty_content_box.append (empty_title);
+
+            var empty_subtitle = new Gtk.Label (_("Get started by adding your first entry"));
+            empty_subtitle.add_css_class ("empty-state-subtitle");
+            empty_content_box.append (empty_subtitle);
+
+            var add_first_entry_button = new He.Button ("list-add-symbolic", _("Add First Entry"));
+            add_first_entry_button.is_pill = true;
+            add_first_entry_button.set_halign (Gtk.Align.CENTER);
+            add_first_entry_button.clicked.connect (() => {
+                add_entry_clicked ();
+            });
+            empty_content_box.append (add_first_entry_button);
+
+            this.append (empty_content_box);
+        }
+
+        public void set_header_label (string text) {
+            this.header_label.set_label (text);
+        }
+    }
+}