Difference between revisions of "Features/WebKit/Development"

From Sugar Labs
Jump to: navigation, search
(Link palettes)
(Activity toolbar)
 
(32 intermediate revisions by 2 users not shown)
Line 2: Line 2:
  
 
===Activity toolbar===
 
===Activity toolbar===
* session title, should be the title of the last page visited in the journal? '''VERIFY'''
+
* session title (in the Journal), should be the title of the last page visited <span style="background:#f6aa08; color:black">''ENHANCE''</span>, works as in previous Browse but when you resume a session the title is not updated anymore when browsing.  [http://bugs.sugarlabs.org/ticket/3303 Bug ticket #3303]
* share activity, the starred pages are shared, anything else? '''VERIFY''' erikos
+
* share activity, the starred pages are shared, anything else? sharing in Borwse does not work at the moment, because the 'get_preferred_connection' API of the toolkit seem to be broken atm. Sharing in Read which does not use this API works.  <span style="background:#ff8080; color:black">''FIXME''</span> Reference: http://wiki.laptop.org/go/Browse#Collaboration
  
 
===Edit toolbar===
 
===Edit toolbar===
 
* undo/redo/copy/paste '''DONE'''
 
* undo/redo/copy/paste '''DONE'''
 
* search in Document '''DONE'''
 
* search in Document '''DONE'''
* style text found in search, put yellow background, [http://lists.sugarlabs.org/archive/sugar-devel/2012-January/035205.html patch], we need to set the background color of the widget as well accordingly to make the currently selected match better visible as well
+
* style text found in search, put yellow background, <span style="background:#f6aa08; color:black">''ENHANCE''</span> we need to set the background color of the widget as well accordingly to make the currently selected match better visible as well
  
 
===View toolbar===
 
===View toolbar===
Line 14: Line 14:
 
* fullscreen '''DONE'''
 
* fullscreen '''DONE'''
 
* show/hide tray '''DONE'''
 
* show/hide tray '''DONE'''
* style tray in the theme, patch: ''SugarHTray * , SugarVTray * { background-color: @toolbar_grey;}''
+
* style tray in the theme, '''DONE'''
  
 
===Home Button===
 
===Home Button===
Line 24: Line 24:
 
* normalize text entry and autosearch '''DONE'''
 
* normalize text entry and autosearch '''DONE'''
 
* auto completion '''DONE'''
 
* auto completion '''DONE'''
* represent loading status
+
* represent loading status, update the bottom overlay with a status message '''DONE'''
 +
* we may add other ways to represent loading status in the future:
 
** change cursor to busy cursor?
 
** change cursor to busy cursor?
** update the bottom overlay with a status message?
 
 
** show spinning wheels in tabs?
 
** show spinning wheels in tabs?
  
 
===Go back and forward buttons===
 
===Go back and forward buttons===
 
* History '''DONE'''
 
* History '''DONE'''
* Palettes showing history (see webtoolbar.py methods _session_history_changed_cb, _reload_session_history, _history_item_activated_cb)
+
* Palettes showing history (see webtoolbar.py methods _session_history_changed_cb, _reload_session_history, _history_item_activated_cb) '''DONE'''
  
 
===Favorite button===
 
===Favorite button===
Line 38: Line 38:
  
 
===Stop button===
 
===Stop button===
* quit activity (active downloads?)
+
* quit activity (active downloads?) '''DONE'''
  
 
===Keystrokes===
 
===Keystrokes===
Line 54: Line 54:
 
* page title '''DONE'''
 
* page title '''DONE'''
 
* restore tabs '''DONE'''
 
* restore tabs '''DONE'''
* tabs size
+
* tabs size <span style="background:#f6aa08; color:black">''ENHANCE''</span>
 
** always the same height
 
** always the same height
 
** fixed width depending on the number of tabs, see message for commit 959f86e0406914267047dc10302f98a059b6ba21
 
** fixed width depending on the number of tabs, see message for commit 959f86e0406914267047dc10302f98a059b6ba21
  
 
===Downloads===
 
===Downloads===
* download a file
+
* download a file '''DONE'''
* check for active downloads when closing
+
* check for active downloads when closing '''DONE'''
  
 
===Uploads===
 
===Uploads===
* upload a file, rewrite filepicker.py for webkit, Epiphany will not help us in this one, the html field is <form><input type=file>
+
* [http://bugs.sugarlabs.org/ticket/3411 #3411] upload a file, rewrite filepicker.py for webkit, Epiphany will not help us in this one it just let webkitgtk handle it which uses the standard GtkFileChooser dialog, [https://lists.webkit.org/pipermail/webkit-gtk/2012-January/000894.html asked on the list for ideas]. The html field is <form><input type=file> <span style="background:#ff8080; color:black">''FIXME''</span>
 +
 
 +
This will be added to WebKit, this ticket is the one to track: https://bugs.webkit.org/show_bug.cgi?id=78491
  
 
===Link palettes===
 
===Link palettes===
* follow link, start download: the tricky bit is how to invoke the palette
+
* follow link, start download: the tricky bit is how to invoke the palette <span style="background:#ff8080; color:black">''FIXME''</span>
  
 
===Start all instances in the same process===
 
===Start all instances in the same process===
Line 72: Line 74:
  
 
===Authenticate with schoolserver===
 
===Authenticate with schoolserver===
* Create a HTTP Cookie to authenticate with the Schoolserver
+
* Create a HTTP Cookie to authenticate with the Schoolserver, Epiphany is as well using the 'cookies.sqlite'  database, we can reuse that, you can use libsoup for the management, the session we get with ''WebKit.get_default_session()'', see  ''embed/ephy-embed-single.c'' and'' lib/ephy-profile-migrator.c'' for a migrator. <span style="background:#ff8080; color:black">''FIXME''</span>
  
 
===Internationalisation===
 
===Internationalisation===
* Set intl.accept_languages preference based on the locale
+
* Display pages based on locale specific information '''DONE'''
  
 
===Don't autoplay flash, embed in web page===
 
===Don't autoplay flash, embed in web page===
* see agent-stylesheet.css in Browse how we did this before (test with njambre.org web page)
+
* see agent-stylesheet.css in Browse how we did this before (test with njambre.org web page) <span style="background:#ff8080; color:black">''FIXME''</span>
  
 
There is a free Safari (using WebKit) plugin that does the same: https://github.com/rentzsch/clicktoflash
 
There is a free Safari (using WebKit) plugin that does the same: https://github.com/rentzsch/clicktoflash
  
 
===Security===
 
===Security===
* CAcert
+
* CAcert <span style="background:#ff8080; color:black">''FIXME''</span>
  
 
===View Source===
 
===View Source===
Line 89: Line 91:
  
 
===Set DPI===
 
===Set DPI===
* The page should be zoomed for the screen in use.
+
[http://bugs.sugarlabs.org/ticket/3428 #3428] The page should be zoomed for the screen in use '''DONE'''.
 +
 
 +
Links about the subject:
 +
* what we used to set in hulahop: [http://kb.mozillazine.org/Layout.css.dpi layout.css.dpi]
 +
* [http://webkitgtk.org/reference/webkitgtk/unstable/WebKitViewportAttributes.html#WebKitViewportAttributes--device-dpi attribute in webkitgtk]
 +
* [http://webkitgtk.org/reference/webkitgtk/unstable/webkitgtk-webkitwebview.html#webkit-web-view-set-zoom-level set zoom level]
 +
* [http://www.webkit.org/blog/55/high-dpi-web-sites/ safari - dpi]
  
 
===Identify Sugar version through Browser===
 
===Identify Sugar version through Browser===
This can be done using the user agent: http://erikos.sweettimez.de/?p=1075 has a code snippet
+
This can be done using the user agent '''DONE'''
 +
 
 +
===Style bottom overlay===
 +
Make it gray toolbar background, white foreground.  Add a bit of padding so the text gets more readability.
 +
 
 +
===Display pdf in Browse===
 +
- either display the pdf in Browse or add a way to open it in Read '''DONE'''
 +
 
 +
===Playback audio and video in Browse===
 +
- check if playback is still working etc '''VERIFY'''
 +
 
 +
===Flash and Java plugins===
 +
[http://bugs.sugarlabs.org/ticket/3410 #3410]
 +
- check Flash and Java plugins <span style="background:#ff8080; color:black">''FIXME''</span>
 +
 
 +
===Backwards compatibilty===
 +
* test backards compatibility: resume activity sessions created with the old Browse version <span style="background:#ff8080; color:black">''FIXME''</span>

Latest revision as of 16:54, 17 April 2012

Browse functionality and the replacements

Activity toolbar

  • session title (in the Journal), should be the title of the last page visited ENHANCE, works as in previous Browse but when you resume a session the title is not updated anymore when browsing. Bug ticket #3303
  • share activity, the starred pages are shared, anything else? sharing in Borwse does not work at the moment, because the 'get_preferred_connection' API of the toolkit seem to be broken atm. Sharing in Read which does not use this API works. FIXME Reference: http://wiki.laptop.org/go/Browse#Collaboration

Edit toolbar

  • undo/redo/copy/paste DONE
  • search in Document DONE
  • style text found in search, put yellow background, ENHANCE we need to set the background color of the widget as well accordingly to make the currently selected match better visible as well

View toolbar

  • zoom in/zoom out DONE
  • fullscreen DONE
  • show/hide tray DONE
  • style tray in the theme, DONE

Home Button

  • go back to home page DONE

Title entry

  • show Address/title DONE
  • reload and stop button DONE
  • normalize text entry and autosearch DONE
  • auto completion DONE
  • represent loading status, update the bottom overlay with a status message DONE
  • we may add other ways to represent loading status in the future:
    • change cursor to busy cursor?
    • show spinning wheels in tabs?

Go back and forward buttons

  • History DONE
  • Palettes showing history (see webtoolbar.py methods _session_history_changed_cb, _reload_session_history, _history_item_activated_cb) DONE

Favorite button

  • create a session bookmark
  • create a thumbnail DONE

Stop button

  • quit activity (active downloads?) DONE

Keystrokes

  • ctrl + 'd': add link DONE
  • ctrl + 'f': find DONE
  • ctrl + 'l': focus url entry DONE
  • ctrl + 'minus': zoom out DONE
  • ctrl + ['plus', 'equal']: zoom in DONE
  • ctrl + 'Left': go back DONE
  • ctrl + 'Right': go forward DONE
  • ctrl + 'r': reload DONE
  • ctrl + 't': add tab DONE

Multiple tabs

  • page title DONE
  • restore tabs DONE
  • tabs size ENHANCE
    • always the same height
    • fixed width depending on the number of tabs, see message for commit 959f86e0406914267047dc10302f98a059b6ba21

Downloads

  • download a file DONE
  • check for active downloads when closing DONE

Uploads

  • #3411 upload a file, rewrite filepicker.py for webkit, Epiphany will not help us in this one it just let webkitgtk handle it which uses the standard GtkFileChooser dialog, asked on the list for ideas. The html field is <form><input type=file> FIXME

This will be added to WebKit, this ticket is the one to track: https://bugs.webkit.org/show_bug.cgi?id=78491

Link palettes

  • follow link, start download: the tricky bit is how to invoke the palette FIXME

Start all instances in the same process

Browse using xulrunner is a single process activity where all instances are in the same process. WebKit does handle the same well. DONE

Authenticate with schoolserver

  • Create a HTTP Cookie to authenticate with the Schoolserver, Epiphany is as well using the 'cookies.sqlite' database, we can reuse that, you can use libsoup for the management, the session we get with WebKit.get_default_session(), see embed/ephy-embed-single.c and lib/ephy-profile-migrator.c for a migrator. FIXME

Internationalisation

  • Display pages based on locale specific information DONE

Don't autoplay flash, embed in web page

  • see agent-stylesheet.css in Browse how we did this before (test with njambre.org web page) FIXME

There is a free Safari (using WebKit) plugin that does the same: https://github.com/rentzsch/clicktoflash

Security

  • CAcert FIXME

View Source

  • The view source feature in Browse, should show the html page source, added to the activity source. DONE

Set DPI

#3428 The page should be zoomed for the screen in use DONE.

Links about the subject:

Identify Sugar version through Browser

This can be done using the user agent DONE

Style bottom overlay

Make it gray toolbar background, white foreground. Add a bit of padding so the text gets more readability.

Display pdf in Browse

- either display the pdf in Browse or add a way to open it in Read DONE

Playback audio and video in Browse

- check if playback is still working etc VERIFY

Flash and Java plugins

#3410 - check Flash and Java plugins FIXME

Backwards compatibilty

  • test backards compatibility: resume activity sessions created with the old Browse version FIXME