misp-modules/website/app/templates/history.html

<!-- 
    Author: David Cruciani
-->

{% extends 'base.html' %}

{% block content %}
    <h1 id="top">History</h1>

    <hr>
    <br>

    <div v-if="history">
        <template v-for="h, key in history">
            <div class="list-group" style="margin-bottom: 20px;">
                <a :href="'/query/'+h.uuid" class="list-group-item list-group-item-action">
                    <div class="d-flex w-100 justify-content-between">
                        <h5 class="mb-1">[[key+1]]- [[h.query]]</h5>
                        <small><i>[[h.uuid]]</i></small>
                    </div>
                    <p class="mb-1" style="color: green;"><u>Input Attribute</u>:</p>
                    <div>[[h.input]]</div>
                    <br>
                    <p class="mb-1" style="color: #2000ff;"><u>Modules</u>:</p>
                    <div>
                        <template v-for="module in h.modules">[[module]],</template>
                    </div>

                    
                    <div class="d-flex w-100 justify-content-between">
                        <div></div>
                        <small><i>[[h.query_date]]</i></small>
                    </div>
                </a>
            </div>
        </template>
    </div>
    
    <span id="goTop">[<a href="#top">Go Back Top</a>]</span>
{% endblock %}

{% block script %}
<script type="module">
    const { createApp, ref, onMounted, nextTick, defineComponent} = Vue
    import {display_toast, message_list} from '/static/js/toaster.js'
    createApp({
        delimiters: ['[[', ']]'],
        setup() {
            const history = ref({})

            async function get_history(){
                let res = await fetch("/get_history")
                let loc = await res.json()
                history.value = loc
            }
            get_history()


            return {
                message_list,
                history,
            }
        }
    }).mount('.container')

</script>
{% endblock %}