File size: 3,515 Bytes
f08a653
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
{% extends 'base.html' %}

{% block content %}
<style>

.alert {

    padding: 10px;

    margin-bottom: 10px;

    border-radius: 5px;

    text-align: center;

    position: absolute;

    position-area: top center;

    top: 30px;

    align-items: center;

}



.alert-error {

        background-color: #D84040;

        color: #ffffff;

    }



    .alert-success {

        background-color: #D2DE32;

        color: #ffffff;

    }



    .alert-warning {

        background-color: #FFC700;

        color: #ffffff;

    }

    

</style>
{% with messages = get_flashed_messages(with_categories=true) %}
    {% if messages %}
        <div id="flash-message" class="alert alert-{{ messages[0][0] }}">
            <strong>{{ messages[0][1] }}</strong>
        </div>
    {% endif %}
{% endwith %}

    <div class="container">
        <div class="row justify-content-center mb-4">
            <div class="col-md-6">
                <div class="card">
                    <div class="card-body">
                        <h5 class="card-title">Update Database</h5>
                        <p class="card-text">Upload the new document in existing DB. Currently selected DB: </p>
                        <p class="card-text"><strong>{{ db_name }}</strong></p>
                        <a href="/update-dbs/{{ db_name }}" class="btn btn-primary">Go to Update DB</a>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="card">
                    <div class="card-body">
                        <h5 class="card-title">Chat with AI</h5>
                        <p class="card-text">Ask questions and get answers based on your vector database.</p>
                        <p class="card-text"><strong>{{ db_name }}</strong></p>
                        <a href="/list-dbs" class="btn btn-primary">Go to List of DB</a>
                    </div>
                </div>
            </div>
        </div>

        <div class="row justify-content-center">
            <div class="col-md-6 mb-4">
                <div class="card">
                    <div class="card-body">
                        <h5 class="card-title">Remove DB</h5>
                        <p class="card-text">Remove the entire DB. Currently selected DB: </p>
                        <p class="card-text"><strong>{{ db_name }}</strong></p>
                        <a href="/remove-dbs/{{ db_name }}" class="btn btn-danger">Go to Remove DB</a>
                    </div>
                </div>
            </div>
            <div class="col-md-6 mb-4">
                <div class="card">
                    <div class="card-body">
                        <h5 class="card-title">Delete Document</h5>
                        <p class="card-text">Delete a document by specific file name. Currently selected DB: </p>
                        <p class="card-text"><strong>{{ db_name }}</strong></p>
                        <a href="/delete-doc/{{ db_name }}" class="btn btn-danger">Go to Delete Document</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script>

        const flashMessage = document.getElementById('flash-message');

            if (flashMessage) {

                setTimeout(function() {

                    flashMessage.style.display = 'none';

                }, 2000); // Hide after 2 seconds

            }

    </script>
{% endblock %}