5

     6

import collections

     7

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

     8

     9

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

    10

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

    11

    12

def input (head, name, value) :

    13

    return html.input(

    14

            type        = 'text',

    15

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

    16

    17

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

    18

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

    19

    20

            placeholder = name,

    21

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

    22

    )

    23

    24

def color_input (head, c, value) :

    25

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

    26

    27

    color[c] = 255

    28

    if value :

    29

        color['alpha'] = value / 255.0

    30

    31

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

    32

    33

def slider (head, name) :

    34

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

    35

    36

def color_slider (head, c) :

    37

    return slider(head, c)

    38

    39

def head_color (head, value) :

    40

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

    41

    43

    # Bootstrap

    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' :

    64

            update = collections.defaultdict(dict)

    65

    67

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

    68

                head = self.app.universe[head_name]

    69

    70

                if value:

    71

                    update[head][attr] = int(value)

    72

    73

            # update dmx

    74

            self.app.update(update)

    75

    76

    def render_head (self, name, head) :

    77

        if head.alpha() is None :

    78

            head_input = head_slider = None

    79

        else :

    80

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

    81

            head_slider = slider(name, 'alpha')

    82

    83

        rowspan = 1

    84

    85

        if head.color() is None :

    86

            colors = { }

    87

            color = None

    88

        else :

    89

            colors = head.color()

    90

            color = head_color(name, colors)

    91

            rowspan += 3

    92

    93

        yield html.tr(

    94

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

    95

            html.td(head_input),

    96

            html.td(head_slider),

    97

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

    98

        )

    99

   100

        for c in colors :

   101

            yield html.tr(

   102

                html.td(

   103

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

   104

                ),

   105

                html.td(

   106

                    color_slider(name, c),

   107

                ),

   108

            )

   109

   110

    def render (self) :

   111

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

   112

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

   113

                html.table(class_='dmx')(

   114

                    html.thead(

   115

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

   116

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

   117

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

   118

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

   119

                    ),

   120

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

   121

                ),

   122

   123

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

   124

            )

   125

        )

   126

   131

   132

    def __init__ (self, universe, **opts) :

   133

        """

   134

            universe    - qmsk.dmx.heads.Universe

   135

        """

   136

   137

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

   138

   139

        self.universe = universe

   140

   141

    def update (self, update) :

   142

        """

   143

            Update given {head: {attr: value}}

   144

        """

   145

   147

            self.universe.update(head, attrs)

   148