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

[update] Style Project page

Browse Source
This commit is contained in:
Bruno SIMON
2016-08-30 14:52:49 +02:00
parent 81331c4f34
commit 3990037844
5 changed files with 168 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/design/project.psd
BIN
View File
Binary file not shown.
site/public/stylesheet/style.css
+1 -1
View File
File diff suppressed because one or more lines are too long
site/public/stylus/pages/project.styl
+112
View File
@@ -0,0 +1,112 @@
body.project
background #31344a
color #ffffff
.label
font-size 10px
margin-bottom 2px
header
position relative
height 80px
overflow hidden
.logo
position absolute
top 40px
left -35px
.disks
.disk
position absolute
border-radius 50%
background #fff
transform translateX(-50%) translateY(-50%)
&.index-0
width 70px
height 70px
background #fff
&.index-1
width 140px
height 140px
background #666b99
&.index-2
width 210px
height 210px
background #555980
&.index-3
width 280px
height 280px
background #474a6b
&.index-4
width 350px
height 350px
background #3b3e59
.title
position absolute
top 0
left 80px
line-height 4px
font-size 28px
font-family 'Stellar'
text-transform uppercase
letter-spacing 2px
aside.aside
position fixed
top 80px
left 0
bottom 0
width 240px
header.aside-header
position relative
width 100%
height 115px
padding 12px 20px 0 20px
border-top 1px solid #515771
border-bottom 1px solid #515771
background rgba(0,0,0,0.2)
.name
position absolute
top 15px
left 20px
font-weight bold
.details
text-align right
.detail
margin-bottom 6px
.value
font-weight bold
.aside-tree
position absolute
top 115px
left 0
width 100%
bottom 110px
overflow-y scroll
footer.aside-footer
position absolute
bottom 0
left 0
width 100%
height 110px
padding 15px 20px 0 20px
border-top 1px solid #515771
background rgba(0,0,0,0.2)
section.main
position fixed
top 80px
left 240px
right 0
bottom 0
site/public/stylus/pages/projects.styl
+9 -8
View File
@@ -59,27 +59,28 @@ body.projects
height 500px height 500px
.title .title
font-size 45px font-size 45px
font-family 'Stellar'
.letter .letter
position absolute position absolute
top 0 top 0
left 0 left 0
line-height 0 line-height 8px
&.index-0 &.index-0
left 100px - 15px left 100px - 10px
&.index-1 &.index-1
left 150px - 15px left 150px - 10px
&.index-2 &.index-2
left 200px - 15px left 200px - 10px
&.index-3 &.index-3
left 250px - 15px left 250px - 10px
&.index-4 &.index-4
left 300px - 15px left 300px - 10px
&.index-5 &.index-5
left 350px - 15px left 350px - 10px
&.index-6 &.index-6
left 400px - 15px left 400px - 10px
.punch-line .punch-line
padding-top 600px padding-top 600px
site/views/pages/index/project.jade
+46 -13
View File
@@ -18,23 +18,56 @@ script(type="text/ng-template",id="folder_template.html")
span.new(ng-if="_file.data.new") span.new(ng-if="_file.data.new")
| [new] | [new]
section.page-project(ng-controller="ProjectController as controller",ng-init="init('" + project_slug + "')") div(ng-controller="ProjectController as controller",ng-init="init('" + project_slug + "')")
header
.logo
.disks
.disk.index-4
.disk.index-3
.disk.index-2
.disk.index-1
.disk.index-0
.title
| Keppler
aside.aside aside.aside
header.aside-header header.aside-header
div.name .name
| {{project.name}} | {{project.name}}
div.always-last-version-toggle(ng-click="always_last_version_toggle_click()",ng-class="always_last_version ? 'active' : 'inactive'") .details
.switch .detail
| Always last version .label
div.show-differences-toggle(ng-click="show_differences_toggle_click()",ng-class="show_differences ? 'active' : 'inactive'") | created at
.switch .value
| Show differences | 11:20:13 PM
div.mark-all-as-read(ng-click="mark_all_as_read_click()") .detail
| Mark all as read .label
| last update
.value
| 11:20:13 PM
.detail
.label
| files
.value
| 32
.aside-tree .aside-tree
nav.files-tree-nav nav.files-tree-nav
ul ul
li.folder(ng-repeat="_folder in project.tree.folders",ng-include="'folder_template.html'",ng-class="_folder.active ? 'active' : 'inactive'") li.folder(ng-repeat="_folder in project.tree.folders",ng-include="'folder_template.html'",ng-class="_folder.active ? 'active' : 'inactive'")
footer.aside-footer
.always-last-version-toggle(ng-click="always_last_version_toggle_click()",ng-class="always_last_version ? 'active' : 'inactive'")
.switch
| Always last version
.show-differences-toggle(ng-click="show_differences_toggle_click()",ng-class="show_differences ? 'active' : 'inactive'")
.switch
| Show differences
.mark-all-as-read(ng-click="mark_all_as_read_click()")
| Mark all as read
section.main section.main
section.no-file(ng-if="!file") section.no-file(ng-if="!file")
| No file | No file
@@ -46,11 +79,11 @@ section.page-project(ng-controller="ProjectController as controller",ng-init="in
| {{file.name}} | {{file.name}}
nav.versions-nav nav.versions-nav
a.version(href="#",ng-repeat="_version in file.versions",ng-click="version_click(_version)",ng-class="_version.active ? 'active' : 'inactive'") a.version(href="#",ng-repeat="_version in file.versions",ng-click="version_click(_version)",ng-class="_version.active ? 'active' : 'inactive'")
div.date .date
| {{_version.date_formated}} | {{_version.date_formated}}
div.time-from-now .time-from-now
| {{_version.time_from_now}} | {{_version.time_from_now}}
div.differences .differences
| {{_version.diff_percent}} | {{_version.diff_percent}}
section.code section.code
pre pre