Add navigation buttons for events

css/events.css

@@ -43,3 +43,13 @@
 a.list-group-item::before {
   display: none;
 }
+
+.list-group-item.events-list.separator:hover {
+  margin-right: 0;
+}
+
+.panel .panel-heading .pull-right {
+  margin-top: -36px;
+  margin-right: 10px;
+  padding: 6px 25px;
+}

pug/templates/events.pug

@@ -14,20 +14,27 @@ block content
           .panel-body
             .search-form
               .row
-                .col-xs-10
+                .col-xs-2.col-sm-8
                   |  
                   //-.form-group
                     input.form-control(type='text', placeholder='Search Contacts...')
                     i.fa.fa-search
-                .col-xs-2
-                  a.btn.btn-primary.btn-block(href='#')
+                .col-xs-5.col-sm-2
+                  a.btn.btn-primary.btn-block(href='https://git.fosscommunity.in/community/fsci.org.in/tree/master/events/details' target='_blank')
                     i.fa.fa-plus
                     span Add
+                .col-xs-5.col-sm-2
+                  a.btn.btn-primary.btn-block(href='http://fsci.org.in')
+                    i.fa.fa-plus
+                    span Back
           // panel body
           .list-group
             // list of sample data
-            for event in events.events
+            for event in events.events 
               a.list-group-item.events-list.separator(href='/events/' + event.id + '.html')
                 img.img-rounded.pull-left(src=event.imgurl)
                 h4.list-group-item-heading= event.name
-                p.list-group-item-text!= event.locationame
+                p.list-group-item-text!= event.when
+          
+          //- for event in sortedEvents
+            h4.list-group-item-heading=event.id

pug/templates/individual_event_page.pug

@@ -27,7 +27,7 @@ block content
               a.list-group-item(href='/events/' + event.lat + '.' + event.lng + '.html')
                 img.img-rounded.pull-left(src=event.imgurl)
                 h4.list-group-item-heading= event.name
-                p.list-group-item-text!= event.locationame
+                p.list-group-item-text!= event.venue + ', ' + event.district
       .col-sm-12.bootcards-cards
         // contact details
         #contact-card.event-card.col-sm-4
@@ -46,23 +46,26 @@ block content
                 label= "LOCATION"
                 if (evt.lat != "" && evt.lng != "")
                   a(href="http://www.openstreetmap.org/?mlat=" + evt.lat + "&mlon=" + evt.lng + "&ref=FSCI")
-                    h4.list-group-item-heading= evt.locationame
+                    h4.list-group-item-heading= evt.venue + ', ' + evt.district
                 else
-                  h4.list-group-item-heading= evt.locationame
+                h4.list-group-item-heading= evt.venue + ', ' + evt.district
               .list-group-item.separator
                 label= "ORGANIZED BY"
                 h4.list-group-item-heading= evt.organizedby
               .list-group-item.separator
                 label= "DATETIME"
                 h4.list-group-item-heading= evt.when
-              .list-group-item.separator
-                label= "CONTACT INFO"
-                h4.list-group-item-heading= evt.contactinfo
+              if (evt.contactinfo != "")
+                .list-group-item.separator
+                    label= "CONTACT INFO"
+                    h4.list-group-item-heading= evt.contactinfo
 
         #description-card.event-card.col-sm-8
           .panel.panel-default.bootcards-richtext.event-details
             .panel-heading
               h3.panel-title Description
+              a.btn.btn-primary.pull-right(href='http://fsci.org.in/events')
+                span Back
             .panel-body!= evt.description
               p.lead
                 img(src=evt.imgurl, alt=evt.name)