-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy patheditor.html
70 lines (70 loc) · 3.55 KB
/
editor.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
<meta name="format-detection" content="telephone=no">
<meta name="msapplication-tap-highlight" content="no">
<meta name="viewport" content="initial-scale=1, width=device-width, viewport-fit=cover">
<link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;515;600;700&display=swap" rel="stylesheet">
<link href="css/editor.css" rel="stylesheet">
<link href="css/util.css" rel="stylesheet">
<link href="font/wifont/weather-icons.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.15.5/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.15.5/firebase-auth.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.15.5/firebase-firestore.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.15.5/firebase-storage.js"></script>
<script src="https://unpkg.com/[email protected]/dist/umd/uuidv4.min.js"></script>
<script src="https://momentjs.com/downloads/moment.js"></script>
<link rel="stylesheet" href="https://unpkg.com/toastedjs/dist/toasted.min.css">
<script src="https://unpkg.com/toastedjs/dist/toasted.min.js"></script>
<script src="https://cdn.quilljs.com/1.3.6/quill.js"></script>
<div id="root">
<div class="header">
<input type="radio" name="tab" id="return"/>
<label style="flex-grow: 2; align-items: center; text-align: center;" for="return">
<a href="index.html">
<svg>
<use xlink:href="#icon-01" class="icon" />
<use xlink:href="#icon-01" class="icon-border" />
<use xlink:href="#icon-01-fill" class="icon-fill" />
</svg>
</a>
</label>
<label style="flex-grow: 9; text-align: center;">
Create note
</label>
<label v-on:click="deleteStory()" style="flex-grow: 1">
<img v-bind:src="'img/cloud/' + deleting" width="24px" height="24px">
</label>
<label v-on:click="uploadStory()" style="flex-grow: 2">
<img v-bind:src="'img/cloud/' + uploading" width="24px" height="24px">
</label>
</div>
<div class="weather">
<div style="display: flex; align-items: center;">
<i class="wi" v-bind:class="weather" style="font-size: 21px;"></i>
<label>{{location}}</label>
</div>
<div style="display: flex; align-items: center;">
<label>{{datetime}}</label>
<label class="switch">
<input type="checkbox" v-on:click="publicStory()" v-bind:checked="isPublic" v-bind:disabled="this.queryObject.newsfeed">
<span class="slider round"></span>
</label>
</div>
</div>
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="icon-01">
<path d="M19 8v3H5.83l2.88-2.88c.39-.39.39-1.02 0-1.41-.39-.39-1.02-.39-1.41 0L2.71 11.3c-.39.39-.39 1.02 0 1.41L7.3 17.3c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L5.83 13H20c.55 0 1-.45 1-1V8c0-.55-.45-1-1-1s-1 .45-1 1z"/>
</symbol>
<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="icon-01-fill">
<path fill="#1b7ced" d="M19 8v3H5.83l2.88-2.88c.39-.39.39-1.02 0-1.41-.39-.39-1.02-.39-1.41 0L2.71 11.3c-.39.39-.39 1.02 0 1.41L7.3 17.3c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L5.83 13H20c.55 0 1-.45 1-1V8c0-.55-.45-1-1-1s-1 .45-1 1z"/>
</symbol>
</svg>
<div id="container">
<div id="editor">
</div>
</div>
<div style="height: 45px; width: 100%;"></div>
</div>
<script src="js/firebase.js"></script>
<script src="js/allToast.js"></script>
<script src="js/iconMap.js"></script>
<script src="js/editor.js"></script>