Artifact d0f1aecb8939db49e77c68aff83693ae676e20d3c909f437140567a96b705605:

• File public/components/rhythmroll.riot — part of check-in [12a9bb700d] at 2021-08-11 18:56:04 on branch trunk — Import from git Added a changelog (user: dev size: 955)

<rhythmroll>

    <div class="row mt-3">
            <div class="col-md-3">
                <input type="text" class="form form-control mt-1" id="pattern-{props.ti}" onkeyup={updateCall} value={props.v} style="width:250px"/>
            </div>
            <div class="col-md-5 mt-2">
                <div style="display:inline; border: 1px dotted black;font-size: 16px; padding: 2px"
                    each={ (key, index) in pattern_clean($("#pattern-" + scope.props.ti).val()).split('')}
                    class="roll-{index + 1} roll">
                    {key}
                </div>
            </div>
    </div>

    <script>

        export default {
            updateCall() {
                this.update();
            },
            onBeforeMount(props, state) {
                // initial state
           },
           pattern_clean(p) {
                return window.pattern_clean(p)
           }
        }
   </script>

</rhythmroll>