some more work on settings

Author: mastercoms

.vscode/launch.json

@@ -33,6 +33,16 @@
             "options": ["hotfix", "update", "release"],
             "type": "pickString"
         },
+        {
+            "id": "guiSelection",
+            "description": "Please choose GUI page",
+            "default": "sync",
+            "options": [
+                "sync",
+                "settings"
+            ],
+            "type": "pickString"
+        },
         {
             "id": "publishSelection",
             "description": "Please choose build type to publish",
@@ -77,6 +87,19 @@
             "program": "pbsync/pbsync.py",
             "console": "integratedTerminal"
         },
+        {
+            "name": "GUI",
+            "args": [
+                "--gui",
+                "${input:guiSelection}",
+                "--debugpath",
+                "${input:debugPath}"
+            ],
+            "type": "python",
+            "request": "launch",
+            "program": "pbsync/pbsync.py",
+            "console": "integratedTerminal"
+        },
         {
             "name": "Pull Binaries",
             "args": ["--sync", "binaries", "--debugpath", "${input:debugPath}"],

gui/css/app.css

@@ -5,6 +5,10 @@
     color: var(--bs-light);
 }
 
+#app-inner {
+    margin-top: 1rem;
+}
+
 .flx-LineEdit {
     width: 100%;
     border-radius: 0.25rem;
@@ -13,3 +17,19 @@
 .nav-pills .flx-Button {
     text-align: start;
 }
+
+.flx-BaseButton {
+    color: inherit;
+}
+
+.flx-Widget:not(.flx-Layout) > .flx-Layout {
+    position: initial;
+}
+
+.flx-box {
+    justify-content: initial;
+}
+
+.flx-Label {
+    align-self: center;
+}

gui/templates/settings.html

@@ -2,7 +2,7 @@
 <section id="app-inner">
     <div class="content">
         <div class="container-fluid">
-            <x-flx el="CommitLogTable" id="commit-log"></x-flx>
+            <x-flx el="Settings" id="settings"></x-flx>
         </div>
     </div>
 </section>

gui/templates/index.html renamed to gui/templates/sync.html

@@ -20,6 +20,7 @@
 asset_pkgs = [("webfonts/", gui.webfonts), ("img/", gui.img)]
 
 m = None
+default_page = "sync"
 sync_fn = None
 
 def load_flexx_static(data):
@@ -39,6 +40,10 @@ def load_static(pkg, filename):
     return load_flexx_static(data)
 
 
+def set_default_page(page):
+    global default_page
+    default_page = page
+
 
 for asset_dir, asset_pkg in asset_pkgs:
     for asset_name in pkg_resources.contents(asset_pkg):

pbgui/__init__.py

@@ -16,6 +16,7 @@ def init(self):
         self.g = Gateway()
         self.fs = FileBrowserWidget()
         self.g.set_jfs(self.fs._jswidget)
+        self.g.init_page(pbgui.default_page)
 
     @flx.action
     def open_file(self, filename):

pbgui/core.py

@@ -9,7 +9,6 @@
 
 from pbgui import load_static, load_template, widgets
 
-DEFAULT_PAGE = "index"
 pages = {}
 
 
@@ -24,10 +23,12 @@ def load_templated_page(file, name, kwargs):
 # Jinja2 static properties to define per page
 page_props = {
     "d": {},
-    "index": {
-        "name": "Home",
-        "type": "home"
+    "sync": {
+        "name": "Sync"
     },
+    "settings": {
+        "name": "Settings"
+    }
 }
 
 for resource in pkg_resources.contents(gui.templates):
@@ -74,9 +75,9 @@ def init(self):
         self.elements = {
             "Button": flx.Button,
             "FileWidget": None,
-            "CommitLogTable": widgets.CommitLogTable,
+            "CommitLogTable": widgets.CommitLogTableWidget,
+            "Settings": widgets.SettingsWidget,
         }
-        self.set_html(pages[DEFAULT_PAGE])
 
     def _create_dom(self):
         return flx.create_element("div", {"id": "app", "onreact": self.react})
@@ -135,3 +136,7 @@ def set_jfs(self, filebrowser):
     @flx.action
     def update_commits(self, commits):
         self.get_widget("commit-log").update_commits(commits)
+
+    @flx.action
+    def init_page(self, page):
+        self.set_html(pages[page])

pbgui/gateway.py

@@ -1 +1,2 @@
-from .commitlog import CommitLogTable
+from .commitlog import CommitLogTableWidget
+from .settings import SettingsWidget

pbgui/widgets/__init__.py

@@ -1,7 +1,6 @@
 from flexx import flx
 
-
-class CommitLogTable(flx.Widget):
+class CommitLogTableWidget(flx.Widget):
 
     commits = flx.ListProp()
     commit_nodes = flx.ListProp()

pbgui/widgets/commitlog.py

@@ -0,0 +1,33 @@
+from flexx import flx
+
+class SettingsWidget(flx.Widget):
+    
+    def init(self):
+        with flx.VBox():
+            with flx.HBox():
+                with flx.VBox():
+                    flx.Label(text='UE Download Folder')
+                    flx.Label(text='Project Version')
+                    self.symbols = flx.CheckBox(text="Download Symbols")
+                    self.autosync = flx.CheckBox(text="Always Auto-Sync")
+                    self.legacy = flx.CheckBox(text="Force Legacy Engine Archives")
+                    flx.Label(text='Git exe')
+                    flx.Label(text='Git LFS exe')
+                with flx.VBox():
+                    self.download = flx.LineEdit(placeholder_text="Folder to download Unreal Engine to", minsize=(400, 28), flex=1)
+                    self.version = flx.LineEdit(text="latest", flex=1)
+                    flx.Widget(flex=1, minsize=(10, 28))
+                    flx.Widget(flex=1, minsize=(10, 28))
+                    flx.Widget(flex=1, minsize=(10, 28))
+                    self.exe_git = flx.LineEdit(placeholder_text="Custom Git exe to use instead of the default", minsize=(500, 28), flex=1)
+                    self.exe_git = flx.LineEdit(placeholder_text="Custom Git LFS exe to use instead of the default", minsize=(500, 28), flex=1)
+            with flx.GroupWidget(title="Launch App"):
+                with flx.VBox():
+                    self.launch_editor = flx.RadioButton(text="Unreal Editor", checked=True)
+                    self.launch_vs = flx.RadioButton(text="Visual Studio")
+                    self.launch_rider = flx.RadioButton(text="Rider")
+                    self.launch_non = flx.RadioButton(text="None")
+            with flx.GroupWidget(title="Engine Bundle"):
+                with flx.VBox():
+                    self.bundle_editor = flx.RadioButton(text="Editor (development only)", checked=True)
+                    self.bundle_engine = flx.RadioButton(text="Engine (can package game)")