palette/views/jsx/dashboard_card.mustache

{{!
 * Copyright (C) 2017 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
}}

<div
class="ic-DashboardCard"
aria-label="{{originalName}}"
>
<div class="ic-DashboardCard__header">

{{#image}}
        <div
          class="ic-DashboardCard__header_image"
          style="background-image: url({{url}})"
        >
          <div
            class="ic-DashboardCard__header_hero"
            style="background-color: {{background}}"
            aria-hidden="true"></div>
        </div>
      );
    }
{{/image}}
{{^image}}
      <div
        class="ic-DashboardCard__header_hero"
        style="background-color: {{background}}"
        aria-hidden="true"></div>
{{/image}}
 
  <a href="{{href}}" class="ic-DashboardCard__link">
    <div class="ic-DashboardCard__header_content">
      <h2 class="ic-DashboardCard__header-title ellipsis" title="{{originalName}}">
	<span style="color: {{backgroundColor}}">
	  {{nickname}}
	</span>
      </h2>
      <div
	class="ic-DashboardCard__header-subtitle ellipsis"
	title="{{courseCode}}"
      >
	{{courseCode}}
      </div>
      <div
	class="ic-DashboardCard__header-term ellipsis"
	title="{{term}}"
      >
	{{term}} 
      </div>
    </div>
  </a>
</div>
<nav
  class="ic-DashboardCard__action-container"
>
{{#links}}
  <a href="{{path}}" class="ic-DashboardCard__action {{class}}">
          <div class="ic-DashboardCard__action-layout">
            <i class="{{iconClass}}"></i>
          </div>
        </a>

{{/links}}
</nav>
</div>