Max/SolidScribe
1
0
Fork 0
Code Issues 24 Pull Requests Releases Wiki Activity

* Fixed cursor clicking ToDo lists clicking to early

Browse Source 
* Added login form to home page with focus on load
* Tags update after editing tags from title card
* Fixed uploading of images/files
* Fixed images not appearing when opening images tab
* Search hits all categories on search, like archived
* Got rid of brand icons to reduce size
* Got rid of DiffPatchMatch and Crypto from note input panel to reduce size
* Disabled animation on io events so they don't annoy the shit out of people on other computers
This commit is contained in:
Max G
2020-05-20 07:57:15 +00:00
parent fc1f3f81fe
commit 97e7b011d9
12 changed files with 210 additions and 242 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
client/src/pages/HomePage.vue
View File

@@ -120,7 +120,7 @@
</h2>
<h3 class="subtext">
An easy, encrypted Note App<i class="i cursor icon blinking"></i>
An easy, free, secure Note App<i class="i cursor icon blinking"></i>
</h3>
</div>
@@ -131,14 +131,24 @@
</div>
<div class="row">
<div class="four wide center aligned column">
<router-link class="ui huge green labeled icon button" to="/login">
<i class="plug icon"></i>Sign Up
<!-- Go to notes button -->
<div class="row" v-if="$parent.loggedIn">
<div class="sixteen wide middle algined center aligned column">
<router-link class="ui huge green labeled icon button" to="/notes">
<i class="external alternate icon"></i>Go to Notes
</router-link>
</div>
<div class="eight wide middle aligned column">
<h2>Only a Username and Password are required.</h2>
</div>
<!-- Small login form -->
<div class="row" v-if="!$parent.loggedIn">
<div class="sixteen wide middle algined column">
<div class="ui text container">
<h2>
<i class="plug icon"></i>
Sign Up Now - Only a Username and Password are required.</h2>
<login-form :thin="true" />
</div>
</div>
</div>
@@ -310,6 +320,9 @@
<script>
export default {
name: 'WelcomePage',
components: {
'login-form':require('@/components/LoginFormComponent.vue').default,
},
data(){
return {
height: null,
@@ -328,7 +341,7 @@ export default {
//Don't change hero banner on mobile
if(!this.$store.getters.getIsUserOnMobile){
let windowHeight = window.innerHeight
this.height = windowHeight - (windowHeight * 0.15)
this.height = windowHeight - (windowHeight * 0.18)
}
},

30
client/src/pages/LoginPage.vue
View File

@@ -13,27 +13,16 @@
<div class="ui segment" v-on:keyup.enter="submit">
<h4 class="ui header">
<i class="plug icon"></i>
<div class="content">
To Register
<div class="sub header">Choose Any Username & password</div>
</div>
</h4>
<i class="plug icon"></i>
<div class="content">
To Register
<div class="sub header">Choose Any Username & password</div>
</div>
</h4>
<div class="ui large form">
<div class="field">
<div class="ui input">
<input v-model="username" type="text" name="email" placeholder="Username or E-mail address" autofocus>
</div>
</div>
<div class="field">
<div class="ui input">
<input v-model="password" type="password" name="password" placeholder="Password">
</div>
</div>
<div :class="{ 'disabled':(username.length == 0 || password.length == 0)}" v-on:click="submit" class="ui massive compact fluid green submit button">Login</div>
</div>
<login-form />
</div>
<p>You will remain logged in on this browser, for 30 days or until you log out.</p>
@@ -49,6 +38,9 @@
export default {
name: 'Login',
components: {
'login-form':require('@/components/LoginFormComponent.vue').default,
},
data () {
return {
enabled: false,

33
client/src/pages/NotesPage.vue
View File

@@ -35,7 +35,7 @@
v-on:tagClick="tagId => toggleTagFilter(tagId)"
/>
<div class="ui basic shrinking icon button" v-on:click="toggleTitleView()">
<div class="ui basic shrinking icon button" v-on:click="toggleTitleView()" v-if="$store.getters.totals && $store.getters.totals['totalNotes'] > 0">
<i v-if="titleView" class="th icon"></i>
<i v-if="!titleView" class="bars icon"></i>
</div>
@@ -91,7 +91,7 @@
<!-- Note title card display -->
<div class="sixteen wide column">
<h3 v-if="$store.getters.totals && $store.getters.totals['totalNotes'] == 0">
<h3 v-if="$store.getters.totals && $store.getters.totals['totalNotes'] == 0 && fastFilters['notesHome'] == 1">
No Notes Yet. <br>Thats ok.<br><br> <br>
<img loading="lazy" width="25%" src="/api/static/assets/marketing/hamburger.svg" alt="Create a new note"><br>
Create one when you feel ready.
@@ -264,6 +264,13 @@
}
})
this.$bus.$on('update_single_note', (noteId) => {
//Do not update note if its open
if(this.activeNoteId1 != noteId){
this.updateSingleNote(noteId)
}
})
//Update totals for app
this.$store.dispatch('fetchAndUpdateUserTotals')
@@ -277,10 +284,6 @@
}
})
// this.$bus.$on('update_single_note', (noteId) => {
// this.updateSingleNote(noteId)
// })
this.$bus.$on('note_deleted', (noteId) => {
//Remove deleted note from set, its deleted
@@ -664,6 +667,18 @@
//Sort notes into defined sections
notes.forEach(note => {
if(this.searchTerm.length > 0){
if(note.pinned == 1){
this.noteSections.pinned.push(note)
return
}
//Push to default note section
this.noteSections.notes.push(note)
return
}
//Display all tags in tag section
if(this.searchTags.length >= 1){
this.noteSections.tagged.push(note)
return
@@ -693,9 +708,7 @@
}
return
}
if(note.archived == 1){
return
}
if(note.archived == 1){ return }
//Only show sent notes section if shared is selected
if(this.fastFilters.onlyShowSharedNotes == 1){
@@ -746,6 +759,8 @@
//clear out tags
this.searchTags = []
this.loadingInProgress = false
this.searchTerm = ''
this.$bus.$emit('reset_fast_filters')
//A little hacky, brings user to notes page then filters on click
if(this.$route.name != 'Note Page'){