work in progress: lobo layout components

git-svn-id: svn://svn.cy55.de/Zope3/src/loops/trunk@3992 fd906abe-77d9-0310-91a1-e0d9ade77398
This commit is contained in:
helmutm 2010-09-11 07:31:31 +00:00
parent 751bc4a7d3
commit 1343619d11
4 changed files with 131 additions and 26 deletions

View file

@ -23,7 +23,7 @@ ZCML setup):
Using the Lobo Blueprint-based Layout Views Using the Lobo Blueprint-based Layout Views
=========================================== ===========================================
>>> from loops.browser.lobo.standard import Grid3, Single1 >>> from loops.browser.lobo.standard import Layout
Fin de partie Fin de partie

View file

@ -8,7 +8,15 @@
<!-- Views for the Lobo skin / grid-based layout --> <!-- Views for the Lobo skin / grid-based layout -->
<zope:adapter <zope:adapter
name="page.grid.3" name="lobo_layout"
for="loops.interfaces.IConcept
loops.browser.skin.Lobo"
provides="zope.interface.Interface"
factory="loops.browser.lobo.standard.Layout"
permission="zope.View" />
<zope:adapter
name="lobo_g3"
for="loops.interfaces.IConcept for="loops.interfaces.IConcept
loops.browser.skin.Lobo" loops.browser.skin.Lobo"
provides="zope.interface.Interface" provides="zope.interface.Interface"
@ -16,11 +24,27 @@
permission="zope.View" /> permission="zope.View" />
<zope:adapter <zope:adapter
name="page.single.1" name="lobo_l1"
for="loops.interfaces.IConcept for="loops.interfaces.IConcept
loops.browser.skin.Lobo" loops.browser.skin.Lobo"
provides="zope.interface.Interface" provides="zope.interface.Interface"
factory="loops.browser.lobo.standard.Single1" factory="loops.browser.lobo.standard.List1"
permission="zope.View" />
<zope:adapter
name="lobo_h1"
for="loops.interfaces.IConcept
loops.browser.skin.Lobo"
provides="zope.interface.Interface"
factory="loops.browser.lobo.standard.Header1"
permission="zope.View" />
<zope:adapter
name="lobo_h2"
for="loops.interfaces.IConcept
loops.browser.skin.Lobo"
provides="zope.interface.Interface"
factory="loops.browser.lobo.standard.Header2"
permission="zope.View" /> permission="zope.View" />
</configure> </configure>

View file

@ -1,23 +1,64 @@
<html i18n:domain="loops"> <html i18n:domain="loops">
<metal:block define-macro="basic"> <metal:block define-macro="layout">
<tal:part repeat="part item/getParts">
<metal:part use-macro="part/macro" />
</tal:part>
</metal:block>
<h1 tal:attributes="ondblclick item/openEditWindow"
tal:content="item/title" /> <metal:block define-macro="grid">
<tal:cell repeat="cell item/content"> <tal:cell repeat="cell part/getChildren">
<div tal:attributes="class cell/cssClass; <div tal:attributes="class cell/cssClass;
style cell/style"> style cell/style">
<a tal:attributes="href cell/url; <a tal:attributes="href cell/url;
title cell/object/description"> title cell/object/description">
<img tal:condition="cell/img" <metal:image use-macro="item/macros/image" />
tal:attributes="src cell/img/src"/>
<b tal:content="cell/text" /><br /> <b tal:content="cell/text" /><br />
<i tal:content="cell/object/description" /> <i tal:content="cell/object/description" />
</a> </a>
</div> </div>
</tal:cell> </tal:cell>
</metal:block>
<metal:block define-macro="list1">
<div>List1</div>
</metal:block>
<metal:block define-macro="header1">
<metal:headline use-macro="item/macros/headline" />
<div tal:define="cell part/setupConcept">
<metal:image use-macro="item/macros/image" />
<br />&nbsp;
</div>
</metal:block>
<metal:block define-macro="header2">
<metal:headline use-macro="item/macros/headline" />
<div tal:define="cell part/setupConcept">
<metal:image use-macro="item/macros/image" />
<br />&nbsp;
</div>
</metal:block>
<!-- basic component macros -->
<metal:image define-macro="image">
<img tal:condition="cell/img"
tal:attributes="src cell/img/src" />
</metal:image>
<metal:block define-macro="headline">
<h1 tal:attributes="ondblclick item/openEditWindow"
tal:content="item/title" />
<div tal:condition="item/description">
<i tal:content="item/description" /><br />&nbsp;</div>
</metal:block> </metal:block>

View file

@ -1,5 +1,5 @@
# #
# Copyright (c) 2008 Helmut Merz helmutm@cy55.de # Copyright (c) 2010 Helmut Merz helmutm@cy55.de
# #
# This program is free software; you can redistribute it and/or modify # This program is free software; you can redistribute it and/or modify
# it under the terms of the GNU General Public License as published by # it under the terms of the GNU General Public License as published by
@ -17,11 +17,12 @@
# #
""" """
View class(es) for integrating external objects. View classes for lobo (blueprint-based) layouts.
$Id$ $Id$
""" """
from cgi import parse_qs
from zope import interface, component from zope import interface, component
from zope.app.pagetemplate import ViewPageTemplateFile from zope.app.pagetemplate import ViewPageTemplateFile
from zope.cachedescriptors.property import Lazy from zope.cachedescriptors.property import Lazy
@ -38,10 +39,7 @@ class Base(ConceptView):
template = standard_template template = standard_template
templateName = 'lobo.standard' templateName = 'lobo.standard'
macroName = 'basic' macroName = None
imageSize = 'small'
height = 260
gridPattern = ['span-2', 'span-2', 'span-2 last']
@Lazy @Lazy
def macros(self): def macros(self):
@ -51,16 +49,42 @@ class Base(ConceptView):
def macro(self): def macro(self):
return self.macros[self.macroName] return self.macros[self.macroName]
def content(self):
class Layout(Base):
macroName = 'layout'
def getParts(self):
result = [] result = []
for idx, c in enumerate(self.context.getChildren([self.defaultPredicate])): ann = self.request.annotations.get('loops.view', {})
result.append(self.setupItem(idx, c)) params = parse_qs(ann.get('params') or '')
parts = (params.get('parts') or ['h1,g3'])[0].split(',')
for p in parts:
viewName = 'lobo_' + p
view = component.queryMultiAdapter((self.context, self.request),
name=viewName)
if view is not None:
result.append(view)
return result return result
def setupItem(self, idx, obj):
class BasePart(Base):
imageSize = 'small'
height = 260
gridPattern = []
def getChildren(self):
result = []
for idx, c in enumerate(self.context.getChildren([self.defaultPredicate])):
result.append(self.setupConcept(idx, c))
return result
def setupConcept(self, idx=0, obj=None):
if obj is None:
obj = self.context
text = obj.title text = obj.title
url = self.nodeView.getUrlForTarget(obj) url = self.nodeView.getUrlForTarget(obj)
# TODO: use layout settings of context and c for display
style = 'height: %ipx' % self.height style = 'height: %ipx' % self.height
return dict(text=text, url=url, cssClass=self.getCssClass(idx, obj), return dict(text=text, url=url, cssClass=self.getCssClass(idx, obj),
style=style, img=self.getImageData(idx, obj), style=style, img=self.getImageData(idx, obj),
@ -68,7 +92,8 @@ class Base(ConceptView):
def getCssClass(self, idx, obj): def getCssClass(self, idx, obj):
pattern = self.gridPattern pattern = self.gridPattern
return pattern[idx % len(pattern)] if pattern:
return pattern[idx % len(pattern)]
def getImageData(self, idx, concept): def getImageData(self, idx, concept):
for r in concept.getResources([self.defaultPredicate]): for r in concept.getResources([self.defaultPredicate]):
@ -78,12 +103,27 @@ class Base(ConceptView):
return dict(src=src) return dict(src=src)
class Grid3(Base): class Grid3(BasePart):
pass macroName = 'grid'
imageSize = 'small'
height = 260
gridPattern = ['span-2', 'span-2', 'span-2 last']
class Single1(Base): class List1(BasePart):
macroName = 'list1'
class Header1(BasePart):
macroName = 'header1'
class Header2(BasePart):
macroName = 'header2'
imageSize = 'medium'
pass