-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
45 lines (44 loc) · 2.27 KB
/
index.html
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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Aisling</title>
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="index.css">
</head>
<body >
<div id="app">
<div id="div_alert_background" style="display:none">
<div id="div_alert_box">
<span id="div_alert_text"></span>
<div id="div_alert_buttons">
</div>
</div>
</div>
<div id="div_entries" class="split" style="overflow-y:auto">
<input type="text" id="input_search" v-model="search_text"/>
<ul id="ul_entries" class="scrollable">
<li v-for="entry in filtered_entries()" v-bind:class="{ selected: entry === current_entry }" v-on:click="view_entry(entry)">
{{entry.word}}
</li>
</ul>
</div>
<div id="div_detail" class="split">
<div id="div_view_bts" class="top_bts" v-if="mode === 'view'">
<div id="bt_new" v-on:click="new_entry()">new</div>
<div id="bt_edit" v-on:click="edit_entry()" v-if="current_entry.word != ''">edit</div>
</div>
<div id="div_edit_bts" class="top_bts" v-if="mode === 'edit'">
<div id="bt_delete" v-on:click="delete_entry()" v-if="current_entry.word != ''">delete</div>
<div id="bt_save" v-on:click="save_entry()">save</div>
<div id="bt_cancel" v-on:click="cancel_edit()">cancel</div>
</div>
<div v-for="(module, index) in modules" style="border-top: 1px solid dimgrey;margin:30px 0px;">
<span style="font-size:10px;color:dimgrey;transform:translate(0px,-15px);background:black;display:inline-block;padding:4px;">{{get_module_title('module'+index)}}</span>
<div :is="module" :entry="temp_entry" :mode="mode" :search_text.sync="search_text" v-bind:ref="'module'+index" @select_entry="select_entry"></div>
</div>
</div>
</div>
<script src="index.js"></script>
</body>
</html>