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

Updated to later version of vue cli to improve build process

Browse Source 
* Updated some simples styles
* Added archive button to main notes
fixes #21
This commit is contained in:
Max G
2020-03-11 03:47:07 +00:00
parent 4c17efceea
commit f7fc937d26
15 changed files with 12003 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
client/src/assets/semantic-helper.css
View File

@@ -3,7 +3,7 @@
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(/static/fonts/roboto-latin.woff2) format('woff2');
src: local('Roboto'), local('Roboto-Regular'), url(/api/static/assets/roboto-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@@ -11,7 +11,7 @@
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: local('Roboto Bold'), local('Roboto-Bold'), url(/static/fonts/roboto-latin-bold.woff2) format('woff2');
src: local('Roboto Bold'), local('Roboto-Bold'), url(/api/static/assets/roboto-latin-bold.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

14
client/src/components/NoteInputPanel.vue
View File

@@ -4,7 +4,7 @@
id="InputNotes"
class="master-note-edit"
@keyup.esc="close"
:class="[{ 'size-down':(sizeDown == true) }, 'position-'+position ]"
:class="[{ 'size-down':(sizeDown == true), 'full-focus':(fullFocusEditor) }, 'position-'+position ]"
:style="{ 'background-color':styleObject['noteBackground'], 'color':styleObject['noteText']}"
>
@@ -202,6 +202,8 @@
</div>
</side-slide-menu>
<div class="full-focus-shade"></div>
</div>
</template>
@@ -252,7 +254,7 @@
colorPickerLocation: null,
tinymce: null, //Initialized editor instance
fullFocusEditor: true, //Initialized editor instance
//Settings vars
showAllSettings: true,
@@ -1160,6 +1162,10 @@
left: 50%;
right: 0%;
}
.master-note-edit.position-1.full-focus {
left: 20%;
right: 20%;
}
.master-note-edit.position-2 {
left: 0%;
right: 50%;
@@ -1179,13 +1185,9 @@
@keyframes size-down {
0% {
/*opacity: 1;*/
/*top: 0;*/
top: 0;
}
100% {
/*opacity: 0;*/
/*top: 30vh;*/
top: 150vh;
}
}

45
client/src/components/NoteTitleDisplayCard.vue
View File

@@ -63,30 +63,35 @@
<div class="tool-bar" @click.self="cardClicked">
<div class="icon-bar">
<!-- {{$helpers.timeAgo(note.updated)}} -->
<span v-if="note.pinned == 1" data-position="top left" data-tooltip="Pinned" data-inverted>
<i class="green pin icon"></i>
</span>
<span v-if="note.archived == 1" data-position="top left" data-tooltip="Archived" data-inverted>
<i class="green archive icon"></i>
</span>
<span v-if="note.tags">
<span v-for="tag in (note.tags.split(','))" class="little-tag">{{ tag }}</span>
</span>
<span v-if="note.pinned == 1" data-position="top right" data-tooltip="Pinned" data-inverted="">
<i class="green pin icon"></i>
</span>
<span v-if="note.archived == 1" data-position="top right" data-tooltip="Archived" data-inverted="">
<i class="green archive icon"></i>
</span>
<!-- :class="{ 'hover-hide':(!$store.getters.getIsUserOnMobile) }" -->
<span class="float-right" :class="{ 'hover-hide':(!$store.getters.getIsUserOnMobile) }">
<!-- <span class="teeny-button" data-tooltip="Archive" data-inverted>
<i class="archive icon"></i>
</span> -->
<i class="teeny-button" data-tooltip="Tags" data-inverted v-on:click="toggleTags(true)">
<i class="tags icon"></i>
</i>
<i class="teeny-button" data-tooltip="Pin" data-inverted v-on:click="pinNote">
<i class="teeny-button"
data-tooltip="Archive"
:data-tooltip="note.archived ? 'Un-Archive':'Archive' "
data-inverted v-on:click="archiveNote">
<i class="archive icon"></i>
</i>
<i class="teeny-button"
:data-tooltip="note.pinned ? 'Un-Pin':'Pin' "
data-inverted v-on:click="pinNote">
<i class="pin icon"></i>
</i>
@@ -103,7 +108,7 @@
</div>
<side-slide-menu v-if="showTagSlideMenu" v-on:close="toggleTags(false)">
<side-slide-menu v-if="showTagSlideMenu" v-on:close="toggleTags(false)" :full-shadow="true">
<div class="ui basic segment">
<note-tag-edit :noteId="note.id" :key="'display-tags-for-note-'+note.id"/>
</div>
@@ -161,6 +166,13 @@
this.$bus.$emit('update_single_note', this.note.id)
})
},
archiveNote(){
let postData = {'archived': !this.note.archived, 'noteId':this.note.id}
axios.post('/api/note/setarchived', postData)
.then(data => {
this.$bus.$emit('update_single_note', this.note.id)
})
},
toggleTags(state){
this.showTagSlideMenu = state
@@ -243,7 +255,7 @@
border-radius: 5px;
padding: 0px 0px 0px 4px;
text-align: center;
margin: 0 0 0 5px;
margin: 0 0 3px 5px;
display: inline-block;
min-width: 30px;
color: var(--text_color);
@@ -296,7 +308,8 @@
.note-title-display-card {
position: relative;
/*box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);*/
box-shadow: 0 0px 5px 1px rgba(34,36,38,0);
/*box-shadow: 0 0px 5px 1px rgba(34,36,38,0);*/
box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);
margin: 5px;
/*padding: 0.7em 1em;*/
border-radius: .28571429rem;
@@ -315,7 +328,7 @@
}
.note-title-display-card:hover {
/*box-shadow: 0 3px 6px -0 rgba(34,36,38,.50);*/
box-shadow: 0 0px 5px 1px rgba(34,36,38,0.3);
/*box-shadow: 0 0px 5px 1px rgba(34,36,38,0.3);*/
}
.icon-bar {
display: inline-block;

10
client/src/components/SideSlideMenuComponent.vue
View File

@@ -33,6 +33,12 @@
overflow: hidden;
cursor: pointer;
}
.slide-shadow.full-shadow {
right: 0;
background-color: rgba(0,0,0,0.3);
}
.note-menu {
height: 43px;
}
@@ -88,7 +94,7 @@
</div>
<div class="slide-shadow" v-on:click="close"></div>
<div class="slide-shadow" :class="{'full-shadow':fullShadow}" v-on:click="close"></div>
</div>
</transition>
@@ -97,7 +103,7 @@
<script>
export default {
name: 'SideSlideMenu',
props: [ 'name', 'styleObject' ],
props: [ 'name', 'styleObject', 'fullShadow' ],
components: {
'nm-button':require('@/components/NoteMenuButtonComponent.vue').default
},