Initial implementation of promotional widget (issue #72)

graphics/weblate-widget.svg

+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="600"
+   height="138"
+   id="svg2"
+   inkscape:label="Weblate logo"
+   version="1.1"
+   inkscape:version="0.48.3.1 r9886"
+   sodipodi:docname="weblate-widget.svg"
+   inkscape:export-filename="/home/nijel/work/weblate/graphics/weblate-widget.png"
+   inkscape:export-xdpi="43.695652"
+   inkscape:export-ydpi="43.695652">
+  <defs
+     id="defs3" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.5116666"
+     inkscape:cx="300.00001"
+     inkscape:cy="69.500003"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer2"
+     showgrid="false"
+     inkscape:window-width="1364"
+     inkscape:window-height="716"
+     inkscape:window-x="0"
+     inkscape:window-y="27"
+     inkscape:window-maximized="0" />
+  <metadata
+     id="metadata6">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Background"
+     style="display:inline">
+    <rect
+       style="fill:#e6e6e6;stroke:#808080;stroke-width:0.99555939"
+       id="rect2989"
+       width="599.00446"
+       height="137.00444"
+       x="0.4977797"
+       y="0.49777371" />
+  </g>
+  <g
+     inkscape:label="Vrstva 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-914.36218)"
+     style="display:inline">
+    <text
+       xml:space="preserve"
+       style="font-size:100px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#cc0000;fill-opacity:1;stroke:none;font-family:cmmi10;-inkscape-font-specification:cmmi10"
+       x="7.8958373"
+       y="995.98053"
+       id="text2992"
+       sodipodi:linespacing="125%"><tspan
+         sodipodi:role="line"
+         id="tspan2994"
+         x="7.8958373"
+         y="995.98053">W</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-size:100px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#004276;fill-opacity:1;stroke:none;font-family:cmmi10;-inkscape-font-specification:cmmi10"
+       x="66.692131"
+       y="1039.4989"
+       id="text2996"
+       sodipodi:linespacing="125%"><tspan
+         sodipodi:role="line"
+         id="tspan2998"
+         x="66.692131"
+         y="1039.4989">L</tspan></text>
+  </g>
+</svg>

weblate/trans/api.py

@@ -9,6 +9,7 @@ from weblate.trans.models import Project, SubProject
 import json
 import logging
 import threading
+import cairo
 
 logger = logging.getLogger('weblate')
 
@@ -93,3 +94,59 @@ def export_stats(request, project, subproject):
         json.dumps(response, default = dt_handler),
         mimetype = 'application/json'
     )
+
+def widget_287(request, project):
+    obj = get_object_or_404(Project, slug = project)
+    percent = obj.get_translated_percent()
+
+    response = HttpResponse(mimetype='image/png')
+
+    # Background 287 x 66, logo 64 px
+    surface = cairo.ImageSurface.create_from_png('/home/nijel/work/weblate/graphics/weblate-widget.png')
+    ctx = cairo.Context(surface)
+
+    # Setup
+    ctx.set_line_width(0.2)
+    ctx.select_font_face("Sans")
+    ctx.set_font_size(14)
+
+    # Progressbar params
+    p_x = 72
+    p_y = 52
+    p_height = 6
+    p_width = 180
+
+    # Progress bar
+    ctx.new_path()
+    ctx.set_source_rgb (0, 67.0/255, 118.0/255)
+    ctx.rectangle(p_x, p_y, p_width / 100.0 * percent, p_height)
+    ctx.fill()
+
+    # Progress border
+    ctx.new_path()
+    ctx.set_source_rgb (0, 0, 0)
+    ctx.rectangle(p_x, p_y, p_width, p_height)
+    ctx.stroke()
+
+    # Text
+    ctx.set_source_rgb (0, 0, 0)
+    ctx.new_path()
+    ctx.move_to(p_x, 19)
+    ctx.text_path(obj.name)
+    ctx.set_font_size(10)
+    ctx.move_to(p_x, 32)
+    ctx.text_path("translating %(count)d strings into %(languages)d languages" % {
+        'count': obj.get_total(),
+        'languages': obj.get_language_count(),
+        'percent': percent,
+    })
+    ctx.move_to(p_x, 44)
+    ctx.text_path('%(percent)d%% complete, help us improve!' % {
+        'count': obj.get_total(),
+        'languages': obj.get_language_count(),
+        'percent': percent,
+    })
+    ctx.fill()
+
+    surface.write_to_png(response)
+    return response

weblate/urls.py

@@ -65,6 +65,8 @@ urlpatterns = patterns('',
 
     url(r'^exports/stats/(?P<project>[^/]*)/(?P<subproject>[^/]*)/$', 'weblate.trans.api.export_stats'),
 
+    url(r'^widgets/(?P<project>[^/]*)/287x66/$', 'weblate.trans.api.widget_287'),
+
     url(r'^js/get/(?P<checksum>[^/]*)/$', 'weblate.trans.views.get_string'),
     url(r'^js/ignore-check/(?P<check_id>[0-9]*)/$', 'weblate.trans.views.ignore_check'),
     url(r'^js/i18n/$', 'django.views.i18n.javascript_catalog', js_info_dict),