Initial Commit, Basic Navigation implemented

ui/pages/about_page.slint

@@ -0,0 +1,13 @@
+import { VerticalBox, Palette } from "std-widgets.slint";
+
+export component AboutPage inherits VerticalBox {
+	Rectangle {
+		border-width: 1px;
+		border-radius: 4px;
+		border-color: Palette.border;
+		background: Palette.alternate-background;
+		Text {
+        	text: "ToDo: Add Author Info and Link to Repository";
+        }
+	}
+}

ui/pages/settings_page.slint

@@ -0,0 +1,131 @@
+import { VerticalBox, Palette, TextEdit, HorizontalBox, ScrollView, LineEdit, Button } from "std-widgets.slint";
+
+export enum LoginState {
+	LoggedIn,
+    LoggedOut,
+    Processing,
+    LoginError,
+    LoginTimeout
+}
+
+export global JNCSettingsInterface {
+	in-out property <LoginState> login_state: LoginState.LoggedOut;
+    in-out property <string> login_timeout;
+    in-out property <string> otp_code;
+    in-out property <int> series_count: 0;
+    in-out property <int> book_count: 0;
+
+    callback start_login();
+   	callback logout();
+   	callback refresh_library();
+}
+
+export global SettingsPageInterface {
+
+}
+
+component SettingsMember inherits Rectangle {
+	border-width: 1px;
+	border-radius: 4px;
+	border-color: Palette.border;
+	background: Palette.alternate-background;
+	VerticalBox {
+		alignment: start;
+		spacing: 4px;
+		@children
+	}
+}
+
+component StringSetting inherits HorizontalBox {
+	in property <string> name;
+	in property <string> placeholder: "" ;
+	in property <length> w: 100px;
+	in-out property <string> value;
+
+	alignment: start;
+	height: 24px;
+	Text {
+		font-size: 12px;
+		height: self.font-size + 8px;
+		vertical-alignment: center;
+		text: name;
+	}
+	LineEdit {
+		font-size: 12px;
+		preferred-width: w + 4px;
+		height: self.font-size + 8px;
+		placeholder-text: placeholder;
+		text <=> value;
+	}
+}
+
+export component SettingsPage inherits VerticalBox {
+	SettingsMember {
+		Text {
+        	text: "Kavita Settings (sftp)";
+        }
+
+        StringSetting {
+        	name: "Server:";
+        	placeholder: "XXX.XXX.XXX.XXX";
+        	value: "";
+        	w: 120px;
+        }
+        StringSetting {
+        	name: "Username:";
+        	placeholder: "User";
+        	value: "";
+        	w: 80px;
+        }
+	}
+	SettingsMember {
+		Text {
+        	text: "J-Novel Club Settings";
+        }
+
+        if JNCSettingsInterface.login_state == LoginState.LoggedOut : HorizontalLayout {
+        	alignment: start;
+        	Button {
+            	text: "Log In";
+               	clicked => {JNCSettingsInterface.start_login()}
+            }
+        }
+        if JNCSettingsInterface.login_state == LoginState.Processing : HorizontalBox {
+        	otp := Text {
+        		text: JNCSettingsInterface.otp_code;
+        	}
+        	Button {
+        		text: "Copy";
+        		clicked => {}
+        	}
+        	Text {
+        		text: "Awaiting Login Confirmation. \{JNCSettingsInterface.login_timeout} until expiry.";
+        	}
+        }
+        if JNCSettingsInterface.login_state == LoginState.LoggedIn : VerticalBox {
+        	HorizontalBox {
+        		Text {
+                	text: "Logged In.";
+                }
+                Button {
+                	text: "Log Out";
+                	clicked => {JNCSettingsInterface.logout()}
+                }
+        	}
+        	HorizontalBox {
+        		Text {
+        			text: "Library: \{JNCSettingsInterface.series_count} Series, \{JNCSettingsInterface.book_count} Books loaded";
+        		}
+        		Button {
+        			text: "refresh";
+        			clicked => {JNCSettingsInterface.refresh_library()}
+        		}
+        	}
+        }
+	}
+	SettingsMember {
+		Text {
+    		text: "Manual Parser Settings";
+    	}
+	}
+}

ui/pages/upload_page.slint

@@ -0,0 +1,58 @@
+import { VerticalBox, Palette, TabWidget, HorizontalBox, Button } from "std-widgets.slint";
+
+export global UploadPageInterface {
+	in-out property <bool> prev_button_enabled: false;
+	in-out property <bool> next_button_enabled: true;
+
+	pure callback paginate_tabs(int) -> int;
+}
+
+export component UploadPage inherits VerticalBox {
+	Rectangle {
+		border-width: 1px;
+		border-radius: 4px;
+		border-color: Palette.border;
+		background: Palette.alternate-background;
+		VerticalLayout {
+			property <int> current_tab: UploadPageInterface.paginate_tabs(tabs.current-index);
+			tabs := TabWidget {
+        		Tab {
+        			title: "Parser";
+					Text {
+						text: "Parser Settings here";
+					}
+        		}
+        		Tab {
+        			title: "Metadata";
+					Text {
+						text: "Metadata manipulation here";
+					}
+        		}
+        		Tab {
+        			title: "Upload";
+					Text {
+						text: "Upload Stuff here";
+					}
+        		}
+        	}
+        	HorizontalBox {
+        		previous := Button {
+        			text: "Previous";
+        			enabled: UploadPageInterface.prev_button_enabled;
+        			clicked => {tabs.current-index -= 1}
+        		}
+        		Text {
+        			text: "\{current_tab + 1}/3";
+        			vertical-alignment: center;
+        			horizontal-alignment: center;
+        		}
+        		next := Button {
+        			text: "Next";
+        			enabled: UploadPageInterface.next_button_enabled;
+        			clicked => {tabs.current-index += 1}
+        		}
+        	}
+		}
+
+	}
+}