Страница группы #553

Yuri Tkachenko · Yuri Tkachenko · commit ca78a51e1f1a · 2015-05-06T14:10:06.000+03:00
diff --git a/docs/fontello.zip b/docs/fontello.zip
diff --git a/handlers/markup/templates/blocks/courses-table.jade b/handlers/markup/templates/blocks/courses-table.jade
@@ -1,10 +1,11 @@
 - var courses = [];
 - var time = '2014-01-01T19:45'
-- var date = 'Начало занятий в <time datetime=' + time + '>' + moment(time).locale('ru').format('D MMMM YYYY в h:mm') + '</time>';
+- var date = 'Начало ' + moment(time).locale('ru').format('D MMM YYYY');
 
-- courses.push({ name: 'Посещение online курсов «Javascript, DOM, интерейсы»', start: date, isVerified: true });
-- courses.push({ name: 'Посещение online курсов «Javascript, DOM, интерейсы»', start: 'Курсы уже начались', isVerified: false });
-- courses.push({ name: 'Посещение online курсов «Javascript, DOM, интерейсы»', start: 'Курсы уже закончились', isVerified: true });
+- courses.push({ name: 'Посещение online курсов «Javascript, DOM, интерейсы»', start: date, schedule: 'Занятия каждый Пн/Чт<br>19:30 - 21:00 GMT+3 (Мск).', status: 'need-verify' });
+- courses.push({ name: 'Посещение online курсов «Javascript, DOM, интерейсы»', start: date, schedule: 'Занятия каждый Пн/Чт<br>19:30 - 21:00 GMT+3 (Мск).', status: 'verified' });
+- courses.push({ name: 'Посещение online курсов «Javascript, DOM, интерейсы»', start: date, schedule: 'Занятия каждый Пн/Чт<br>19:30 - 21:00 GMT+3 (Мск).', status: 'started' });
+- courses.push({ name: 'Посещение online курсов «Javascript, DOM, интерейсы»', start: date, schedule: 'Занятия каждый Пн/Чт<br>19:30 - 21:00 GMT+3 (Мск).', status: 'ended' });
 
 +b.courses-table
     +e('table').table
@@ -14,17 +15,29 @@
 
                 +e('th').main
                     +e('h3').title !{ course.name }
-                    +e.time !{ course.start }
+                    +e('a').info-link(href="/123") Описание курсов
+                    if course.status !== 'need-verify'
+                        +e('a').info-link(href="/123") Страница группы
+
 
                 +e('td').info
-                    +e('a').info-link(href="/123") Описание курсов
-                    +e('a').info-link(href="/123") Стараница группы
+                    +e('strong').start !{ course.start }
+                    +e.schedule !{ course.schedule }
 
                 +e('td').verify
-                    if course.isVerified
-                        +e('span').verified Участие подтверждено
-                    else
+                    if course.status === 'verified'
+                        +e('span').status._verified Участие подтверждено
+
+                    else if course.status === 'need-verify'
                         +b('button').button._action
                             +e('span').text Подтвердить участие
 
+                    else if course.status === 'started'
+                        +e('span').status._started Занятия начались
+
+                    else if course.status === 'ended'
+                        +e('span').status._ended Курсы завершены
+                        br
+                        +e('a').feedback(href="/123") Оставить отзыв
+
 
diff --git a/handlers/markup/templates/pages/profile-courses.jade b/handlers/markup/templates/pages/profile-courses.jade
@@ -3,7 +3,7 @@ extends /layouts/main
 block append variables
   - var title = "Nazarkator";
   - var layout_header_class = "main__header_center"
-  - var layout_main_class = "main_width-limit"
+  - var layout_main_class = "main_width-limit-wide"
   - var sitetoolbar = true
 
   - var profileTests = [];
diff --git a/styles/blocks/courses-table/courses-table.styl b/styles/blocks/courses-table/courses-table.styl
@@ -17,32 +17,38 @@
     & tr &__verify
         border-bottom 1px solid #e4e0d2
 
-    .main & tr&__line:last-child
+    .main & tr&__line:last-child,
+    .main & tr&__line:last-child &__info,
+    .main & tr&__line:last-child &__verify
         border none
 
     .main & th&__main,
     .main & td&__info,
     .main & td&__verify
         padding 25px 0
 
+        vertical-align top
+
     & th&__main
         font-size 11px
         font-weight normal
 
+        width 40%
+
     .main & th&__main
         padding-left 20px
         padding-right 10px
 
-    &__main time
-        font-weight bold
+    &__start,
+    &__schedule
+        font-size 14px
+        line-height initial
 
-        white-space nowrap
+    &__schedule
+        margin-top 5px
 
     & td&__info
-        width 0.1%
-
         vertical-align middle
-        white-space nowrap
 
     .main & td&__info
         padding-left 10px
@@ -52,48 +58,66 @@
         display inline-block
 
         font-size 13px
-        line-height 25px
-
-        text-decoration underline
+        line-height initial
 
-    &__info-link:not(:last-child)
         padding-right 15px
+        margin-right 15px
 
+        color #568DCA
         border-right 1px solid #e4e0d2
 
     &__info-link:last-child
-        padding-left 15px
+        border-right none
+        padding-right 0
+        margin-right 0
 
-    & td&__verify
+
+    .main & td&__verify
         width 0.1%
+        padding-right 60px
 
         text-align left
         white-space nowrap
 
-    .main & td&__verify
-        padding-right 20px
-
     & h3&__title
         font 17px/17px secondary_font
-        margin 5px 0 0 0
+        margin 5px 0 10px 0
 
-    &__verified
+    &__status
         font-weight bold
 
+        position relative
         display inline-block
 
         line-height 25px
 
-        padding-left 16px
+        padding-left 26px
 
         white-space nowrap
 
         color #469269
-        border-left 1px solid #e4e0d2
 
-    &__verified:before
-        @extend $font-ok
+    &__status_ended
+        color #999
 
+    &__status:before
         font-size 18px
 
-        margin-right 7px
+        position absolute
+        margin-left -26px
+
+        font-weight normal
+
+    &__status_verified:before
+        @extend $font-ok
+
+    &__status_started:before
+        @extend $font-back-in-time
+
+    &__status_ended:before
+        @extend $font-flag
+
+    &__feedback
+        margin-left 26px
+
+        color #568DCA
diff --git a/styles/blocks/font/font-icons.styl b/styles/blocks/font/font-icons.styl
@@ -265,3 +265,11 @@ $font-college-hat
 $font-star-label
     @extend $font-icon
     content '\E821'
+
+$font-flag
+    @extend $font-icon
+    content '\E824'
+
+$font-back-in-time
+    @extend $font-icon
+    content '\E825'
diff --git a/styles/blocks/font/icons.woff b/styles/blocks/font/icons.woff
