app.jl.html

<header>
    <h4>Hello Genie</h4>
</header>
<div class="row">
    <div class="col-12 col-sm-6 flex">
        <div class="st-module">
            <div class="st-module-title">Message</div>
            <div class="st-field-label">
                Generated <b>{{N}}</b> random numbers.
                <p>{{msg}}</p>
            </div>
        </div>
    </div>
    <div class="col-12 col-sm-6 flex">
        <div class="st-module">
            <div class="st-module-title">Controls</div>
            <div class="st-field-label"><strong>X</strong> Vector Length
            </div>
            <q-slider id="ivz19" v-model="N" color="primary" :label="true" :max="100" :min="1" :step="1"></q-slider>
            <q-btn id="i1x6y" color="primary" icon="arrow_forward" label="Shift x vector" v-on:click="shift = true"></q-btn>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-12 st-module">
        <plotly id="izduj" data="W3siZ2J0eXBlIjoiTGluZSBDaGFydCIsIngiOiIkX3t4fSIsInkiOiIkX3t5fSIsInR5cGUiOiJzY2F0dGVyIiwibW9kZSI6ImxpbmVzIiwibmFtZSI6IlRyYWNlIn1d" config="e30=" layout="eyJ0aXRsZSI6IkxpbmUgY2hhcnQifQ=="></plotly>
    </div>
</div>
<plotly id="i0qi6" data="W3siZ2J0eXBlIjoiTGluZSBDaGFydCIsIngiOiIkX3t4fSIsInkiOiIkX3t5fSIsInR5cGUiOiJzY2F0dGVyIiwibW9kZSI6ImxpbmVzIiwibmFtZSI6IlRyYWNlIn1d" config="eyJhdXRvc2l6YWJsZSI6dHJ1ZSwiZGlzcGxheWxvZ28iOnRydWUsInNjcm9sbFpvb20iOnRydWUsImVkaXRhYmxlIjp0cnVlLCJkaXNwbGF5TW9kZUJhciI6ZmFsc2V9" :layout="undefined"></plotly>