from flask import (Flask, render_template, request, redirect, url_for, render_template)
from model import data
app = Flask(__name__)


@app.route("/", methods=["GET", "POST"])
def home():
    if request.method == "POST":
        return redirect(url_for('ticker_tape_1'))
    else:
        return render_template("home.html")

@app.route("/ticker_Tape_1", methods=["GET", "POST"])
def ticker_tape_1():
    if request.method == "POST":
        return redirect(url_for('ticker_tape_1'))
    else:
        return render_template("ticker_tape_1.html", messages=data)

{% extends 'base.html' %}
{% block content %}
<h1>Ticker Tape 1</h1>

<form class="aa" method="POST" action="{{ url_for('ticker_tape_1') }}">
    <div class="row">
    <div class="column">
        <fieldset>
            <label for="message">Message</label>
            <input type="text" name="msg" id="message"><br><br>
            <label for="startdate">Start Date</label>
            <input type="date" id="startdate"><br><br>
            <label for="starttime">Start Time</label>
            <input type="time" id="starttime"><br><br>
            <label for="duration">Duration</label>
            <input type="time" id="duration">
        </fieldset>
    </div>
    <div class="column">
        <div class="noscroll">
            <select class="message_selector" name="message" id="txt" multiple="multiple" size="5">
                {% for message in messages %}
                <option value="{{message.txt}}">{{message.txt}}</option>
                {% endfor %}
            </select>
        </div>
    </div>
    </div>
</form>
{% endblock %}

.column {
  float: left;
  width: 25%;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.noscroll {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  border: solid gray 1px;
}

.noscroll select {
  padding: 10px;
  margin: -5px -20px -5px -5px;
}

[
  {
    "id": "1",
    "txt": "message 1",
    "start_date": "01/04/2020",
    "start_time": "16:20",
    "duration" : "1"
  },
    {
    "id": "1",
    "txt": "message 2",
    "start_date": "01/04/2020",
    "start_time": "16:20",
    "duration" : "1"
  }
]

(Nov-17-2020, 07:34 PM)Larz60+ Wrote: Please elaborate.
Which platform are you using?
Code would be most helpful.

(Nov-18-2020, 09:38 AM)ndc85430 Wrote: Then yeah, write code on the client side to populate the fields. That does mean JavaScript to respond to the events that occur when you select items (or something that gets transpiled to JavaScript of course).