diff options
Diffstat (limited to 'ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/bootstrap-sample-content.html')
| -rw-r--r-- | ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/bootstrap-sample-content.html | 146 |
1 files changed, 146 insertions, 0 deletions
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/bootstrap-sample-content.html b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/bootstrap-sample-content.html new file mode 100644 index 00000000..23d138eb --- /dev/null +++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/bootstrap-sample-content.html @@ -0,0 +1,146 @@ +<div id="page-content" class="content"> + <div> + <h2>Bootstrap Sample Page</h2> + + <!-- dropdown sample --> + <h3>Bootstrap Dropdowns</h3> + <div class="dropdown"> + <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> + Dropdown + <span class="caret"></span> + </button> + <ul class="dropdown-menu" aria-labelledby="dropdownMenu1"> + <li><a href="#">Action</a></li> + <li><a href="#">Another action</a></li> + <li><a href="#">Something else here</a></li> + <li role="separator" class="divider"></li> + <li><a href="#">Separated link</a></li> + </ul> + </div> + + + <!-- Button group --> + <h3>Bootstrap Button Group</h3> + <div class="btn-group" role="group" aria-label="..."> + <button type="button" class="btn btn-default">Left</button> + <button type="button" class="btn btn-default">Middle</button> + <button type="button" class="btn btn-default">Right</button> + </div> + + <!-- Single button dropdowns --> + <h3>Single Button Dropdowns</h3> + <div class="btn-group"> + <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> + Action <span class="caret"></span> + </button> + <ul class="dropdown-menu"> + <li><a href="#">Action</a></li> + <li><a href="#">Another action</a></li> + <li><a href="#">Something else here</a></li> + <li role="separator" class="divider"></li> + <li><a href="#">Separated link</a></li> + </ul> + </div> + + <!-- Table --> + <h3>Table Sample</h3> + <div class="panel panel-default"> + <!-- Default panel contents --> + <div class="panel-heading">Table heading</div> + <div class="panel-body"> + <p>Table description </p> + </div> + + <!-- Table --> + <table class="table"> + <thead> + <tr> + <th>#</th> + <th>First Name</th> + <th>Last Name</th> + <th>Username</th> + </tr> + </thead> + <tbody> + <tr> + <th scope="row">1</th> + <td>Mark</td> <td>Otto</td> + <td>@mdo</td> + </tr> + <tr> + <th scope="row">2</th> + <td>Jacob</td> + <td>Thornton</td> + <td>@fat</td> + </tr> + <tr> + <th scope="row">3</th> + <td>Larry</td> + <td>the Bird</td> + <td>@twitter</td> + </tr> + </tbody> + </table> + </div> + + + <!-- Checkboxes and radio addons --> + <h3>Checkboxes and radio addons</h3> + <p>In order to make bootstrap checkbox and radio button appear, please make sure b2b-bootstrap-common.css in app/fusion/external/ds2-bootstrap directory is included in the main HTML page.</p> + + <p>checkbox</p> + <div class="form-check"> + <label class="form-check-label"> + <input type="checkbox" class="form-check-input"> + Y/N + </label> + </div> + + <div> + <p>radio button</p> + <div class="radio"> + <label><input type="radio" name="optradio">Option 1</label> + </div> + <div class="radio"> + <label><input type="radio" name="optradio">Option 2</label> + </div> + <div class="radio disabled"> + <label><input type="radio" name="optradio" disabled>Option 3 (disabled)</label> + </div> + </div> + + <div class="row"> + <div class="col-lg-6"> + <div class="input-group"> <span class="input-group-addon"> <input type="checkbox" aria-label="Checkbox for following text input"> </span> <input class="form-control" aria-label="Text input with checkbox"> </div> + </div> + <div class="col-lg-6"> + <div class="input-group"> <span class="input-group-addon"> <input type="radio" aria-label="Radio button for following text input"> </span> <input class="form-control" aria-label="Text input with radio button"> </div> + </div> + </div> + + <h3>Available variations</h3> + <div> + <span class="label label-default">Default</span> + <span class="label label-primary">Primary</span> + <span class="label label-success">Success</span> + <span class="label label-info">Info</span> + <span class="label label-warning">Warning</span> + <span class="label label-danger">Danger</span> + </div> + + <h3>Checkbox</h3> + <div class="checkbox"> + <label> + <input type="checkbox" value=""> + Option one is this and that—be sure to include why it's great + </label> + </div> + <div class="checkbox disabled"> + <label> + <input type="checkbox" value="" disabled> + Option two is disabled + </label> + </div> + + </div> +</div>
\ No newline at end of file |