github.com/manicqin/nomad@v0.9.5/ui/app/templates/freestyle.hbs (about)

     1  <div id="styleguide">
     2    {{#freestyle-guide title='Nomad UI' subtitle='Styles and Patterns'}}
     3      {{#freestyle-section name="Theme" as |section|}}
     4        {{#section.subsection name="Font Stacks"}}
     5          {{freestyle/sg-font-stacks}}
     6        {{/section.subsection}}
     7  
     8        {{#section.subsection name="Text Sizing"}}
     9          {{freestyle/sg-font-sizing}}
    10        {{/section.subsection}}
    11  
    12        {{#section.subsection name="Colors"}}
    13          {{freestyle/sg-colors}}
    14        {{/section.subsection}}
    15      {{/freestyle-section}}
    16  
    17      {{#freestyle-section name="Components" as |section|}}
    18        {{#section.subsection name="Accordion"}}
    19          {{freestyle/sg-accordion}}
    20        {{/section.subsection}}
    21  
    22        {{#section.subsection name="Alerts"}}
    23          {{freestyle/sg-alerts}}
    24        {{/section.subsection}}
    25  
    26        {{#section.subsection name="Boxed section"}}
    27          {{freestyle/sg-boxed-section}}
    28        {{/section.subsection}}
    29  
    30        {{#section.subsection name="Breadcrumbs"}}
    31          {{freestyle/sg-breadcrumbs}}
    32        {{/section.subsection}}
    33  
    34        {{#section.subsection name="Buttons"}}
    35          {{freestyle/sg-buttons}}
    36        {{/section.subsection}}
    37  
    38        {{#section.subsection name="Copy Button"}}
    39          {{freestyle/sg-copy-button}}
    40        {{/section.subsection}}
    41  
    42        {{#section.subsection name="Diff Viewer"}}
    43          {{freestyle/sg-diff-viewer}}
    44        {{/section.subsection}}
    45  
    46        {{#section.subsection name="Dropdown"}}
    47          {{freestyle/sg-dropdown}}
    48        {{/section.subsection}}
    49  
    50        {{#section.subsection name="Gutter menu"}}
    51          {{freestyle/sg-gutter-menu}}
    52        {{/section.subsection}}
    53  
    54        {{#section.subsection name="Header"}}
    55          {{freestyle/sg-header}}
    56        {{/section.subsection}}
    57  
    58        {{#section.subsection name="Inline definitions"}}
    59          {{freestyle/sg-inline-definitions}}
    60        {{/section.subsection}}
    61  
    62        {{#section.subsection name="JSON Viewer"}}
    63          {{freestyle/sg-json-viewer}}
    64        {{/section.subsection}}
    65  
    66        {{#section.subsection name="Log Stream"}}
    67          {{freestyle/sg-log-stream}}
    68        {{/section.subsection}}
    69  
    70        {{#section.subsection name="Metrics"}}
    71          {{freestyle/sg-metrics}}
    72        {{/section.subsection}}
    73  
    74        {{#section.subsection name="Multi-select dropdown"}}
    75          {{freestyle/sg-multi-select-dropdown}}
    76        {{/section.subsection}}
    77  
    78        {{#section.subsection name="Page tabs"}}
    79          {{freestyle/sg-page-tabs}}
    80        {{/section.subsection}}
    81  
    82        {{#section.subsection name="Page title"}}
    83          {{freestyle/sg-page-title}}
    84        {{/section.subsection}}
    85  
    86        {{#section.subsection name="Proxy Tag"}}
    87          {{freestyle/sg-proxy-tag}}
    88        {{/section.subsection}}
    89  
    90        {{#section.subsection name="Search box"}}
    91          {{freestyle/sg-search-box}}
    92        {{/section.subsection}}
    93  
    94        {{#section.subsection name="Table"}}
    95          {{freestyle/sg-table
    96            sortProperty=sortProperty
    97            sortDescending=sortDescending
    98            currentPage=currentPage}}
    99        {{/section.subsection}}
   100  
   101        {{#section.subsection name="Table, Configuration"}}
   102          {{freestyle/sg-table-configuration}}
   103        {{/section.subsection}}
   104  
   105        {{#section.subsection name="Timeline"}}
   106          {{freestyle/sg-timeline}}
   107        {{/section.subsection}}
   108  
   109        {{#section.subsection name="Two-step Button"}}
   110          {{freestyle/sg-two-step-button}}
   111        {{/section.subsection}}
   112      {{/freestyle-section}}
   113  
   114      {{#freestyle-section name="Charts" as |section|}}
   115        {{#section.subsection name="Distribution Bar"}}
   116          {{freestyle/sg-distribution-bar}}
   117        {{/section.subsection}}
   118  
   119        {{#section.subsection name="Jumbo Distribution Bar"}}
   120          {{freestyle/sg-distribution-bar-jumbo}}
   121        {{/section.subsection}}
   122  
   123        {{#section.subsection name="Line Chart"}}
   124          {{freestyle/sg-line-chart}}
   125        {{/section.subsection}}
   126  
   127        {{#section.subsection name="Progress Bar"}}
   128          {{freestyle/sg-progress-bar}}
   129        {{/section.subsection}}
   130  
   131        {{#section.subsection name="Stats Time Series"}}
   132          {{freestyle/sg-stats-time-series}}
   133        {{/section.subsection}}
   134      {{/freestyle-section}}
   135    {{/freestyle-guide}}
   136  </div>
   137