libervia-web: libervia/pages/_browser/slideshow.py annotate

annotate libervia/pages/_browser/slideshow.py @ 1346:cda5537c71d6

browser (photos/album): videos integrations: videos can now be added to an album, the alternative media player is then used to display them. Slides options are used to remove pagination and slidebar from slideshow (they don't play well with media player), and video are reset when its slide is exited.

author	Goffi <goffi@goffi.org>
date	Tue, 25 Aug 2020 08:31:56 +0200
parents	1df0d1b28b83
children	dbd573b0bc9c

rev	line source
1310 9e356f8eb62c browser (slideshow): (un)hide controls on single click: Goffi <goffi@goffi.org> parents: 1309 diff changeset	1 from browser import document, window, html, timer, DOMNode
1307 0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	2 from js_modules.swiper import Swiper
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	3 from template import Template
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	4
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	5
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	6 class SlideShow:
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	7
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	8 def __init__(self):
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	9 self.swiper = None
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	10 slideshow_tpl = Template('photo/slideshow.html')
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	11 self.slideshow_elt = slideshow_tpl.get_elt()
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	12 self.comments_count_elt = self.slideshow_elt.select_one('.comments__count')
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	13 self.wrapper = self.slideshow_elt.select_one(".swiper-wrapper")
1309 9344ca3b21a6 browser (slideshow): fixed scrolling issue with comment panel: Goffi <goffi@goffi.org> parents: 1307 diff changeset	14 self.hidden_elts = {}
1310 9e356f8eb62c browser (slideshow): (un)hide controls on single click: Goffi <goffi@goffi.org> parents: 1309 diff changeset	15 self.control_hidden = False
9e356f8eb62c browser (slideshow): (un)hide controls on single click: Goffi <goffi@goffi.org> parents: 1309 diff changeset	16 self.click_timer = None
1342 1df0d1b28b83 browser (slideshow): options can now be attached to a slide: Goffi <goffi@goffi.org> parents: 1341 diff changeset	17 self._class_to_remove = set()
1df0d1b28b83 browser (slideshow): options can now be attached to a slide: Goffi <goffi@goffi.org> parents: 1341 diff changeset	18 self._exit_callback = None
1307 0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	19
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	20 @property
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	21 def current_slide(self):
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	22 if self.swiper is None:
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	23 return None
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	24 try:
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	25 return DOMNode(self.swiper.slides[self.swiper.realIndex])
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	26 # getting missing item in JS arrays returns KeyError
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	27 except KeyError:
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	28 return None
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	29
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	30 @property
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	31 def current_item(self):
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	32 """item attached to the current slide, if any"""
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	33 current = self.current_slide
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	34 if current is None:
1342 1df0d1b28b83 browser (slideshow): options can now be attached to a slide: Goffi <goffi@goffi.org> parents: 1341 diff changeset	35 return None
1307 0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	36 try:
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	37 return current.js._item
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	38 except AttributeError:
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	39 return None
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	40
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	41 @property
1342 1df0d1b28b83 browser (slideshow): options can now be attached to a slide: Goffi <goffi@goffi.org> parents: 1341 diff changeset	42 def current_options(self):
1df0d1b28b83 browser (slideshow): options can now be attached to a slide: Goffi <goffi@goffi.org> parents: 1341 diff changeset	43 """options attached to the current slide, if any"""
1df0d1b28b83 browser (slideshow): options can now be attached to a slide: Goffi <goffi@goffi.org> parents: 1341 diff changeset	44 current = self.current_slide
1df0d1b28b83 browser (slideshow): options can now be attached to a slide: Goffi <goffi@goffi.org> parents: 1341 diff changeset	45 if current is None:
1df0d1b28b83 browser (slideshow): options can now be attached to a slide: Goffi <goffi@goffi.org> parents: 1341 diff changeset	46 return None
1df0d1b28b83 browser (slideshow): options can now be attached to a slide: Goffi <goffi@goffi.org> parents: 1341 diff changeset	47 try:
1df0d1b28b83 browser (slideshow): options can now be attached to a slide: Goffi <goffi@goffi.org> parents: 1341 diff changeset	48 return current.js._options
1df0d1b28b83 browser (slideshow): options can now be attached to a slide: Goffi <goffi@goffi.org> parents: 1341 diff changeset	49 except AttributeError:
1df0d1b28b83 browser (slideshow): options can now be attached to a slide: Goffi <goffi@goffi.org> parents: 1341 diff changeset	50 return None
1df0d1b28b83 browser (slideshow): options can now be attached to a slide: Goffi <goffi@goffi.org> parents: 1341 diff changeset	51
1df0d1b28b83 browser (slideshow): options can now be attached to a slide: Goffi <goffi@goffi.org> parents: 1341 diff changeset	52 @property
1307 0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	53 def index(self):
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	54 if self.swiper is None:
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	55 return None
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	56 return self.swiper.realIndex
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	57
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	58 @index.setter
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	59 def index(self, idx):
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	60 if self.swiper is not None:
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	61 self.swiper.slideTo(idx, 0)
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	62
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	63 def attach(self):
1309 9344ca3b21a6 browser (slideshow): fixed scrolling issue with comment panel: Goffi <goffi@goffi.org> parents: 1307 diff changeset	64 # we hide other elts to avoid scrolling issues
9344ca3b21a6 browser (slideshow): fixed scrolling issue with comment panel: Goffi <goffi@goffi.org> parents: 1307 diff changeset	65 for elt in document.body.children:
9344ca3b21a6 browser (slideshow): fixed scrolling issue with comment panel: Goffi <goffi@goffi.org> parents: 1307 diff changeset	66 self.hidden_elts[elt] = elt.style.display
9344ca3b21a6 browser (slideshow): fixed scrolling issue with comment panel: Goffi <goffi@goffi.org> parents: 1307 diff changeset	67 elt.style.display = "none"
1307 0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	68 document.body <= self.slideshow_elt
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	69 self.swiper = Swiper.new(
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	70 ".swiper-container",
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	71 {
1340 d5f6793dc17c browser (slideshow): use non zero threshold to avoid accidental swipe Goffi <goffi@goffi.org> parents: 1334 diff changeset	72 # default 0 value results in lot of accidental swipes, notably when media
d5f6793dc17c browser (slideshow): use non zero threshold to avoid accidental swipe Goffi <goffi@goffi.org> parents: 1334 diff changeset	73 # player is used
d5f6793dc17c browser (slideshow): use non zero threshold to avoid accidental swipe Goffi <goffi@goffi.org> parents: 1334 diff changeset	74 "threshold": 10,
1307 0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	75 "pagination": {
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	76 "el": ".swiper-pagination",
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	77 },
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	78 "navigation": {
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	79 "nextEl": ".swiper-button-next",
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	80 "prevEl": ".swiper-button-prev",
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	81 },
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	82 "scrollbar": {
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	83 "el": ".swiper-scrollbar",
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	84 },
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	85 "grabCursor": True,
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	86 "keyboard": {
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	87 "enabled": True,
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	88 "onlyInViewport": False,
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	89 },
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	90 "mousewheel": True,
1312 39a87d9099c4 browser (slideshow): slides can now be zoomed: Goffi <goffi@goffi.org> parents: 1311 diff changeset	91 "zoom": {
39a87d9099c4 browser (slideshow): slides can now be zoomed: Goffi <goffi@goffi.org> parents: 1311 diff changeset	92 "maxRatio": 15,
39a87d9099c4 browser (slideshow): slides can now be zoomed: Goffi <goffi@goffi.org> parents: 1311 diff changeset	93 "toggle": False,
39a87d9099c4 browser (slideshow): slides can now be zoomed: Goffi <goffi@goffi.org> parents: 1311 diff changeset	94 },
1307 0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	95 }
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	96 )
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	97 window.addEventListener("keydown", self.on_key_down, True)
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	98 self.slideshow_elt.select_one(".click_to_close").bind("click", self.on_close)
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	99 self.slideshow_elt.select_one(".click_to_comment").bind("click", self.on_comment)
1341 a8bc1ee455ae browser (slideshow): use standard click/dblclick instead of swiper equivalents: Goffi <goffi@goffi.org> parents: 1340 diff changeset	100 # we don't use swiper.on for "click" and "dblclick" (or "doubleTap" in swiper
a8bc1ee455ae browser (slideshow): use standard click/dblclick instead of swiper equivalents: Goffi <goffi@goffi.org> parents: 1340 diff changeset	101 # terms) because it breaks event propagation management, which cause trouble with
a8bc1ee455ae browser (slideshow): use standard click/dblclick instead of swiper equivalents: Goffi <goffi@goffi.org> parents: 1340 diff changeset	102 # media player
a8bc1ee455ae browser (slideshow): use standard click/dblclick instead of swiper equivalents: Goffi <goffi@goffi.org> parents: 1340 diff changeset	103 self.slideshow_elt.bind("click", self.on_click)
a8bc1ee455ae browser (slideshow): use standard click/dblclick instead of swiper equivalents: Goffi <goffi@goffi.org> parents: 1340 diff changeset	104 self.slideshow_elt.bind("dblclick", self.on_dblclick)
1307 0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	105 self.swiper.on("slideChange", self.on_slide_change)
1327 e35de70f5295 browser: updated swiper and use a limit on version Goffi <goffi@goffi.org> parents: 1320 diff changeset	106 self.on_slide_change(self.swiper)
1311 9948598e7ec0 browser (slideshow): show slideshow in fullscreen Goffi <goffi@goffi.org> parents: 1310 diff changeset	107 self.fullscreen(True)
1307 0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	108
1342 1df0d1b28b83 browser (slideshow): options can now be attached to a slide: Goffi <goffi@goffi.org> parents: 1341 diff changeset	109 def add_slide(self, elt, item_data=None, options=None):
1312 39a87d9099c4 browser (slideshow): slides can now be zoomed: Goffi <goffi@goffi.org> parents: 1311 diff changeset	110 slide_elt = html.DIV(Class="swiper-slide")
39a87d9099c4 browser (slideshow): slides can now be zoomed: Goffi <goffi@goffi.org> parents: 1311 diff changeset	111 zoom_cont_elt = html.DIV(Class="swiper-zoom-container")
39a87d9099c4 browser (slideshow): slides can now be zoomed: Goffi <goffi@goffi.org> parents: 1311 diff changeset	112 slide_elt <= zoom_cont_elt
39a87d9099c4 browser (slideshow): slides can now be zoomed: Goffi <goffi@goffi.org> parents: 1311 diff changeset	113 zoom_cont_elt <= elt
39a87d9099c4 browser (slideshow): slides can now be zoomed: Goffi <goffi@goffi.org> parents: 1311 diff changeset	114 slide_elt._item = item_data
1342 1df0d1b28b83 browser (slideshow): options can now be attached to a slide: Goffi <goffi@goffi.org> parents: 1341 diff changeset	115 if options is not None:
1df0d1b28b83 browser (slideshow): options can now be attached to a slide: Goffi <goffi@goffi.org> parents: 1341 diff changeset	116 slide_elt._options = options
1307 0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	117 self.swiper.appendSlide([slide_elt])
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	118 self.swiper.update()
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	119
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	120 def quit(self):
1309 9344ca3b21a6 browser (slideshow): fixed scrolling issue with comment panel: Goffi <goffi@goffi.org> parents: 1307 diff changeset	121 # we unhide
9344ca3b21a6 browser (slideshow): fixed scrolling issue with comment panel: Goffi <goffi@goffi.org> parents: 1307 diff changeset	122 for elt, display in self.hidden_elts.items():
9344ca3b21a6 browser (slideshow): fixed scrolling issue with comment panel: Goffi <goffi@goffi.org> parents: 1307 diff changeset	123 elt.style.display = display
9344ca3b21a6 browser (slideshow): fixed scrolling issue with comment panel: Goffi <goffi@goffi.org> parents: 1307 diff changeset	124 self.hidden_elts.clear()
1307 0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	125 self.slideshow_elt.remove()
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	126 self.slideshow_elt = None
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	127 self.swiper.destroy(True, True)
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	128 self.swiper = None
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	129
1311 9948598e7ec0 browser (slideshow): show slideshow in fullscreen Goffi <goffi@goffi.org> parents: 1310 diff changeset	130 def fullscreen(self, active=None):
9948598e7ec0 browser (slideshow): show slideshow in fullscreen Goffi <goffi@goffi.org> parents: 1310 diff changeset	131 """Activate/desactivate fullscreen
9948598e7ec0 browser (slideshow): show slideshow in fullscreen Goffi <goffi@goffi.org> parents: 1310 diff changeset	132
9948598e7ec0 browser (slideshow): show slideshow in fullscreen Goffi <goffi@goffi.org> parents: 1310 diff changeset	133 @param acvite: can be:
9948598e7ec0 browser (slideshow): show slideshow in fullscreen Goffi <goffi@goffi.org> parents: 1310 diff changeset	134 - True to activate
9948598e7ec0 browser (slideshow): show slideshow in fullscreen Goffi <goffi@goffi.org> parents: 1310 diff changeset	135 - False to desactivate
9948598e7ec0 browser (slideshow): show slideshow in fullscreen Goffi <goffi@goffi.org> parents: 1310 diff changeset	136 - Auto to switch fullscreen mode
9948598e7ec0 browser (slideshow): show slideshow in fullscreen Goffi <goffi@goffi.org> parents: 1310 diff changeset	137 """
9948598e7ec0 browser (slideshow): show slideshow in fullscreen Goffi <goffi@goffi.org> parents: 1310 diff changeset	138 try:
9948598e7ec0 browser (slideshow): show slideshow in fullscreen Goffi <goffi@goffi.org> parents: 1310 diff changeset	139 fullscreen_elt = document.fullscreenElement
9948598e7ec0 browser (slideshow): show slideshow in fullscreen Goffi <goffi@goffi.org> parents: 1310 diff changeset	140 request_fullscreen = self.slideshow_elt.requestFullscreen
9948598e7ec0 browser (slideshow): show slideshow in fullscreen Goffi <goffi@goffi.org> parents: 1310 diff changeset	141 except AttributeError:
9948598e7ec0 browser (slideshow): show slideshow in fullscreen Goffi <goffi@goffi.org> parents: 1310 diff changeset	142 print("fullscreen is not available on this browser")
9948598e7ec0 browser (slideshow): show slideshow in fullscreen Goffi <goffi@goffi.org> parents: 1310 diff changeset	143 else:
9948598e7ec0 browser (slideshow): show slideshow in fullscreen Goffi <goffi@goffi.org> parents: 1310 diff changeset	144 if active is None:
1334 5ff6e187084f browser (slideshow): fixed `active` value detection for fullscreen Goffi <goffi@goffi.org> parents: 1327 diff changeset	145 active = fullscreen_elt == None
1311 9948598e7ec0 browser (slideshow): show slideshow in fullscreen Goffi <goffi@goffi.org> parents: 1310 diff changeset	146 if active:
9948598e7ec0 browser (slideshow): show slideshow in fullscreen Goffi <goffi@goffi.org> parents: 1310 diff changeset	147 request_fullscreen()
9948598e7ec0 browser (slideshow): show slideshow in fullscreen Goffi <goffi@goffi.org> parents: 1310 diff changeset	148 else:
9948598e7ec0 browser (slideshow): show slideshow in fullscreen Goffi <goffi@goffi.org> parents: 1310 diff changeset	149 try:
9948598e7ec0 browser (slideshow): show slideshow in fullscreen Goffi <goffi@goffi.org> parents: 1310 diff changeset	150 document.exitFullscreen()
9948598e7ec0 browser (slideshow): show slideshow in fullscreen Goffi <goffi@goffi.org> parents: 1310 diff changeset	151 except AttributeError:
9948598e7ec0 browser (slideshow): show slideshow in fullscreen Goffi <goffi@goffi.org> parents: 1310 diff changeset	152 print("exitFullscreen not available on this browser")
9948598e7ec0 browser (slideshow): show slideshow in fullscreen Goffi <goffi@goffi.org> parents: 1310 diff changeset	153
1307 0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	154 def on_key_down(self, evt):
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	155 if evt.key == 'Escape':
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	156 self.quit()
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	157 else:
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	158 return
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	159 evt.preventDefault()
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	160
1327 e35de70f5295 browser: updated swiper and use a limit on version Goffi <goffi@goffi.org> parents: 1320 diff changeset	161 def on_slide_change(self, swiper):
1342 1df0d1b28b83 browser (slideshow): options can now be attached to a slide: Goffi <goffi@goffi.org> parents: 1341 diff changeset	162 if self._exit_callback is not None:
1df0d1b28b83 browser (slideshow): options can now be attached to a slide: Goffi <goffi@goffi.org> parents: 1341 diff changeset	163 self._exit_callback()
1df0d1b28b83 browser (slideshow): options can now be attached to a slide: Goffi <goffi@goffi.org> parents: 1341 diff changeset	164 self._exit_callback = None
1307 0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	165 item = self.current_item
1342 1df0d1b28b83 browser (slideshow): options can now be attached to a slide: Goffi <goffi@goffi.org> parents: 1341 diff changeset	166 if item is not None:
1df0d1b28b83 browser (slideshow): options can now be attached to a slide: Goffi <goffi@goffi.org> parents: 1341 diff changeset	167 comments_count = item.get('comments_count')
1df0d1b28b83 browser (slideshow): options can now be attached to a slide: Goffi <goffi@goffi.org> parents: 1341 diff changeset	168 self.comments_count_elt.text = comments_count or ''
1df0d1b28b83 browser (slideshow): options can now be attached to a slide: Goffi <goffi@goffi.org> parents: 1341 diff changeset	169
1df0d1b28b83 browser (slideshow): options can now be attached to a slide: Goffi <goffi@goffi.org> parents: 1341 diff changeset	170 for cls in self._class_to_remove:
1df0d1b28b83 browser (slideshow): options can now be attached to a slide: Goffi <goffi@goffi.org> parents: 1341 diff changeset	171 self.slideshow_elt.classList.remove(cls)
1df0d1b28b83 browser (slideshow): options can now be attached to a slide: Goffi <goffi@goffi.org> parents: 1341 diff changeset	172
1df0d1b28b83 browser (slideshow): options can now be attached to a slide: Goffi <goffi@goffi.org> parents: 1341 diff changeset	173 self._class_to_remove.clear()
1df0d1b28b83 browser (slideshow): options can now be attached to a slide: Goffi <goffi@goffi.org> parents: 1341 diff changeset	174
1df0d1b28b83 browser (slideshow): options can now be attached to a slide: Goffi <goffi@goffi.org> parents: 1341 diff changeset	175 options = self.current_options
1df0d1b28b83 browser (slideshow): options can now be attached to a slide: Goffi <goffi@goffi.org> parents: 1341 diff changeset	176 if options is not None:
1df0d1b28b83 browser (slideshow): options can now be attached to a slide: Goffi <goffi@goffi.org> parents: 1341 diff changeset	177 for flag in options.get('flags', []):
1df0d1b28b83 browser (slideshow): options can now be attached to a slide: Goffi <goffi@goffi.org> parents: 1341 diff changeset	178 cls = f"flag_{flag.lower()}"
1df0d1b28b83 browser (slideshow): options can now be attached to a slide: Goffi <goffi@goffi.org> parents: 1341 diff changeset	179 self.slideshow_elt.classList.add(cls)
1df0d1b28b83 browser (slideshow): options can now be attached to a slide: Goffi <goffi@goffi.org> parents: 1341 diff changeset	180 self._class_to_remove.add(cls)
1df0d1b28b83 browser (slideshow): options can now be attached to a slide: Goffi <goffi@goffi.org> parents: 1341 diff changeset	181 self._exit_callback = options.get("exit_callback", None)
1307 0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	182
1310 9e356f8eb62c browser (slideshow): (un)hide controls on single click: Goffi <goffi@goffi.org> parents: 1309 diff changeset	183 def toggle_hide_controls(self, evt):
9e356f8eb62c browser (slideshow): (un)hide controls on single click: Goffi <goffi@goffi.org> parents: 1309 diff changeset	184 self.click_timer = None
9e356f8eb62c browser (slideshow): (un)hide controls on single click: Goffi <goffi@goffi.org> parents: 1309 diff changeset	185 if 'click_to_hide' in evt.target.classList:
9e356f8eb62c browser (slideshow): (un)hide controls on single click: Goffi <goffi@goffi.org> parents: 1309 diff changeset	186 # we don't want to hide controls when a control is clicked
9e356f8eb62c browser (slideshow): (un)hide controls on single click: Goffi <goffi@goffi.org> parents: 1309 diff changeset	187 return
9e356f8eb62c browser (slideshow): (un)hide controls on single click: Goffi <goffi@goffi.org> parents: 1309 diff changeset	188 for elt in self.slideshow_elt.select('.click_to_hide'):
9e356f8eb62c browser (slideshow): (un)hide controls on single click: Goffi <goffi@goffi.org> parents: 1309 diff changeset	189 elt.style.display = '' if self.control_hidden else 'none'
9e356f8eb62c browser (slideshow): (un)hide controls on single click: Goffi <goffi@goffi.org> parents: 1309 diff changeset	190 self.control_hidden = not self.control_hidden
9e356f8eb62c browser (slideshow): (un)hide controls on single click: Goffi <goffi@goffi.org> parents: 1309 diff changeset	191
1341 a8bc1ee455ae browser (slideshow): use standard click/dblclick instead of swiper equivalents: Goffi <goffi@goffi.org> parents: 1340 diff changeset	192 def on_click(self, evt):
a8bc1ee455ae browser (slideshow): use standard click/dblclick instead of swiper equivalents: Goffi <goffi@goffi.org> parents: 1340 diff changeset	193 evt.stopPropagation()
a8bc1ee455ae browser (slideshow): use standard click/dblclick instead of swiper equivalents: Goffi <goffi@goffi.org> parents: 1340 diff changeset	194 evt.preventDefault()
1310 9e356f8eb62c browser (slideshow): (un)hide controls on single click: Goffi <goffi@goffi.org> parents: 1309 diff changeset	195 # we use a timer so double tap can cancel the click
9e356f8eb62c browser (slideshow): (un)hide controls on single click: Goffi <goffi@goffi.org> parents: 1309 diff changeset	196 # this avoid double tap side effect
9e356f8eb62c browser (slideshow): (un)hide controls on single click: Goffi <goffi@goffi.org> parents: 1309 diff changeset	197 if self.click_timer is None:
9e356f8eb62c browser (slideshow): (un)hide controls on single click: Goffi <goffi@goffi.org> parents: 1309 diff changeset	198 self.click_timer = timer.set_timeout(
9e356f8eb62c browser (slideshow): (un)hide controls on single click: Goffi <goffi@goffi.org> parents: 1309 diff changeset	199 lambda: self.toggle_hide_controls(evt), 300)
9e356f8eb62c browser (slideshow): (un)hide controls on single click: Goffi <goffi@goffi.org> parents: 1309 diff changeset	200
1341 a8bc1ee455ae browser (slideshow): use standard click/dblclick instead of swiper equivalents: Goffi <goffi@goffi.org> parents: 1340 diff changeset	201 def on_dblclick(self, evt):
1312 39a87d9099c4 browser (slideshow): slides can now be zoomed: Goffi <goffi@goffi.org> parents: 1311 diff changeset	202 evt.stopPropagation()
39a87d9099c4 browser (slideshow): slides can now be zoomed: Goffi <goffi@goffi.org> parents: 1311 diff changeset	203 evt.preventDefault()
39a87d9099c4 browser (slideshow): slides can now be zoomed: Goffi <goffi@goffi.org> parents: 1311 diff changeset	204 if self.click_timer is not None:
39a87d9099c4 browser (slideshow): slides can now be zoomed: Goffi <goffi@goffi.org> parents: 1311 diff changeset	205 timer.clear_timeout(self.click_timer)
39a87d9099c4 browser (slideshow): slides can now be zoomed: Goffi <goffi@goffi.org> parents: 1311 diff changeset	206 self.click_timer = None
39a87d9099c4 browser (slideshow): slides can now be zoomed: Goffi <goffi@goffi.org> parents: 1311 diff changeset	207 if self.swiper.zoom.scale != 1:
39a87d9099c4 browser (slideshow): slides can now be zoomed: Goffi <goffi@goffi.org> parents: 1311 diff changeset	208 self.swiper.zoom.toggle()
39a87d9099c4 browser (slideshow): slides can now be zoomed: Goffi <goffi@goffi.org> parents: 1311 diff changeset	209 else:
39a87d9099c4 browser (slideshow): slides can now be zoomed: Goffi <goffi@goffi.org> parents: 1311 diff changeset	210 # "in" is reserved in Python, so we call it using dict syntax
39a87d9099c4 browser (slideshow): slides can now be zoomed: Goffi <goffi@goffi.org> parents: 1311 diff changeset	211 self.swiper.zoom["in"]()
39a87d9099c4 browser (slideshow): slides can now be zoomed: Goffi <goffi@goffi.org> parents: 1311 diff changeset	212
1307 0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	213 def on_close(self, evt):
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	214 evt.stopPropagation()
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	215 evt.preventDefault()
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	216 self.quit()
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	217
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	218 def on_comment_close(self, evt):
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	219 side_panel = self.comments_panel_elt.select_one('.comments_side_panel')
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	220 side_panel.classList.remove('open')
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	221 side_panel.bind("transitionend", lambda evt: self.comments_panel_elt.remove())
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	222
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	223 def on_comments_panel_click(self, evt):
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	224 # we stop stop propagation to avoid the closing of the panel
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	225 evt.stopPropagation()
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	226
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	227 def on_comment(self, evt):
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	228 item = self.current_item
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	229 if item is None:
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	230 return
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	231 comments_panel_tpl = Template('blog/comments_panel.html')
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	232 try:
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	233 comments = item['comments']['items']
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	234 except KeyError:
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	235 comments = []
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	236 self.comments_panel_elt = comments_panel_tpl.get_elt({
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	237 "comments": comments,
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	238 "comments_service": item['comments_service'],
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	239 "comments_node": item['comments_node'],
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	240
0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	241 })
1309 9344ca3b21a6 browser (slideshow): fixed scrolling issue with comment panel: Goffi <goffi@goffi.org> parents: 1307 diff changeset	242 self.slideshow_elt <= self.comments_panel_elt
1307 0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	243 side_panel = self.comments_panel_elt.select_one('.comments_side_panel')
1310 9e356f8eb62c browser (slideshow): (un)hide controls on single click: Goffi <goffi@goffi.org> parents: 1309 diff changeset	244 timer.set_timeout(lambda: side_panel.classList.add("open"), 0)
1307 0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	245 for close_elt in self.comments_panel_elt.select('.click_to_close'):
1320 0cbf86b1dcca browser (photos/album): invitation manager first draft. Goffi <goffi@goffi.org> parents: 1312 diff changeset	246 close_elt.bind("click", self.on_comment_close)
1307 0a6698714557 browser: `slideshow` module implementation: Goffi <goffi@goffi.org> parents: diff changeset	247 side_panel.bind("click", self.on_comments_panel_click)

Mercurial > libervia-web

annotate libervia/pages/_browser/slideshow.py @ 1346:cda5537c71d6