LunaDev
/
kara
1
1
Fork 0
Code Issues 14 Releases 1 Wiki Activity
Browse Source

Rename notes to todos

master
Nero 5 years ago
parent
f52515b92d
commit
e341da7dc1
2 changed files with 1119 additions and 1106 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 1857
      app.js
  2. 368
      index.html

1857
app.js
View File

File diff suppressed because it is too large Load Diff

368
index.html
Unescape View File

@ -1,184 +1,184 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<title> <title>
Kara Kara
</title> </title>
<meta charset="utf8"> <meta charset="utf8">
<link rel="icon" href="/favicon.ico"> <link rel="icon" href="/favicon.ico">
<link rel="manifest" href="manifest/kara.json"> <link rel="manifest" href="manifest/kara.json">
<link href="https://bootswatch.com/4/slate/bootstrap.min.css" rel="stylesheet" type="text/css"/> <link href="https://bootswatch.com/4/slate/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/alertifyjs@1.13.1/build/css/alertify.min.css"/> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/alertifyjs@1.13.1/build/css/alertify.min.css"/>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/alertifyjs@1.13.1/build/css/themes/default.min.css"/> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/alertifyjs@1.13.1/build/css/themes/default.min.css"/>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/alertifyjs@1.13.1/build/css/themes/bootstrap.min.css"/> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/alertifyjs@1.13.1/build/css/themes/bootstrap.min.css"/>
<link rel="stylesheet" href="css/lightbox.min.css"/> <link rel="stylesheet" href="css/lightbox.min.css"/>
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no" name="viewport"> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no" name="viewport">
</head> </head>
<body> <body>
<div class="container-fluid" id="kara"> <div class="container-fluid" id="kara">
<div id="kara-banner" class="bg-dark text-light"> <div id="kara-banner" class="bg-dark text-light">
<img src="/img/logo/luna/icon.ico" class="header-logo" alt="logo-header"/> <img src="/img/logo/luna/icon.ico" class="header-logo" alt="logo-header"/>
<div class="float-right"> <div class="float-right">
<div class="btn btn-sm btn-secondary" data-toggle="modal" data-target="#settingsModal"> <div class="btn btn-sm btn-secondary" data-toggle="modal" data-target="#settingsModal">
<i class="fas fa-sliders-h"></i> <i class="fas fa-sliders-h"></i>
</div> </div>
<div class="btn btn-sm btn-secondary" data-toggle="modal" data-target="#noteModal" v-if="notes.length > 0"> <div class="btn btn-sm btn-secondary" data-toggle="modal" data-target="#todoModal" v-if="todos.length > 0">
<i class="fas fa-clipboard"></i> <i class="fas fa-clipboard"></i>
</div> </div>
<div class="btn btn-sm btn-secondary" @click="scrollDown()"> <div class="btn btn-sm btn-secondary" @click="scrollDown()">
<i class="fas fa-chevron-down"></i> <i class="fas fa-chevron-down"></i>
</div> </div>
</div> </div>
{{ this.name }} {{ this.name }}
</div> </div>
<div id="chat-box"> <div id="chat-box">
<template v-for="message in messages"> <template v-for="message in messages">
<div :class="'message' + (message.bot === true ? ' bot-message float-left' : ' user-message float-right') + (message.command ? ' command-message' : '') + (message.me ? ' me-message' : '')" v-if="message.body"> <div :class="'message' + (message.bot === true ? ' bot-message float-left' : ' user-message float-right') + (message.command ? ' command-message' : '') + (message.me ? ' me-message' : '')" v-if="message.body">
<template v-if="message.src"> <template v-if="message.src">
<a :href="message.src" :data-lightbox="message.body" :data-title="message.body"> <a :href="message.src" :data-lightbox="message.body" :data-title="message.body">
<img :src="message.src" :alt="message.body" class="message-image"/><br/> <img :src="message.src" :alt="message.body" class="message-image"/><br/>
</a> </a>
</template> </template>
{{ message.body }} {{ message.body }}
</div> </div>
</template> </template>
<div class="message bot-message typing float-left" v-if="isTyping"> <div class="message bot-message typing float-left" v-if="isTyping">
<div class="spinner-grow text-secondary" role="status"> <div class="spinner-grow text-secondary" role="status">
<span class="sr-only"> <span class="sr-only">
Loading... Loading...
</span> </span>
</div> </div>
<div class="spinner-grow text-secondary" role="status"> <div class="spinner-grow text-secondary" role="status">
<span class="sr-only"> <span class="sr-only">
Loading... Loading...
</span> </span>
</div> </div>
<div class="spinner-grow text-secondary" role="status"> <div class="spinner-grow text-secondary" role="status">
<span class="sr-only"> <span class="sr-only">
Loading... Loading...
</span> </span>
</div> </div>
</div> </div>
</div> </div>
<div id="chatbox-wrapper" class="bg-dark"> <div id="chatbox-wrapper" class="bg-dark">
<input class="form-control" <input class="form-control"
id="chatinput" id="chatinput"
type="text" type="text"
v-model="chatbox" v-model="chatbox"
v-on:keyup.enter="sendMessage()" v-on:keyup.enter="sendMessage()"
v-on:keyup.38="chatbox = lastMessage" v-on:keyup.38="chatbox = lastMessage"
v-on:keyup.40="chatbox = ''" v-on:keyup.40="chatbox = ''"
required autofocus> required autofocus>
</div> </div>
<div class="modal fade" id="noteModal" tabindex="-1" role="dialog" aria-labelledby="noteModal" aria-hidden="true"> <div class="modal fade" id="todoModal" tabindex="-1" role="dialog" aria-labelledby="todoModal" aria-hidden="true">
<div class="modal-dialog" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<h5 class="modal-title">Notes</h5> <h5 class="modal-title">Todos</h5>
<div class="float-right"> <div class="float-right">
<button class="btn btn-sm btn-secondary" @click="clearNotes"> <button class="btn btn-sm btn-secondary" @click="clearTodos">
<i class="fas fa-trash"></i> <i class="fas fa-trash"></i>
</button> </button>
</div> </div>
</div> </div>
<div class="modal-body" style="max-height: 800px; overflow-y: scroll"> <div class="modal-body" style="max-height: 800px; overflow-y: scroll">
<ul class="list-group"> <ul class="list-group">
<li class="list-group-item" v-for="note in notes" v-if="!note.checked"> <li class="list-group-item" v-for="todo in todos" v-if="!todo.checked">
<span class="float-right"> <span class="float-right">
<input type="checkbox" v-model="note.checked" @change="updateStorage()"/> <input type="checkbox" v-model="todo.checked" @change="updateStorage()"/>
</span> </span>
{{ note.body }} {{ todo.body }}
</li> </li>
</ul> </ul>
<hr/> <hr/>
<ul class="list-group"> <ul class="list-group">
<li class="list-group-item" v-for="note in notes" v-if="note.checked"> <li class="list-group-item" v-for="todo in todos" v-if="todo.checked">
<span class="float-right"> <span class="float-right">
<input type="checkbox" v-model="note.checked" @change="updateStorage()"/> <input type="checkbox" v-model="todo.checked" @change="updateStorage()"/>
</span> </span>
<span style="text-decoration: line-through;">{{ note.body }}</span> <span style="text-decoration: line-through;">{{ todo.body }}</span>
</li> </li>
</ul> </ul>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="modal fade" id="settingsModal" tabindex="-1" role="dialog" aria-labelledby="settingsModal" aria-hidden="true"> <div class="modal fade" id="settingsModal" tabindex="-1" role="dialog" aria-labelledby="settingsModal" aria-hidden="true">
<div class="modal-dialog" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<h5 class="modal-title">Settings</h5> <h5 class="modal-title">Settings</h5>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<div class="form-group" v-if="features.changeName"> <div class="form-group" v-if="features.changeName">
<label for="name">What's my name?</label> <label for="name">What's my name?</label>
<input type="text" class="form-control" id="name" v-model="settingsModal.name"> <input type="text" class="form-control" id="name" v-model="settingsModal.name">
</div> </div>
<div class="form-group" v-if="username !== null"> <div class="form-group" v-if="username !== null">
<label for="username">What's your name?</label> <label for="username">What's your name?</label>
<input type="text" class="form-control" id="username" v-model="settingsModal.username"> <input type="text" class="form-control" id="username" v-model="settingsModal.username">
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="location">What city do you live in? <small class="text-muted">(for weather-reports only)</small> </label> <label for="location">What city do you live in? <small class="text-muted">(for weather-reports only)</small> </label>
<input type="text" class="form-control" id="location" v-model="settingsModal.location"> <input type="text" class="form-control" id="location" v-model="settingsModal.location">
</div> </div>
<div class="form-group" v-if="features.themes"> <div class="form-group" v-if="features.themes">
<label for="theme">Pick a theme</label> <label for="theme">Pick a theme</label>
<select name="theme" class="form-control" id="theme" v-model="activeTheme" @change="updateStorage()"> <select name="theme" class="form-control" id="theme" v-model="activeTheme" @change="updateStorage()">
<option v-for="theme in themes" :value="theme.name.toLowerCase()" v-text="theme.name"></option> <option v-for="theme in themes" :value="theme.name.toLowerCase()" v-text="theme.name"></option>
</select> </select>
</div> </div>
<div class="form-group"> <div class="form-group">
<label>Data</label> <label>Data</label>
<div class="row"> <div class="row">
<div class="col-sm-6"> <div class="col-sm-6">
<button @click="clearChat()" class="btn btn-warning form-button" data-dismiss="modal"> <button @click="clearChat()" class="btn btn-warning form-button" data-dismiss="modal">
Delete chat Delete chat
</button> </button>
</div> </div>
<div class="col-sm-6"> <div class="col-sm-6">
<button @click="clearStorage()" class="btn btn-warning form-button"> <button @click="clearStorage()" class="btn btn-warning form-button">
Delete everything Delete everything
</button> </button>
</div> </div>
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<div class="float-right"> <div class="float-right">
<i class="fa fa-code" aria-hidden="true"></i> App by <a href="/">Luna Development</a> <i class="fa fa-code" aria-hidden="true"></i> App by <a href="/">Luna Development</a>
</div> </div>
</div> </div>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary" data-dismiss="modal" @click="saveSettings()">Save</button> <button type="button" class="btn btn-primary" data-dismiss="modal" @click="saveSettings()">Save</button>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<link rel="stylesheet" :href="'https://maxcdn.bootstrapcdn.com/bootswatch/4.3.1/' + activeTheme + '/bootstrap.min.css'"> <link rel="stylesheet" :href="'https://maxcdn.bootstrapcdn.com/bootswatch/4.3.1/' + activeTheme + '/bootstrap.min.css'">
<link href="app.css" rel="stylesheet" type="text/css"/> <link href="app.css" rel="stylesheet" type="text/css"/>
</div> </div>
<script src="https://kit.fontawesome.com/b54a4cceff.js" crossorigin="anonymous"></script> <script src="https://kit.fontawesome.com/b54a4cceff.js" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.27.0/moment.min.js" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.27.0/moment.min.js" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" crossorigin="anonymous"></script> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
<script src="https://code.jquery.com/jquery-3.5.1.js"></script> <script src="https://code.jquery.com/jquery-3.5.1.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="js/lightbox.min.js"></script> <script src="js/lightbox.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/alertifyjs@1.13.1/build/alertify.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/alertifyjs@1.13.1/build/alertify.min.js"></script>
<script src="app.js"> <script src="app.js">
</script> </script>
</body> </body>
</html> </html>

Write Preview
Loading…
Cancel
Save