From eb391450fce38a448e2cb67892d771bc221aae91 Mon Sep 17 00:00:00 2001 From: Ralph Bean Date: Tue, 12 Apr 2011 13:44:48 -0400 Subject: Style tweaks --- leafymiracle/__init__.py | 1 + leafymiracle/static/css/leafy.css | 7 +++++++ leafymiracle/templates/model.pt | 5 +++-- leafymiracle/widgets.py | 35 ++++++++++++++++++++++++++++++++--- 4 files changed, 43 insertions(+), 5 deletions(-) create mode 100644 leafymiracle/static/css/leafy.css diff --git a/leafymiracle/__init__.py b/leafymiracle/__init__.py index 46e19d9..0a89de9 100644 --- a/leafymiracle/__init__.py +++ b/leafymiracle/__init__.py @@ -32,6 +32,7 @@ def main(global_config, **settings): config.add_view('leafymiracle.views.view_model', context='leafymiracle.models.Root', renderer="templates/model.pt") + config.add_static_view(name='static', path='static') # Create the data view for our tw2.jit.SQLARadialGraph jit_view = lambda context, request: LeafyGraph.request(request) diff --git a/leafymiracle/static/css/leafy.css b/leafymiracle/static/css/leafy.css new file mode 100644 index 0000000..78e98f5 --- /dev/null +++ b/leafymiracle/static/css/leafy.css @@ -0,0 +1,7 @@ +#leafy_graph { + width: 100%; +} + +#leafy_graph-canvaswidget { + margin: auto; +} diff --git a/leafymiracle/templates/model.pt b/leafymiracle/templates/model.pt index cb452a4..12bc660 100644 --- a/leafymiracle/templates/model.pt +++ b/leafymiracle/templates/model.pt @@ -2,8 +2,9 @@ Fedora Comps Visualization, by Luke Macken + - -
+ +
diff --git a/leafymiracle/widgets.py b/leafymiracle/widgets.py index cf17342..d2b38c0 100644 --- a/leafymiracle/widgets.py +++ b/leafymiracle/widgets.py @@ -18,15 +18,20 @@ from tw2.core.resources import JSSymbol from leafymiracle import models +# Using mihmo's mathematically nice colors for fedora. +# http://mihmo.livejournal.com/37350.html +triads = ["#3c6eb4", "#b53c6e", "#6eb53c"] +triads_dark = ["#294172", "#732942", "#427329"] + + class LeafyGraph(SQLARadialGraph): id = 'leafy_graph' entities = [models.Root, models.Category, models.Group, models.Package] base_url = '/data' width = '1000' - height = '650' + height = '750' depth = 2 levelDistance = 150 - backgroundcolor = '#444444' alphabetize_relations = 24 alphabetize_minimal = True show_attributes = False @@ -35,4 +40,28 @@ class LeafyGraph(SQLARadialGraph): excluded_columns = ['group'] deep_linking = True #transition = JSSymbol(src='$jit.Trans.Back.easeInOut') - duration = 200 + duration = 400 + + backgroundcolor = '#FFFFFF' + background = { 'CanvasStyles': { 'strokeStyle' : '#FFFFFF' } } + Node = { 'color' : triads[1] } + Edge = { 'color' : triads[2], 'lineWidth':1.5, } + + # Override the label style + onPlaceLabel = JSSymbol(src=""" + (function(domElement, node){ + domElement.style.display = "none"; + domElement.innerHTML = node.name; + domElement.style.display = ""; + var left = parseInt(domElement.style.left); + domElement.style.width = '120px'; + domElement.style.height = ''; + var w = domElement.offsetWidth; + domElement.style.left = (left - w /2) + 'px'; + + domElement.style.cursor = 'pointer'; + if ( node._depth <= 1 ) + domElement.style.color = '%s'; + else + domElement.style.color = '%s'; + })""" % (triads[0], triads_dark[0])) -- cgit