[spalenque] - #12944 * events page make banner dynamic

Author: santipalenque

events/code/ui/EventHolder.php

@@ -12,14 +12,30 @@
  * limitations under the License.
  **/
 /**
- * Defines the JobsHolder page type
+ * Defines the Events page type
  */
 class EventHolder extends Page {
-   private static$db = array(
-   );
+    private static $db = array(
 
-   private static $has_one = array(
-   );
+    );
+
+    private static $has_one = array(
+       'Banner' => 'BetterImage'
+    );
+
+    function getCMSFields() {
+        $fields = parent::getCMSFields();
+
+        // header
+        $fields->addFieldToTab(
+            'Root.Main',
+            $uploadField = new UploadField('Banner','Banner')
+        );
+        $uploadField->setFolderName('openstackdays');
+        $uploadField->setAllowedFileCategories('image');
+
+        return $fields;
+    }
 
 
 }
@@ -177,4 +193,13 @@ function EventTypes() {
         return $event_type_links;
     }
 
+    public function getUpcomingSummitLink() {
+        $summit = Summit::GetUpcoming();
+        if ($summit) {
+            return $summit->Link();
+        } else {
+            return '/summit';
+        }
+    }
+
 }

events/templates/Layout/EventHolder.ss

@@ -2,14 +2,16 @@
     <div class="row">
         <div class="col-sm-12">
             <div class="eventTitleArea">
-                <h1>OpenStack Event Listing</h1>
+                $Content
             </div>
         </div>
     </div>
     <div class="row">
         <div class="col-lg-12">
-            <a href="/summit/boston-2017/">
-                <div class="event-ad-lrg"></div>
+            <a href="{$getUpcomingSummitLink()}">
+                <div class="event-ad-lrg">
+                    <img src="{$Banner.URL}" alt="Don't miss The Summit">
+                </div>
             </a>
         </div>
     </div>

themes/openstack/css/combined.css

@@ -1576,20 +1576,14 @@ a.featured-link:hover {
   max-height: 113px;
   max-width: 1140px;
   margin-bottom: 20px;
-  background-image: url('/assets/boston-summit/promo/08676F71-479C-47A9-A2D2-59FE4659326D.jpeg');
-  background-repeat: no-repeat;
-  background-size: 100% auto;
-  background-position: center center;
   image-rendering: optimizeQuality;
  }
 
 @media (max-width: 767px) {
   .event-ad-lrg {
     max-width: 767px;
-    background-image: url('/assets/boston-summit/promo/0E430DD4-0DEB-4900-AEE2-D909F2BF87EC.jpeg');
-    background-repeat: no-repeat;
-    background-size: 100% auto;
-    background-position: center center; } }
+  }
+}
 
 .news-section .news-wrapper ul {
   margin: 30px 0;