-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
95 lines (83 loc) · 3.75 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
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
<!DOCTYPE html>
<html lang=en><head><meta charset=utf-8>
<link rel=stylesheet href=style.css>
<meta name=referrer content=no-referrer>
<meta name=viewport content="width=device-width">
<title>Tellor</title>
<script defer src=scripts.js></script>
</head><body>
<div class=head>
<button class=menuBtn onclick=toggleMenu()>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" stroke-width="2"><path d="M0,2 H20 M0,10 H20 M0,18 H20"></path></svg>
</button>
<h1>Tellor</h1>
<select id=boardsSelect onchange=changeBoard(this.value)>
<option value="">Boards</option>
</select>
<button class=orientationBtn onclick=scrollOrientation()>
<svg id=orientationSvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 34 34" stroke-width="1" fill="none"><rect x="3" y="9" width="28" height="14" rx="1" /></svg>
</button>
</div>
<div class=menu id=menu>
<button onclick=route('newBoard')>New Board</button>
<button onclick=route('editBoard')>Edit Current Board</button>
<button onclick=route('importExport')>Import / Export</button>
<div class=yourBoardsHeader>Boards:</div>
<div id=boards></div>
</div>
<div class=main id=main ondragover=dragOver(event)></div>
<!-- Popups -->
<div id=popupBG onmousedown="if(event.target===this) closeCard()">
<!-- New Board -->
<div id=newBoardBox>
<h2>New Board</h2>
<div class=popupBody>
Board Name <input type=text maxlength=127 id=newBoardName placeholder="Board Name" onkeyup="if(event.key === 'Enter') newBoard()"><br><br>
BG Img URL <input type=text maxlength=1023 id=newbgimgurl placeholder="Background Img URL" onkeyup="if(event.key === 'Enter') newBoard()"><br><br>
</div>
<div class=bottomBtnsBar>
<button onclick=route('home')>Cancel</button><button id=createBoardBtn onclick=newBoard()>Create</button>
</div>
</div>
<!-- Edit Board -->
<div id=editBoardBox>
<h2>Edit Board</h2>
<div class=popupBody>
Board Name <input type=text maxlength=127 id=boardName placeholder="Board Name" onkeyup="if(event.key === 'Enter') editBoard()"><br><br>
BG Img URL <input type=text maxlength=1023 id=bgimgurl placeholder="Background Img URL" onkeyup="if(event.key === 'Enter') editBoard()"><br><br>
<input type=checkbox id=delChk onchange=route('deleteBoard')><label for=delChk>Delete Board</label><br>
</div>
<div class=bottomBtnsBar>
<button onclick=route('home')>Cancel</button><button id=delBoardBtn onclick=deleteBoard()>Delete</button><button id=saveBoardBtn onclick=editBoard()>Save</button>
</div>
</div>
<!-- Import / Export -->
<div id=importExportBox>
<h2>Import / Export</h2>
<div class=popupBody>
Import board JSON from Tellor or Trello as new board<br><br>
<input type=file onchange=importBoard() id=importFile><br>
<span id=loader></span><br>
Export current board as JSON
</div>
<div class=bottomBtnsBar>
<button onclick=route('home')>Cancel</button><button onclick=exportBoard()>Export</button>
</div>
</div>
<!-- View Card Details -->
<div class=viewCardBox id=viewCardBox>
<div class=cardTitle maxlength=1023 id=cardTitle contenteditable=true autocorrect=off spellcheck=false onblur=saveCard()></div>
Tags<br>
<div id=tagsBox><button id=addTagBtn onclick=showTags()>+</button></div>
<div id=addTagBox></div><br>
Description<br>
<div id=cardDescDiv class=cardDescription onclick=editDescription(event)></div>
<textarea id=cardDescTA class=cardDescription autocorrect=off spellcheck=false maxlength=1023 oninput="this.style.height=0;this.style.height=this.scrollHeight+2+'px'" onblur=doneEditDescription()></textarea>
<div class=saveDescriptionBtns>
<button id=sav onclick=saveCard()>Save</button>
<button id=can onclick=cancelCard()>Cancel</button>
</div>
<button id=archiveBtn onclick=archiveCard()>Archive</button>
</div>
</div>
</body></html>