add new Mojo skin - management interface based on Dojo
git-svn-id: svn://svn.cy55.de/Zope3/src/cybertools/trunk@4036 fd906abe-77d9-0310-91a1-e0d9ade77398
This commit is contained in:
parent
74afbba15a
commit
73cc58e295
9 changed files with 252 additions and 0 deletions
|
@ -40,4 +40,7 @@
|
|||
<!-- a skin based on blueprint css -->
|
||||
<include package=".blue" />
|
||||
|
||||
<!-- a skin for management tasks based on Dojo -->
|
||||
<include package=".mojo" />
|
||||
|
||||
</configure>
|
||||
|
|
10
browser/mojo/__init__.py
Normal file
10
browser/mojo/__init__.py
Normal file
|
@ -0,0 +1,10 @@
|
|||
"""
|
||||
$Id$
|
||||
"""
|
||||
|
||||
from zope.app.rotterdam import Rotterdam
|
||||
|
||||
|
||||
class Mojo(Rotterdam):
|
||||
""" The Mojo (Management Interface with Dojo) skin """
|
||||
|
22
browser/mojo/base.css
Normal file
22
browser/mojo/base.css
Normal file
|
@ -0,0 +1,22 @@
|
|||
/*
|
||||
$Id$
|
||||
|
||||
*/
|
||||
|
||||
body, html {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow:hidden;
|
||||
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
|
||||
font-size: 13px;
|
||||
background-color: white;
|
||||
color: #000040;
|
||||
}
|
||||
|
||||
#borderContainer {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
65
browser/mojo/body.pt
Normal file
65
browser/mojo/body.pt
Normal file
|
@ -0,0 +1,65 @@
|
|||
<tal:block i18n:domain="loops">
|
||||
<metal:block define-macro="body"
|
||||
tal:define="controller nocall:view/controller;
|
||||
resourceBase controller/resourceBase;">
|
||||
|
||||
<div id="borderContainer"
|
||||
dojoType="dijit.layout.BorderContainer"
|
||||
gutters="true">
|
||||
|
||||
<div id="global" metal:define-macro="global"
|
||||
dojoType="dijit.layout.ContentPane"
|
||||
region="top" splitter="false">
|
||||
<div class="top" metal:define-slot="top">
|
||||
<a href="#" name="top" metal:define-slot="logo"
|
||||
tal:attributes="href string:${request/URL/1}"><img class="logo"
|
||||
src="logo.gif" border="0" alt="Home"
|
||||
tal:attributes="src string:${resourceBase}logo.gif" /></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="mainSplit"
|
||||
dojoType="dijit.layout.BorderContainer"
|
||||
region="center" gutters="true" design="sidebar"
|
||||
splitter="false" liveSplitters="true">
|
||||
<div metal:define-macro="menu"
|
||||
dojoType="dijit.layout.ContentPane"
|
||||
region="leading" splitter="true"
|
||||
style="width: 15%">
|
||||
<tal:portlet repeat="macro controller/macros/portlet_left">
|
||||
<metal:portlet use-macro="macro" />
|
||||
</tal:portlet>
|
||||
</div>
|
||||
<div metal:define-macro="content"
|
||||
dojoType="dijit.layout.ContentPane"
|
||||
region="center" splitter="true">
|
||||
<div metal:define-slot="actions"></div>
|
||||
<div metal:define-slot="message"></div>
|
||||
<metal:content define-slot="content">
|
||||
<tal:content define="item nocall:view/item;
|
||||
level level|python: 1;
|
||||
macro item/macro;"
|
||||
condition="macro">
|
||||
<metal:block use-macro="macro" />
|
||||
</tal:content>
|
||||
</metal:content>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer" metal:define-macro="footer"
|
||||
dojoType="dijit.layout.ContentPane"
|
||||
region="bottom" splitter="false"
|
||||
style="margin-top: 0">
|
||||
<metal:footer define-slot="footer">
|
||||
Powered by <b><a href="http://www.python.org">Python</a></b> ·
|
||||
<b><a href="http://loops.cy55.de">loops</a></b> ·
|
||||
<b><a href="http://wiki.zope.org/zope3">Zope 3</a></b> ·
|
||||
<b><a href="http://www.python.org">Python</a></b> ·
|
||||
<b><a href="http://www.dojotoolkit.org">Dojo</a></b>.
|
||||
</metal:footer>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</metal:block>
|
||||
</tal:block>
|
31
browser/mojo/browser.py
Normal file
31
browser/mojo/browser.py
Normal file
|
@ -0,0 +1,31 @@
|
|||
#
|
||||
# Copyright (c) 2006 Helmut Merz helmutm@cy55.de
|
||||
#
|
||||
# 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
|
||||
# the Free Software Foundation; either version 2 of the License, or
|
||||
# (at your option) any later version.
|
||||
#
|
||||
# This program is distributed in the hope that it will be useful,
|
||||
# but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
# GNU General Public License for more details.
|
||||
#
|
||||
# You should have received a copy of the GNU General Public License
|
||||
# along with this program; if not, write to the Free Software
|
||||
# Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
|
||||
#
|
||||
|
||||
"""
|
||||
Dummy view class for providing the body template.
|
||||
|
||||
$Id$
|
||||
"""
|
||||
|
||||
from cybertools.browser.view import UnboundTemplateFile
|
||||
|
||||
|
||||
class View(object):
|
||||
|
||||
bodyTemplate = UnboundTemplateFile('body.pt')
|
||||
|
32
browser/mojo/configure.zcml
Normal file
32
browser/mojo/configure.zcml
Normal file
|
@ -0,0 +1,32 @@
|
|||
<!-- $Id$ -->
|
||||
|
||||
<configure
|
||||
xmlns:zope="http://namespaces.zope.org/zope"
|
||||
xmlns="http://namespaces.zope.org/browser"
|
||||
i18n_domain="zope">
|
||||
|
||||
<zope:interface
|
||||
interface="cybertools.browser.mojo.Mojo"
|
||||
type="zope.publisher.interfaces.browser.IBrowserSkinType"
|
||||
name="Mojo" />
|
||||
|
||||
<page for="*"
|
||||
name="body.html"
|
||||
class="cybertools.browser.mojo.browser.View"
|
||||
permission="zope.View"
|
||||
layer="cybertools.browser.mojo.Mojo" />
|
||||
|
||||
<page name="controller"
|
||||
for="zope.publisher.interfaces.browser.IBrowserView"
|
||||
class="cybertools.browser.mojo.controller.Controller"
|
||||
permission="zope.Public"
|
||||
layer="cybertools.browser.mojo.Mojo" />
|
||||
|
||||
<resource name="base.css" file="base.css"
|
||||
layer="cybertools.browser.mojo.Mojo" />
|
||||
<resource name="print.css" file="print.css"
|
||||
layer="cybertools.browser.mojo.Mojo" />
|
||||
<resource name="custom.css" file="custom.css"
|
||||
layer="cybertools.browser.mojo.Mojo" />
|
||||
|
||||
</configure>
|
65
browser/mojo/controller.py
Normal file
65
browser/mojo/controller.py
Normal file
|
@ -0,0 +1,65 @@
|
|||
#
|
||||
# Copyright (c) 2010 Helmut Merz helmutm@cy55.de
|
||||
#
|
||||
# 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
|
||||
# the Free Software Foundation; either version 2 of the License, or
|
||||
# (at your option) any later version.
|
||||
#
|
||||
# This program is distributed in the hope that it will be useful,
|
||||
# but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
# GNU General Public License for more details.
|
||||
#
|
||||
# You should have received a copy of the GNU General Public License
|
||||
# along with this program; if not, write to the Free Software
|
||||
# Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
|
||||
#
|
||||
|
||||
"""
|
||||
View controller for the Mojo skin.
|
||||
|
||||
$Id$
|
||||
"""
|
||||
|
||||
from cybertools.ajax.dojo import dojoMacroTemplate
|
||||
from cybertools.browser.controller import Controller as BaseController
|
||||
|
||||
|
||||
class Controller(BaseController):
|
||||
|
||||
def __init__(self, context, request):
|
||||
self.view = view = context # the controller is adapted to a view
|
||||
self.context = context.context
|
||||
self.request = request
|
||||
self.setupCss()
|
||||
self.setupJs()
|
||||
super(Controller, self).__init__(context, request)
|
||||
|
||||
def setupCss(self):
|
||||
macros = self.macros
|
||||
params = [('base.css', 'screen', 25),
|
||||
('print.css', 'print', 30),
|
||||
('custom.css', 'all', 100)]
|
||||
for param in params:
|
||||
macros.register('css', identifier=param[0],
|
||||
resourceName=param[0], media=param[1],
|
||||
priority=param[2])
|
||||
|
||||
def setupJs(self):
|
||||
cm = self.macros
|
||||
cm.register('js', 'dojo.js', template=dojoMacroTemplate, name='main',
|
||||
position=0,
|
||||
djConfig='parseOnLoad: true, usePlainJson: true, '
|
||||
#'isDebug: true, '
|
||||
'locale: "en"')
|
||||
jsCall = ('dojo.require("dojo.parser"); '
|
||||
'dojo.registerModulePath("jocy", "/@@/cybertools.jocy"); ')
|
||||
cm.register('js-execute', 'dojo_registration', jsCall=jsCall)
|
||||
|
||||
jsCall = ('dojo.require("dijit.layout.ContentPane"); '
|
||||
'dojo.require("dijit.layout.BorderContainer"); ')
|
||||
cm.register('js-execute', 'dojo_contentpane', jsCall=jsCall)
|
||||
cm.register('css', identifier='tundra.css', position=0,
|
||||
resourceName='ajax.dojo/dijit/themes/tundra/tundra.css',
|
||||
media='all')
|
7
browser/mojo/custom.css
Normal file
7
browser/mojo/custom.css
Normal file
|
@ -0,0 +1,7 @@
|
|||
/*
|
||||
$Id$
|
||||
|
||||
Copy this to your custom skin directory and add custom settings.
|
||||
|
||||
*/
|
||||
|
17
browser/mojo/print.css
Normal file
17
browser/mojo/print.css
Normal file
|
@ -0,0 +1,17 @@
|
|||
/*
|
||||
$Id$
|
||||
|
||||
*/
|
||||
|
||||
body {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.top, #header, #menu, #sub-section, #footer, .object-actions, .button {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#content {
|
||||
width: 100%;
|
||||
color: Black;
|
||||
}
|
Loading…
Add table
Reference in a new issue