From 5d65c0b93a84b82380b94549f4ba0be189173d8f Mon Sep 17 00:00:00 2001
From: leca <leca@foxarmy.org>
Date: Fri, 5 Apr 2024 12:42:02 +0300
Subject: [PATCH] cards/new, cards/edit and some improvements

---
 resources/cards/edit/ui.xml                  | 50 +++++++++++++
 resources/cards/game/ui.xml                  | 21 ++++++
 resources/cards/new/ui.xml                   | 50 +++++++++++++
 resources/cards/setup/ui.xml                 |  6 +-
 resources/menu/ui.xml                        | 10 ++-
 resources/org.foxarmy.settings.gschema.xml   | 38 +++++-----
 resources/resources.gresource.xml            | 25 ++++---
 resources/widgets/card_entry/template.ui.xml | 32 ++++++++
 src/main.rs                                  |  2 +-
 src/ui/cards/edit/imp.rs                     | 79 ++++++++++++++++++++
 src/ui/cards/edit/mod.rs                     | 15 ++++
 src/ui/cards/mod.rs                          |  1 +
 src/ui/cards/new/imp.rs                      | 46 ++++++++++++
 src/ui/cards/new/mod.rs                      | 27 +++++++
 src/ui/cards/setup/imp.rs                    | 17 ++++-
 src/ui/guessing/setup/imp.rs                 |  2 +-
 src/widgets/card_display/mod.rs              |  0
 src/widgets/card_entry/imp.rs                | 67 +++++++++++++++++
 src/widgets/card_entry/mod.rs                | 17 +++++
 src/{ => widgets}/labled_switch/imp.rs       |  0
 src/{ => widgets}/labled_switch/mod.rs       |  0
 src/widgets/mod.rs                           |  3 +
 22 files changed, 470 insertions(+), 38 deletions(-)
 create mode 100644 resources/cards/edit/ui.xml
 create mode 100644 resources/cards/new/ui.xml
 create mode 100644 resources/widgets/card_entry/template.ui.xml
 create mode 100644 src/ui/cards/new/imp.rs
 create mode 100644 src/ui/cards/new/mod.rs
 create mode 100644 src/widgets/card_display/mod.rs
 create mode 100644 src/widgets/card_entry/imp.rs
 create mode 100644 src/widgets/card_entry/mod.rs
 rename src/{ => widgets}/labled_switch/imp.rs (100%)
 rename src/{ => widgets}/labled_switch/mod.rs (100%)
 create mode 100644 src/widgets/mod.rs

diff --git a/resources/cards/edit/ui.xml b/resources/cards/edit/ui.xml
new file mode 100644
index 0000000..20c05b4
--- /dev/null
+++ b/resources/cards/edit/ui.xml
@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface>
+    <template class="MemoryCardsEditScene" parent="GtkApplicationWindow">
+        <property name="title">Memory cards edit</property>
+        <property name="height-request">1000</property>
+        <property name="width-request">1000</property>
+        <child>
+            <object class="GtkBox" id="content">
+                <property name="orientation">vertical</property>
+                <property name="valign">GTK_ALIGN_FILL</property>
+                <property name="halign">GTK_ALIGN_FILL</property>
+                <child>
+                    <object class="GtkBox" id="search_bar">
+                        <property name="orientation">horizontal</property>
+                        <property name="valign">GTK_ALIGN_START</property>
+                        <property name="halign">GTK_ALIGN_FILL</property>
+                        <child>
+                            <object class="GtkSearchEntry" id="search_entry">
+                                <property name="placeholder-text">Find a card</property>
+                                <property name="halign">GTK_ALIGN_FILL</property>
+                                <property name="valign">GTK_ALIGN_FILL</property>
+                                <property name="hexpand">true</property>
+                            </object>
+                        </child>
+                        <child>
+                            <object class="GtkButton" id="add_button">
+                                <property name="label">+</property>
+                                <property name="halign">GTK_ALIGN_END</property>
+                                <property name="valign">GTK_ALIGN_FILL</property>
+                            </object>
+                        </child>
+                    </object>
+                </child>
+                <child>
+                    <object class="GtkScrolledWindow" id="cards">
+                        <property name="halign">GTK_ALIGN_FILL</property>
+                        <property name="valign">GTK_ALIGN_FILL</property>
+                        <property name="vexpand">true</property>
+                        <child>
+                            <object class="CardEntry" id="first">
+                                <property name="hieroglyph">ka</property>
+                                <property name="translation">tr</property>
+                            </object>
+                        </child>
+                    </object>
+                </child>
+            </object>
+        </child>
+    </template>
+</interface>
\ No newline at end of file
diff --git a/resources/cards/game/ui.xml b/resources/cards/game/ui.xml
index e69de29..86fdc00 100644
--- a/resources/cards/game/ui.xml
+++ b/resources/cards/game/ui.xml
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface>
+    <template class="MemoryCardsSetupScene" parent="GtkApplicationWindow">
+        <property name="title">Memory cards setup</property>
+        <child>
+            <object class="GtkBox" id="content">
+                <property name="orientation">horizontal</property>
+                <child>
+                    <object class="GtkButton" id="edit_button">
+                        <property name="label">Edit cards</property>
+                    </object>
+                </child>
+                <child>
+                    <object class="GtkButton" id="start_button">
+                        <property name="label">start game</property>
+                    </object>
+                </child>
+            </object>
+        </child>
+    </template>
+</interface>
\ No newline at end of file
diff --git a/resources/cards/new/ui.xml b/resources/cards/new/ui.xml
new file mode 100644
index 0000000..b78ad3b
--- /dev/null
+++ b/resources/cards/new/ui.xml
@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface>
+    <template class="MemoryCardsNewScene" parent="GtkApplicationWindow">
+        <property name="title">New memory card</property>
+        <property name="height-request">512</property>
+        <property name="width-request">512</property>
+        <child>
+            <object class="GtkBox" id="content">
+            <property name="orientation">vertical</property>
+            <property name="halign">GTK_ALIGN_CENTER</property>
+            <property name="valign">GTK_ALIGN_CENTER</property>
+                <child>
+                    <object class="GtkImage" id="image">
+                        <property name="halign">GTK_ALIGN_CENTER</property>
+                        <property name="valign">GTK_ALIGN_CENTER</property>
+                        <property name="file">/home/leca/Downloads/2648 - SoyBooru.png</property>
+                    </object>
+                </child>
+                <child>
+                    <object class="GtkButton" id="file_choose_button">
+                        <property name="halign">GTK_ALIGN_CENTER</property>
+                        <property name="valign">GTK_ALIGN_CENTER</property>
+                        <property name="label">Choose file</property>
+                    </object>
+                </child>
+                <child>
+                    <object class="GtkEntry" id="heiroglyph_entry">
+                        <property name="halign">GTK_ALIGN_CENTER</property>
+                        <property name="valign">GTK_ALIGN_CENTER</property>
+                        <property name="placeholder-text">Hieroglyph</property>
+                    </object>
+                </child>
+                <child>
+                    <object class="GtkEntry" id="translation_entry">
+                        <property name="halign">GTK_ALIGN_CENTER</property>
+                        <property name="valign">GTK_ALIGN_CENTER</property>
+                        <property name="placeholder-text">Translation</property>
+                    </object>
+                </child>
+                <child>
+                    <object class="GtkButton" id="done_button">
+                        <property name="halign">GTK_ALIGN_CENTER</property>
+                        <property name="valign">GTK_ALIGN_CENTER</property>
+                        <property name="label">Done</property>
+                    </object>
+                </child>
+            </object>
+        </child>
+    </template>
+</interface>
\ No newline at end of file
diff --git a/resources/cards/setup/ui.xml b/resources/cards/setup/ui.xml
index 3af6073..86fdc00 100644
--- a/resources/cards/setup/ui.xml
+++ b/resources/cards/setup/ui.xml
@@ -7,15 +7,15 @@
                 <property name="orientation">horizontal</property>
                 <child>
                     <object class="GtkButton" id="edit_button">
-                        <property name="label">test</property>
+                        <property name="label">Edit cards</property>
                     </object>
                 </child>
                 <child>
                     <object class="GtkButton" id="start_button">
-                        <property name="label">test2</property>
+                        <property name="label">start game</property>
                     </object>
                 </child>
             </object>
         </child>
     </template>
-</interface>
+</interface>
\ No newline at end of file
diff --git a/resources/menu/ui.xml b/resources/menu/ui.xml
index b1cf1ff..cb97189 100644
--- a/resources/menu/ui.xml
+++ b/resources/menu/ui.xml
@@ -4,18 +4,24 @@
     <property name="title">Menu</property>
     <child>
       <object class="GtkBox" id="content">
-      <property name="orientation">horizontal</property>
+        <property name="orientation">horizontal</property>
         <child>
           <object class="GtkButton" id="hiragana_and_katakana">
             <property name="label">Practice hiragana and katakana</property>
+            <style>
+              <class name="hiragana_and_katakana" />
+            </style>
           </object>
         </child>
         <child>
           <object class="GtkButton" id="memory_cards">
             <property name="label">Practice vocabulary with memory cards</property>
+            <style>
+              <class name="memory_cards"/>
+            </style>
           </object>
         </child>
       </object>
     </child>
   </template>
-</interface>
+</interface>
\ No newline at end of file
diff --git a/resources/org.foxarmy.settings.gschema.xml b/resources/org.foxarmy.settings.gschema.xml
index cc56617..f0a7424 100644
--- a/resources/org.foxarmy.settings.gschema.xml
+++ b/resources/org.foxarmy.settings.gschema.xml
@@ -1,21 +1,21 @@
 <?xml version="1.0" encoding="utf-8"?>
 <schemalist>
-  <schema id="org.foxarmy.learn-hieroglyph" path="/org/foxarmy/learn-hieroglyph/">
-    <key name="is-rtk-enabled" type="b">
-      <default>false</default>
-      <summary>Enable romaji to kana</summary>
-    </key>
-    <key name="is-ktr-enabled" type="b">
-      <default>true</default>
-      <summary>Enable kana to romaji</summary>
-    </key>
-    <key name="is-hiragana-enabled" type="b">
-      <default>true</default>
-      <summary>Enable hiragana</summary>
-    </key>
-    <key name="is-katakana-enabled" type="b">
-      <default>false</default>
-      <summary>Enable katakana</summary>
-    </key>
-  </schema>
-</schemalist>
+	<schema id="org.foxarmy.learn-hieroglyph" path="/org/foxarmy/learn-hieroglyph/">
+		<key name="is-rtk-enabled" type="b">
+			<default>false</default>
+			<summary>Enable romaji to kana</summary>
+		</key>
+		<key name="is-ktr-enabled" type="b">
+			<default>true</default>
+			<summary>Enable kana to romaji</summary>
+		</key>
+		<key name="is-hiragana-enabled" type="b">
+			<default>true</default>
+			<summary>Enable hiragana</summary>
+		</key>
+		<key name="is-katakana-enabled" type="b">
+			<default>false</default>
+			<summary>Enable katakana</summary>
+		</key>
+	</schema>
+</schemalist>
\ No newline at end of file
diff --git a/resources/resources.gresource.xml b/resources/resources.gresource.xml
index 47e71d5..d706e16 100644
--- a/resources/resources.gresource.xml
+++ b/resources/resources.gresource.xml
@@ -1,14 +1,19 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <gresources>
-  <gresource prefix="/org/foxarmy/learn-hieroglyph/">
-    <file compressed="true" preprocess="xml-stripblanks">menu/ui.xml</file>
-    
-    <file compressed="true" preprocess="xml-stripblanks">guessing/game/ui.xml</file>
-    <file compressed="true" preprocess="xml-stripblanks">guessing/setup/ui.xml</file>
+	<gresource prefix="/org/foxarmy/learn-hieroglyph/">
+		<file compressed="true" preprocess="xml-stripblanks">menu/ui.xml</file>
 
-    <!-- <file compressed="true" preprocess="xml-stripblanks">cards/game/ui.xml</file> -->
-    <file compressed="true" preprocess="xml-stripblanks">cards/setup/ui.xml</file>
+		<file compressed="true" preprocess="xml-stripblanks">cards/edit/ui.xml</file>
+		<file compressed="true" preprocess="xml-stripblanks">cards/setup/ui.xml</file>
+		<file compressed="true" preprocess="xml-stripblanks">cards/new/ui.xml</file>
 
-    <file compressed="true" preprocess="xml-stripblanks">widgets/labled_switch/template.ui.xml</file>
-  </gresource>
-</gresources>
+
+		<file compressed="true" preprocess="xml-stripblanks">guessing/game/ui.xml</file>
+		<file compressed="true" preprocess="xml-stripblanks">guessing/setup/ui.xml</file>
+
+		<!-- <file compressed="true" preprocess="xml-stripblanks">cards/game/ui.xml</file> -->
+
+		<file compressed="true" preprocess="xml-stripblanks">widgets/labled_switch/template.ui.xml</file>
+		<file compressed="true" preprocess="xml-stripblanks">widgets/card_entry/template.ui.xml</file>
+	</gresource>
+</gresources>
\ No newline at end of file
diff --git a/resources/widgets/card_entry/template.ui.xml b/resources/widgets/card_entry/template.ui.xml
new file mode 100644
index 0000000..f2299e7
--- /dev/null
+++ b/resources/widgets/card_entry/template.ui.xml
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface>
+    <template class="CardEntry" parent="GtkWidget">
+        <property name="image_hash"></property>
+        <property name="hieroglyph"></property>
+        <property name="translation"></property>
+        <child>
+            <object class="GtkPicture" id="picture">
+                <property name="halign">GTK_ALIGN_CENTER</property>
+                <property name="valign">GTK_ALIGN_CENTER</property>
+            </object>
+        </child>
+        <child>
+            <object class="GtkLabel" id="hieroglyph_label">
+                <property name="halign">GTK_ALIGN_START</property>
+                <property name="valign">GTK_ALIGN_START</property>
+            </object>
+        </child>
+        <child>
+            <object class="GtkLabel" id="translation_label">
+                <property name="halign">GTK_ALIGN_START</property>
+                <property name="valign">GTK_ALIGN_START</property>
+            </object>
+        </child>
+        <child>
+            <object class="GtkButton" id="edit_button">
+                <property name="halign">GTK_ALIGN_END</property>
+                <property name="valign">GTK_ALIGN_END</property>
+            </object>
+        </child>
+    </template>
+</interface>
\ No newline at end of file
diff --git a/src/main.rs b/src/main.rs
index f77844f..6c34c53 100644
--- a/src/main.rs
+++ b/src/main.rs
@@ -1,6 +1,6 @@
 mod game;
-mod labled_switch;
 mod ui;
+mod widgets;
 
 use crate::ui::menu::MenuScene;
 
diff --git a/src/ui/cards/edit/imp.rs b/src/ui/cards/edit/imp.rs
index 8b13789..cbdbb25 100644
--- a/src/ui/cards/edit/imp.rs
+++ b/src/ui/cards/edit/imp.rs
@@ -1 +1,80 @@
+use std::rc::Rc;
 
+use glib::subclass::InitializingObject;
+use gtk::glib::object::ObjectExt;
+use gtk::glib::{clone, closure_local};
+use gtk::subclass::prelude::*;
+use gtk::{glib, Button, CompositeTemplate, ScrolledWindow, SearchEntry, Window};
+use gtk::{prelude::*, FileDialog};
+
+use crate::ui::cards::new::*;
+use crate::widgets::card_entry::CardEntry;
+
+#[derive(CompositeTemplate, Default)]
+#[template(resource = "/org/foxarmy/learn-hieroglyph/cards/edit/ui.xml")]
+pub struct MemoryCardsEditScene {
+    #[template_child]
+    pub search_entry: TemplateChild<SearchEntry>,
+    #[template_child]
+    pub add_button: TemplateChild<Button>,
+    #[template_child]
+    pub first: TemplateChild<CardEntry>,
+    #[template_child]
+    pub cards: TemplateChild<ScrolledWindow>,
+}
+
+#[glib::object_subclass]
+impl ObjectSubclass for MemoryCardsEditScene {
+    const NAME: &'static str = "MemoryCardsEditScene";
+    type Type = super::MemoryCardsEditScene;
+    type ParentType = gtk::ApplicationWindow;
+
+    fn class_init(klass: &mut Self::Class) {
+        klass.bind_template();
+    }
+
+    fn instance_init(obj: &InitializingObject<Self>) {
+        obj.init_template();
+    }
+}
+
+impl ObjectImpl for MemoryCardsEditScene {
+    fn constructed(&self) {
+        self.parent_constructed();
+
+        let binding = self.obj();
+
+        self.add_button.connect_closure("clicked", 
+                                        false,
+                                        closure_local!(@strong binding => move |_b: &Button| {
+                                        let new_win = Rc::new(MemoryCardsNewScene::new(&binding.application().unwrap()));
+                                        new_win.get_file_choose_button().connect_clicked(clone!(@strong new_win => move |_| {
+                                            let path = Rc::new(String::from(""));
+                                            gtk::glib::MainContext::default().spawn_local(file_choose_dialog(Rc::clone(&new_win), Rc::clone(&path)));
+                                            println!("{}", path); // this is empty cuz it's not waiting for user
+                                        }));
+                                        new_win.present();
+        }));
+
+        let c: &ScrolledWindow = self.cards.as_ref();
+        c.set_child(glib::bitflags::__private::core::option::Option::Some(
+            &CardEntry::new(&"a".to_string(), &"a".to_string()),
+        ));
+    }
+}
+
+async fn file_choose_dialog<W: IsA<gtk::Window>>(window: Rc<W>, mut _p: Rc<String>) {
+    let dialog: FileDialog = gtk::FileDialog::builder().build();
+    let answer = dialog.open_future(Some(&*window)).await;
+    let path = answer.unwrap().path().unwrap();
+    let path = path.as_path().to_str();
+    // _p = Rc::new(path.into_os_string().into_string().unwrap());
+    let w: &MemoryCardsNewScene = Into::<&Window>::into(window.upcast_ref()).downcast_ref().unwrap(); // Weird casting from &Window as passed in func to &MemoryCardsNewScene
+    w.get_image_widget().set_file(path);
+}
+
+impl WidgetImpl for MemoryCardsEditScene {}
+
+impl WindowImpl for MemoryCardsEditScene {}
+
+impl ApplicationWindowImpl for MemoryCardsEditScene {}
diff --git a/src/ui/cards/edit/mod.rs b/src/ui/cards/edit/mod.rs
index 8b13789..8ab1024 100644
--- a/src/ui/cards/edit/mod.rs
+++ b/src/ui/cards/edit/mod.rs
@@ -1 +1,16 @@
+mod imp;
+use glib::Object;
+use gtk::{gio, glib, Application};
 
+glib::wrapper! {
+    pub struct MemoryCardsEditScene(ObjectSubclass<imp::MemoryCardsEditScene>)
+        @extends gtk::ApplicationWindow, gtk::Window, gtk::Widget,
+        @implements gio::ActionGroup, gio::ActionMap, gtk::Accessible, gtk::Buildable,
+                    gtk::ConstraintTarget, gtk::Native, gtk::Root, gtk::ShortcutManager;
+}
+
+impl MemoryCardsEditScene {
+    pub fn new(app: &Application) -> Self {
+        Object::builder().property("application", app).build()
+    }
+}
diff --git a/src/ui/cards/mod.rs b/src/ui/cards/mod.rs
index 03ca420..ea6d9fd 100644
--- a/src/ui/cards/mod.rs
+++ b/src/ui/cards/mod.rs
@@ -1,3 +1,4 @@
 pub mod edit;
 pub mod game;
 pub mod setup;
+pub mod new;
\ No newline at end of file
diff --git a/src/ui/cards/new/imp.rs b/src/ui/cards/new/imp.rs
new file mode 100644
index 0000000..b2ca6a6
--- /dev/null
+++ b/src/ui/cards/new/imp.rs
@@ -0,0 +1,46 @@
+use glib::subclass::InitializingObject;
+use gtk::subclass::prelude::*;
+use gtk::{glib, Button, CompositeTemplate, Entry, Image};
+
+#[derive(CompositeTemplate, Default)]
+#[template(resource = "/org/foxarmy/learn-hieroglyph/cards/new/ui.xml")]
+pub struct MemoryCardsNewScene {
+    #[template_child]
+    pub image: TemplateChild<Image>,
+    #[template_child]
+    pub file_choose_button: TemplateChild<Button>,
+    #[template_child]
+    pub heiroglyph_entry: TemplateChild<Entry>,
+    #[template_child]
+    pub translation_entry: TemplateChild<Entry>,
+    #[template_child]
+    pub done_button: TemplateChild<Button>,
+}
+
+#[glib::object_subclass]
+impl ObjectSubclass for MemoryCardsNewScene {
+    const NAME: &'static str = "MemoryCardsNewScene";
+    type Type = super::MemoryCardsNewScene;
+    type ParentType = gtk::ApplicationWindow;
+
+    fn class_init(klass: &mut Self::Class) {
+        klass.bind_template();
+    }
+
+    fn instance_init(obj: &InitializingObject<Self>) {
+        obj.init_template();
+    }
+}
+
+impl ObjectImpl for MemoryCardsNewScene {
+    fn constructed(&self) {
+        self.parent_constructed();
+    }
+}
+
+
+impl WidgetImpl for MemoryCardsNewScene {}
+
+impl WindowImpl for MemoryCardsNewScene {}
+
+impl ApplicationWindowImpl for MemoryCardsNewScene {}
diff --git a/src/ui/cards/new/mod.rs b/src/ui/cards/new/mod.rs
new file mode 100644
index 0000000..4fb1f9f
--- /dev/null
+++ b/src/ui/cards/new/mod.rs
@@ -0,0 +1,27 @@
+mod imp;
+
+use glib::Object;
+use gtk::{
+    gio, glib::{self, subclass::types::ObjectSubclassIsExt}, Application, Button, Image
+};
+
+glib::wrapper! {
+    pub struct MemoryCardsNewScene(ObjectSubclass<imp::MemoryCardsNewScene>)
+        @extends gtk::ApplicationWindow, gtk::Window, gtk::Widget,
+        @implements gio::ActionGroup, gio::ActionMap, gtk::Accessible, gtk::Buildable,
+                    gtk::ConstraintTarget, gtk::Native, gtk::Root, gtk::ShortcutManager;
+}
+
+impl MemoryCardsNewScene {
+    pub fn new(app: &Application) -> Self {
+        Object::builder().property("application", app).build()
+    }
+
+    pub fn get_file_choose_button(&self) -> &Button {
+        self.imp().file_choose_button.as_ref()
+    }
+
+    pub fn get_image_widget(&self) -> &Image {
+        self.imp().image.as_ref()
+    }
+}
diff --git a/src/ui/cards/setup/imp.rs b/src/ui/cards/setup/imp.rs
index 19e7eff..b68539a 100644
--- a/src/ui/cards/setup/imp.rs
+++ b/src/ui/cards/setup/imp.rs
@@ -1,9 +1,12 @@
+use crate::ui::cards::edit::*;
+
 use glib::subclass::InitializingObject;
+use gtk::glib::closure_local;
 use gtk::subclass::prelude::*;
-use gtk::{glib, Button, CompositeTemplate};
+use gtk::{glib, prelude::*, Button, CompositeTemplate};
 
 #[derive(CompositeTemplate, Default)]
-#[template(resource = "/org/foxarmy/learn-hieroglyph/cards/settings/ui.xml")]
+#[template(resource = "/org/foxarmy/learn-hieroglyph/cards/setup/ui.xml")]
 pub struct MemoryCardsSetupScene {
     #[template_child]
     pub edit_button: TemplateChild<Button>,
@@ -29,6 +32,16 @@ impl ObjectSubclass for MemoryCardsSetupScene {
 impl ObjectImpl for MemoryCardsSetupScene {
     fn constructed(&self) {
         self.parent_constructed();
+
+        let binding = self.obj();
+
+        self.edit_button.connect_closure("clicked",
+                                         false,
+                                         closure_local!(@strong binding => move |_b: &Button| {
+                let new_win: MemoryCardsEditScene = MemoryCardsEditScene::new(&binding.application().unwrap());
+                new_win.present();
+            })
+        );
     }
 }
 
diff --git a/src/ui/guessing/setup/imp.rs b/src/ui/guessing/setup/imp.rs
index 6d54f5b..cec798d 100644
--- a/src/ui/guessing/setup/imp.rs
+++ b/src/ui/guessing/setup/imp.rs
@@ -1,4 +1,4 @@
-use crate::labled_switch::LabledSwitch;
+use crate::widgets::labled_switch::LabledSwitch;
 
 use crate::ui::guessing::game::GuessingScene;
 use crate::APP_ID;
diff --git a/src/widgets/card_display/mod.rs b/src/widgets/card_display/mod.rs
new file mode 100644
index 0000000..e69de29
diff --git a/src/widgets/card_entry/imp.rs b/src/widgets/card_entry/imp.rs
new file mode 100644
index 0000000..2503656
--- /dev/null
+++ b/src/widgets/card_entry/imp.rs
@@ -0,0 +1,67 @@
+use std::cell::RefCell;
+
+use glib::subclass::InitializingObject;
+use glib::Properties;
+use gtk::subclass::prelude::*;
+use gtk::{glib, prelude::*, Button, CompositeTemplate, Label, Picture};
+
+#[derive(CompositeTemplate, Properties, Default)]
+#[properties(wrapper_type = super::CardEntry)]
+#[template(resource = "/org/foxarmy/learn-hieroglyph/widgets/card_entry/template.ui.xml")]
+pub struct CardEntry {
+    #[template_child]
+    pub picture: TemplateChild<Picture>,
+    #[template_child]
+    pub hieroglyph_label: TemplateChild<Label>,
+    #[template_child]
+    pub translation_label: TemplateChild<Label>,
+    #[template_child]
+    pub edit_button: TemplateChild<Button>,
+
+    #[property(get, set)]
+    image_hash: RefCell<String>,
+    #[property(get, set)]
+    hieroglyph: RefCell<String>,
+    #[property(get, set)]
+    translation: RefCell<String>,
+}
+
+#[glib::object_subclass]
+impl ObjectSubclass for CardEntry {
+    const NAME: &'static str = "CardEntry";
+    type Type = super::CardEntry;
+    type ParentType = gtk::Widget;
+
+    fn class_init(klass: &mut Self::Class) {
+        klass.bind_template();
+        klass.set_layout_manager_type::<gtk::BoxLayout>();
+    }
+
+    fn instance_init(obj: &InitializingObject<Self>) {
+        obj.init_template();
+    }
+}
+#[glib::derived_properties]
+impl ObjectImpl for CardEntry {
+    fn constructed(&self) {
+        self.parent_constructed();
+
+        let hieroglyph_label_binding: &Label = self.hieroglyph_label.as_ref();
+        self.obj()
+            .bind_property("hieroglyph", hieroglyph_label_binding, "label")
+            .sync_create()
+            .build();
+
+        let translation_label_binding: &Label = self.translation_label.as_ref();
+        self.obj()
+            .bind_property("translation", translation_label_binding, "label")
+            .sync_create()
+            .build();
+    }
+
+    fn dispose(&self) {
+        self.dispose_template();
+    }
+}
+
+impl WidgetImpl for CardEntry {}
diff --git a/src/widgets/card_entry/mod.rs b/src/widgets/card_entry/mod.rs
new file mode 100644
index 0000000..5a1c744
--- /dev/null
+++ b/src/widgets/card_entry/mod.rs
@@ -0,0 +1,17 @@
+mod imp;
+
+use glib::Object;
+use gtk::{gio, glib};
+
+glib::wrapper! {
+    pub struct CardEntry(ObjectSubclass<imp::CardEntry>)
+        @extends gtk::Widget,
+        @implements gio::ActionGroup, gio::ActionMap, gtk::Accessible, gtk::Buildable,
+                    gtk::ConstraintTarget, gtk::Native, gtk::Root, gtk::ShortcutManager;
+}
+
+impl CardEntry {
+    pub fn new(hieroglyph: &String, translation: &String) -> Self {
+        Object::builder().property("hieroglyph", hieroglyph).property("translation", translation).build()
+    }
+}
diff --git a/src/labled_switch/imp.rs b/src/widgets/labled_switch/imp.rs
similarity index 100%
rename from src/labled_switch/imp.rs
rename to src/widgets/labled_switch/imp.rs
diff --git a/src/labled_switch/mod.rs b/src/widgets/labled_switch/mod.rs
similarity index 100%
rename from src/labled_switch/mod.rs
rename to src/widgets/labled_switch/mod.rs
diff --git a/src/widgets/mod.rs b/src/widgets/mod.rs
new file mode 100644
index 0000000..5ed3dcd
--- /dev/null
+++ b/src/widgets/mod.rs
@@ -0,0 +1,3 @@
+pub mod labled_switch;
+pub mod card_entry;
+pub mod card_display;
\ No newline at end of file