"Fossies" - the Fresh Open Source Software Archive

Member "discourse-2.8.3/plugins/styleguide/assets/javascripts/discourse/templates/styleguide/atoms/05-input-fields.hbs" (14 Apr 2022, 2610 Bytes) of package /linux/www/discourse-2.8.3.tar.gz:


As a special service "Fossies" has tried to format the requested text file into HTML format (style: standard) with prefixed line numbers. Alternatively you can here view or download the uninterpreted source code file. See also the last Fossies "Diffs" side-by-side code changes report for "05-input-fields.hbs": 2.7.13_vs_2.8.0.

    1 {{#styleguide-example title="text-field"}}
    2   {{text-field placeholder="Placeholder"}}
    3 {{/styleguide-example}}
    4 
    5 {{#styleguide-example title="password"}}
    6   {{password-field type="password" placeholder="Placeholder"}}
    7 {{/styleguide-example}}
    8 
    9 {{#styleguide-example title="textarea"}}
   10   {{textarea placeholder="Placeholder"}}
   11 {{/styleguide-example}}
   12 
   13 {{#styleguide-example title="inline-form"}}
   14   <div class="inline-form">
   15     {{text-field placeholder="Placeholder"}}
   16     {{d-button class="btn-primary" icon="search" type="submit" translatedLabel="Submit"}}
   17   </div>
   18 {{/styleguide-example}}
   19 
   20 {{#styleguide-example title="inline-form with icon button"}}
   21   <div class="inline-form">
   22     {{text-field placeholder="Placeholder"}}
   23     {{d-button class="btn-primary" icon="search" type="submit"}}
   24   </div>
   25 {{/styleguide-example}}
   26 
   27 {{#styleguide-example title="full-width inline-form with single input"}}
   28   <div class="inline-form full-width">
   29     {{text-field placeholder="Placeholder"}}
   30   </div>
   31 {{/styleguide-example}}
   32 
   33 {{#styleguide-example title="full-width inline-form with input and icon button"}}
   34   <div class="inline-form full-width">
   35     {{text-field placeholder="Placeholder"}}
   36     {{d-button class="btn-primary" icon="search" type="submit"}}
   37   </div>
   38 {{/styleguide-example}}
   39 
   40 {{#styleguide-example title="inline-form with combo-box" initialValue=dummy.options.[0].name as |value|}}
   41   <div class="inline-form">
   42     {{text-field placeholder="Placeholder"}}
   43     {{combo-box content=dummy.options value=value onChange=(fn (mut value))}}
   44     {{d-button class="btn-primary" icon="search" type="submit" translatedLabel="Submit"}}
   45   </div>
   46 {{/styleguide-example}}
   47 
   48 {{#styleguide-example title="inline-form with multi-select"}}
   49   <div class="inline-form">
   50     {{text-field}}
   51     {{multi-select content=dummy.options onChange=(action "dummy")}}
   52     {{d-button class="btn-primary" icon="search" type="submit" translatedLabel="Submit"}}
   53   </div>
   54 {{/styleguide-example}}
   55 
   56 {{#styleguide-example title="inline-form with multi-select and label"}}
   57   <div class="inline-form">
   58     <label>Text:</label>
   59     {{text-field}}
   60     {{multi-select content=dummy.options onChange=(action "dummy")}}
   61     {{d-button class="btn-primary" icon="search" type="submit" translatedLabel="Submit"}}
   62   </div>
   63 {{/styleguide-example}}
   64 
   65 {{#styleguide-example title="category-notifications-button and regular button"}}
   66   <div class="inline-form">
   67     {{category-notifications-button category=dummy.categories.[0] value=1 onChange=(action "dummy")}}
   68     {{d-button icon="reply" type="submit" translatedLabel="Button"}}
   69   </div>
   70 {{/styleguide-example}}