lazzexus/Loupe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
Loupe/data/gtk/window.ui

211 lines
9.1 KiB
Text
Raw Normal View History

Initial Commit The initial commit of gnome-image-viewer. Things are in an MVP state, with image viewing and opening from the desktop functional. We also can open images externally, print them, and set them as backgrounds.
2020-12-26 02:05:34 -08:00
<?xml version="1.0" encoding="UTF-8"?>
<interface>
menus: Add rotate left and right buttons
2022-11-05 00:57:18 +01:00
<menu id="primary_menu">
<section>
<item>
<attribute name="label" translatable="yes">_New Window</attribute>
<attribute name="action">app.new-window</attribute>
</item>
<item>
<attribute name="label" translatable="yes">_Open…</attribute>
<attribute name="action">win.open</attribute>
</item>
</section>
<section>
<item>
<attribute name="label" translatable="yes">_Open With…</attribute>
<attribute name="action">win.open-with</attribute>
</item>
<!--<item>
<attribute name="label" translatable="yes">_Display On…</attribute>
<attribute name="action">win.display-on</attribute>
</item>-->
<item>
<attribute name="label" translatable="yes">_Print…</attribute>
<attribute name="action">win.print</attribute>
</item>
</section>
<section>
<attribute name="label" translatable="yes">Rotate</attribute>
<attribute name="display-hint">inline-buttons</attribute>
<item>
<attribute name="custom">rotate-left</attribute>
</item>
<item>
<attribute name="custom">rotate-right</attribute>
</item>
</section>
<section>
<item>
<attribute name="label" translatable="yes">_Set as Background…</attribute>
<attribute name="action">win.set-background</attribute>
</item>
</section>
<section>
<item>
<attribute name="label" translatable="yes">_Help</attribute>
<attribute name="action">app.help</attribute>
</item>
<item>
<attribute name="label" translatable="yes">_Keyboard Shortcuts</attribute>
<attribute name="action">win.show-help-overlay</attribute>
</item>
<item>
about: Change app name to Loupe and update devs - Rename to Loupe to avoid confusion during incubation and potentially allow for release on Flathub - Replace GNOME as developer since it violates software policy - Put a more useful copyright statement - Add me as developer
2022-11-23 21:13:51 +01:00
<attribute name="label" translatable="yes">_About Loupe</attribute>
menus: Add rotate left and right buttons
2022-11-05 00:57:18 +01:00
<attribute name="action">app.about</attribute>
</item>
</section>
</menu>
general: Iv* to Lp* We're probably going to be keeping `loupe` as the codename and binary name going forward.
2021-12-21 10:55:02 -08:00
<template class="LpWindow" parent="AdwApplicationWindow">
Initial Commit The initial commit of gnome-image-viewer. Things are in an MVP state, with image viewing and opening from the desktop functional. We also can open images externally, print them, and set them as backgrounds.
2020-12-26 02:05:34 -08:00
<property name="default-width">600</property>
<property name="default-height">498</property>
<property name="width-request">360</property>
about: Change app name to Loupe and update devs - Rename to Loupe to avoid confusion during incubation and potentially allow for release on Flathub - Replace GNOME as developer since it violates software policy - Put a more useful copyright statement - Add me as developer
2022-11-23 21:13:51 +01:00
<property name="title" translatable="yes">Loupe</property>
image_view: Expose file as a property instead of filename The GFile is more useful for other data. The window can use expressions to calculate an appropriate title, so we no longer need to call `set_title()` or connect to a signal manually. This commit also adjusts the `uri()` and `print()` functions to use `active_file()`
2022-07-26 12:07:08 -04:00
<binding name="title">
<closure type="gchararray" function="window_title">
<lookup type="LpImageView" name="active-file">image_view</lookup>
</closure>
</binding>
image_view: Add directory navigation This commit adds directory navigation to Image Viewer. Currently it only sorts images by name, instead of following directory sorting like the mockups.
2021-09-05 05:51:34 -07:00
<property name="content">
window: Rework fullscreen We can use AdwFlap and have one single headerbar for both fullscreen and unfullscreened.
2021-09-24 01:14:56 -07:00
<object class="AdwFlap" id="flap">
Initial Commit The initial commit of gnome-image-viewer. Things are in an MVP state, with image viewing and opening from the desktop functional. We also can open images externally, print them, and set them as backgrounds.
2020-12-26 02:05:34 -08:00
<property name="orientation">vertical</property>
window: Rework fullscreen We can use AdwFlap and have one single headerbar for both fullscreen and unfullscreened.
2021-09-24 01:14:56 -07:00
<property name="fold-policy">never</property>
window: Disable swipes on the flap We don't want or need these for this case.
2021-10-08 05:50:49 -07:00
<property name="swipe-to-open">False</property>
<property name="swipe-to-close">False</property>
window: Rework fullscreen We can use AdwFlap and have one single headerbar for both fullscreen and unfullscreened.
2021-09-24 01:14:56 -07:00
<property name="locked">true</property>
<property name="modal">false</property>
Implement Properties Implement a properties sidebar. In order to prevent the UI from freezing, we use futures to load and cancel loading file information. We also make use of `gdk_pixbuf` and `svg_metadata` in order to get the file's metadata before the file fully loads, meaning there's little to no delay between changing files and seeing the metadata for large images. The properties widget uses expressions and properties to avoid glue code for setting each label, allowing us to have a clean separation between UI and data.
2022-07-26 11:31:11 -04:00
<binding name="fold-policy">
<closure type="AdwFlapFoldPolicy" function="fold_policy">
<lookup name="fullscreened">LpWindow</lookup>
<lookup type="AdwFlap" name="reveal-flap">properties_flap</lookup>
</closure>
</binding>
window: Rework fullscreen We can use AdwFlap and have one single headerbar for both fullscreen and unfullscreened.
2021-09-24 01:14:56 -07:00
<property name="flap">
Initial Commit The initial commit of gnome-image-viewer. Things are in an MVP state, with image viewing and opening from the desktop functional. We also can open images externally, print them, and set them as backgrounds.
2020-12-26 02:05:34 -08:00
<object class="GtkHeaderBar" id="headerbar">
general: Iv* to Lp* We're probably going to be keeping `loupe` as the codename and binary name going forward.
2021-12-21 10:55:02 -08:00
<property name="show_title_buttons" bind-source="LpWindow" bind-property="fullscreened" bind-flags="sync-create|invert-boolean"/>
window: Add copy button to top left Allan Day's latest mockups put a copy button in the top left of the window. This commits adds the button and the toast along with it.
2022-07-01 13:08:14 -04:00
<child type="start">
<object class="GtkButton">
<property name="icon-name">edit-copy-symbolic</property>
<property name="action-name">win.copy</property>
<property name="tooltip-text">Copy to Clipboard</property>
</object>
</child>
Initial Commit The initial commit of gnome-image-viewer. Things are in an MVP state, with image viewing and opening from the desktop functional. We also can open images externally, print them, and set them as backgrounds.
2020-12-26 02:05:34 -08:00
<child type="end">
<object class="GtkMenuButton" id="menu_button">
<property name="icon-name">open-menu-symbolic</property>
window.ui: Rename Primary Menu to Main Menu Currently, the "Main Menu" tooltip is "Primary Menu". However, HIG advises to use "Main Menu" instead: https://developer.gnome.org/hig/patterns/feedback/tooltips.html This commit changes the button tooltip to "Main Menu".
2022-12-18 22:33:50 -03:00
<property name="tooltip-text" translatable="yes">Main Menu</property>
menus: Add rotate left and right buttons
2022-11-05 00:57:18 +01:00
<property name="popover">
<object class="GtkPopoverMenu">
<property name="menu-model">primary_menu</property>
<child type="rotate-left">
<object class="GtkButton">
<property name="icon-name">object-rotate-left-symbolic</property>
<property name="tooltip-text" translatable="yes">Rotate Left</property>
<property name="action-name">win.rotate</property>
<property name="action-target">-90.0</property>
<style>
<class name="flat" />
</style>
</object>
</child>
<child type="rotate-right">
<object class="GtkButton">
<property name="icon-name">object-rotate-right-symbolic</property>
<property name="tooltip-text" translatable="yes">Rotate Right</property>
<property name="action-name">win.rotate</property>
<property name="action-target">90.0</property>
<style>
<class name="flat" />
</style>
</object>
</child>
</object>
</property>
window: Add missing shortcuts Add shortcuts - F9 Image properties - F10 Main menu - Ctrl +/- for zoom - Ctrl 0 for best fit - Ctrl [Shift] R for rotate - Escape to leave fullscrenen Updated help overlay accordingly.
2022-11-23 19:12:19 +01:00
<child>
<!-- Set the shortcut here since it only makes sense if the button is visible -->
<object class="GtkShortcutController">
<property name="scope">managed</property>
<child>
<object class="GtkShortcut">
<property name="trigger">F10</property>
<property name="action">activate</property>
</object>
</child>
</object>
</child>
Initial Commit The initial commit of gnome-image-viewer. Things are in an MVP state, with image viewing and opening from the desktop functional. We also can open images externally, print them, and set them as backgrounds.
2020-12-26 02:05:34 -08:00
</object>
</child>
Implement Properties Implement a properties sidebar. In order to prevent the UI from freezing, we use futures to load and cancel loading file information. We also make use of `gdk_pixbuf` and `svg_metadata` in order to get the file's metadata before the file fully loads, meaning there's little to no delay between changing files and seeing the metadata for large images. The properties widget uses expressions and properties to avoid glue code for setting each label, allowing us to have a clean separation between UI and data.
2022-07-26 11:31:11 -04:00
<child type="end">
<object class="GtkToggleButton" id="properties_button">
<property name="icon-name">help-about-symbolic</property>
window: Add missing shortcuts Add shortcuts - F9 Image properties - F10 Main menu - Ctrl +/- for zoom - Ctrl 0 for best fit - Ctrl [Shift] R for rotate - Escape to leave fullscrenen Updated help overlay accordingly.
2022-11-23 19:12:19 +01:00
<property name="tooltip-text" translatable="yes">Image Properties</property>
Implement Properties Implement a properties sidebar. In order to prevent the UI from freezing, we use futures to load and cancel loading file information. We also make use of `gdk_pixbuf` and `svg_metadata` in order to get the file's metadata before the file fully loads, meaning there's little to no delay between changing files and seeing the metadata for large images. The properties widget uses expressions and properties to avoid glue code for setting each label, allowing us to have a clean separation between UI and data.
2022-07-26 11:31:11 -04:00
</object>
</child>
Initial Commit The initial commit of gnome-image-viewer. Things are in an MVP state, with image viewing and opening from the desktop functional. We also can open images externally, print them, and set them as backgrounds.
2020-12-26 02:05:34 -08:00
</object>
window: Rework fullscreen We can use AdwFlap and have one single headerbar for both fullscreen and unfullscreened.
2021-09-24 01:14:56 -07:00
</property>
<property name="content">
window: Add ToastOverlay and use toasts for feedback
2021-12-28 16:38:36 -08:00
<object class="AdwToastOverlay" id="toast_overlay">
<property name="child">
Implement Properties Implement a properties sidebar. In order to prevent the UI from freezing, we use futures to load and cancel loading file information. We also make use of `gdk_pixbuf` and `svg_metadata` in order to get the file's metadata before the file fully loads, meaning there's little to no delay between changing files and seeing the metadata for large images. The properties widget uses expressions and properties to avoid glue code for setting each label, allowing us to have a clean separation between UI and data.
2022-07-26 11:31:11 -04:00
<object class="AdwFlap" id="properties_flap">
<property name="flap-position">end</property>
<property name="fold-policy">never</property>
<property name="locked">True</property>
<property name="reveal-flap" bind-source="properties_button" bind-property="active" bind-flags="bidirectional|sync-create"/>
<property name="content">
<object class="GtkStack" id="stack">
<property name="visible-child">status_page</property>
<property name="vexpand">True</property>
<child>
<object class="AdwStatusPage" id="status_page">
about: Change app name to Loupe and update devs - Rename to Loupe to avoid confusion during incubation and potentially allow for release on Flathub - Replace GNOME as developer since it violates software policy - Put a more useful copyright statement - Add me as developer
2022-11-23 21:13:51 +01:00
<property name="title" translatable="yes">Loupe</property>
window: Update AdwStatusPage description This change applies @bertob suggestion for an updated AdwStatusPage description: https://gitlab.gnome.org/Incubator/Submission/-/issues/1#note_1641740
2023-01-16 19:50:48 -03:00
<property name="description" translatable="yes">Drag and drop images here</property>
Implement Properties Implement a properties sidebar. In order to prevent the UI from freezing, we use futures to load and cancel loading file information. We also make use of `gdk_pixbuf` and `svg_metadata` in order to get the file's metadata before the file fully loads, meaning there's little to no delay between changing files and seeing the metadata for large images. The properties widget uses expressions and properties to avoid glue code for setting each label, allowing us to have a clean separation between UI and data.
2022-07-26 11:31:11 -04:00
<child>
<object class="GtkButton">
<property name="halign">center</property>
<property name="label" translatable="yes">Open File…</property>
<property name="action-name">win.open</property>
<style>
<class name="pill"/>
<class name="suggested-action"/>
</style>
</object>
</child>
</object>
</child>
<child>
<object class="LpImageView" id="image_view"/>
</child>
window: Add ToastOverlay and use toasts for feedback
2021-12-28 16:38:36 -08:00
<child>
Implement Properties Implement a properties sidebar. In order to prevent the UI from freezing, we use futures to load and cancel loading file information. We also make use of `gdk_pixbuf` and `svg_metadata` in order to get the file's metadata before the file fully loads, meaning there's little to no delay between changing files and seeing the metadata for large images. The properties widget uses expressions and properties to avoid glue code for setting each label, allowing us to have a clean separation between UI and data.
2022-07-26 11:31:11 -04:00
<object class="GtkDropTarget" id="drop_target">
<property name="actions">copy</property>
window: Add ToastOverlay and use toasts for feedback
2021-12-28 16:38:36 -08:00
</object>
</child>
</object>
Implement Properties Implement a properties sidebar. In order to prevent the UI from freezing, we use futures to load and cancel loading file information. We also make use of `gdk_pixbuf` and `svg_metadata` in order to get the file's metadata before the file fully loads, meaning there's little to no delay between changing files and seeing the metadata for large images. The properties widget uses expressions and properties to avoid glue code for setting each label, allowing us to have a clean separation between UI and data.
2022-07-26 11:31:11 -04:00
</property>
<property name="separator">
<object class="GtkSeparator"/>
</property>
<property name="flap">
<object class="LpPropertiesView" id="properties_view">
<property name="file" bind-source="image_view" bind-property="active-file" bind-flags="sync-create"/>
propertiesView: Show basic EXIF data Use libgweather to determine the city for EXIF GPS coordinates. Make ImageMetadata a GObject to use it's properties in UI.
2022-11-06 01:08:43 +01:00
<binding name="image">
<lookup name="image">
<lookup name="current-page-strict">
image_view
</lookup>
</lookup>
</binding>
window: Add "Open File..." button, remove gesture This gives users a very intuitive way to open files. The gesture was awkard and didn't match any common patterns across GNOME. The button is simple and obvious.
2021-12-22 19:38:56 -08:00
</object>
Implement Properties Implement a properties sidebar. In order to prevent the UI from freezing, we use futures to load and cancel loading file information. We also make use of `gdk_pixbuf` and `svg_metadata` in order to get the file's metadata before the file fully loads, meaning there's little to no delay between changing files and seeing the metadata for large images. The properties widget uses expressions and properties to avoid glue code for setting each label, allowing us to have a clean separation between UI and data.
2022-07-26 11:31:11 -04:00
</property>
Initial Commit The initial commit of gnome-image-viewer. Things are in an MVP state, with image viewing and opening from the desktop functional. We also can open images externally, print them, and set them as backgrounds.
2020-12-26 02:05:34 -08:00
</object>
window: Add ToastOverlay and use toasts for feedback
2021-12-28 16:38:36 -08:00
</property>
Initial Commit The initial commit of gnome-image-viewer. Things are in an MVP state, with image viewing and opening from the desktop functional. We also can open images externally, print them, and set them as backgrounds.
2020-12-26 02:05:34 -08:00
</object>
window: Rework fullscreen We can use AdwFlap and have one single headerbar for both fullscreen and unfullscreened.
2021-09-24 01:14:56 -07:00
</property>
<style>
<class name="fullscreen-widget"/>
</style>
Initial Commit The initial commit of gnome-image-viewer. Things are in an MVP state, with image viewing and opening from the desktop functional. We also can open images externally, print them, and set them as backgrounds.
2020-12-26 02:05:34 -08:00
</object>
</property>
</template>
</interface>
Reference in a new issue Copy permalink