1

import pvl.web

     2

from pvl.web import urls, html

     3

     4

import logging; log = logging.getLogger('qmsk.dmx.web')

     5

     6

def colorize (x, red, green, blue, alpha=1.0) :

     7

    return x(style='background-color: rgba({red}, {green}, {blue}, {alpha:0.2f})'.format(red=red, green=green, blue=blue, alpha=alpha))

     8

     9

def input (head, name, value) :

    10

    return html.input(

    11

            type        = 'text',

    12

            name        = '-'.join([head, name]),

    13

    14

            id          = '-'.join([head, name]),

    15

            class_      = 'form-control dmx-input dmx-input-{name}'.format(name=name),

    16

    17

            placeholder = name,

    18

            value       = '{v:d}'.format(v=value) if value else None,

    19

    )

    20

    21

def color_input (head, c, value) :

    22

    color = dict(red=0, green=0, blue=0, alpha=0)

    23

    24

    color[c] = 255

    25

    if value :

    27

    28

    return colorize(input(head, c, value), **color)

    29

    30

def slider (head, name) :

    31

    return html.div(id='-'.join([head, name, 'slider']), class_='dmx-slider dmx-slider-{name}'.format(name=name))

    32

    33

def color_slider (head, c) :

    34

    return slider(head, c)

    35

    36

def head_color (head, value) :

    37

    return html.div(class_='dmx-color-background')(colorize(html.div(id='-'.join([head, 'color']), class_='dmx-color')(' '), **value))

    38

    39

class Handler (pvl.web.Handler) :

    40

    # Bootstrap

    41

    DOCTYPE = 'html'

    42

    HTML_XMLNS = None

    43

    HTML_LANG = 'en'

    44

    CSS = (

    45

            '//code.jquery.com/ui/1.10.4/themes/ui-darkness/jquery-ui.css',

    46

            '//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css',

    47

    48

            '/static/dmx.css',

    49

    )

    50

    JS = (

    51

            '//code.jquery.com/jquery-2.1.0.js',

    52

            '//code.jquery.com/ui/1.10.4/jquery-ui.js',

    53

            '//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js',

    54

    55

            '/static/color-slider.js',

    56

            '/static/dmx.js',

    57

    )

    58

    59

    # test

    60

    TITLE = u"DMX Control"

    61

    62

    def process (self) :

    63

        if self.request.method == 'POST' :

    67

    76

    77

    def render_head (self, name, head) :

    78

        if head.alpha() is None :

    79

            head_input = head_slider = None

    80

        else :

    81

            head_input = input(name, 'alpha', head.alpha()['alpha'])

    82

            head_slider = slider(name, 'alpha')

    83

    84

        rowspan = 1

    85

    86

        if head.color() is None :

    87

            colors = { }

    88

            color = None

    89

        else :

    90

            colors = head.color()

    91

            color = head_color(name, colors)

    92

            rowspan += 3

    93

    94

        yield html.tr(

    95

            html.th(rowspan=rowspan)(name),

    96

            html.td(head_input),

    97

            html.td(head_slider),

    98

            html.td(rowspan=rowspan)(color),

    99

        )

   100

   101

        for c in colors :

   102

            yield html.tr(

   103

                html.td(

   104

                    color_input(name, c, colors[c]),

   105

                ),

   106

                html.td(

   107

                    color_slider(name, c),

   108

                ),

   109

            )

   110

   111

    def render (self) :

   112

        return html.div(class_='container')(

   113

            html.form(action='.', method='POST')(

   114

                html.table(class_='dmx')(

   115

                    html.thead(

   116

                        html.th(class_='dmx-head')(u"Head"),

   117

                        html.th(class_='dmx-value')(u"DMX"),

   118

                        html.th(class_='dmx-control')(u"Control"),

   119

                        html.th(class_='dmx-head-control')(u"Head Control"),

   120

                    ),

   121

                    html.tbody(self.render_head(name, head) for name, head in sorted(self.app.heads.iteritems())),

   122

                ),

   123

   124

                html.button(type='submit', class_='btn btn-primary')("Go"),

   125

            )

   126

        )

   127

   128

class DMXWebApplication (pvl.web.Application) :

   129

    URLS = urls.Map((

   130

        urls.rule('/',          Handler),

   131

    ))

   132

   133

    def __init__ (self, dmx, heads, **opts) :

   134

        super(DMXWebApplication, self).__init__(**opts)

   135

   136

        self.dmx = dmx

   137

        self.heads = heads