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:
parent
751bc4a7d3
commit
1343619d11
4 changed files with 131 additions and 26 deletions
|
@ -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
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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 />
|
||||||
|
</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 />
|
||||||
|
</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 /> </div>
|
||||||
</metal:block>
|
</metal:block>
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -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
|
|
||||||
|
|
||||||
|
|
Loading…
Add table
Reference in a new issue