app/templates/views/dashboard/_totals.html

<div class="ajax-block-container">
  <div class="grid-row grid-gap">
    <div id="total-sms" class="grid-col-12 margin-top-2">
      <span class="big-number-with-status display-block margin-bottom-2">
        <p>
          <span class="big-number-smaller">
            <span class="big-number-number">
              {% if statistics['sms']['requested'] is number %}
              {{ "{:,}".format(statistics['sms']['requested']) }}
              {% else %}
              {{ statistics['sms']['requested'] }}
              {% endif %}
            </span>
            <span class="big-number-label">{{ statistics['sms']['requested']|message_count_label('sms', suffix='sent') }} in the last seven days</span>
          </span>
        </p>
        <a class="usa-button usa-button--outline" href="{{ url_for('.view_notifications', service_id=service_id, message_type='sms', status='sending,delivered,failed') }}">
         Details
        </a>
        {# Removing the failures area for now, as the user can click on the above link to see all the details.
        In the future state of the dashboard, the all statuses will be more apparent with data visualizations #}
      </span>
      </div>
    </div>
</div>
Fix dashboard totals in older IE versions The layout of the totals on the dashboard was getting horizontally squashed on older versions of IE. This was something to do with the `grid-row` CSS class no longer being applied when AJAX updated the page. Grid columns don’t work properly unless they’re contained in a grid row. This commit wraps the `div` with `grid-row` in another `div`. Not totally sure why this works, but it’s something to do with how the DiffDOM algorithm is working. Seems like the simpler the diff it has to compute, the better chance it has of not messing things up. 2017-01-23 11:56:01 +00:00			`<div class="ajax-block-container">`
Update dashboard and template flow (#514) * Updated header and footer * Moved files around and updated gulpfile to correct the build process when it goes to production * Updated fonts * Adjusted grid templating * Adding images to assets * Updated account pages, dashboard, and pages in message sending flow * Updated the styling for the landing pages in the account section once logged in 2023-06-08 13:12:00 -04:00			`<div class="grid-row grid-gap">`
Few style updates per PR feedback 2024-03-21 11:00:44 -04:00			`<div id="total-sms" class="grid-col-12 margin-top-2">`
805 - Making the clickable area on dashboard a button 2024-03-18 12:43:56 -04:00			`<span class="big-number-with-status display-block margin-bottom-2">`
			`<p>`
remove big_number from _totals.html and monthly.html 2023-12-17 16:27:26 -05:00			`<span class="big-number-smaller">`
			`<span class="big-number-number">`
			`{% if statistics['sms']['requested'] is number %}`
805 - Making the clickable area on dashboard a button 2024-03-18 12:43:56 -04:00			`{{ "{:,}".format(statistics['sms']['requested']) }}`
remove big_number from _totals.html and monthly.html 2023-12-17 16:27:26 -05:00			`{% else %}`
805 - Making the clickable area on dashboard a button 2024-03-18 12:43:56 -04:00			`{{ statistics['sms']['requested'] }}`
remove big_number from _totals.html and monthly.html 2023-12-17 16:27:26 -05:00			`{% endif %}`
			`</span>`
805 - Making the clickable area on dashboard a button 2024-03-18 12:43:56 -04:00			`<span class="big-number-label">{{ statistics['sms']['requested']\|message_count_label('sms', suffix='sent') }} in the last seven days</span>`
remove big_number from _totals.html and monthly.html 2023-12-17 16:27:26 -05:00			`</span>`
805 - Making the clickable area on dashboard a button 2024-03-18 12:43:56 -04:00			`</p>`
			`<a class="usa-button usa-button--outline" href="{{ url_for('.view_notifications', service_id=service_id, message_type='sms', status='sending,delivered,failed') }}">`
			`Details`
remove big_number from _totals.html and monthly.html 2023-12-17 16:27:26 -05:00			`</a>`
Removed "failure" area so the user can get to all the statuses from the Dashboard Landing screen. A better way to view all statuses will come with a Dashboard redesign. 2024-03-19 12:10:43 -04:00			`{# Removing the failures area for now, as the user can click on the above link to see all the details.`
			`In the future state of the dashboard, the all statuses will be more apparent with data visualizations #}`
remove big_number_with_status 2023-12-16 22:28:28 -05:00			`</span>`
deemphasize non-sms elements 2022-12-01 08:53:50 -05:00			`</div>`
Fix dashboard totals in older IE versions The layout of the totals on the dashboard was getting horizontally squashed on older versions of IE. This was something to do with the `grid-row` CSS class no longer being applied when AJAX updated the page. Grid columns don’t work properly unless they’re contained in a grid row. This commit wraps the `div` with `grid-row` in another `div`. Not totally sure why this works, but it’s something to do with how the DiffDOM algorithm is working. Seems like the simpler the diff it has to compute, the better chance it has of not messing things up. 2017-01-23 11:56:01 +00:00			`</div>`
Refactor dashboard templates Previously the structure was ``` dashboard.html \|_ today.html \|_ some random html \|_ a few things split into partials ``` This commit simplifies the structure to just be: ``` dashboard.html \|_ partial \|_ partial \|_ … ``` 2016-06-28 08:59:08 +01:00			`</div>`