sponsors: dynamically render the page

Author: pietroalbini

src/data/sponsors.yml

@@ -0,0 +1,18 @@
+---
+
+# Content of the /sponsors page.
+#
+# The name of the sponsor is defined here and left untranslated in the page.
+# The other parts of the page are derived from the sponsor's ID:
+# - The logo is located in static/images/sponsor-logos/<id>.png
+# - The alt of the image is the Fluent translation "sponsors-<id>-alt"
+# - The description paragraph is the Fluent translation "sponsors-<id>"
+
+- id: aws
+  name: AWS
+
+- id: microsoft
+  name: Microsoft Azure
+
+- id: mozilla
+  name: Mozilla

src/main.rs

@@ -30,6 +30,7 @@ mod i18n;
 mod production;
 mod redirect;
 mod rust_version;
+mod sponsors;
 mod teams;
 
 use production::User;
@@ -228,6 +229,16 @@ fn production_locale(locale: SupportedLocale) -> Template {
     render_production(locale.0)
 }
 
+#[get("/sponsors")]
+fn sponsors() -> Template {
+    render_sponsors(ENGLISH.into())
+}
+
+#[get("/<locale>/sponsors", rank = 10)]
+fn sponsors_locale(locale: SupportedLocale) -> Template {
+    render_sponsors(locale.0)
+}
+
 #[get("/<category>/<subject>", rank = 4)]
 fn subject(category: Category, subject: String) -> Template {
     render_subject(category, subject, ENGLISH.into())
@@ -395,6 +406,20 @@ fn render_production(lang: String) -> Template {
     Template::render(page, &context)
 }
 
+fn render_sponsors(lang: String) -> Template {
+    println!("foo");
+    let page = "sponsors/index".to_string();
+    let context = Context::new(
+        page.clone(),
+        "sponsors-page-title",
+        false,
+        sponsors::render_data(&lang),
+        lang,
+    );
+
+    Template::render(page, &context)
+}
+
 fn render_governance(lang: String) -> Result<Template, Status> {
     match teams::index_data() {
         Ok(data) => {
@@ -468,6 +493,7 @@ fn main() {
                 governance,
                 team,
                 production,
+                sponsors,
                 subject,
                 files,
                 favicon,
@@ -478,6 +504,7 @@ fn main() {
                 governance_locale,
                 team_locale,
                 production_locale,
+                sponsors_locale,
                 subject_locale,
                 components_locale,
                 redirect,

src/sponsors.rs

@@ -0,0 +1,44 @@
+use crate::i18n::I18NHelper;
+use std::error::Error;
+
+static SPONSORS_YML_PATH: &str = "src/data/sponsors.yml";
+
+lazy_static! {
+    static ref SPONSORS: Vec<Sponsor> = load_sponsors(SPONSORS_YML_PATH).unwrap();
+}
+
+#[derive(Deserialize)]
+struct Sponsor {
+    id: String,
+    name: String,
+}
+
+fn load_sponsors(path: &str) -> Result<Vec<Sponsor>, Box<dyn Error>> {
+    Ok(serde_yaml::from_str(&std::fs::read_to_string(path)?)?)
+}
+
+#[derive(Serialize)]
+pub(crate) struct RenderSponsor {
+    name: &'static str,
+    is_not_first: bool,
+    logo_path: String,
+    logo_alt_i18n: String,
+    description_i18n: String,
+}
+
+pub(crate) fn render_data(lang: &str) -> Vec<RenderSponsor> {
+    let i18n = I18NHelper::new();
+
+    let sponsors = SPONSORS
+        .iter()
+        .enumerate()
+        .map(|(i, s)| RenderSponsor {
+            name: &s.name,
+            is_not_first: i != 0,
+            logo_path: format!("/static/images/sponsor-logos/{}.png", s.id),
+            logo_alt_i18n: i18n.lookup(lang, &format!("sponsors-{}-alt", s.id), None),
+            description_i18n: i18n.lookup(lang, &format!("sponsors-{}", s.id), None),
+        })
+        .collect::<Vec<_>>();
+    sponsors
+}

templates/sponsors/index.hbs

@@ -17,46 +17,22 @@
       {{fluent "sponsors-caveat"}}
     </p>
 
+    {{#each data as |sponsor|}}
+    {{#if sponsor.is_not_first}}
+    <hr size="1" noshade>
+    {{/if}}
     <div class="flex-none flex-l mt5-l">
       <div class="w-100 w-30-l tc">
-        <img alt="{{fluent "sponsors-microsoft-alt"}}" src="/static/images/sponsor-logos/microsoft.png" />
+        <img alt="{{sponsor.logo_alt_i18n}}" src="{{sponsor.logo_path}}" />
       </div>
       <div class="w-100 w-70-l">
-        <h3>Microsoft Azure</h3>
+        <h3>{{sponsor.name}}</h3>
         <p>
-          {{fluent "sponsors-microsoft"}}
+          {{sponsor.description_i18n}}
         </p>
       </div>
     </div>
-
-    <hr noshade size="1"/>
-
-    <div class="flex-none flex-l mt5-l">
-      <div class="w-100 w-30-l tc">
-        <img alt="{{fluent "sponsors-aws-alt"}}" src="/static/images/sponsor-logos/aws.png" />
-      </div>
-      <div class="w-100 w-70-l">
-        <h3>AWS</h3>
-        <p>
-          {{fluent "sponsors-aws"}}
-        </p>
-      </div>
-    </div>
-
-    <hr noshade size="1"/>
-
-    <div class="flex-none flex-l mt5-l">
-      <div class="w-100 w-30-l tc">
-        <img alt="{{fluent "sponsors-mozilla-alt"}}" src="/static/images/sponsor-logos/mozilla.png" />
-      </div>
-      <div class="w-100 w-70-l">
-        <h3>Mozilla</h3>
-        <p>
-          {{fluent "sponsors-mozilla"}}
-        </p>
-      </div>
-    </div>
-
+    {{/each}}
   </div>
 </section>