diff options
Diffstat (limited to 'doc/views/main.htm')
| -rw-r--r-- | doc/views/main.htm | 113 |
1 files changed, 113 insertions, 0 deletions
diff --git a/doc/views/main.htm b/doc/views/main.htm new file mode 100644 index 0000000..baa3912 --- /dev/null +++ b/doc/views/main.htm @@ -0,0 +1,113 @@ +<div class="row"> + <div class="col-sm-12"> + <h3 class="pageHeading">AngularJs MultiSelect</h3> + </div> +</div> +<div class="row"> + <div class="col-sm-12"> + <p> + Pure AngularJS directive which creates a dropdown button with multiple or single selections. + Doesn't require jQuery and works well with other Javascript libraries. + </p> + <br /> + <div + isteven-multi-select + input-model="modernBrowsers" + output-model="anyOutput" + button-label="icon name" + item-label="icon name maker" + tick-property="ticked" + > + </div> + <h5>Features</h5> + <ul> + <li> + Pure AngularJS. Can be easily combined with other Javascript libraries such as jQuery, Twitter Bootstrap, etc + <br />(With slight adjustments where necessary). + </li> + <li>Multiple or single selection types</li> + <li>Use HTML & CSS in your button & checkbox labels</li> + <li>Unlimited nested grouping</li> + <li>Keyboard navigation support</li> + <li>Event callbacks available</li> + <li>Configurable</li> + <li>i18n. Easily translated to different languages.</li> + </ul> + + <h5>Current version</h5> + <p>3.0.0</p> + + <h5>Changelog</h5> + <p> + See <a href="https://github.com/isteven/angular-multi-select/blob/master/CHANGELOG.md" target="_blank">CHANGELOG.md</a>. + For those who's upgrading from version 2.x.x, do note that this version is not backward-compatible. Please read this manual + thoroughly and update your code accordingly. Read the <a href="#/breaking-changes">breaking changes</a> to know more. + </p> + <h5>If you like this directive</h5> + <p> + Do consider "purchasing" it - basically making a donation. I am moving away from my full-time job soon, + and your support will greatly help me to keep this project alive. I use the "Buy Now" button instead + of usual "Donate" button because of PayPal's restriction. They now only allow registered charities + to use the "Donate" button. + </p> + <!-- + <p> + <a href="https://github.com/isteven/angular-multi-select" target="_blank" class="download" onclick="ga( 'send', 'event', 'button', 'click' );"> + <span class="fa fa-github fa-lg"> + </span> + View on Github + </a> + </p> + --> + + </div> +</div> +<div class="row"> + <div class="col-sm-12"> + <div style="display: inline-block;float: left; width: 140px;"> + <strong style="float: left; padding-top:5px;">$5 </strong> + <script async="async" src="js/libs/paypal-button.min.js?merchant=K2MZQDX6JG8H6" + data-button="buynow" + data-name="iSteven's AngularJs MultiSelect" + data-quantity="1" + data-amount="5" + data-currency="USD" + data-shipping="0" + data-tax="0" + ></script> + </div> + <div style="display: inline-block;"> + <strong style="float: left; padding-top:5px;">$10 </strong> + <script async="async" src="js/libs/paypal-button.min.js?merchant=K2MZQDX6JG8H6" + data-button="buynow" + data-name="iSteven's AngularJs MultiSelect" + data-quantity="1" + data-amount="10" + data-currency="USD" + data-shipping="0" + data-tax="0" + ></script> + </div> + </div> +</div> +<div class="row"> + <div class="col-sm-12"> + <h5>About this documentation</h5> + <p> + If you download the complete package, this web-based documentation can be found in the <code>/docs</code> folder of the master branch. + It's an AngularJs app itself, so it is suggested that you run it under a web server, such as your localhost. + </p> + </div> +</div> +<!-- +<a href="https://github.com/isteven/angular-multi-select"> + <img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/38ef81f8aca64bb9a64448d0d70f1308ef5341ab/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f6461726b626c75655f3132313632312e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png"> +</a> +--> +<script> + $(document).ready(function() { + $('pre code').each(function(i, block) { + hljs.highlightBlock(block); + }); + }); +</script> |