1

import pvl.web

     2

from pvl.web import urls, html

     3

     5

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

     6

     7

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

     8

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

     9

    10

def input (head, name, value) :

    11

    return html.input(

    12

            type        = 'text',

    13

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

    14

    15

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

    16

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

    17

    18

            placeholder = name,

    19

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

    20

    )

    21

    22

def color_input (head, c, value) :

    23

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

    24

    25

    color[c] = 255

    26

    if value :

    27

        color['alpha'] = value / 255.0

    28

    29

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

    30

    31

def slider (head, name) :

    32

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

    33

    34

def color_slider (head, c) :

    35

    return slider(head, c)

    36

    37

def head_color (head, value) :

    38

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

    39

    40

class Handler (pvl.web.Handler) :

    41

    # Bootstrap

    42

    DOCTYPE = 'html'

    43

    HTML_XMLNS = None

    44

    HTML_LANG = 'en'

    45

    CSS = (

    46

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

    47

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

    48

    49

            '/static/dmx.css',

    50

    )

    51

    JS = (

    52

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

    53

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

    54

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

    55

    56

            '/static/color-slider.js',

    57

            '/static/dmx.js',

    58

    )

    59

    60

    # test

    61

    TITLE = u"DMX Control"

    62

    63

    def process (self) :

    64

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

    67

            for name, value in self.request.form.iteritems() :

    68

                head_name, attr = name.split('-', 1)

    70

    73

    74

            # update dmx

    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

                    ),

   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

   137

   141

   149