def createResultGrid( self, gridName ) :
label=HTML('<br><b>'+gridName+'</b>')
grid=Grid(17,17)
# Create the column and row headers
for index in range( 1, grid.getColumnCount() ) :
grid.setWidget( 0, index, HTML('Cx%X'%(index-1)) )
for index in range( 1, grid.getRowCount() ) :
grid.setWidget( index, 0, HTML('C%Xx'%(index-1)) )
self.mainPanel.add(label)
self.mainPanel.add(grid)
self.resultLabels[gridName]=label
self.resultGrids[gridName]=grid
class Photos(Composite):
def __init__(self):
Composite.__init__(self)
self.albums = []
self.photos = []
self.grid = Grid(4, 4, CellPadding=4, CellSpacing=4)
self.grid.addTableListener(self)
self.drill = 0
self.pos = 0
self.up = Button("Up", self)
self.next = Button("Next", self)
self.prev = Button("Prev", self)
self.timer = Timer(notify=self)
self.userid = "jameskhedley"
self.album_url = "http://picasaweb.google.com/data/feed/base/user/" + self.userid + "?alt=json-in-script&kind=album&hl=en_US&callback=restCb"
self.doRESTQuery(self.album_url, self.timer)
self.vp = VerticalPanel()
self.disclosure = DisclosurePanel(
"Click for boring technical details.")
self.disclosure.add(
HTML(
'''<p>OK so you want to write client JS to do a RESTful HTTP query from picasa right?
Well you can't because of the Same Origin Policy. Basically this means that
because the domain of the query and the domain of the hosted site are different,
then that could well be a cross-site scripting (XSS) attack. So, the workaround is to
do the call from a script tag so the JSON we get back is part of the document.
But since we don't know what URL to hit yet, once we find out then we have to inject
a new script tag dynamically which the browser will run as soon as we append it.
To be honest I'm not 100% why Google use RESTful services and not JSON-RPC or somesuch,
which would be easier. Well, easier for me.'''))
self.IDPanel = HorizontalPanel()
self.IDPanel.add(Label("Enter google account:"))
self.IDButton = Button("Go", self)
self.IDBox = TextBox()
self.IDBox.setText(self.userid)
self.IDPanel.add(self.IDBox)
self.IDPanel.add(self.IDButton)
self.vp.add(self.IDPanel)
self.vp.add(self.disclosure)
self.vp.add(self.grid)
self.initWidget(self.vp)
def doRESTQuery(self, url, timer):
"""this is a totally different from an RPC call in that we have to
dynamically add script tags to the DOM when we want to query the
REST API. These rely on callbacks in the DOM so we can either add
them dynamically or pre-define them in public/Main.html.
Once we've done that have to wait for the response.
Which means we need to provide a listener for the timer"""
new_script = DOM.createElement("script")
DOM.setElemAttribute(new_script, "src", url)
DOM.setElemAttribute(new_script, "type", "text/javascript")
doc().body.appendChild(new_script)
self.timer.schedule(100)
def onCellClicked(self, sender, row, col):
if self.drill == 0:
self.drill += 1
self.vp.clear()
self.grid.clear()
self.vp.add(self.up)
self.vp.add(self.grid)
gridcols = self.grid.getColumnCount()
album = self.albums[row + col + (row * (gridcols - 1))]
url = "http://picasaweb.google.com/data/feed/base/user/" + self.userid + "/albumid/" + album[
"id"] + "?alt=json-in-script&kind=photo&hl=en_US&callback=restCb"
self.doRESTQuery(url, self.timer)
elif self.drill == 1:
self.drill += 1
gridcols = self.grid.getColumnCount()
self.pos = row + col + (row * (gridcols - 1))
photo = self.photos[self.pos]
self.vp.clear()
self.fullsize = HTML('<img src="' + photo["full"] + '"/>')
hp = HorizontalPanel()
hp.add(self.up)
hp.add(self.prev)
hp.add(self.next)
hp.setSpacing(8)
self.vp.add(hp)
self.vp.add(self.fullsize)
def onClick(self, sender):
if sender == self.IDButton:
self.userid = self.IDBox.getText()
if self.userid == "" or self.userid.isdigit():
return
self.drill = 0
self.album_url = "http://picasaweb.google.com/data/feed/base/user/" + self.userid + "?alt=json-in-script&kind=album&hl=en_US&callback=restCb"
self.grid.clear()
self.doRESTQuery(self.album_url, self.timer)
else:
if self.drill == 2:
if sender == self.up:
self.drill = 1
self.vp.clear()
self.vp.add(self.up)
self.vp.add(self.grid)
self.fillGrid(self.photos, "photos")
else:
if sender == self.next:
if self.pos >= len(self.photos):
return
self.pos += 1
elif sender == self.prev:
if self.pos < 1:
return
self.pos -= 1
photo = self.photos[self.pos]
self.fullsize.setHTML('<img src="' + photo["full"] + '"/>')
elif self.drill == 1:
self.drill = 0
self.vp.clear()
self.vp.add(self.IDPanel)
self.vp.add(self.disclosure)
self.vp.add(self.grid)
self.fillGrid(self.albums, "albums")
def onTimer(self, timer):
fd = doc().getElementById("__pygwt_hiddenData")
receiver = fd.innerHTML
if receiver == 'wait':
self.timer.schedule(1000)
return
fd.innerHTML = 'wait'
if self.drill == 0:
self.parseAlbums(receiver)
self.fillGrid(self.albums, "albums")
elif self.drill == 1:
self.parsePhotos(receiver)
self.fillGrid(self.photos, "photos")
def fillGrid(self, items, type):
self.grid.clear()
cols = self.grid.getColumnCount()
self.grid.resizeRows((len(items) / cols) + 1)
rows = self.grid.getRowCount()
for i in range(len(items)):
vp = VerticalPanel()
if type == 'photos':
vp.add(items[i]['thumb'])
else:
vp.add(items[i]['thumb'])
vp.add(items[i]['title'])
self.grid.setWidget(int(i / cols), i % cols, vp)
def parsePhotos(self, items):
photo_list = json.loads(items)
self.photos = []
for ph in photo_list:
aphoto = {}
aphoto['thumb'] = HTML(
'<img src="' +
ph[u"media$group"][u"media$thumbnail"][1][u"url"] + '"/>')
aphoto['full'] = ph[u"media$group"][u"media$content"][0][u"url"]
self.photos.append(aphoto)
def parseAlbums(self, items):
album_list = json.loads(items)
self.albums = []
for al in album_list:
analbum = {}
analbum['title'] = HTML(al[u"title"][u"$t"])
analbum['thumb'] = HTML(
'<img src="' +
al[u"media$group"][u"media$thumbnail"][0][u"url"] + '"/>')
url = al[u"id"][u"$t"]
analbum['id'] = url.split(u'albumid/')[1].split(u'?alt')[0]
self.albums.append(analbum)
class Photos(Composite):
def __init__(self):
Composite.__init__(self)
self.albums = []
self.photos = []
self.grid = Grid(4, 4, CellPadding=4, CellSpacing=4)
self.grid.addTableListener(self)
self.drill = 0
self.pos = 0
self.up = Button("Up", self)
self.next = Button("Next", self)
self.prev = Button("Prev", self)
self.timer = Timer(notify=self)
self.userid = "jameskhedley"
self.album_url = "http://picasaweb.google.com/data/feed/base/user/" + self.userid + "?alt=json-in-script&kind=album&hl=en_US&callback=restCb"
self.doRESTQuery(self.album_url, self.timer)
self.vp = VerticalPanel()
self.disclosure = DisclosurePanel("Click for boring technical details.")
self.disclosure.add(HTML('''<p>OK so you want to write client JS to do a RESTful HTTP query from picasa right?
Well you can't because of the Same Origin Policy. Basically this means that
because the domain of the query and the domain of the hosted site are different,
then that could well be a cross-site scripting (XSS) attack. So, the workaround is to
do the call from a script tag so the JSON we get back is part of the document.
But since we don't know what URL to hit yet, once we find out then we have to inject
a new script tag dynamically which the browser will run as soon as we append it.
To be honest I'm not 100% why Google use RESTful services and not JSON-RPC or somesuch,
which would be easier. Well, easier for me.'''))
self.IDPanel = HorizontalPanel()
self.IDPanel.add(Label("Enter google account:"))
self.IDButton = Button("Go", self)
self.IDBox = TextBox()
self.IDBox.setText(self.userid)
self.IDPanel.add(self.IDBox)
self.IDPanel.add(self.IDButton)
self.vp.add(self.IDPanel)
self.vp.add(self.disclosure)
self.vp.add(self.grid)
self.initWidget(self.vp)
def doRESTQuery(self, url, timer):
"""this is a totally different from an RPC call in that we have to
dynamically add script tags to the DOM when we want to query the
REST API. These rely on callbacks in the DOM so we can either add
them dynamically or pre-define them in public/Main.html.
Once we've done that have to wait for the response.
Which means we need to provide a listener for the timer"""
JS("$wnd.receiver = 'wait'")
new_script = DOM.createElement("script")
DOM.setElemAttribute(new_script, "src", url)
DOM.setElemAttribute(new_script, "type","text/javascript")
JS("$wnd.document.body.appendChild(@{{new_script}})")
self.timer.schedule(100)
def onCellClicked(self, sender, row, col):
if self.drill==0:
self.drill += 1
self.vp.clear()
self.grid.clear()
self.vp.add(self.up)
self.vp.add(self.grid)
gridcols = self.grid.getColumnCount()
album = self.albums[row+col+(row*(gridcols-1))]
url = "http://picasaweb.google.com/data/feed/base/user/" + self.userid + "/albumid/" + album["id"] + "?alt=json-in-script&kind=photo&hl=en_US&callback=restCb"
self.doRESTQuery(url, self.timer)
elif self.drill==1:
self.drill += 1
gridcols = self.grid.getColumnCount()
self.pos =row+col+(row*(gridcols-1))
photo = self.photos[self.pos]
self.vp.clear()
self.fullsize = HTML('<img src="' + photo["full"] + '"/>')
hp = HorizontalPanel()
hp.add(self.up)
hp.add(self.prev)
hp.add(self.next)
hp.setSpacing(8)
self.vp.add(hp)
self.vp.add(self.fullsize)
def onClick(self, sender):
if sender == self.IDButton:
self.userid = self.IDBox.getText()
if self.userid == "" or self.userid.isdigit():
return
self.drill = 0
self.album_url = "http://picasaweb.google.com/data/feed/base/user/" + self.userid + "?alt=json-in-script&kind=album&hl=en_US&callback=restCb"
self.grid.clear()
self.doRESTQuery(self.album_url, self.timer)
else:
if self.drill == 2:
if sender == self.up:
self.drill=1
self.vp.clear()
self.vp.add(self.up)
self.vp.add(self.grid)
self.fillGrid(self.photos, "photos")
else:
if sender == self.next:
if self.pos >= len(self.photos):
return
self.pos +=1
elif sender == self.prev:
if self.pos < 1:
return
self.pos -=1
photo = self.photos[self.pos]
self.fullsize.setHTML('<img src="' + photo["full"] + '"/>')
elif self.drill == 1:
self.drill=0
self.vp.clear()
self.vp.add(self.IDPanel)
self.vp.add(self.disclosure)
self.vp.add(self.grid)
self.fillGrid(self.albums, "albums")
def onTimer(self, timer):
receiver = JS("$wnd.receiver")
if receiver == 'wait':
self.timer.schedule(1000)
return
JS("$wnd.receiver = 'wait'")
if self.drill == 0:
self.parseAlbums(receiver)
self.fillGrid(self.albums, "albums")
elif self.drill == 1:
self.parsePhotos(receiver)
self.fillGrid(self.photos, "photos")
def fillGrid(self, items, type):
self.grid.clear()
cols = self.grid.getColumnCount()
self.grid.resizeRows((len(items)/cols)+1)
rows = self.grid.getRowCount()
for i in range(len(items)):
vp = VerticalPanel()
if type == 'photos':
vp.add(items[i]['thumb'])
else:
vp.add(items[i]['thumb'])
vp.add(items[i]['title'])
self.grid.setWidget(int(i/cols), i%cols, vp)
def parsePhotos(self, items):
photo_list = JSONParser().jsObjectToPyObject(items)
self.photos = []
for i in range(len(photo_list)):
index = "%s" % i
aphoto = {}
aphoto['thumb'] = HTML('<img src="' + photo_list[index]["media$group"]["media$thumbnail"]["1"]["url"] + '"/>')
aphoto['full'] = photo_list[index]["media$group"]["media$content"]["0"]["url"]
self.photos.append(aphoto)
def parseAlbums(self, items):
album_list = JSONParser().jsObjectToPyObject(items)
self.albums = []
for i in range(len(album_list)):
index = "%s" % i
analbum = {}
analbum['title'] = HTML(album_list[index]["title"]["$t"])
analbum['thumb'] = HTML('<img src="' + album_list[index]["media$group"]["media$thumbnail"]["0"]["url"] + '"/>')
url = album_list[index]["id"]["$t"]
analbum['id'] = url.split('albumid/')[1].split('?alt')[0]
self.albums.append(analbum)
class InputBox(FocusPanel):
_props = [ ("maxLength", "Max Length", "MaxLength", int),
("text", "Text", "Text", None),
("matchPattern", "Match Pattern", "MatchPattern", None),
("cursorStyle", "Cursor Style", "CursorStyle", None),
]
@classmethod
def _getProps(self):
return FocusPanel._getProps() + self._props
def __init__(self, **kwargs):
""" setMatchPattern - defaults to '' to match everything
match pattern examples: '^[0-9]*$' is for digits only
'^[0-9,A-Z]*$' is for digits and uppercase
setMaxLength
setText
OB """
kwargs['MatchPattern'] = kwargs.pop('MatchPattern', '')
cs = kwargs.pop('CursorStyle', "inputbox-cursor")
gs = kwargs.pop('StyleName', 'gwt-inputbox')
ap = AbsolutePanel(StyleName="inputbox")
self.tp = Grid(StyleName=gs, Width="100%", Height="100%",
CellPadding=0, CellSpacing=0)
self.cursor = HTML(StyleName=cs)
ap.add(self.tp)
ap.add(self.cursor, 0, 0)
self.cf = self.tp.getCellFormatter()
FocusPanel.__init__(self, Widget=ap, **kwargs)
self.addTableListener(self)
self.addKeyboardListener(self)
self.addFocusListener(self)
self.word_selected_pos = 0
self.ctimer = Timer(notify=self.cursorFlash)
self.focusset = False
self.cstate = False
self._keypressListeners = []
def addKeypressListener(self, listener):
self._keypressListeners.append(listener)
def removeKeypressListener(self, listener):
self._keypressListeners.remove(listener)
def getMatchPattern(self):
return self.mp
def setMatchPattern(self, mp):
self.mp = mp
self.rexp = re.compile(self.mp)
def addDblTableListener(self, listener):
self.tp.addDblTableListener(listener)
def addTableListener(self, listener):
self.tp.addTableListener(listener)
def _move_cursor(self, col):
""" moves the css-styled cursor
"""
#old style (useful for insert mode - don't delete this line for now!)
#self.cf.setStyleName(0, col, "inputbox-square-word-cursor", highlight)
el = self.cf.getRawElement(0, col+1)
w = self.getWidget()
px = self.tp.getAbsoluteLeft()
py = self.tp.getAbsoluteTop()
width = DOM.getOffsetWidth(el)
px = DOM.getAbsoluteLeft(el) - px
py = DOM.getAbsoluteTop(el) - py
w.setWidgetPosition(self.cursor, px, py)
def _highlight_cursor(self, col, highlight):
""" highlights (or dehighlights) the currently selected cell
"""
#old style (useful for insert mode - don't delete this line for now!)
#self.cf.setStyleName(0, col, "inputbox-square-word-cursor", highlight)
print "_highlight", col, highlight
self._move_cursor(col)
self.cursor.setStyleName("inputbox-square-word-cursor", highlight)
def set_grid_value(self, v, y, x):
if v:
w = ""
else:
w = "0px"
v = v or EMPTY
s = HTML(v, StyleName="inputbox-square")
self.tp.setWidget(y, x, s)
self.cf.setAlignment(y, x, HasAlignment.ALIGN_LEFT,
HasAlignment.ALIGN_MIDDLE)
self.cf.setWidth(y, x, w)
s.setWidth(w)
def onKeyDown(self, sender, keycode, modifiers):
evt = DOM.eventGetCurrentEvent()
DOM.eventPreventDefault(evt)
if self.word_selected_pos is None:
return
val = chr(keycode)
done = False
if keycode == KeyboardListener.KEY_DELETE:
self.shift_letters_back()
done = True
elif keycode == KeyboardListener.KEY_BACKSPACE:
if not self.nasty_hack():
if self.moveCursor(-1):
self.shift_letters_back()
done = True
elif keycode == KeyboardListener.KEY_LEFT:
self.moveCursor(-1)
done = True
elif keycode == KeyboardListener.KEY_RIGHT:
self.moveCursor(1)
done = True
print "onKeyDown", keycode, val, self.rexp.match(val)
if not done:
if self.rexp.match(val):
self.press_letter(val)
for listener in self._keypressListeners:
listener.onKeyPressed(sender, keycode, modifiers)
def press_letter(self, val):
print "press letter", val
# check the key is a letter, and there's a grid position highlighted
if self.word_selected_pos is None:
return
row = 0
col = self.word_selected_pos
self.highlight_cursor(False)
self.set_grid_value(val, row, col)
self.moveCursor(1)
def nasty_hack(self):
""" breaking of backspace/delete rules for the final character
"""
row = 0
col = self.word_selected_pos
txt = self.get_char(col)
if txt is None or txt == EMPTY:
return False
self.set_grid_value(EMPTY, row, col)
return True
def shift_letters_back(self):
""" this function is used by del and backspace, to move the letters
backwards from after the cursor. the only difference between
backspace and delete is that backspace moves the cursor and
_then_ does letter-moving.
"""
self.highlight_cursor(False)
row = 0
col = self.word_selected_pos
x2 = self.tp.getColumnCount()-2
while (x2 != col):
txt = self.get_char(col+1)
self.set_grid_value(txt, row, col)
col += 1
self.set_grid_value(EMPTY, row, col)
def setCursorPos(self, col):
x2 = self.tp.getColumnCount()-1
col = min(x2, col)
col = max(col, 0)
if self.get_char(0) is None or self.get_char(0) == EMPTY:
col = 0
while (self.get_char(col-1) is None or \
self.get_char(col-1) == EMPTY) and col > 1:
col -= 1
self._move_cursor(col)
self.highlight_cursor(False)
self.word_selected_pos = col
self.highlight_cursor(self.focusset)
return True
def getCursorPos(self):
return self.word_selected_pos
def moveCursor(self, dirn):
x2 = self.tp.getColumnCount()-1
row = 0
col = self.word_selected_pos
if dirn == 1 and x2 == col+1:
return False
if dirn == -1 and 0 == col+1:
return False
return self.setCursorPos(col+dirn)
def onKeyUp(self, sender, keycode, modifiers):
evt = DOM.eventGetCurrentEvent()
DOM.eventCancelBubble(evt, True)
DOM.eventPreventDefault(evt)
def onKeyPress(self, sender, keycode, modifiers):
evt = DOM.eventGetCurrentEvent()
DOM.eventPreventDefault(evt)
def highlight_cursor(self, highlight):
""" highlights (or dehighlights) the currently selected cell
"""
if self.word_selected_pos is None:
return
col = self.word_selected_pos
self._highlight_cursor(col, highlight)
def getMaxLength(self):
return self.tp.getColumnCount()-1
def setMaxLength(self, x):
l = max(0, self.tp.getColumnCount()-1)
self.tp.resize(1, x+1)
self.clear(l)
def clear(self, fromrange=0):
for i in range(fromrange, self.tp.getColumnCount()):
self.set_grid_value(EMPTY, 0, i)
self.cf.setWidth(0, self.tp.getColumnCount()-1, "100%")
def onCellClicked(self, listener, row, col, direction=None):
self.setCursorPos(col)
def cursorFlash(self, timr):
if not self.focusset:
return
self.highlight_cursor(self.cstate)
self.cstate = not self.cstate
def onFocus(self, sender):
print "onFocus", sender
self.focusset = True
self.ctimer.scheduleRepeating(800)
def onLostFocus(self, sender):
print "onLostFocus", sender
self.focusset = False
self.ctimer.cancel()
self.highlight_cursor(False)
def get_char(self, x):
w = self.tp.getWidget(0, x)
return w and w.getHTML()
def getText(self):
txt = ''
for i in range(self.tp.getColumnCount()-1):
c = self.get_char(i)
if c is None or c == EMPTY:
break
txt += c
return txt
def setText(self, txt):
self.highlight_cursor(False)
self.clear()
txt = txt[:self.getMaxLength()]
for (i, c) in enumerate(txt):
self.set_grid_value(c, 0, i)
self.setCursorPos(min(self.getMaxLength()-1, len(txt)))
