hueso/gajim-plugins
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[preview] Change hover and click handling

Browse Source
This commit is contained in:
wurstsalat
2021-03-28 23:27:55 +02:00
committed by Daniel Brötzmann
parent bef255e5a0
commit d2e8d43565
3 changed files with 162 additions and 125 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
url_image_preview/preview.css
View File

@@ -6,6 +6,17 @@
margin: 5px; margin: 5px;
background-color: @theme_unfocused_base_color; background-color: @theme_unfocused_base_color;
} }
.preview-image-button,
.preview-image-button:hover {
padding: 0px;
border: none;
transition: none;
-gtk-icon-effect: none;
-gtk-icon-shadow: none;
background-image: none;
text-shadow: none;
box-shadow: none;
}
.preview-button { .preview-button {
border: 1px solid @borders; border: 1px solid @borders;
} }

189
url_image_preview/preview.ui
View File

@@ -1,19 +1,31 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<!-- Generated with glade 3.36.0 --> <!-- Generated with glade 3.38.2 -->
<interface> <interface>
<requires lib="gtk+" version="3.20"/> <requires lib="gtk+" version="3.20"/>
<object class="GtkBox" id="preview_box"> <object class="GtkBox" id="preview_box">
<property name="visible">True</property> <property name="visible">True</property>
<property name="can_focus">False</property> <property name="can-focus">False</property>
<property name="orientation">vertical</property> <property name="orientation">vertical</property>
<property name="spacing">3</property> <property name="spacing">3</property>
<child> <child>
<object class="GtkEventBox" id="event_box"> <object class="GtkEventBox" id="image_event_box">
<property name="visible">True</property> <property name="visible">True</property>
<property name="can_focus">False</property> <property name="can-focus">False</property>
<property name="halign">start</property> <property name="halign">start</property>
<signal name="realize" handler="_on_realize" swapped="no"/>
<child> <child>
<placeholder/> <object class="GtkButton" id="image_button">
<property name="visible">True</property>
<property name="can-focus">True</property>
<property name="receives-default">False</property>
<property name="relief">none</property>
<child>
<placeholder/>
</child>
<style>
<class name="preview-image-button"/>
</style>
</object>
</child> </child>
</object> </object>
<packing> <packing>
@@ -25,20 +37,86 @@
<child> <child>
<object class="GtkBox" id="button_box"> <object class="GtkBox" id="button_box">
<property name="visible">True</property> <property name="visible">True</property>
<property name="can_focus">False</property> <property name="can-focus">False</property>
<property name="spacing">6</property> <property name="spacing">6</property>
<child>
<object class="GtkEventBox">
<property name="visible">True</property>
<property name="can-focus">False</property>
<property name="valign">end</property>
<signal name="realize" handler="_on_realize" swapped="no"/>
<child>
<object class="GtkButton" id="save_as_button">
<property name="visible">True</property>
<property name="can-focus">True</property>
<property name="receives-default">False</property>
<property name="tooltip-text" translatable="yes">Save as...</property>
<child>
<object class="GtkImage">
<property name="visible">True</property>
<property name="can-focus">False</property>
<property name="icon-name">document-save-as-symbolic</property>
</object>
</child>
<style>
<class name="preview-button"/>
<class name="flat"/>
</style>
</object>
</child>
</object>
<packing>
<property name="expand">False</property>
<property name="fill">True</property>
<property name="pack-type">end</property>
<property name="position">0</property>
</packing>
</child>
<child>
<object class="GtkEventBox">
<property name="visible">True</property>
<property name="can-focus">False</property>
<property name="valign">end</property>
<signal name="realize" handler="_on_realize" swapped="no"/>
<child>
<object class="GtkButton" id="open_folder_button">
<property name="visible">True</property>
<property name="can-focus">True</property>
<property name="receives-default">False</property>
<property name="tooltip-text" translatable="yes">Open folder</property>
<child>
<object class="GtkImage">
<property name="visible">True</property>
<property name="can-focus">False</property>
<property name="icon-name">folder-symbolic</property>
</object>
</child>
<style>
<class name="preview-button"/>
<class name="flat"/>
</style>
</object>
</child>
</object>
<packing>
<property name="expand">False</property>
<property name="fill">True</property>
<property name="pack-type">end</property>
<property name="position">1</property>
</packing>
</child>
<child> <child>
<object class="GtkBox"> <object class="GtkBox">
<property name="visible">True</property> <property name="visible">True</property>
<property name="can_focus">False</property> <property name="can-focus">False</property>
<property name="orientation">vertical</property> <property name="orientation">vertical</property>
<child> <child>
<object class="GtkLabel" id="file_name"> <object class="GtkLabel" id="file_name">
<property name="visible">True</property> <property name="visible">True</property>
<property name="can_focus">False</property> <property name="can-focus">False</property>
<property name="selectable">True</property> <property name="selectable">True</property>
<property name="ellipsize">end</property> <property name="ellipsize">end</property>
<property name="single_line_mode">True</property> <property name="single-line-mode">True</property>
<property name="xalign">0</property> <property name="xalign">0</property>
<style> <style>
<class name="dim-label"/> <class name="dim-label"/>
@@ -53,8 +131,8 @@
<child> <child>
<object class="GtkLabel" id="file_size"> <object class="GtkLabel" id="file_size">
<property name="visible">True</property> <property name="visible">True</property>
<property name="can_focus">False</property> <property name="can-focus">False</property>
<property name="single_line_mode">True</property> <property name="single-line-mode">True</property>
<property name="xalign">0</property> <property name="xalign">0</property>
<style> <style>
<class name="dim-label"/> <class name="dim-label"/>
@@ -70,85 +148,40 @@
<packing> <packing>
<property name="expand">False</property> <property name="expand">False</property>
<property name="fill">True</property> <property name="fill">True</property>
<property name="position">0</property> <property name="position">3</property>
</packing> </packing>
</child> </child>
<child> <child>
<object class="GtkButton" id="save_as_button"> <object class="GtkEventBox">
<property name="visible">True</property> <property name="visible">True</property>
<property name="can_focus">True</property> <property name="can-focus">False</property>
<property name="receives_default">False</property>
<property name="tooltip_text" translatable="yes">Save as...</property>
<property name="valign">end</property> <property name="valign">end</property>
<signal name="realize" handler="_on_realize" swapped="no"/>
<child> <child>
<object class="GtkImage"> <object class="GtkButton" id="download_button">
<property name="visible">True</property> <property name="visible">True</property>
<property name="can_focus">False</property> <property name="can-focus">True</property>
<property name="icon_name">document-save-as-symbolic</property> <property name="receives-default">False</property>
<property name="tooltip-text" translatable="yes">Download</property>
<property name="relief">none</property>
<child>
<object class="GtkImage">
<property name="visible">True</property>
<property name="can-focus">False</property>
<property name="icon-name">folder-download-symbolic</property>
</object>
</child>
<style>
<class name="preview-button"/>
<class name="flat"/>
</style>
</object> </object>
</child> </child>
<style>
<class name="preview-button"/>
<class name="flat"/>
</style>
</object> </object>
<packing> <packing>
<property name="expand">False</property> <property name="expand">False</property>
<property name="fill">True</property> <property name="fill">True</property>
<property name="pack_type">end</property> <property name="pack-type">end</property>
<property name="position">0</property>
</packing>
</child>
<child>
<object class="GtkButton" id="open_folder_button">
<property name="visible">True</property>
<property name="can_focus">True</property>
<property name="receives_default">False</property>
<property name="tooltip_text" translatable="yes">Open folder</property>
<property name="valign">end</property>
<child>
<object class="GtkImage">
<property name="visible">True</property>
<property name="can_focus">False</property>
<property name="icon_name">folder-symbolic</property>
</object>
</child>
<style>
<class name="preview-button"/>
<class name="flat"/>
</style>
</object>
<packing>
<property name="expand">False</property>
<property name="fill">True</property>
<property name="pack_type">end</property>
<property name="position">1</property>
</packing>
</child>
<child>
<object class="GtkButton" id="download_button">
<property name="visible">True</property>
<property name="can_focus">True</property>
<property name="receives_default">False</property>
<property name="tooltip_text" translatable="yes">Download</property>
<property name="valign">end</property>
<property name="relief">none</property>
<child>
<object class="GtkImage">
<property name="visible">True</property>
<property name="can_focus">False</property>
<property name="icon_name">folder-download-symbolic</property>
</object>
</child>
<style>
<class name="preview-button"/>
<class name="flat"/>
</style>
</object>
<packing>
<property name="expand">False</property>
<property name="fill">True</property>
<property name="pack_type">end</property>
<property name="position">3</property> <property name="position">3</property>
</packing> </packing>
</child> </child>
@@ -156,7 +189,7 @@
<packing> <packing>
<property name="expand">False</property> <property name="expand">False</property>
<property name="fill">True</property> <property name="fill">True</property>
<property name="pack_type">end</property> <property name="pack-type">end</property>
<property name="position">2</property> <property name="position">2</property>
</packing> </packing>
</child> </child>

87
url_image_preview/url_image_preview.py
View File

@@ -103,13 +103,6 @@ def get_previewable_mime_types():
)) ))
def change_cursor(widget, event):
if event.type == Gdk.EventType.ENTER_NOTIFY:
widget.get_window().set_cursor(get_cursor('default'))
else:
widget.get_window().set_cursor(get_cursor('text'))
PREVIEWABLE_MIME_TYPES = get_previewable_mime_types() PREVIEWABLE_MIME_TYPES = get_previewable_mime_types()
mime_types = set(MIME_TYPES) mime_types = set(MIME_TYPES)
# Merge both: if it’s a previewable image, it should be allowed # Merge both: if it’s a previewable image, it should be allowed
@@ -557,33 +550,22 @@ class UrlImagePreviewPlugin(GajimPlugin):
icon = self._get_icon_for_mime_type(preview.mime_type) icon = self._get_icon_for_mime_type(preview.mime_type)
image = Gtk.Image.new_from_gicon(icon, Gtk.IconSize.DIALOG) image = Gtk.Image.new_from_gicon(icon, Gtk.IconSize.DIALOG)
def _on_realize(box):
box.get_window().set_cursor(get_cursor('pointer'))
path = self.local_file_path('preview.ui') path = self.local_file_path('preview.ui')
ui = get_builder(path) ui = get_builder(path)
ui.connect_signals(self)
ui.download_button.set_no_show_all(True)
ui.download_button.connect('enter-notify-event', change_cursor)
ui.download_button.connect('leave-notify-event', change_cursor)
ui.download_button.connect('clicked', self._on_download, preview) ui.download_button.connect('clicked', self._on_download, preview)
ui.save_as_button.set_no_show_all(True)
ui.save_as_button.connect('enter-notify-event', change_cursor)
ui.save_as_button.connect('leave-notify-event', change_cursor)
ui.save_as_button.connect('clicked', self._on_save_as, preview) ui.save_as_button.connect('clicked', self._on_save_as, preview)
ui.open_folder_button.set_no_show_all(True)
ui.open_folder_button.connect('enter-notify-event', change_cursor)
ui.open_folder_button.connect('leave-notify-event', change_cursor)
ui.open_folder_button.connect('clicked', self._on_open_folder, preview) ui.open_folder_button.connect('clicked', self._on_open_folder, preview)
ui.event_box.set_tooltip_text(preview.filename) ui.image_button.add(image)
ui.event_box.add(image) ui.image_button.set_tooltip_text(preview.filename)
ui.event_box.connect('realize', _on_realize) ui.image_button.connect('clicked',
ui.event_box.connect('button-press-event', self._on_image_button_clicked,
self._on_button_press_event, preview)
preview) ui.image_button.connect('button_press_event',
self._on_button_press_event,
preview)
ui.preview_box.show_all() ui.preview_box.show_all()
@@ -595,14 +577,15 @@ class UrlImagePreviewPlugin(GajimPlugin):
location = split_geo_uri(preview.uri) location = split_geo_uri(preview.uri)
ui.file_size.set_text(_('Lat: %s Lon: %s') % ( ui.file_size.set_text(_('Lat: %s Lon: %s') % (
location.lat, location.lon)) location.lat, location.lon))
ui.event_box.set_tooltip_text(_('Location at Lat: %s Lon: %s') % ( ui.image_button.set_tooltip_text(
location.lat, location.lon)) _('Location at Lat: %s Lon: %s') % (
ui.event_box.set_halign(Gtk.Align.CENTER) location.lat, location.lon))
ui.image_event_box.set_halign(Gtk.Align.CENTER)
ui.preview_box.set_size_request(160, -1) ui.preview_box.set_size_request(160, -1)
return ui.preview_box return ui.preview_box
if preview.is_previewable and preview.orig_exists(): if preview.is_previewable and preview.orig_exists():
ui.event_box.set_halign(Gtk.Align.CENTER) ui.image_event_box.set_halign(Gtk.Align.CENTER)
else: else:
image.set_property('pixel-size', 64) image.set_property('pixel-size', 64)
@@ -727,14 +710,13 @@ class UrlImagePreviewPlugin(GajimPlugin):
else: else:
open_uri(preview.uri) open_uri(preview.uri)
def _on_button_press_event(self, _image, event, preview): def _on_image_button_clicked(self, _button, preview):
if event.type == Gdk.EventType.BUTTON_PRESS and event.button == 1: action = self.config['LEFTCLICK_ACTION']
# Left click method = getattr(self, '_on_%s' % action)
action = self.config['LEFTCLICK_ACTION'] method(None, preview)
method = getattr(self, '_on_%s' % action)
method(event, preview)
elif event.type == Gdk.EventType.BUTTON_PRESS and event.button == 3: def _on_button_press_event(self, _button, event, preview):
if event.type == Gdk.EventType.BUTTON_PRESS and event.button == 3:
# Right klick # Right klick
menu = self._get_context_menu(preview) menu = self._get_context_menu(preview)
menu.popup_at_pointer(event) menu.popup_at_pointer(event)
@@ -745,7 +727,7 @@ class UrlImagePreviewPlugin(GajimPlugin):
has_audio = False has_audio = False
discoverer = GstPbutils.Discoverer() discoverer = GstPbutils.Discoverer()
try: try:
info = discoverer.discover_uri(f'file://{str(file_path)}') info = discoverer.discover_uri(f'file://{file_path}')
has_audio = bool(info.get_audio_streams()) has_audio = bool(info.get_audio_streams())
except GLib.Error as err: except GLib.Error as err:
log.error('Error while reading %s: %s', str(file_path), err) log.error('Error while reading %s: %s', str(file_path), err)
@@ -755,6 +737,10 @@ class UrlImagePreviewPlugin(GajimPlugin):
str(file_path)) str(file_path))
return has_audio return has_audio
@staticmethod
def _on_realize(event_box):
event_box.get_window().set_cursor(get_cursor('pointer'))
class Preview: class Preview:
def __init__(self, uri, urlparts, orig_path, thumb_path, def __init__(self, uri, urlparts, orig_path, thumb_path,
@@ -852,22 +838,25 @@ class AudioWidget(Gtk.Box):
'media-playback-start-symbolic', 'media-playback-start-symbolic',
Gtk.IconSize.BUTTON) Gtk.IconSize.BUTTON)
play_button.add(self._play_icon) play_button.add(self._play_icon)
play_button.connect('clicked', self._on_play_clicked)
event_box = Gtk.EventBox()
event_box.connect('realize', self._on_realize)
event_box.add(play_button)
self.add(event_box)
self._seek_bar = Gtk.Scale( self._seek_bar = Gtk.Scale(
orientation=Gtk.Orientation.HORIZONTAL) orientation=Gtk.Orientation.HORIZONTAL)
self._seek_bar.set_range(0.0, 1.0) self._seek_bar.set_range(0.0, 1.0)
self._seek_bar.set_hexpand(True) self._seek_bar.set_hexpand(True)
self._seek_bar.set_value_pos(Gtk.PositionType.RIGHT) self._seek_bar.set_value_pos(Gtk.PositionType.RIGHT)
self._seek_bar.connect('enter-notify-event', change_cursor)
self._seek_bar.connect('leave-notify-event', change_cursor)
self._seek_bar.connect('change-value', self._on_seek) self._seek_bar.connect('change-value', self._on_seek)
self._seek_bar.connect( self._seek_bar.connect(
'format-value', self._format_audio_timestamp) 'format-value', self._format_audio_timestamp)
play_button.connect('enter-notify-event', change_cursor) event_box = Gtk.EventBox()
play_button.connect('leave-notify-event', change_cursor) event_box.connect('realize', self._on_realize)
play_button.connect('clicked', self._on_play_clicked) event_box.add(self._seek_bar)
self.add(event_box)
self.add(play_button)
self.add(self._seek_bar)
self.connect('destroy', self._on_destroy) self.connect('destroy', self._on_destroy)
self.show_all() self.show_all()
@@ -876,7 +865,7 @@ class AudioWidget(Gtk.Box):
if self._playbin is None: if self._playbin is None:
return return
self._playbin.set_property( self._playbin.set_property(
'uri', f'file://{str(file_path)}') 'uri', f'file://{file_path}')
state_return = self._playbin.set_state(Gst.State.PAUSED) state_return = self._playbin.set_state(Gst.State.PAUSED)
if state_return == Gst.StateChangeReturn.FAILURE: if state_return == Gst.StateChangeReturn.FAILURE:
return return
@@ -953,3 +942,7 @@ class AudioWidget(Gtk.Box):
if i_hours > 0: if i_hours > 0:
return f'{i_hours:d}:{i_minutes:02d}:{i_seconds:02d}' return f'{i_hours:d}:{i_minutes:02d}:{i_seconds:02d}'
return f'{i_minutes:d}:{i_seconds:02d}' return f'{i_minutes:d}:{i_seconds:02d}'
@staticmethod
def _on_realize(event_box):
event_box.get_window().set_cursor(get_cursor('pointer'))