New Admin Theme - Module Builders Cheatsheet

[rtpHarry]

Some notes I've made today while working on the new admin theme. I think they could be made into a reference set of "standard icons" that we encourage developers to use in their modules for consistency.

Some of them are core ones and some are probably just a reference as they are basically one-offs.

Button Classes

Save, Primary, Positive - btn btn-primary
Cancel, Secondary, Neutral - btn btn-default
Delete, Deny, Destructive - btn btn-danger

Button Icons

<i class="fa fa-save" aria-hidden="true"></i> @T("Save")
<i class="fa fa-floppy-o" aria-hidden="true"></i> @T("Save All")
<i class="fa fa-pencil-square-o" aria-hidden="true"></i> @T("Edit")
<i class="fa fa-trash" aria-hidden="true"></i> @T("Delete")
<i class="fa fa-ban" aria-hidden="true"></i> @T("Cancel")
<i class="fa fa-check" aria-hidden="true"></i> @T("Select")
<i class="fa fa-plus" aria-hidden="true"></i> @T("Create")
<i class="fa fa-undo" aria-hidden="true"></i> @T("Restore")
<i class="fa fa-files-o" aria-hidden="true"></i> @T("Clone")
<i class="fa fa-cog" aria-hidden="true"></i> @T("Menu Properties")
<i class="fa fa-plus" aria-hidden="true"></i> @T("Add a new user")
<i class="fa fa-bolt" aria-hidden="true"></i> @T("Bulk Actions") 
<i class="fa fa-thumbs-up" aria-hidden="true"></i> @T("Approve")
<i class="fa fa-thumbs-down" aria-hidden="true"></i> @T("Disable")
<i class="fa fa-envelope-o" aria-hidden="true"></i> @T("Send challenge E-mail")
<i class="fa fa-share" aria-hidden="true"></i> @T("Publish Now")
<i class="fa fa-play" aria-hidden="true"></i> @T("Resume") - Multi-tenant
<i class="fa fa-pause" aria-hidden="true"></i> @T("Pause") - JobsQueue
<i class="fa fa-refresh" aria-hidden="true"></i> @T("Reset") - Multi-tenant
<i class="fa fa-stop" aria-hidden="true"></i> @T("Suspend") - Multi-tenant
<i class="fa fa-upload" aria-hidden="true"></i> @T("Export")
<i class="fa fa-download" aria-hidden="true"></i> @T("Import")
<i class="fa fa-eye" aria-hidden="true"></i> @T("Preview")
<i class="fa fa-times" aria-hidden="true"></i> @T("Close")
<i class="fa fa-list" aria-hidden="true"></i> @T("Submissions")
<i class="fa fa-arrows" aria-hidden="true"></i> @T("Move")
<i class="fa fa-chevron-up" aria-hidden="true"></i> @T("Move Up")
<i class="fa fa-chevron-down" aria-hidden="true"></i> @T("Move Down")
<i class="fa fa-clock-o" aria-hidden="true"></i>@T("Recent")
<i class="fa fa-tags" aria-hidden="true"></i> @T("Terms")
<i class="fa fa-search" aria-hidden="true"></i> @T("Search")
<i class="fa fa-refresh" aria-hidden="true"></i> @T("Evict All") - Orchard.OutputCache
<i class="fa fa-recycle" aria-hidden="true"></i> @T("Restore") - AuditTrail
<i class="fa fa-chevron-left" aria-hidden="true"></i> @T("Back")
<i class="fa fa-info-circle" aria-hidden="true"></i> @T("Clipboard, keyboard shortcuts, etc.") - Orchard.Layouts
<i class="fa fa-table" aria-hidden="true"></i> @T("Details")
<i class="fa fa-code" aria-hidden="true"></i> @T("Edit form") - Orchard.Layouts

Filters

<i class="fa fa-bars" aria-hidden="true"></i> Show: any (show all) <span class="caret"></span>
<i class="fa fa-language" aria-hidden="true"></i> Culture: any (show all) <span class="caret"></span>
<i class="fa fa-sort" aria-hidden="true"></i> Ordered by : recently modified <span class="caret"></span>
<i class="fa fa-filter" aria-hidden="true"></i> Filter by : latest <span class="caret"></span>

Tokens

<i class="fa fa-leaf" aria-hidden="true"></i>