CDLIB UI

Sidebar Post 

<!-- 1 -->
<section class="c-sidebarpost c-sidebarbox js-sidebarpost--author">
    <header>
        <h2 id="c-sidebarpost--author-heading">Authors</h2>
    </header>

    <select class="o-select" aria-labelledby="c-sidebarpost--author-heading">
        <option value="">Select Author</option>
        <option value="https://www.cdlib.org/cdlinfo/author/abrin/">Adam Brin (10)</option>
        <option value="https://www.cdlib.org/cdlinfo/author/bhui/">Barbara Hui (20)</option>
        <option value="https://www.cdlib.org/cdlinfo/author/cli/">Chan Li (12)</option>
        <option value="https://www.cdlib.org/cdlinfo/author/dlowenberg/">Daniella Lowenberg (6)</option>
        <option value="https://www.cdlib.org/cdlinfo/author/eproulx/">Elise Proulx (15)</option>
    </select>
    <button type="button" aria-disabled="true">View All by Author</button>
</section>


<!-- 2 -->
<section class="c-sidebarpost c-sidebarbox js-sidebarpost--month">
    <header>
        <h2 id="c-sidebarpost--month-heading">Months of Publication</h2>
    </header>

    <select class="o-select" aria-labelledby="c-sidebarpost--month-heading">
        <option value="">Select Month</option>
        <option value="https://www.cdlib.org/cdlinfo/2019/08/">August 2019 (6)</option>
        <option value="https://www.cdlib.org/cdlinfo/2019/07/">July 2019 (5)</option>
        <option value="https://www.cdlib.org/cdlinfo/2019/06/">June 2019 (6)</option>
        <option value="https://www.cdlib.org/cdlinfo/2019/05/">May 2019 (6)</option>
        <option value="https://www.cdlib.org/cdlinfo/2019/04/">April 2019 (17)</option>
        <option value="https://www.cdlib.org/cdlinfo/2019/03/">March 2019 (16)</option>
    </select>
    <button type="button" aria-disabled="true">View All from Month</button>
</section>


<!-- 1 -->
<section class="c-sidebarpost c-sidebarbox js-sidebarpost--author">
  <header>
    <h2 id="{{ heading.id }}">{{ heading.text }}</h2>
  </header>
  {{> @select }}
  <button type="button" aria-disabled="true">{{ sidebarpost.button }}</button>
</section>

<!-- 2 -->
<section class="c-sidebarpost c-sidebarbox js-sidebarpost--month">
  <header>
    <h2 id="{{ heading.id }}">{{ heading.text }}</h2>
  </header>
  {{> @select }}
  <button type="button" aria-disabled="true">{{ sidebarpost.button }}</button>
</section>
 
/* 1 */
{
  "heading": {
    "id": "c-sidebarpost--author-heading",
    "text": "Authors"
  },
  "label": {
    "exists": false
  },
  "select": {
    "labelledby": "c-sidebarpost--author-heading",
    "placeholder": {
      "exists": true,
      "label": "Select Author"
    }
  },
  "sidebarpost": {
    "button": "View All by Author"
  },
  "selectoption": [
    {
      "select": {
        "option": {
          "value": "https://www.cdlib.org/cdlinfo/author/abrin/",
          "label": "Adam Brin (10)"
        }
      }
    },
    {
      "select": {
        "option": {
          "value": "https://www.cdlib.org/cdlinfo/author/bhui/",
          "label": "Barbara Hui (20)"
        }
      }
    },
    {
      "select": {
        "option": {
          "value": "https://www.cdlib.org/cdlinfo/author/cli/",
          "label": "Chan Li (12)"
        }
      }
    },
    {
      "select": {
        "option": {
          "value": "https://www.cdlib.org/cdlinfo/author/dlowenberg/",
          "label": "Daniella Lowenberg (6)"
        }
      }
    },
    {
      "select": {
        "option": {
          "value": "https://www.cdlib.org/cdlinfo/author/eproulx/",
          "label": "Elise Proulx (15)"
        }
      }
    }
  ]
}


/* 2 */
{
  "heading": {
    "id": "c-sidebarpost--month-heading",
    "text": "Months of Publication"
  },
  "label": {
    "exists": false
  },
  "select": {
    "labelledby": "c-sidebarpost--month-heading",
    "placeholder": {
      "exists": true,
      "label": "Select Month"
    }
  },
  "sidebarpost": {
    "button": "View All from Month"
  },
  "selectoption": [
    {
      "select": {
        "option": {
          "value": "https://www.cdlib.org/cdlinfo/2019/08/",
          "label": "August 2019 (6)"
        }
      }
    },
    {
      "select": {
        "option": {
          "value": "https://www.cdlib.org/cdlinfo/2019/07/",
          "label": "July 2019 (5)"
        }
      }
    },
    {
      "select": {
        "option": {
          "value": "https://www.cdlib.org/cdlinfo/2019/06/",
          "label": "June 2019 (6)"
        }
      }
    },
    {
      "select": {
        "option": {
          "value": "https://www.cdlib.org/cdlinfo/2019/05/",
          "label": "May 2019 (6)"
        }
      }
    },
    {
      "select": {
        "option": {
          "value": "https://www.cdlib.org/cdlinfo/2019/04/",
          "label": "April 2019 (17)"
        }
      }
    },
    {
      "select": {
        "option": {
          "value": "https://www.cdlib.org/cdlinfo/2019/03/",
          "label": "March 2019 (16)"
        }
      }
    }
  ]
}

No notes defined.