lizard网站的基本用户界面
项目描述
lizard-ui
Lizard-ui提供了一个基本的Django用户界面,包括一个基本的Django模板和一些css + javascript。我们为Nelen & Schuurmans的地理信息网站(带有水管理信息)设计了它。
翻译状态
选择、要求、假设
Lizard-ui有自己的见解:它做出了选择并规定了(好的!)技术。
包含:twitter-bootstrap css框架。它重置CSS样式,以便我们有一个共同的基础。它修复了常见的IE布局错误。它提供了一个相当令人愉悦的基本排版。并且它有一些使许多常见UI任务变得容易的javascript。
需要:django-staticfiles。对于更详细的描述,请参阅Reinout的博客条目(考虑到lizard-ui)。
必需:用于在生产中合并CSS/JavaScript文件的django_compressor。
假设:一个屏幕,使用浏览器全宽/高,不滚动。我们的主要目标是展示一个大地图,带有小标题和侧边栏。你不想滚动地图。当然,在主要内容区域内部也可以有滚动条。
假设:javascript可用。嘿,我们展示地图所以你需要javascript。所以我们自由地使用javascript来获取正确的UI,例如检测和设置主要内容区域的宽度和高度。
包含:jquery。是的,现在是相当标准的。所以我们使用jquery,当可以使用jquery代替通用javascript时。
包含:both jqueryui and jquerytools。视觉佳品。Jquerytools用于覆盖和标签页,jqueryui用于其他(拖放等)。
包含:作为地图javascript库的openlayers。(Lizard-map,很快将发布,包含我们的基本地图交互javascript和python代码)。
许可+许可
我们的许可协议是GPLv3。
Lizard-ui附带了一些外部css/javascript库。
- Twitter-bootstrap
Apache 2.0许可协议。
- Jquery和jqueryui
双许可协议下MIT或GPL版本2许可。包括Sizzle.js,在MIT、BSD和GPL许可下发布。
- Jquerytools
无版权或许可。做你想做的。
- Openlayers
清晰BSD许可。
- Famfamfam图标集
CC归因许可。
- Treeview jquery插件
MIT/GPL
Django设置
以下是一个你可以使用的settings.py
的摘录。媒体和静态根目录设置假设使用buildout,但你可以将它翻译成你自己的文件系统设置。
INSTALLED_APPS = [ 'lizard_ui', 'compressor', 'staticfiles', 'django.contrib.admin', 'django.contrib.auth', 'django.contrib.contenttypes', 'django.contrib.sessions', 'django.contrib.sites', ] # Note: the below settings are more elaborate than needed, # but we want to test django_compressor's compressing which # needs a media url and root and so. # SETTINGS_DIR allows media paths and so to be relative to # this settings file instead of hardcoded to # c:\only\on\my\computer. SETTINGS_DIR = os.path.dirname(os.path.realpath(__file__)) # BUILDOUT_DIR is for access to the "surrounding" buildout, # for instance for BUILDOUT_DIR/var/static files to give # django-staticfiles a proper place to place all collected # static files. BUILDOUT_DIR = os.path.abspath(os.path.join(SETTINGS_DIR, '..')) # Absolute path to the directory that holds user-uploaded # media. MEDIA_ROOT = os.path.join(BUILDOUT_DIR, 'var', 'media') # Absolute path to the directory where django-staticfiles' # "bin/django build_static" places all collected static # files from all applications' /media directory. STATIC_ROOT = os.path.join(BUILDOUT_DIR, 'var', 'static') # URL that handles the media served from MEDIA_ROOT. Make # sure to use a trailing slash if there is a path component # (optional in other cases). MEDIA_URL = '/media/' # URL for the per-application /media static files collected # by django-staticfiles. Use it in templates like "{{ # MEDIA_URL }}mypackage/my.css". STATIC_URL = '/static_media/' # URL prefix for admin media -- CSS, JavaScript and # images. Make sure to use a trailing slash. Uses # STATIC_URL as django-staticfiles nicely collects admin's # static media into STATIC_ROOT/admin. ADMIN_MEDIA_PREFIX = STATIC_URL + 'admin/'
并给出合适的apache配置提示
<Location /static_media/> # The css/javascript/image staticfiles are cached in the # browser for a day. ExpiresActive On ExpiresDefault "access plus 1 day" </Location> <Location /static_media/CACHE/> # django_compress's generated timestamp'ed files: # cache forever ExpiresActive On ExpiresDefault "access plus 10 years" </Location> # Static files are hosted by apache itself. # User-uploaded media: MEDIA_URL = '/media/' Alias /media/ ${buildout:directory}/var/media/ # django-staticfiles: STATIC_URL = '/static_media/' Alias /static_media/ ${buildout:directory}/var/static/
升级到Django 1.3
Lizard-ui 3.0需要Django 1.3,因为我们想开始使用基于类的视图和一些1.3的好东西。为此,你需要做一些更改。
添加
LOGGING
,例如使用from lizard_ui.settingshelper import setup_logging LOGGING = setup_logging(BUILDOUT_DIR) # For production, use for instance: # LOGGING = setup_logging(BUILDOUT_DIR, console_level=None)
并删除任何手动日志设置,例如使用
logging.basicConfig()
。从lizard_ui导入
STATICFILES_FINDERS
,这添加了一个查找器,除了在新的/static
中查找静态媒体外,还可以在/media
中查找。from lizard_ui.settingshelper import STATICFILES_FINDERS
COMPRESS_STORAGE
、COMPRESS_URL
和COMPRESS_ROOT
现在可以从你的设置中删除,因为默认值已经足够好了。从使用
bin/django build_static
切换到bin/django collectstatic
。
用法
你可以挂载lizard-ui的urls,但其中只包含实时示例。所以也许你只应该在/ui
下的调试模式下挂载它。很方便,因为它包含如何使用它的相当完整的文档,包括可用的块以及你可以使用的类/ID。
基本布局定义在realbase.html
中。然而,你应该扩展lizard_ui/lizardbase.html
,然后覆盖你想要的块。
CSS和javascript应该添加到相关的块中,但不要忘记调用“block.super”。一个例子
{% extends "lizard_ui/lizardbase.html" %} {% block css %} {{ block.super }} <link type="text/css" href="{{ STATIC_URL }}lizard_map/lizard_map.css" media="screen, projection" rel="stylesheet" /> {% endblock css %} {% block javascript %} {{ block.super }} <script type="text/javascript" src="{{ STATIC_URL }}openlayers/OpenLayers.js"></script> <script type="text/javascript" src="{{ STATIC_URL }}lizard_map/jquery.workspace.js"></script> <script type="text/javascript" src="{{ STATIC_URL }}lizard_map/lizard_map.js"></script> {% endblock javascript %} {% block content %} <div id="map"></div> {% endblock content %}
一个常见任务的例子:更改标志。为此,在你的django应用程序(或站点)中创建一个static/lizard_ui
目录,并在其中放置一个logo.png
。Django-staticfiles的机制将优先使用你的logo.png,而不是lizard-ui的。
开发安装
第一次,你需要运行“bootstrap”脚本来设置setuptools和buildout
$> python bootstrap.py
然后运行buildout来设置一切
$> bin/buildout
(在Windows上称为bin\buildout.exe
)。
当您或他人对 setup.py 或 buildout.cfg 进行更改时,您需要重新运行 buildout。
当前包作为“开发包”安装,因此 .py 文件中的更改会自动可用(就像使用 python setup.py develop 一样)。
如果您想使用其他包的 trunk 检出(而不是发布版本),请在 local_checkouts/ 目录中将它们添加为“svn external”,并将它们添加到 buildout.cfg 中的 develop = 列表。
可以使用 bin/test 或 bin\test.exe 运行测试。
语言选择器
从版本 4.21 开始,lizard-ui 添加了语言选择器。要为您的项目启用语言选择器,请在设置文件中添加以下更改
确保 USE_I18N = True 已设置。
添加 UI_SHOW_LANGUAGE_PICKER = True。
将 'django.middleware.locale.LocaleMiddleware' 添加到 MIDDLEWARE_CLASSES 中,位于 SessionMiddleware 行下方和 CommonMiddleware 行上方。
将可用语言放入 LANGUAGES 设置中,例如
LANGUAGES = ( ('en', 'English'), ('nl', 'Nederlands'), ('vi', 'Việt'), )
选择默认语言,例如 LANGUAGE_CODE = 'en'
TODO
记录您可以使用来自动获取(javascript)行为的所有可用类/ID。
记录javascript代码。
添加基本测试,以确保 example.html 没有错误地渲染。
最好添加对javascript代码的javascript测试。
添加渲染传入的(或已注册/配置的)对象_tabs 和对象_actions 列表的机制,包括一些美观的格式化。
添加面包屑机制。
重要:添加对登录功能的测试。
鸣谢
TODO 开始了这个库
lizard-ui 的更改日志
5.3 (2015-10-08)
将语言检查器移动到 lizard-map。这样就可以通过 Setting 对象启用。 [reinout]
使用正确的会话密钥来存储语言。 [reinout]
5.2 (2015-10-08)
开始使用阿拉伯语翻译(到目前为止,只有登录/注销已被翻译,作为测试)。 [reinout]
5.1.1 (2015-03-31)
Flot 格式化调整:显示年份时不要显示。否则太长了。
5.1 (2015-03-31)
直接(且脏)在下载的 flot 库中更改 UI(所以如果您下载了新的,请注意)。
始终在月份名称旁边显示年份。
硬编码荷兰语月份名称并修复了一些格式。
5.0 (2014-12-15)
将“awesomebox”的宽度加宽(20px)并加高(100px),以防止至少在只有一个结果时滚动。这样至少可以显示图形。您仍然需要滚动以查看添加到仪表板的表格……
修复了 #textual 页面(仪表板)上的滚动。
在模板中包含 elevationprofile.js
修复了登录模态中的布局错误。边距太大。
增强了 404 和 500 html 错误模板。
更新 daterange picker 颜色,使其与 lizard 头部相同。
支持,唉,在新标签页中打开操作……
为移动设备(ipad、iphone)设置 openlayers 2.13.1,为其他设备设置 2.12-r7。(有关如何在javascript中写出关闭脚本标签的解决方案,请参阅 http://stackoverflow.com/q/236073/27401)。
更新到 django 1.6。
4.28 (2013-05-14)
尚未有任何更改。
4.27 (2013-05-08)
尚未有任何更改。
4.26 (2013-05-06)
升级 Twitter bootstrap 到 2.3.1
升级 font-awesome v3.0.2
更新翻译。
4.25.1 (2013-04-04)
再次从我们的异常中间件中移除了 sentry_exception_handler() 调用(在 4.25 中引入),这会破坏测试。进一步调查显示,只有在我们的中间件中返回值时,该调用才是必要的,而我们没有返回值。
4.25 (2013-04-03)
合并了deltaportaal修复。在#popup-tabs旁边现在也有.popup-tabs。现在body标签可以有一个ID或类(用于纤维)。增加了一个额外的动作类别上的弹出悬停。
4.24 (2013-03-19)
尚未有任何更改。
4.23 (2013-03-19)
动作现在始终使用data_attributes,而不是仅用于content-actions。
应用程序现在可以完全删除侧边栏和右栏元素,而不会破坏JavaScript。
4.22 (2013-02-21)
添加了南非荷兰语翻译。
防止daterangepicker四舍五入到完整的天数/小时数。
4.21 (2013-02-20)
添加语言选择器。
4.20 (2013-02-19)
为测试目的添加了越南语的“登录”翻译。
4.19 (2013-02-19)
升级到zc.buildout 2.0.1。
使用翻译包来管理翻译。
更新荷兰语和越南语的翻译文件。
4.18 (2013-02-11)
更新了app_icons。
4.17 (2013-01-28)
修复了标志:移除了痕迹;使蜥蜴的脚趾更加明显。
4.16 (2013-01-22)
当SSO_ENABLED在您的设置中评估为True时,登录/注销将变为真正的超链接,而不是模态弹出窗口。链接将指向名为“登录”的URL别名。
修复了在打开/关闭侧边栏时地图不可用时的一个错误。
更新到jQuery UI 1.8.24。
4.15 (2012-12-19)
修复了urls.py,使其在作为站点的一部分运行时不会递归包含其他lizard-* URL。
使appscreen管理更加用户友好。
在快速加载appscreen后重新初始化popovers。
4.14 (2012-12-17)
将flot.fillbetween插件添加到JavaScript文件列表中。
在所有地方应用了将jquery的.ui-button重命名为.xui-button的更改。
还重命名了jquerys $(el).button为$(el).jqbutton,以避免与Bootstrap冲突。
4.13 (2012-12-04)
更新了Django版本。
将弹出加载旋转器对齐到中间。
4.12 (2012-11-22)
修复了图轴标签。
支持混合flot/matplotlib(IE8)图表。
将图表内容移到lizard-map,这是更适合它的地方(在当前应用程序结构中)。将来所有UI内容都应该放在lizard-ui中。
更新Twitter Bootstrap到v2.2.1。
添加了对可点击popovers的更好支持。
稍微更改了树样式以支持树项旁边的信息图标。
禁用OpenLayers瓦片的fadeIn。
添加了一个“即时”加载应用程序屏幕的跟踪。
4.11 (2012-10-18)
添加一些app_icons。
使用Font-Awesome作为图标。
稍微更改了样式。
4.10 (2012-10-05)
修复了不必要的django-compressor pin。
添加一些app_icons。
4.9 (2012-10-04)
从GPL重新许可到LGPL。
当sentry_level = None时,移除了对sentry的依赖。
修复了侧边栏宽度和内容div滚动条的问题。
将Twitter Bootstrap更新到2.1.1,html5shiv更新到最新开发版本,flot更新到最新开发版本。
删除了看似未使用的jquery-tools库。
将coffeescript合并到lizard_ui.js中。
各种样式修复。
将屏幕边缘附近的信息popovers更改为浏览器原生对应物。
向flot图添加控制按钮。添加flot navigate插件。
修复溢出(一次解决?)。
添加日期范围选择器。
添加IE版本和iPad检测。
4.8 (2012-08-23)
删除冲突的simplejson依赖。
删除与Django 1.4不兼容的raven。
当图表没有数据时添加错误。
4.7 (2012-08-23)
构建一个自定义的jquery.flot.axislabels.js,它要好得多(在不会破坏flot的draw()方面)。
将弹出窗口的选项卡切换到更优越的jquery-ui选项卡,取代了jquery-tools选项卡。
将flot更新到最新(git)版本,该版本支持正确的刻度渲染(在画布上而不是HTML元素上)。
再次修复文本内容滚动条/溢出。
更新了一些app_icons。
4.6 (2012-08-14)
标签的小样式问题。
4.5 (2012-08-14)
切换到OpenLayers暗色主题。
4.4 (2012-08-14)
Flot图表:计算刻度大小。
将OpenLayers更新到2.12。
样式:修复bootstrap破坏标签的问题,修复悬停弹出窗口的z-index。
4.3 (2012-07-26)
修复了轻微的布局问题。
4.2 (2012-07-12)
在侧边栏导航树中美化背景渐变。
修复了轻微的布局问题。
4.1 (2012-06-28)
即使我们没有指向当前页面的应用程序图标,也要尝试构建一个面包屑。
4.0 (2012-06-19)
日期范围样式;修复FOUC;修复H2上的指针。
增加右侧边栏,以便图例适合。
为多选按钮添加了样式。
正确处理登录表单上的全局错误提交。
将折叠侧边栏按钮的标签更改为“Navigatie”。
4.0b6 (2012-06-06)
将IE 6和7的excanvas移出压缩之外。
修复了尾随逗号(IE7不喜欢它们)。
4.0b5 (2012-06-05)
将zettingen.png图标替换为带阴影的图标。
4.0b4 (2012-06-01)
在UiView上添加了required_permission属性。如果您设置它,将检查权限,并在需要时将用户重定向。
4.0b3 (2012-06-01)
微调样式。
添加了flot条形图支持。
4.0b2 (2012-05-31)
正确关闭隐藏侧边栏时的次要侧边栏(“Kaartlagen”)。
添加了Flot JavaScript库。
修复了与工作空间相关的小样式问题。
升级到jQuery 1.7.2,其中包含一些.ajax()修复。
添加了对新FlotGraph的客户端支持。
4.0b1 (2012-05-29)
UI修复:图形自动加载;工作空间项填充/边距;注释掉jqueryui按钮,因为它们与bootstrap的css冲突。
将sentry客户端升级到raven。
更新了configchecker。
在jquery-ui-1.8.5.custom.css的第413行添加了注释,以删除与Twitter Bootstrap冲突的类.ui-button-text-only .ui-button-text [Gijs Nijholt]
修复了与模态和非模态登录表单的一些交互问题。
恢复了手风琴行为,并改善了左侧栏的样式。
4.0a2 (2012-05-18)
通过从bootstrap的css中删除max-width来修复看不见的Google地图。
4.0a1 (2012-05-18)
添加了zettingen图标(从演示站点复制)。
合并了reinout-bootstrap分支(“deltaportaal布局”)。
使用编译后的css/js而不是less/coffee。
使用更小的标志。
添加了twitter-bootstrap的源代码分发。您需要安装node.js及其包管理器npm以安装lessc和uglify-js(仅当您需要重新构建twitter-bootstrap时才需要)。
更改了图标填充以适应Chrome中的两列。
修复了几个样式问题。
使弹出窗口兼容。
添加了sphinx设置以生成文档。
3.16 (2012-05-10)
添加了1个新的ap图标。
删除了protovis。它通常不使用。它被http://mbostock.github.com/d3/取代。
3.15 (2012-04-13)
colorpicker.js末尾缺少逗号导致演示站点中断。这是真的。这个重磅发布添加了一个。
3.14 (2012-04-13)
将Openlayers更新到2.11。
3.13 (2012-03-20)
将用户添加到渲染应用程序图标的模板的上下文中,因此可以使其依赖于当前登录的用户。
3.12 (2012-02-16)
添加了两个图标。
3.11 (2012-01-17)
使面包屑可配置。
向应用程序屏幕添加了面包屑的辅助函数。
3.10 (2012-01-04)
将令人困惑的面包屑更改为简单的“主页”链接。
3.9 (2011-12-12)
修复了Ajax调用失败的问题,因为它们没有CSRF cookie。
3.8.1 (2011-12-08)
修复了登录表单未重定向的问题。
3.8 (2011-12-07)
添加了narrowcasting.png图标,如heerhugowaard站点所示。
3.7.1 (2011-11-28)
修复了lizard.js中的不正确语法。
3.7 (2011-11-08)
将live: true添加到tipsy提示中,以便稍后创建的元素也可以获取提示。
3.6 (2011-10-28)
在js列表中交换了datatable和colorpicker的顺序,因为django-compressor对它们有点影响。
使debugmode_urlpatterns()更健壮。在没有MEDIA_URL和MEDIA_ROOT设置的情况下,它在settings.py中崩溃。
改进了i18n和tipsy提示。
3.5 (2011-10-19)
使用django-staticfiles的urls而不是django的内置contrib.staticfiles’。它与“runserver”一起工作,但与“run_gunicorn”(如果您已在项目中启用gunicorn)一起失败。
添加了实验性的表格排序javascript。
打印改进(例如隐藏openlayers控件)。
从公司内部svn迁移到github: https://github.com/lizardsystem/lizard-ui .
3.4 (2011-09-23)
已将 media/ 目录重命名为 static/,因为现在这是 django-staticfiles 的默认设置。
添加了“i18n”管理命令,以简化翻译。
现在默认字符串逐渐变为英语而不是我们隐含预期的荷兰语,因此添加了对 i18n 设置的配置检查...
为几个字符串添加了翻译标记和荷兰语翻译。
3.3 (2011-09-05)
添加了可选的 Sentry 设置。
将登录视图重新设计为基于类的视图。
修复了网页打印时显示进度图标而不是图表的问题(问题单 3180)。
3.2 (2011-08-30)
添加了 short_timedelta 模板过滤器。
添加了 ViewContextMixin 混合类,用于基于类的视图,它将 {‘view’: self} 添加到视图的上下文字典中。这应该是您上下文中需要的所有内容。
3.1.2 (2011-08-29)
修复了 debugmode_urlpatterns 检查器。
3.1.1 (2011-08-29)
添加了一个检查器,如果未导入 debugmode_urlpatterns,则会发出警告。
3.1 (2011-08-29)
TracebackLoggingMiddleware 现在不再需要,因此配置检查器现在会告诉您,如果您的 MIDDLEWARE_CLASSES 中仍有此设置。
默认关闭了 SQL 语句记录。
添加了在调试模式下显示 static/ 和 media/ 文件的 URL 模式。通过从 lizard_ui.urls 导入 debugmode_urlpatterns 并调用 urlpatterns += debugmode_urlpatterns() 来使用它。
3.0 (2011-08-19)
添加了基于 JavaScript 的 csrf-for-ajax 修复方案,该方案建议在 https://docs.django.ac.cn/en/1.3/ref/contrib/csrf/#ajax
针对 Django 1.3 进行了调整。请注意,这现在也是一个依赖项!升级将稍微困难一些。运行 bin/django check_config 以检查您的配置。有关更多信息,请参阅 README。
2.1.6 (2011-08-10)
添加了 projecten.png、oppervlaktewater.png、grondwater.png、riolering.png。
2.1.5 (2011-08-01)
添加了 ApplicationScreen.crumb。
添加了 oevers.png。
2.1.4 (2011-07-28)
删除了针对 lizard-map 的特定 tipsy 代码(对 #transparency-slider 的引用)。
将 tipsy 代码移动到 setUpTipsy() 中。
2.1.3 (2011-07-12)
删除了 console.log。
2.1.2 (2011-07-12)
重写了 stretchOneSidebarbox:旧的版本首先拉伸很大,然后收缩到正确的大小。问题是大型列表的滚动焦点会改变。#3030。
2.1.1 (2011-06-30)
在 realbase 中添加了 google_tracking_code 选项。
2.1 (2011-06-29)
更新了 favicon.ico 为 lizard。
添加了“播放”图标。
2.0 (2011-06-22)
修复了 logo(它略微太高)。
1.70 (2011-06-22)
新的 lizard logo(没有灰色背景,因为这与我们自己的灰色渐变冲突),但现在是可行的。
更多带阴影的应用图标。
1.69 (2011-06-21)
使弹出窗口更一致(阴影颜色和大小)。
1.68 (2011-06-17)
修复了错误的 .gif 图像文件类型。
1.67 (2011-06-16)
修复了 #2882:将 CSS 修改为使某些部分溢出:自动。
1.66 (2011-06-16)
添加了当下一个手风琴面板加载失败时的错误信息。
1.65 (2011-06-10)
除了 reloadGraphs() 外,还添加了 reloadLocalizedGraphs(),仅重新加载特定 div 中的图表。(用于 lizard-map 弹出窗口中的选项卡)。
添加了 Tipsy(Facebook/Github 风格的工具提示 https://github.com/jaz303/tipsy)
添加了 buttons.css(来自 https://github.com/ubuwaits/css3-buttons)
一些可重复的背景。(来自 http://subtlepatterns.com/)
一些图标来自 http://glyphicons.com/,分别添加/实现。(TODO:在 sprite.png 和样式表中正确集成)
OpenLayers “Dark” 主题。
重新导出了一些图标 PNG 文件(meldingen、kaarten)并带有 alpha 通道阴影。
在 ApplicationScreen 模型中添加了额外字段。 (description,用于在 tipsy 工具提示中显示)
在“iphonesque”应用屏幕中居中图标。
在应用屏幕中添加了内嵌阴影。
将应用屏幕字体更改为 helvetica-light。(TODO:尝试使用 Google Webfonts)
将灰色 H2 条的斜面改为更高的对比度,以表达更多的深度。
将 lizard logo 对齐到最左侧。
为几个界面元素添加了工具提示。
改进了面包屑的显示效果。(待办:位置是否仍然有些不协调?)
修改了OpenLayers的javascript和css,使图层选择器的背景色与暗色主题匹配。
1.64 (2011-06-01)
修改了手风琴的行为。所有标题都刷新了,但我们不再刷新所有面板内容:只有新的那个。这确保了树保持展开状态。并且它减少了大型树的重新渲染时间。理论上,如果这会影响到性能,我们不需要发送所有面板的数据。
1.63 (2011-05-30)
在#portal-tabs上移除了相对定位。参见工单#2827。
撤销了在更改集21174中对.sidebarbox-action-icon所做的更改。甚至额外增加了1px,以更好地垂直对齐工作空间项目。参见工单#2750以获取截图。
为save_form添加了额外的类名。
将portal-tabs做得更大,并添加了圆角。
更正了wrong-login的text-align。
“登录”和“注销”链接具有相同的光标:它们之前不同,“注销”有一个不合理的光标,即cursor:text。
1.62 (2011-05-18)
固定了不属于标题的workspaceitem图标在垂直方向的位置。
1.61 (2011-05-17)
将菜单栏的高度设置为2em,以防止较长的内容溢出栏。
在media/lizard_ui/favicon.ico中添加了favicon图像。因此,如果您想在项目中使用不同的favicon,请将更新的图标放置在网站media/lizardui/文件夹中。
1.60 (2011-05-06)
更改了.workspace的CSS(#2659)。
添加了五个自定义图标。(Gijs,Dave要求)
由于1.5.2中的IE8漏洞,降级到jQuery 1.5.1。参见https://office.nelen-schuurmans.nl/trac/ticket/2656#comment:5,参见http://bugs.jquery.com/ticket/8755
1.59 (2011-04-28)
删除了“版权所有@ Nelen ...”文本。
1.58 (2011-04-27)
添加了dacom图标。
更新了tabs的CSS(对于lizard-map >= 1.71需要)。
1.57 (2011-04-20)
添加了新的洪水图标flooding2.png。
将OpenLayers从2.8更新到2.10。
Jslint lizard.js。
1.56 (2011-04-14)
更新了Lizard标志。
添加了lizard_ui/tabs.css。
将jQuery从1.4.2更新到1.5.2,jQuery UI从1.8.2更新到1.8.11,jQueryTools从1.2.2更新到1.2.5。TreeView从1.4更新到1.4.1。
为进度动画图像添加了CSS类。
1.55 (2011-04-05)
添加了3di图标。
添加了水平衡图标。
1.54 (2011-03-18)
移除了.auto-inserted的宽度: 100% CSS。没有它也可以正常工作。在此之前,图像略微水平缩放。
在divideVerticalSpaceEqually()方法中添加了双高度项的可能性。只需将“double-vertical-item”类而不是“vertical-item”添加到要提供双倍高度的项上。
1.53 (2011-03-09)
移除了setUpWorkspaceAcceptableButtons。现在,当点击workspace-acceptable时将添加按钮(lizard-map 1.58及以上版本)。
当加载“替换为图像”图像时出现错误,添加了错误消息。而不是永远旋转的“加载中...”图标。
1.52 (2011-02-23)
居中进度动画。
为进度动画添加了data-src(用于调试目的)。
1.51 (2011-02-15)
将进度动画添加到vertical-item / img-use-my-size / replace-with-image。
1.50 (2011-02-15)
添加了dike和controlnext图标。
1.36 (2011-02-15)
添加了对应用程序屏幕和图标的支持:添加了模型和视图。
1.35 (2011-02-02)
重构了lizard.js中的window.resize函数 [Gijs]。
1.34 (2011-02-01)
添加了面包屑示例。
添加了新的面包屑方法。参见示例。
添加了protovis库。
添加了对portal-tabs的支持,也参见示例页面。
1.33 (2011-01-24)
在注销函数中移除了preventDefault。
1.32 (2011-01-20)
仍在尝试修复注销漏洞。
1.31 (2011-01-20)
修复了注销漏洞。
1.30 (2011-01-20)
添加了turtle应用程序图标。
注销后,将返回到“/”。
改进了登录功能。
添加了(空的)登录屏幕,具有重定向选项。
1.29 (2011-01-13)
在workspace acceptable按钮中添加了 。
1.28 (2011-01-12)
在lizard.js中添加了setUpWorkspaceAcceptableButtons。该函数在lizard-ui中,因为setUpAccordion也需要这个函数。
1.27 (2010-12-08)
加载手风琴重新初始化树结构。
1.26 (2010-12-06)
添加了默认的500和404页面。
1.25 (2010-12-01)
添加了自定义模板标签dutch_timedelta。
将提示框CSS从lizard_map移动到这里。
为树片段添加可选描述。
1.24 (2010-11-24)
添加了CSS类action-icon。
1.23 (2010-11-11)
在加载手风琴时重新初始化提示框。
在lizard.js中添加了setUpTooltips()。
1.22 (2010-11-09)
更新了手风琴:当点击一个项目时,所有面板和标题都会更新。
1.21 (2010-10-15)
将“apple”图标高度设置为80px。
1.20 (2010-10-15)
修复了IE7打印问题。
添加了异常记录中间件。
添加了app_icons。
添加了侧边栏和sidebarbox CSS条目。
添加了用于创建树的tree_snippet.html模板。
1.19 (2010-09-27)
修复了登录弹出窗口中IE的浮动问题。
修复了IE中“从打印视图还原”图标的可视性问题。
1.18 (2010-09-27)
添加了自动打印按钮,同时也允许您再次展开打印前折叠的视图。
现在表格将以网格和适当的左/中/右对齐方式打印。
链接不再打印(至少,在打印时不会将它们的URL附加到链接文本中)。
1.17 (2010-09-22)
添加了colorpicker js库。
添加了createcoverage命令。
1.16 (2010-09-08)
添加了更多测试。
对弹出窗口进行了小的布局调整。
1.15 (2010-09-03)
添加了实用模板标签。
1.14 (2010-08-30)
现在通过django导入json。
1.13 (2010-08-30)
修复了simplejson的bug。
1.12 (2010-08-27)
对支持lizard-map的新图形弹出窗口进行了小的调整。(稍后需要更好的lizard-ui和lizard-map分离:在截止日期之后 :-))。
1.11 (2010-08-26)
设计了登录表单,包括适当的“enter”行为和第一个字段获得焦点处理。
1.10 (2010-08-26)
将一些CSS样式从lizard-map移动到lizard-ui。
添加了初始登录支持和表单。如果您想使用它,需要将lizard-ui的urls.py添加到您的项目中。
改进了拖放视觉反馈。
1.8 (2010-08-18)
JavaScript语法修复:添加了两个分号并移除了另一个。
1.7 (2010-07-15)
通过使用“data-href-click”属性使“替换为图片”可点击。
添加了ol.forms CSS。
1.6 (2010-07-06)
图片替换现在查看“use-my-size”类,而不是use-my-width/height。
添加了javascript “printPage()”函数,该函数打印一个至少不会流过物理纸张页面右侧的网页。打印使用自定义打印样式表和blueprint的打印样式表。打印肯定还不完美,但至少可用。注意:您应该在打印后刷新或调整页面大小以再次获得完整宽度。
1.5 (2010-07-01)
添加了通用的自动图像调整大小(用具有与href相同的src的图像替换通用的“a href”,然后确定高度/宽度并将这些作为GET参数以及img标签的属性传递)。
通过全局变量修复了调整大小定时器。
仅计算一次隐藏StuffHeight(目前:仅日期弹出窗口隐藏div),在日期弹出窗口打开之前。修复了屏幕底部出现大空隙的bug。
1.4.1 (2010-06-25)
更新了TODO列表。
1.4 (2010-06-25)
我们现在位于Python包索引,万岁! http://pypi.python.org/pypi/lizard-ui
更新了包元数据。
大的README文档更新。
1.3 (2010-06-23)
在侧边栏折叠/展开时添加了图形重新加载。
UI CSS修复(在几个地方使用overflow:hidden以防止角落情况下的滚动条,例如)。
1.2 (2010-06-22)
现在使用JavaScript浮动主要内容区域并给它适当的宽度。这使得IE中的布局更可靠。
主要内容使用“overflow: hidden”来一次性消除滚动条:有时会出现小的布局bug导致出现滚动条。滚动条占用空间,因此主要内容浮动会向下推。我们假设有一个没有滚动的单页,所以隐藏滚动条是完全可以接受的。(主要内容本身可以有滚动条以显示文本内容)。
1.1 (2010-06-18)
IE调整。
1.0 (2010-06-17)
使用jslint修复了JavaScript代码。
添加了django-compressor来压缩和合并JavaScript和CSS。您需要在http://dpaste.de/xLDU/中添加配置到您的设置,并将“compressor”添加到已安装的应用程序中。
改为单独的“javascript”和“css”块,而不是site-head-extras、head-extras等。确保在覆盖块时添加{{super.block}}。
0.12 (2010-06-11)
升级到jqueryui 1.8.2(从1.8.1)。
移除了与jquerytools实现冲突的jqueryui的tab组件。jquerytools的实现对我们的现有sidebar css更加友好。
0.11 (2010-06-08)
添加了对jquery tree的直接支持。我们已经有基本的treeview JavaScript,所以lizard-ui是设置它的合理位置。
0.10 (2010-06-07)
为stretchOneSidebarBox()添加了fillSidebar()别名。
将标题块拆分为sitetitle/subtitle,因为这是常见的。
0.9 (2010-06-03)
使用jQuery的live()进行“后期绑定”事件到后来通过JavaScript添加的元素。节省了一些代码。
0.8 (2010-06-01)
为sidebar添加了通用的手风琴处理。包括Ajax加载。
0.7 (2010-05-18)
为sidebar中的手风琴行为添加了jquerytools。
布局修复,主要是sidebar。还包括底部日期选择器div的修复。
更新到jquery-ui 1.8.1。
0.6 (2010-04-28)
添加了可折叠的sidebar。
将CSS框架从yui更改为blueprint:更易于理解。选择yui的原因是它有一个100%宽度的布局。由于可折叠sidebar,我们现在自己构建布局(网格方式),因此现在可以切换回blueprint。
布局改为与Dirk-Jan的最新截图匹配。
0.5 (2010-04-13)
布局改进。
添加了文档(只需挂载我们的urls!)
移除了单独的图标,只留下sprite图标。
添加了jqueryui。包括它将自动。这也意味着extjs不再自动包括。
sidebar宽度为300px,而不是180px。
0.4 (2010-03-16)
添加了extjs JavaScript库。
添加了用于平分垂直空间的JavaScript和CSS。
0.3.1 (2010-03-05)
错误修复:从模板中删除了示例面包屑内容。
0.3 (2010-03-05)
添加了openlayers 2.8。
添加了famfamfam silk图标集。
为菜单栏、页脚和主体添加了背景。
移除了blueprint并添加了YUI CSS框架。
0.2 (2010-02-12)
将模板嵌套在templates/lizard_ui中,而不是直接在templates中。我们现在表现良好!
0.1 (2010-02-12)
添加了lizardbase.html模板作为lizard用户界面的基础。
将django-staticfiles添加为依赖项,用于管理CSS和JavaScript资源。
添加了blueprint CSS框架。
初始结构由nensskel创建。