sunrise-cms/views/dashboard.ejs

<%- include('_header'); -%>

<div class="level">
  <div class="level-left has-flex-shrink-1">
    <h1 class="title is-1">
      <%= configFunctions.getProperty("application.applicationName") %>
    </h1>
  </div>
</div>

<div class="columns">
  <div class="column">
    <div class="card">
      <div class="card-content">
        <div class="media">
          <div class="media-left">
            <i class="fas fa-3x fa-fw fa-vector-square" aria-hidden="true"></i>
          </div>
          <div class="media-content has-text-black">
            <h2 class="title is-4 is-marginless">
              <a href="<%= urlPrefix %>/lots"><%= configFunctions.getProperty("aliases.lots") %></a>
            </h2>
            <p>View and maintain <%= configFunctions.getProperty("aliases.lots").toLowerCase() %>.</p>
          </div>
        </div>
      </div>
    </div>
    <div class="card">
      <div class="card-content">
        <div class="media">
          <div class="media-left">
            <i class="far fa-3x fa-fw fa-map" aria-hidden="true"></i>
          </div>
          <div class="media-content has-text-black">
            <h2 class="title is-4 is-marginless">
              <a href="<%= urlPrefix %>/maps"><%= configFunctions.getProperty("aliases.maps") %></a>
            </h2>
            <p>View and maintain <%= configFunctions.getProperty("aliases.maps").toLowerCase() %>.</p>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="column">
    <div class="card">
      <div class="card-content">
      <div class="media">
          <div class="media-left">
            <span class="fa-layers fa-3x fa-fw" aria-hidden="true">
              <i class="fas fa-vector-square"></i>
              <i class="fas fa-user" data-fa-transform="shrink-10"></i>
            </span>
          </div>
          <div class="media-content has-text-black">
            <h2 class="title is-4 is-marginless">
              <a href="<%= urlPrefix %>/lotOccupancies"><%= configFunctions.getProperty("aliases.lot") + " " + configFunctions.getProperty("aliases.occupancies") %></a>
            </h2>
            <p>View and maintain <%= configFunctions.getProperty("aliases.lot").toLowerCase() + " " + configFunctions.getProperty("aliases.occupancies").toLowerCase() %>.</p>
          </div>
        </div>
      </div>
    </div>
    <div class="card">
      <div class="card-content">
      <div class="media">
          <div class="media-left">
            <i class="fas fa-3x fa-fw fa-hard-hat" aria-hidden="true"></i>
          </div>
          <div class="media-content has-text-black">
            <h2 class="title is-4 is-marginless">
              <a href="<%= urlPrefix %>/workOrders">Work Orders</a>
            </h2>
            <p>View and maintain work orders.</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="columns">
  <div class="column">
    <div class="card">
      <div class="card-content">
        <div class="media">
          <div class="media-left">
            <i class="fas fa-3x fa-fw fa-file" aria-hidden="true"></i>
          </div>
          <div class="media-content has-text-black">
            <h2 class="title is-4 is-marginless">
              <a href="<%= urlPrefix %>/reports">Report Library</a>
            </h2>
            <p>Produce reports and export data.</p>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="column">
    <div class="card">
      <div class="card-content">
        <div class="media">
          <div class="media-left">
            <i class="fas fa-3x fa-fw fa-question-circle" aria-hidden="true"></i>
          </div>
          <div class="media-content has-text-black">
            <h2 class="title is-4 is-marginless">
              <a href="https://cityssm.github.io/lot-occupancy-system/" target="_blank" rel="noopener noreferrer">Help Documentation</a>
            </h2>
            <p>Instructions on how to use this application.</p>
          </div>
        </div>
      </div>
      <div class="card-footer">
        <a class="card-footer-item has-tooltip-bottom" data-tooltip="Latest Updates, Issue Tracker, Say Hello" href="https://github.com/cityssm/lot-occupancy-system" target="_blank" rel="noreferrer">
          <span class="icon">
            <i class="fab fa-github" aria-hidden="true"></i>
          </span>
          GitHub
        </a>
      </div>
    </div>
  </div>
</div>

<% if (user.userProperties.isAdmin) { %>
  <h2 class="title is-3">Administrator Tools</h2>

  <div class="columns">
    <div class="column">
      <div class="card">
        <div class="card-content">
          <div class="media">
            <div class="media-left">
              <i class="fas fa-3x fa-fw fa-cogs" aria-hidden="true"></i>
            </div>
            <div class="media-content has-text-black">
              <h2 class="title is-4 is-marginless">
                <a href="<%= urlPrefix %>/admin/licenceCategories">Licence Categories</a>
              </h2>
              <p>Add new licence types.  Maintain existing licence types.</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
<% } %>

<%- include('_footerA'); -%>
<%- include('_footerB'); -%>