personal memory agent
Merge pull request #131 from kognova/codex/fix-modal-rendering-in-dream-admin-view
Improve admin log modal
authored by
Jer Miller
and committed by
GitHub
f57bdaa7
eb1bd803
+10
+5
dream/templates/admin.html
+5
dream/templates/admin.html
···
7
7
.container { max-width:600px; margin:0 auto; padding:1em; }
8
8
button { padding:8px 16px; margin:0.5em 0; }
9
9
pre { background:#f5f5f5; padding:0.5em; }
10
+
.modal { display:none; position:fixed; z-index:1000; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); }
11
+
.modal-content { background:white; margin:5% auto; padding:1em; border-radius:8px; max-width:800px; max-height:80vh; overflow:auto; position:relative; }
12
+
.close { position:absolute; top:10px; right:15px; cursor:pointer; font-size:24px; }
10
13
</style>
11
14
{% endblock %}
12
15
{% block body %}
···
19
22
</div>
20
23
<div id="taskModal" class="modal">
21
24
<div class="modal-content">
25
+
<span class="close">×</span>
22
26
<pre id="taskOutput"></pre>
23
27
</div>
24
28
</div>
···
38
42
document.getElementById('reindexBtn').onclick=()=>runTask('{{ url_for('admin.reindex') }}');
39
43
document.getElementById('summaryBtn').onclick=()=>runTask('{{ url_for('admin.refresh_summary') }}');
40
44
document.getElementById('entitiesBtn').onclick=()=>runTask('{{ url_for('admin.reload_entities_view') }}');
45
+
document.querySelector('.close').onclick=()=>{document.getElementById('taskModal').style.display='none';};
41
46
window.onclick=e=>{if(e.target==document.getElementById('taskModal'))document.getElementById('taskModal').style.display='none';};
42
47
</script>
43
48
{% endblock %}
+5
dream/templates/admin_day.html
+5
dream/templates/admin_day.html
···
7
7
.container { max-width:600px; margin:0 auto; padding:1em; }
8
8
button { padding:8px 16px; margin:0.5em 0; }
9
9
pre { background:#f5f5f5; padding:0.5em; }
10
+
.modal { display:none; position:fixed; z-index:1000; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); }
11
+
.modal-content { background:white; margin:5% auto; padding:1em; border-radius:8px; max-width:800px; max-height:80vh; overflow:auto; position:relative; }
12
+
.close { position:absolute; top:10px; right:15px; cursor:pointer; font-size:24px; }
10
13
</style>
11
14
{% endblock %}
12
15
{% block body %}
···
20
23
</div>
21
24
<div id="taskModal" class="modal">
22
25
<div class="modal-content">
26
+
<span class="close">×</span>
23
27
<pre id="taskOutput"></pre>
24
28
</div>
25
29
</div>
···
40
44
document.getElementById('ponderBtn').onclick=()=>runTask('{{ url_for('admin.admin_ponder', day=day) }}');
41
45
document.getElementById('entityBtn').onclick=()=>runTask('{{ url_for('admin.admin_entity', day=day) }}');
42
46
document.getElementById('reduceBtn').onclick=()=>runTask('{{ url_for('admin.admin_reduce', day=day) }}');
47
+
document.querySelector('.close').onclick=()=>{document.getElementById('taskModal').style.display='none';};
43
48
window.onclick=e=>{if(e.target==document.getElementById('taskModal'))document.getElementById('taskModal').style.display='none';};
44
49
</script>
45
50
{% endblock %}