跳转到主要内容

lizard网站的基本用户界面

项目描述

lizard-ui

Lizard-ui提供了一个基本的Django用户界面,包括一个基本的Django模板和一些css + javascript。我们为Nelen & Schuurmans的地理信息网站(带有水管理信息)设计了它。

https://secure.travis-ci.org/lizardsystem/lizard-ui.png?branch=master

翻译状态

https://translations.lizard.net/projects/p/lizardsystem/resource/lizard-ui/chart/image_png

选择、要求、假设

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_STORAGECOMPRESS_URLCOMPRESS_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.pybuildout.cfg 进行更改时,您需要重新运行 buildout。

当前包作为“开发包”安装,因此 .py 文件中的更改会自动可用(就像使用 python setup.py develop 一样)。

如果您想使用其他包的 trunk 检出(而不是发布版本),请在 local_checkouts/ 目录中将它们添加为“svn external”,并将它们添加到 buildout.cfg 中的 develop = 列表。

可以使用 bin/testbin\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)

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)

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按钮中添加了&nbsp;。

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)

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创建。

项目详情


下载文件

下载适用于您平台的文件。如果您不确定选择哪个,请了解有关安装包的更多信息。

源分布

lizard-ui-5.3.tar.gz (7.7 MB 查看哈希值)

上传时间

由以下支持

AWS AWS 云计算和安全赞助商 Datadog Datadog 监控 Fastly Fastly CDN Google Google 下载分析 Microsoft Microsoft PSF赞助商 Pingdom Pingdom 监控 Sentry Sentry 错误日志 StatusPage StatusPage 状态页面