ecomp-portal-FE/client/bower_components/ui-select/docs/index.html

   1 <!DOCTYPE html>
   2 <html lang="en" ng-app="ui.select.pages">
   3 <head>
   4   <meta charset="utf-8">
   5   <title>AngularJS ui-select</title>
   6
   7   <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.js"></script>
   8   <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular-sanitize.js"></script>
   9
  10   <script src="./assets/app.js" type="text/javascript"></script>
  11   <script src="./assets/plunkr.js" type="text/javascript"></script>
  12
  13   <!-- themes -->
  14   <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.css">
  15   <link rel="stylesheet" href="./assets/docs.css" />
  16
  17 </head>
  18
  19 <body>
  20   <header class="navbar navbar-default navbar-fixed-top navbar-inner">
  21     <div class="container">
  22       <div class="navbar-header">
  23         <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-3" ng-click="isCollapsed = !isCollapsed">
  24           <span class="sr-only">Toggle navigation</span>
  25           <span class="icon-bar"></span>
  26           <span class="icon-bar"></span>
  27           <span class="icon-bar"></span>
  28         </button>
  29         <a class="navbar-brand visible-xs" href="#">UI Select</a>
  30       </div>
  31       <nav class="hidden-xs">
  32         <ul class="nav navbar-nav">
  33           <a href="#top" role="button" class="navbar-brand">
  34             UI Select
  35           </a>
  36           <li><a href="#getting_started">Getting started</a></li>
  37           <li><a href="#documenation">Documentation</a></li>
  38           <li><a href="#examples">Examples</a></li>
  39           <!--<li class="dropdown" uib-dropdown>
  40               <a role="button" class="dropdown-toggle" uib-dropdown-toggle>
  41                   Previous docs <b class="caret"></b>
  42               </a>
  43               <ul class="dropdown-menu">
  44                   <li ng-repeat="version in oldDocs">
  45                       <a ng-href="{{version.url}}">{{version.version}}</a>
  46                   </li>
  47               </ul>
  48           </li>-->
  49         </ul>
  50       </nav>
  51       <nav class="visible-xs" uib-collapse="!isCollapsed">
  52         <ul class="nav navbar-nav">
  53           <li><a href="#getting_started" ng-click="isCollapsed = !isCollapsed">Getting started</a></li>
  54           <li><a href="#directives_small" ng-click="isCollapsed = !isCollapsed">Directives</a></li>
  55         </ul>
  56       </nav>
  57     </div>
  58   </header>
  59   <div class="header-placeholder"></div>
  60   <div role="main">
  61     <header class="bs-header text-center" id="overview">
  62       <div class="container">
  63
  64         <h1>UI Select</h1>
  65         <p>
  66           A native <a href="http://angularjs.org">AngularJS</a> implementation of Select2/Selectize by the
  67           <a href="http://angular-ui.github.io">AngularUI Team</a>
  68         </p>
  69
  70         <p>
  71           <a class="btn btn-outline-inverse btn-lg" href="https://github.com/angular-ui/ui-select"><i class="icon-github"></i>Code on Github</a>
  72           <!--<button type="button" class="btn btn-outline-inverse btn-lg" ng-click="showDownloadModal()">
  73               <i class="glyphicon glyphicon-download-alt"></i> Download <small>(<%= pkg.version%>)</small>
  74           </button>-->
  75         </p>
  76       </div>
  77       <div class="bs-social container">
  78         <ul class="bs-social-buttons">
  79             <li>
  80                 <iframe src="//ghbtns.com/github-btn.html?user=angular-ui&repo=ui-select&type=watch&count=true"
  81                         allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe>
  82             </li>
  83             <li>
  84                 <iframe src="//ghbtns.com/github-btn.html?user=angular-ui&repo=ui-select&type=fork&count=true"
  85                         allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe>
  86             </li>
  87             <li>
  88                 <a href="https://twitter.com/share" class="twitter-share-button"
  89                    data-hashtags="angularjs">Tweet</a>
  90                 <script>
  91                 !function (d, s, id) {
  92                     var js, fjs = d.getElementsByTagName(s)[0];
  93                     if (!d.getElementById(id)) {
  94                         js = d.createElement(s);
  95                         js.id = id;
  96                         js.src = "//platform.twitter.com/widgets.js";
  97                         fjs.parentNode.insertBefore(js, fjs);
  98                     }
  99                 }(document, "script", "twitter-wjs");</script>
 100             </li>
 101             <li>
 102                 <!-- Place this tag where you want the +1 button to render. -->
 103                 <div class="g-plusone" data-size="medium"></div>
 104
 105                 <!-- Place this tag after the last +1 button tag. -->
 106                 <script type="text/javascript">
 107                     (function () {
 108                         var po = document.createElement('script');
 109                         po.type = 'text/javascript';
 110                         po.async = true;
 111                         po.src = 'https://apis.google.com/js/plusone.js';
 112                         var s = document.getElementsByTagName('script')[0];
 113                         s.parentNode.insertBefore(po, s);
 114                     })();
 115                 </script>
 116             </li>
 117         </ul>
 118       </div>
 119     </header>
 120     <div class="container">
 121       <div class="row">
 122         <div class="col-md-12">
 123           <section id="getting_started">
 124             <div class="page-header">
 125               <h1>Getting started</h1>
 126             </div>
 127             <h3>Dependencies</h3>
 128             <p>
 129               This repository contains a <strong>native AngularJS</strong> select directive based on
 130               Bootstrap/Select2/Selectize's CSS. As a result no dependency on jQuery or 3rd-Party
 131               JavaScript is required. The only <strong>required</strong> dependencies are:
 132             </p>
 133             <ul>
 134               <li>
 135                 <a href="http://angularjs.org" target="_blank">AngularJS</a> (requires AngularJS 1.2.x or higher, tested with 1.5.3).
 136               </li>
 137               <li>
 138                 <a href="http://angularjs.org" target="_blank">Angular-Sanitze</a> (the version should match your version of angular.js).
 139               </li>
 140               <li>
 141                 The matching CSS for your the theme you wish to use:
 142                 <ul>
 143                   <li>Bootstrap</li>
 144                   <li>Select2</li>
 145                   <li>Selectize</li>
 146                 </ul>
 147               </li>
 148             </ul>
 149
 150             <h3>Installation</h3>
 151             <h4>Install via npm</h4>
 152             <pre>$ npm install ui-select</pre>
 153             <h4>Install via bower</h4>
 154             <pre>$ bower install angular-ui-select</pre>
 155             <p>
 156               As soon as you've got all the files downloaded and included in your page you just need to declare
 157               a dependency on the <code>ui.select</code> <a href="http://docs.angularjs.org/guide/module">module</a>:<br>
 158               <pre><code>angular.module('myModule', ['ui.select', 'ngSanitize']);</code></pre>
 159             </p>
 160
 161           </section>
 162           <section id="documenation">
 163             <div class="page-header">
 164               <h1>Documentation</h1>
 165             </div>
 166             <h3>Wiki</h3>
 167             For up to date information please refer to the <a href="https://github.com/angular-ui/ui-select/wiki" target="_blank">Wiki</a>
 168             <h3>FAQ</h3>
 169             <p>Please check <a href="https://github.com/angular-ui/ui-select/wiki/FAQs" target="_blank">our FAQ section</a> for common problems / solutions.</p>
 170           </section>
 171           <section id="examples">
 172             <div class="page-header">
 173               <h1>Examples</h1>
 174             </div>
 175             <p>You can fork one of the plunkers from this page to see a working example of what is described here.</p>
 176
 177             <!-- INSERT EXAMPLES HERE -->
 178           </section>
 179         </div>
 180       </div>
 181     </div><!-- /.container -->
 182   </div><!-- /.main -->
 183   <footer class="footer">
 184     <div class="container">
 185       <p>Designed and built by all ui-select <a href="https://github.com/angular-ui/ui-select/graphs/contributors" target="_blank">contributors</a>.</p>
 186       <p>Code licensed under <a href="https://github.com/angular-ui/ui-select/blob/master/LICENSE">MIT License</a>.</p>
 187       <p><a href="https://github.com/angular-ui/ui-select/issues?state=open">Issues</a></p>
 188     </div>
 189   </footer>
 190 </body>
 191 </html>