Added aria handlers and sr-only text

This commit is contained in:
snipe 2020-03-27 21:44:32 -07:00
parent 54d39c04ad
commit 41fa2d1aa1

View file

@ -36,11 +36,11 @@
<h3>{{ number_format($counts['asset']) }}</h3> <h3>{{ number_format($counts['asset']) }}</h3>
<p>{{ trans('general.total_assets') }}</p> <p>{{ trans('general.total_assets') }}</p>
</div> </div>
<div class="icon"> <div class="icon" aria-hidden="true">
<i class="fa fa-barcode"></i> <i class="fa fa-barcode"></i>
</div> </div>
@can('index', \App\Models\Asset::class) @can('index', \App\Models\Asset::class)
<a href="{{ route('hardware.index') }}" class="small-box-footer">{{ trans('general.moreinfo') }} <i class="fa fa-arrow-circle-right"></i></a> <a href="{{ route('hardware.index') }}" class="small-box-footer">{{ trans('general.moreinfo') }} <i class="fa fa-arrow-circle-right" aria-hidden="true"></i></a>
@endcan @endcan
</div> </div>
</div><!-- ./col --> </div><!-- ./col -->
@ -52,11 +52,11 @@
<h3>{{ number_format($counts['license']) }}</h3> <h3>{{ number_format($counts['license']) }}</h3>
<p>{{ trans('general.total_licenses') }}</p> <p>{{ trans('general.total_licenses') }}</p>
</div> </div>
<div class="icon"> <div class="icon" aria-hidden="true">
<i class="fa fa-floppy-o"></i> <i class="fa fa-floppy-o"></i>
</div> </div>
@can('view', \App\Models\License::class) @can('view', \App\Models\License::class)
<a href="{{ route('licenses.index') }}" class="small-box-footer">{{ trans('general.moreinfo') }} <i class="fa fa-arrow-circle-right"></i></a> <a href="{{ route('licenses.index') }}" class="small-box-footer">{{ trans('general.moreinfo') }} <i class="fa fa-arrow-circle-right" aria-hidden="true"></i></a>
@endcan @endcan
</div> </div>
</div><!-- ./col --> </div><!-- ./col -->
@ -69,11 +69,11 @@
<h3> {{ number_format($counts['accessory']) }}</h3> <h3> {{ number_format($counts['accessory']) }}</h3>
<p>{{ trans('general.total_accessories') }}</p> <p>{{ trans('general.total_accessories') }}</p>
</div> </div>
<div class="icon"> <div class="icon" aria-hidden="true">
<i class="fa fa-keyboard-o"></i> <i class="fa fa-keyboard-o"></i>
</div> </div>
@can('index', \App\Models\Accessory::class) @can('index', \App\Models\Accessory::class)
<a href="{{ route('accessories.index') }}" class="small-box-footer">{{ trans('general.moreinfo') }} <i class="fa fa-arrow-circle-right"></i></a> <a href="{{ route('accessories.index') }}" class="small-box-footer">{{ trans('general.moreinfo') }} <i class="fa fa-arrow-circle-right" aria-hidden="true"></i></a>
@endcan @endcan
</div> </div>
</div><!-- ./col --> </div><!-- ./col -->
@ -85,11 +85,11 @@
<h3> {{ number_format($counts['consumable']) }}</h3> <h3> {{ number_format($counts['consumable']) }}</h3>
<p>{{ trans('general.total_consumables') }}</p> <p>{{ trans('general.total_consumables') }}</p>
</div> </div>
<div class="icon"> <div class="icon" aria-hidden="true">
<i class="fa fa-tint"></i> <i class="fa fa-tint"></i>
</div> </div>
@can('index', \App\Models\Consumable::class) @can('index', \App\Models\Consumable::class)
<a href="{{ route('consumables.index') }}" class="small-box-footer">{{ trans('general.moreinfo') }} <i class="fa fa-arrow-circle-right"></i></a> <a href="{{ route('consumables.index') }}" class="small-box-footer">{{ trans('general.moreinfo') }} <i class="fa fa-arrow-circle-right" aria-hidden="true"></i></a>
@endcan @endcan
</div> </div>
</div><!-- ./col --> </div><!-- ./col -->
@ -155,7 +155,8 @@
<div class="box-header with-border"> <div class="box-header with-border">
<h3 class="box-title">{{ trans('general.recent_activity') }}</h3> <h3 class="box-title">{{ trans('general.recent_activity') }}</h3>
<div class="box-tools pull-right"> <div class="box-tools pull-right">
<button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i> <button type="button" class="btn btn-box-tool" data-widget="collapse" aria-hidden="true">
<i class="fa fa-minus"></i>
</button> </button>
</div> </div>
</div><!-- /.box-header --> </div><!-- /.box-header -->
@ -175,7 +176,7 @@
data-url="{{ route('api.activity.index', ['limit' => 25]) }}"> data-url="{{ route('api.activity.index', ['limit' => 25]) }}">
<thead> <thead>
<tr> <tr>
<th data-field="icon" data-visible="true" style="width: 40px;" class="hidden-xs" data-formatter="iconFormatter"></th> <th data-field="icon" data-visible="true" style="width: 40px;" class="hidden-xs" data-formatter="iconFormatter"><span class="sr-only">Icon</span></th>
<th class="col-sm-3" data-visible="true" data-field="created_at" data-formatter="dateDisplayFormatter">{{ trans('general.date') }}</th> <th class="col-sm-3" data-visible="true" data-field="created_at" data-formatter="dateDisplayFormatter">{{ trans('general.date') }}</th>
<th class="col-sm-2" data-visible="true" data-field="admin" data-formatter="usersLinkObjFormatter">{{ trans('general.admin') }}</th> <th class="col-sm-2" data-visible="true" data-field="admin" data-formatter="usersLinkObjFormatter">{{ trans('general.admin') }}</th>
<th class="col-sm-2" data-visible="true" data-field="action_type">{{ trans('general.action') }}</th> <th class="col-sm-2" data-visible="true" data-field="action_type">{{ trans('general.action') }}</th>
@ -204,7 +205,8 @@
<div class="box-header with-border"> <div class="box-header with-border">
<h3 class="box-title">{{ trans('general.assets') }} by Status</h3> <h3 class="box-title">{{ trans('general.assets') }} by Status</h3>
<div class="box-tools pull-right"> <div class="box-tools pull-right">
<button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i> <button type="button" class="btn btn-box-tool" data-widget="collapse" aria-hidden="true">
<i class="fa fa-minus"></i>
</button> </button>
</div> </div>
</div> </div>
@ -227,7 +229,7 @@
<div class="box-header with-border"> <div class="box-header with-border">
<h3 class="box-title">Asset {{ trans('general.categories') }}</h3> <h3 class="box-title">Asset {{ trans('general.categories') }}</h3>
<div class="box-tools pull-right"> <div class="box-tools pull-right">
<button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i> <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus" aria-hidden="true"></i>
</button> </button>
</div> </div>
</div> </div>
@ -249,12 +251,29 @@
<thead> <thead>
<tr> <tr>
<th class="col-sm-3" data-visible="true" data-field="name" data-formatter="categoriesLinkFormatter" data-sortable="true">{{ trans('general.name') }}</th> <th class="col-sm-3" data-visible="true" data-field="name" data-formatter="categoriesLinkFormatter" data-sortable="true">{{ trans('general.name') }}</th>
<th class="col-sm-3" data-visible="true" data-field="category_type" data-sortable="true">{{ trans('general.type') }}</th> <th class="col-sm-3" data-visible="true" data-field="category_type" data-sortable="true">
<th class="col-sm-1" data-visible="true" data-field="assets_count" data-sortable="true"><i class="fa fa-barcode"></i></th> {{ trans('general.type') }}
<th class="col-sm-1" data-visible="true" data-field="accessories_count" data-sortable="true"><i class="fa fa-keyboard-o"></i></th> </th>
<th class="col-sm-1" data-visible="true" data-field="consumables_count" data-sortable="true"><i class="fa fa-tint"></i></th> <th class="col-sm-1" data-visible="true" data-field="assets_count" data-sortable="true">
<th class="col-sm-1" data-visible="true" data-field="components_count" data-sortable="true"><i class="fa fa-hdd-o"></i></th> <i class="fa fa-barcode" aria-hidden="true"></i>
<th class="col-sm-1" data-visible="true" data-field="licenses_count" data-sortable="true"><i class="fa fa-floppy-o"></i></th> <span class="sr-only">Asset Count</span>
</th>
<th class="col-sm-1" data-visible="true" data-field="accessories_count" data-sortable="true">
<i class="fa fa-keyboard-o" aria-hidden="true"></i>
<span class="sr-only">Accessories Count</span>
</th>
<th class="col-sm-1" data-visible="true" data-field="consumables_count" data-sortable="true">
<i class="fa fa-tint" aria-hidden="true"></i>
<span class="sr-only">Consumables Count</span>
</th>
<th class="col-sm-1" data-visible="true" data-field="components_count" data-sortable="true">
<i class="fa fa-hdd-o" aria-hidden="true"></i>
<span class="sr-only">Components Count</span>
</th>
<th class="col-sm-1" data-visible="true" data-field="licenses_count" data-sortable="true">
<i class="fa fa-floppy-o" aria-hidden="true"></i>
<span class="sr-only">Licenses Count</span>
</th>
</tr> </tr>
</thead> </thead>
</table> </table>