koriaf/django-calories-log

{% extends "base.html" %}
{% comment %}
    Container/initializer for base log application
{% endcomment %}

{% load static from staticfiles %}

{% block extra_js %}
    <script src="{% static 'bower_components/react/react.js' %}"></script>
    <script src="{% static 'bower_components/react/react-dom.js' %}"></script>
    <script src="{% static 'bower_components/db.js/src/db.js' %}"></script>
    <script src="{% static 'bower_components/fetch/fetch.js' %}"></script>
    <script src="{% static 'backlog/backlog.app.bundle.js' %}"></script>
{% endblock %}

{% block extra_css %}
    <link href="{% static 'css/graph.base.css' %}" rel='stylesheet' />
{% endblock %}

{% block body %}
    <div id='log-app-container'>
        <div class='row'>
            <div class='col-lg-6 col-md-6 col-sm-12 col-xs-12'>
                <div class='col-lg-12 col-md-12 col-sm-12 col-xs-12'>
                    <form id='id_search_product_form'>
                        <div class="input-group">
                          <input id="id_food_search_input" name="q" class="form-control" value='' placeholder="Type desired product name here (for example, oatmeal -cookies -archway -QUAKER)" type="text">
                          <div class="input-group-btn">
                              <button class='btn btn-primary' id="id_food_search_button">Search</button>
                          </div>
                        </div>
                    </form>
                </div>

                <div class='col-lg-12 col-md-12 col-sm-12 col-xs-12' id='id_found_food_table_container'>
                    Found products list is loading...
                </div>
                <div class='col-lg-12 col-md-12 col-sm-12 col-xs-12' id='id_found_food_table_message'></div>

                <div class='col-lg-12 col-md-12 col-sm-12 col-xs-12'>
                    <div id='id_historical_data_graph' style='display: block; background-color: white;'></div>
                </div>
            </div>

            <div class='col-lg-6 col-md-6 col-sm-12 col-xs-12'>
                <div class='col-lg-12 col-md-12 col-sm-12 col-xs-12' id='id_eaten_food_table_container'>
                    Stored products list is loading...
                </div>
            </div>
        </div>
    </div>
{% endblock %}