furk4ngg/keppler
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

🎨 Site > File Tree > Remove data property

Browse Source
This commit is contained in:
brunosimon
2017-08-29 20:30:33 +01:00
parent 9576c4782d
commit e9f373e62e
7 changed files with 40 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/src/components/files-tree-file/script.js
+3 -3
View File
@@ -35,7 +35,7 @@ export default
if(search !== '')
{
// Set up fuzzy search
const text = this.content.data.path.full.replace(/^\.\//, '')
const text = this.content.path.full.replace(/^\.\//, '')
let searchPosition = 0
this.matchingPositions = []
@@ -46,7 +46,7 @@ export default
if(searchPosition < search.length && text[n].toLowerCase() === search[searchPosition])
{
searchPosition += 1
this.matchingPositions.push(n - this.content.data.path.directory.length + 1)
this.matchingPositions.push(n - this.content.path.directory.length + 1)
}
}
@@ -64,7 +64,7 @@ export default
{
onNameClick()
{
this.$store.commit('setFile', this.content.data.path.full)
this.$store.commit('setFile', this.content.path.full)
}
}
}
site/src/components/files-tree-file/template.html
+3 -3
View File
@@ -1,12 +1,12 @@
<div v-show="visible">
<a href="#" class="name" :style="{ paddingLeft:depth * 20 + 'px' }" @click.prevent="onNameClick">
<file-icon class="icon" :extension="content.data.extension"></file-icon>
<file-icon class="icon" :extension="content.extension"></file-icon>
<span class="text">
<template v-for="(letter, key) in content.name">
<span :style="matchingPositions.indexOf(key) !== -1 ? 'font-weight:bold;' : ''">{{ letter }}</span>
</template>
</span>
<span v-if="content.data.isNew" class="new">(new)</span>
<span v-if="content.data.isChanged && !content.data.isNew" class="changed">(changed)</span>
<span v-if="content.isNew" class="new">(new)</span>
<span v-if="content.isChanged && !content.isNew" class="changed">(changed)</span>
</a>
</div>
site/src/components/files-tree-folder/template.html
+1 -1
View File
@@ -10,6 +10,6 @@
</a>
<div v-show="open">
<files-tree-folder class="js-child" v-for="folder of content.folders" :key="folder.name" :content="folder" :depth="depth + 1" :directory="fullPath + '/'"></files-tree-folder>
<files-tree-file class="js-child" v-for="file of files" :key="file.data.path.full" :content="file" :depth="depth + 1"></files-tree-file>
<files-tree-file class="js-child" v-for="file of files" :key="file.path.full" :content="file" :depth="depth + 1"></files-tree-file>
</div>
</div>
site/src/components/project/template.html
+1 -1
View File
@@ -2,7 +2,7 @@
{{ project.name }}
<files-tree></files-tree>
<file v-if="file" :content="file.data"></file>
<file v-if="file" :content="file"></file>
<landing v-if="!file"></landing>
<chat></chat>
<alert></alert>
site/src/components/viewer/script.js
+1 -1
View File
@@ -15,7 +15,7 @@ export default
{
extension()
{
return this.$store.state.files.current.data.extension
return this.$store.state.files.current.extension
},
version()
site/src/store/modules/files.js
+5 -5
View File
@@ -39,11 +39,11 @@ export default {
{
const file = state.tree.getFile(data)
if(!state.current || state.current.data.id !== file.data.id)
if(!state.current || state.current.id !== file.id)
{
state.current = file
state.current.data.isNew = false
state.current.data.isChanged = false
state.current.isNew = false
state.current.isChanged = false
}
},
@@ -53,8 +53,8 @@ export default {
if(file)
{
file.data.versions.push(data.version)
file.data.isChanged = true
file.versions.push(data.version)
file.isChanged = true
}
},
site/src/utils/FileTree.js
+26 -14
View File
@@ -99,8 +99,14 @@ class FileTree
folder = {
folders: [],
files: [],
name: _part,
data: _data
name: _part
}
// Add data
for(const dataKey in _data)
{
const data = _data[dataKey]
folder[dataKey] = data
}
// Save
@@ -144,8 +150,14 @@ class FileTree
// Create file
const file = {
name: filePart,
data: _data
name: filePart
}
// Add data
for(const dataKey in _data)
{
const data = _data[dataKey]
file[dataKey] = data
}
// Save
@@ -175,9 +187,9 @@ class FileTree
folder.folders.splice(_folderKey, 1)
// Callback
if(typeof _folder.data.onRemove === 'function')
if(typeof _folder.onRemove === 'function')
{
_folder.data.onRemove.apply(this, [_folder])
_folder.onRemove.apply(this, [_folder])
}
}
@@ -189,9 +201,9 @@ class FileTree
folder.files.splice(_fileKey, 1)
// Callback
if(typeof _file.data.onRemove === 'function')
if(typeof _file.onRemove === 'function')
{
_file.data.onRemove.apply(this, [_file])
_file.onRemove.apply(this, [_file])
}
}
}
@@ -243,9 +255,9 @@ class FileTree
folders.splice(index, 1)
// Callback
if(typeof folder.data.onRemove === 'function')
if(typeof folder.onRemove === 'function')
{
folder.data.onRemove.apply(this, [folder])
folder.onRemove.apply(this, [folder])
}
// Auto wash
@@ -324,9 +336,9 @@ class FileTree
}
// Callback
if(typeof file.data.onRemove === 'function')
if(typeof file.onRemove === 'function')
{
file.data.onRemove.apply(this, [file])
file.onRemove.apply(this, [file])
}
return true
@@ -466,9 +478,9 @@ class FileTree
folder.folders.splice(_folderKey, 1)
// Callback
if(typeof _folder.data.onRemove === 'function')
if(typeof _folder.onRemove === 'function')
{
_folder.data.onRemove.apply(this, [_folder])
_folder.onRemove.apply(this, [_folder])
}
}
}