diff --git a/site/src/components/application/script.js b/site/src/components/application/script.js index 49c1c07..432f47c 100644 --- a/site/src/components/application/script.js +++ b/site/src/components/application/script.js @@ -1,5 +1,5 @@ import Connexion from '@/components/connexion' -import Projects from '@/components/projects' +import ProjectsHub from '@/components/projects-hub' import Project from '@/components/project' export default @@ -9,7 +9,7 @@ export default components: { Connexion, - Projects, + ProjectsHub, Project }, @@ -51,7 +51,6 @@ export default onHeaderClick() { - console.log('click') this.$store.commit('setFile', null) } } diff --git a/site/src/components/application/template.html b/site/src/components/application/template.html index 3af9d8a..6f34de3 100644 --- a/site/src/components/application/template.html +++ b/site/src/components/application/template.html @@ -12,7 +12,7 @@ - + diff --git a/site/src/components/files-tree/style.styl b/site/src/components/files-tree/style.styl index 1278937..7aa4499 100644 --- a/site/src/components/files-tree/style.styl +++ b/site/src/components/files-tree/style.styl @@ -1,7 +1,8 @@ .file-tree position absolute - top 80px + top 120px bottom 0px left 0 - width 25% - overflow-y scroll \ No newline at end of file + width 290px + overflow-y scroll + background #26283B \ No newline at end of file diff --git a/site/src/components/projects/index.vue b/site/src/components/projects-hub/index.vue similarity index 100% rename from site/src/components/projects/index.vue rename to site/src/components/projects-hub/index.vue diff --git a/site/src/components/projects-hub/script.js b/site/src/components/projects-hub/script.js new file mode 100644 index 0000000..1d4787c --- /dev/null +++ b/site/src/components/projects-hub/script.js @@ -0,0 +1,41 @@ +export default +{ + name: 'projects-hub', + + computed: + { + projects() + { + return this.$store.state.projects.all + }, + + currentProject() + { + return this.$store.state.projects.current + }, + + projectsCount() + { + const keys = Object.keys(this.projects) + return keys.length + }, + + downloadUrl() + { + return `${this.$store.state.url}/${this.currentProject.slug}/download` + } + }, + + created() + { + + }, + + methods: + { + onProjectClick(projectSlug) + { + this.$store.commit('setProject', projectSlug) + } + } +} \ No newline at end of file diff --git a/site/src/components/projects-hub/style.styl b/site/src/components/projects-hub/style.styl new file mode 100644 index 0000000..8674928 --- /dev/null +++ b/site/src/components/projects-hub/style.styl @@ -0,0 +1,81 @@ +.projects-hub + position absolute + top 80px + left 0 + width 290px + height 40px + font-size 14px + background #2F2E4B + color #ffffff + z-index 1 + + .single-project + padding-left 20px + line-height 40px + opacity 0.6 + + .select-projects + line-height 40px + cursor pointer + + .arrow-down + position absolute + top 15px + right 60px + + &.default + display inline-block + opacity 0.6 + + &.hover + display none + + .current + padding-left 20px + + .others + display none + top 100% + background #393855 + + .other-project + display block + padding-left 20px + + &:hover + color #4bd1c5 + + &:hover + .others + display block + + .arrow-down + &.default + display none + + &.hover + display inline-block + + a.download + position absolute + top 0 + right 0 + width 56px + height 40px + padding-top 9px + padding-left 22px + + .icon + &.default + display inline-block + + &.hover + display none + + &:hover + .icon + &.default + display none + + &.hover + display inline-block diff --git a/site/src/components/projects-hub/template.html b/site/src/components/projects-hub/template.html new file mode 100644 index 0000000..b7dd915 --- /dev/null +++ b/site/src/components/projects-hub/template.html @@ -0,0 +1,26 @@ +
+
+ {{ currentProject.name }} +
+ +
+
+ {{ currentProject.name }} +
+ + + + +
+ + {{ project.name }} + +
+
+ + + + + + +
\ No newline at end of file diff --git a/site/src/components/projects/script.js b/site/src/components/projects/script.js deleted file mode 100644 index 3e9c8cd..0000000 --- a/site/src/components/projects/script.js +++ /dev/null @@ -1,25 +0,0 @@ -export default -{ - name: 'projects', - - computed: - { - projects() - { - return this.$store.state.projects.all - } - }, - - created() - { - - }, - - methods: - { - onProjectClick(projectSlug) - { - this.$store.commit('setProject', projectSlug) - } - } -} \ No newline at end of file diff --git a/site/src/components/projects/style.styl b/site/src/components/projects/style.styl deleted file mode 100644 index e69de29..0000000 diff --git a/site/src/components/projects/template.html b/site/src/components/projects/template.html deleted file mode 100644 index 6f34ece..0000000 --- a/site/src/components/projects/template.html +++ /dev/null @@ -1,5 +0,0 @@ -
- - {{ project.name }} - -
\ No newline at end of file diff --git a/site/static/svg/arrow-down-hover.svg b/site/static/svg/arrow-down-hover.svg new file mode 100644 index 0000000..d7f859c --- /dev/null +++ b/site/static/svg/arrow-down-hover.svg @@ -0,0 +1,14 @@ + + + + Triangle + Created with Sketch. + + + + + + + + + \ No newline at end of file diff --git a/site/static/svg/arrow-down.svg b/site/static/svg/arrow-down.svg index 3284246..6d17756 100644 --- a/site/static/svg/arrow-down.svg +++ b/site/static/svg/arrow-down.svg @@ -4,7 +4,7 @@ Triangle Created with Sketch. - + diff --git a/test/demo-folder/empty.txt b/test/demo-folder/empty.txt index 0e0b0d4..9574c48 100644 --- a/test/demo-folder/empty.txt +++ b/test/demo-folder/empty.txt @@ -1,3 +1,5 @@ dsfsdf dfiuhsdifuhdsfiuh dsfsdf +dsfsdf +dsfsdf \ No newline at end of file diff --git a/test/demo-folder/soidjf b/test/demo-folder/soidjf index 2c1bbbb..d10d849 100644 --- a/test/demo-folder/soidjf +++ b/test/demo-folder/soidjf @@ -1 +1,2 @@ -dfsdf \ No newline at end of file +dfsdf +dsfsdfsdf \ No newline at end of file