libervia-web: browser_side/panels.py comparison

comparison browser_side/panels.py @ 232:0ed09cc0566f

browser_side: added UIs for rich text editor and addressing to multiple recipients The rich text format is set according to a user parameter which is for now not created, so you will get a warning on the backend and no toolbar will be displayed. For testing purpose: - you can set _debug to True in RichTextEditor: that will display one toolbar per format. - you can add this parameter to any plugin (the same will be added later in XEP-0071): # DEBUG: TO BE REMOVED LATER, THIS BELONGS TO RICH TEXT EDITOR FORMATS = {"markdown": {}, "bbcode": {}, "dokuwiki": {}, "html": {}} FORMAT_PARAM_KEY = "Composition and addressing" FORMAT_PARAM_NAME = "Format for rich text message composition" # In the parameter definition: <category name="%(format_category_name)s" label="%(format_category_label)s"> <param name="%(format_param_name)s" label="%(format_param_label)s" value="%(format_param_default)s" type="list" security="0"> %(format_options)s </param> </category> # Strings for the placeholders: 'format_category_name': FORMAT_PARAM_KEY, 'format_category_label': _(FORMAT_PARAM_KEY), 'format_param_name': FORMAT_PARAM_NAME, 'format_param_label': _(FORMAT_PARAM_NAME), 'format_param_default': FORMATS.keys()[0], 'format_options': ['<option value="%s"/>' % format for format in FORMATS.keys()]

author	souliane <souliane@mailoo.org>
date	Tue, 08 Oct 2013 14:12:38 +0200
parents	fab7aa366576
children	b304cdf13a3b

comparison

equal deleted inserted replaced

-:fab7aa366576
+:0ed09cc0566f
 import pyjd  # this is dummy in pyjs
 from pyjamas.ui.SimplePanel import SimplePanel
 from pyjamas.ui.AbsolutePanel import AbsolutePanel
 from pyjamas.ui.VerticalPanel import VerticalPanel
 from pyjamas.ui.HorizontalPanel import HorizontalPanel
+from pyjamas.ui.DialogBox import DialogBox
 from pyjamas.ui.HTMLPanel import HTMLPanel
 from pyjamas.ui.Frame import Frame
 from pyjamas.ui.TextArea import TextArea
 from pyjamas.ui.Label import Label
 from pyjamas.ui.Button import Button
 from tools import html_sanitize, addURLToText
 from datetime import datetime
 from time import time
 import dialog
 import base_widget
+from richtext import RichTextEditor
 from plugin_xep_0085 import ChatStateMachine
 from pyjamas import Window
 from __pyjamas__ import doc
-class UniBoxPanel(SimplePanel):
+class UniBoxPanel(HorizontalPanel):
 """Panel containing the UniBox"""
 def __init__(self, host):
-SimplePanel.__init__(self)
+HorizontalPanel.__init__(self)
+self.host = host
 self.setStyleName('uniBoxPanel')
+self.button = Button ('<img src="media/icons/tango/actions/32/format-text-italic.png" class="richTextIcon"/>')
+self.button.setTitle('Open the rich text editor')
+self.button.addStyleName('uniBoxButton')
+self.add(self.button)
 self.unibox = UniBox(host)
-self.unibox.setWidth('100%')
 self.add(self.unibox)
+self.setCellWidth(self.unibox, '100%')
+self.button.addClickListener(self.openRichTextEditor)
+self.unibox.addDoubleClickListener(self.openRichTextEditor)
+def openRichTextEditor(self):
+"""Open the rich text editor."""
+self.button.setVisible(False)
+self.unibox.setVisible(False)
+self.setCellWidth(self.unibox, '0px')
+self.host.panel._contactsMove(self)
+def onCloseCallback():
+self.host.panel._contactsMove(self.host.panel._hpanel)
+self.setCellWidth(self.unibox, '100%')
+self.button.setVisible(True)
+self.unibox.setVisible(True)
+self.host.resize()
+RichTextEditor.getOrCreate(self.host, self, onCloseCallback)
+self.host.resize()
 class UniBox(TextArea, MouseHandler): #AutoCompleteTextBox):
 """This text box is used as a main typing point, for message, microblog, etc"""
 # status bar
 status = host.status_panel
 # contacts
-_contacts = HorizontalPanel()
+self._contacts = HorizontalPanel()
-_contacts.addStyleName('globalLeftArea')
+self._contacts.addStyleName('globalLeftArea')
 contacts_switch = Button(u'«', self._contactsSwitch)
 contacts_switch.addStyleName('contactsSwitch')
-_contacts.add(contacts_switch)
+self._contacts.add(contacts_switch)
-_contacts.add(self.host.contact_panel)
+self._contacts.add(self.host.contact_panel)
 # tabs
 self.tab_panel = base_widget.MainTabPanel(host)
 self.discuss_panel = base_widget.WidgetsPanel(self.host, locked=True)
 self.tab_panel.add(self.discuss_panel, "Discussions")
 header.add(unibox_panel)
 header.add(status)
 header.setStyleName('header')
 self.add(header)
-_hpanel = HorizontalPanel()
+self._hpanel = HorizontalPanel()
-_hpanel.add(_contacts)
+self._hpanel.add(self._contacts)
-_hpanel.add(self.tab_panel)
+self._hpanel.add(self.tab_panel)
-self.add(_hpanel)
+self.add(self._hpanel)
 self.setWidth("100%")
 Window.addWindowResizeListener(self)
 def _contactsSwitch(self, btn):
 """ (Un)hide contacts panel """
 cpanel = self.host.contact_panel
 cpanel.setVisible(not cpanel.getVisible())
 btn.setText(u"«" if cpanel.getVisible() else u"»")
 self.host.resize()
+def _contactsMove(self, parent):
+"""Move the contacts container (containing the contact list and
+the "hide/show" button) to another parent, but always as the
+first child position (insert at index 0).
+"""
+if self._contacts.getParent():
+if self._contacts.getParent() == parent:
+return
+self._contacts.removeFromParent()
+parent.insert(self._contacts, 0)
 def onWindowResized(self, width, height):
 _elts = doc().getElementsByClassName('gwt-TabBar')
 if not _elts.length:
 tab_bar_h = 0

Mercurial > libervia-web

comparison browser_side/panels.py @ 232:0ed09cc0566f