├── LICENSE ├── README.md ├── basic_example.html ├── basic_example_json.html ├── dist ├── avatar.png ├── css │ ├── bootstrap-theme.css │ ├── bootstrap-theme.min.css │ ├── bootstrap.css │ └── bootstrap.min.css ├── fonts │ ├── glyphicons-halflings-regular.eot │ ├── glyphicons-halflings-regular.svg │ ├── glyphicons-halflings-regular.ttf │ └── glyphicons-halflings-regular.woff └── js │ ├── bootstrap.js │ └── bootstrap.min.js ├── documentation ├── dist │ ├── css │ │ ├── bootstrap-theme.css │ │ ├── bootstrap-theme.min.css │ │ ├── bootstrap.css │ │ └── bootstrap.min.css │ ├── fonts │ │ ├── glyphicons-halflings-regular.eot │ │ ├── glyphicons-halflings-regular.svg │ │ ├── glyphicons-halflings-regular.ttf │ │ └── glyphicons-halflings-regular.woff │ └── js │ │ ├── bootstrap.js │ │ └── bootstrap.min.js ├── img │ ├── adding-the-library.png │ ├── default_instance.png │ ├── default_settings.png │ ├── skeleton_structure.png │ └── tag_structure.png └── index.html ├── index.html ├── mt-select ├── css │ └── style.css ├── img │ ├── close-tag-icon-hover.png │ └── close-tag-icon.png └── js │ ├── jquery-mt-select.js │ ├── jquery-mt-select.min.js │ └── jquery.js ├── multi-instance-example.html ├── search-response.json └── search-response.php /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2014 Easy Development 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | 23 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | jQuery Multiple Tag Select 2 | ================ 3 | 4 | Impress your visitors with awesome top-notch Search Systems, they will always return ! 5 | 6 | 7 | Chatting Systems, or anything related to people should be awesome 8 | That's WHY We created jQuery MT Select, to help you innovate the Web 9 | -------------------------------------------------------------------------------- /basic_example.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | jQuery MT Select Package 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 |

14 |

jQuery MT Select Package Demonstration

15 | 16 |

17 | 26 |

27 |

28 | 29 | 30 | -------------------------------------------------------------------------------- /basic_example_json.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | jQuery MT Select Package 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 |

14 |

jQuery MT Select Package Demonstration

15 | 16 |

17 | 26 |

27 |

28 | 29 | 30 | -------------------------------------------------------------------------------- /dist/avatar.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/easy-development/jquery-mt-select/ab8b4f2480c03dae3f9a98e5fce662a4d3c5472e/dist/avatar.png -------------------------------------------------------------------------------- /dist/css/bootstrap-theme.css: -------------------------------------------------------------------------------- 1 | .btn-default, 2 | .btn-primary, 3 | .btn-success, 4 | .btn-info, 5 | .btn-warning, 6 | .btn-danger { 7 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); 8 | -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); 9 | box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); 10 | } 11 | 12 | .btn-default:active, 13 | .btn-primary:active, 14 | .btn-success:active, 15 | .btn-info:active, 16 | .btn-warning:active, 17 | .btn-danger:active, 18 | .btn-default.active, 19 | .btn-primary.active, 20 | .btn-success.active, 21 | .btn-info.active, 22 | .btn-warning.active, 23 | .btn-danger.active { 24 | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); 25 | box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); 26 | } 27 | 28 | .btn-default { 29 | background-color: #ecf0f1; 30 | border-color: #bdc3c7; 31 | } 32 | 33 | .btn-default:hover, 34 | .btn-default:focus { 35 | background-color: #bdc3c7; 36 | border-color: #7f8c8d; 37 | } 38 | 39 | .btn-default:active, 40 | .btn-default.active { 41 | background-color: #bdc3c7; 42 | border-color: #bdc3c7; 43 | } 44 | 45 | .btn-primary.disabled, 46 | .btn-primary[disabled], 47 | fieldset[disabled] .btn-primary, 48 | .btn-primary.disabled:hover, 49 | .btn-primary[disabled]:hover, 50 | fieldset[disabled] .btn-primary:hover, 51 | .btn-primary.disabled:focus, 52 | .btn-primary[disabled]:focus, 53 | fieldset[disabled] .btn-primary:focus, 54 | .btn-primary.disabled:active, 55 | .btn-primary[disabled]:active, 56 | fieldset[disabled] .btn-primary:active, 57 | .btn-primary.disabled.active, 58 | .btn-primary.active[disabled], 59 | fieldset[disabled] .btn-primary.active { 60 | background-color: #9b59b6; 61 | border-color: #8e44ad; 62 | } 63 | 64 | .btn-primary { 65 | background-color: #9b59b6; 66 | border-color: #8e44ad; 67 | } 68 | 69 | .btn-primary:hover, 70 | .btn-primary:focus { 71 | background-color: #8e44ad; 72 | border-color: #9b59b6; 73 | } 74 | 75 | .btn-primary:active, 76 | .btn-primary.active { 77 | background-color: #9b59b6; 78 | border-color: #9b59b6; 79 | } 80 | 81 | .btn-group.open .btn-primary.dropdown-toggle { 82 | background: #9b59b6; 83 | border-color: #9b59b6; 84 | } 85 | 86 | .btn-success { 87 | background-color: #2ecc71; 88 | border-color: #27ae60; 89 | } 90 | 91 | .btn-success:hover, 92 | .btn-success:focus { 93 | background-color: #27ae60; 94 | border-color: #2ecc71; 95 | } 96 | 97 | .btn-success:active, 98 | .btn-success.active { 99 | background-color: #27ae60; 100 | border-color: #27ae60; 101 | } 102 | 103 | .btn-group.open .btn-success.dropdown-toggle { 104 | background: #27ae60; 105 | border-color: #27ae60; 106 | } 107 | 108 | .btn-warning { 109 | background-color: #f39c12; 110 | border-color: #e67e22; 111 | } 112 | 113 | .btn-warning:hover, 114 | .btn-warning:focus { 115 | background-color: #e67e22; 116 | border-color: #f39c12; 117 | } 118 | 119 | .btn-warning:active, 120 | .btn-warning.active { 121 | background-color: #e67e22; 122 | border-color: #e67e22; 123 | } 124 | 125 | .btn-group.open .btn-warning.dropdown-toggle { 126 | background: #e67e22; 127 | border-color: #e67e22; 128 | } 129 | 130 | .btn-danger { 131 | background-color: #e74c3c; 132 | border-color: #c0392b; 133 | } 134 | 135 | .btn-danger:hover, 136 | .btn-danger:focus { 137 | background-color: #c0392b; 138 | border-color: #e74c3c; 139 | } 140 | 141 | .btn-danger:active, 142 | .btn-danger.active { 143 | background-color: #c0392b; 144 | border-color: #c0392b; 145 | } 146 | 147 | .btn-group.open .btn-danger.dropdown-toggle { 148 | background: #c0392b; 149 | border-color: #c0392b; 150 | } 151 | 152 | .btn-info { 153 | background-color: #3498db; 154 | border-color: #2980b9; 155 | } 156 | 157 | .btn-info:hover, 158 | .btn-info:focus { 159 | background-color: #2980b9; 160 | border-color: #3498db; 161 | } 162 | 163 | .btn-info:active, 164 | .btn-info.active { 165 | background-color: #2980b9; 166 | border-color: #2980b9; 167 | } 168 | 169 | .btn-group.open .btn-info.dropdown-toggle { 170 | background: #2980b9; 171 | border-color: #2980b9; 172 | } 173 | 174 | .label-default { 175 | background-color: #bdc3c7; 176 | } 177 | 178 | .label-default[href]:hover { 179 | background-color: #bdc3c7; 180 | } 181 | 182 | .label-primary { 183 | background-color: #8e44ad; 184 | color: #ffffff; 185 | } 186 | 187 | .label-primary[href]:hover { 188 | background-color: #9b59b6; 189 | } 190 | 191 | .label-success { 192 | background-color: #2ecc71; 193 | color: #ffffff; 194 | } 195 | 196 | .label-success[href]:hover { 197 | background-color: #27ae60; 198 | } 199 | 200 | .label-warning { 201 | background-color: #f39c12; 202 | color: #ffffff; 203 | } 204 | 205 | .label-warning[href]:hover { 206 | background-color: #e67e22; 207 | } 208 | 209 | .label-danger { 210 | background-color: #e74c3c; 211 | color: #ffffff; 212 | } 213 | 214 | .label-danger[href]:hover { 215 | background-color: #c0392b; 216 | } 217 | 218 | .label-info { 219 | background-color: #3498db; 220 | color: #ffffff; 221 | } 222 | 223 | .label-info[href]:hover { 224 | background-color: #2980b9; 225 | } 226 | 227 | .thumbnail, 228 | .img-thumbnail { 229 | -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); 230 | box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); 231 | } 232 | 233 | .dropdown-menu > li > a:hover, 234 | .dropdown-menu > li > a:focus { 235 | background-color: #e8e8e8; 236 | } 237 | 238 | .dropdown-menu > .active > a, 239 | .dropdown-menu > .active > a:hover, 240 | .dropdown-menu > .active > a:focus { 241 | background-color: #9b59b6; 242 | } 243 | 244 | .nav .caret { 245 | border-bottom-color : #9b59b6; 246 | border-top-color : #9b59b6; 247 | } 248 | 249 | .nav a:hover .caret { 250 | border-bottom-color : #8e44ad; 251 | border-top-color : #8e44ad; 252 | } 253 | 254 | .nav-pills { 255 | background: none; 256 | } 257 | 258 | .nav-pills > li > a { 259 | background: #ffffff none; 260 | color: #9b59b6; 261 | } 262 | 263 | .nav-pills > li.active > a, 264 | .nav-pills > li.active > a:hover, 265 | .nav-pills > li.active > a:focus { 266 | background: #9b59b6 none; 267 | color: #ffffff; 268 | } 269 | 270 | .navbar { 271 | border-radius: 0; 272 | } 273 | 274 | .navbar-default { 275 | background: #ecf0f1 none; 276 | } 277 | 278 | .navbar-default .navbar-nav > .active > a { 279 | background: #bdc3c7 none; 280 | -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075); 281 | box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075); 282 | } 283 | 284 | .navbar-brand, 285 | .navbar-nav > li > a { 286 | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); 287 | } 288 | 289 | .navbar-inverse { 290 | background: #3c3c3c; 291 | } 292 | 293 | .navbar-inverse .navbar-nav > .active > a { 294 | background: #222222; 295 | } 296 | 297 | .navbar-inverse .navbar-brand, 298 | .navbar-inverse .navbar-nav > li > a { 299 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 300 | } 301 | 302 | .navbar-static-top, 303 | .navbar-fixed-top, 304 | .navbar-fixed-bottom { 305 | border-radius: 0; 306 | } 307 | 308 | .alert { 309 | border-color: rgba(0, 0, 0, 0); 310 | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); 311 | -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); 312 | box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); 313 | } 314 | 315 | .alert a { 316 | color: #2c3e50; 317 | text-decoration: underline; 318 | } 319 | 320 | .alert-success { 321 | background: rgba(46, 204, 113, 0.8) none; 322 | color: #34495e; 323 | } 324 | 325 | .alert-success > a.alert-link { 326 | color: #ecf0f1; 327 | text-decoration: none; 328 | } 329 | 330 | .alert-info { 331 | background: rgba(52, 152, 219, 0.8) none; 332 | color: #34495e; 333 | } 334 | 335 | .alert-info > a.alert-link { 336 | color: #ecf0f1; 337 | text-decoration: none; 338 | } 339 | 340 | .alert-warning { 341 | background: rgba(243, 156, 18, 0.8) none; 342 | color: #34495e; 343 | } 344 | 345 | .alert-warning > a.alert-link { 346 | color: #ecf0f1; 347 | text-decoration: none; 348 | } 349 | 350 | .alert-danger { 351 | background: rgba(231, 76, 60, 0.8) none; 352 | color: #34495e; 353 | } 354 | 355 | .alert-danger > a.alert-link { 356 | color: #ecf0f1; 357 | text-decoration: none; 358 | } 359 | 360 | .progress { 361 | background: #ecf0f1 none; 362 | } 363 | 364 | .progress-bar { 365 | background: #8e44ad none; 366 | } 367 | 368 | .progress-bar-success { 369 | background: #27ae60 none; 370 | } 371 | 372 | .progress-bar-info { 373 | background: #3498db none; 374 | } 375 | 376 | .progress-bar-warning { 377 | background: #f39c12 none; 378 | } 379 | 380 | .progress-bar-danger { 381 | background: #e74c3c none; 382 | } 383 | 384 | .badge { 385 | background: #9b59b6; 386 | color: #ecf0f1; 387 | } 388 | 389 | .list-group { 390 | border-radius: 4px; 391 | -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); 392 | box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); 393 | } 394 | 395 | a.list-group-item.active, 396 | a.list-group-item.active:hover, 397 | a.list-group-item.active:focus { 398 | text-shadow: 0 -1px 0 #8e44ad; 399 | background: #9b59b6 none; 400 | border-color: #8e44ad; 401 | } 402 | 403 | a.list-group-item.active > .badge, 404 | .nav-pills > .active > a > .badge { 405 | background: #8e44ad; 406 | color: #ecf0f1; 407 | } 408 | 409 | .panel { 410 | -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); 411 | box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); 412 | } 413 | 414 | .panel > .panel-heading { 415 | color: #34495e; 416 | } 417 | 418 | .panel-default > .panel-heading { 419 | background: #ecf0f1 none; 420 | } 421 | 422 | .panel-primary { 423 | border-color: #8e44ad; 424 | } 425 | 426 | .panel-primary > .panel-heading { 427 | background: #9b59b6 none; 428 | border-color: #8e44ad; 429 | color: #ecf0f1; 430 | } 431 | 432 | .panel-success { 433 | border-color: #27ae60; 434 | } 435 | 436 | .panel-success > .panel-heading { 437 | background: #2ecc71 none; 438 | border-color: #27ae60; 439 | color: #ecf0f1; 440 | } 441 | 442 | .panel-info { 443 | border-color: #2980b9; 444 | } 445 | 446 | .panel-info > .panel-heading { 447 | background: #3498db none; 448 | border-color: #2980b9; 449 | color: #ecf0f1; 450 | } 451 | 452 | .panel-warning { 453 | border-color: #f39c12; 454 | } 455 | 456 | .panel-warning > .panel-heading { 457 | background: #f39c12 none; 458 | border-color: #f39c12; 459 | color: #ecf0f1; 460 | } 461 | 462 | .panel-danger { 463 | border-color: #c0392b; 464 | } 465 | 466 | .panel-danger > .panel-heading { 467 | background: #e74c3c none; 468 | border-color: #c0392b; 469 | color: #ecf0f1; 470 | } 471 | 472 | .pagination a { 473 | color: #9b59b6; 474 | } 475 | 476 | .pagination li.active a{ 477 | background: #9b59b6; 478 | border-color: #8e44ad; 479 | } 480 | 481 | .well { 482 | background: #ecf0f1; 483 | border-color: #95a5a6; 484 | } 485 | 486 | .text-primary, .text-primary:hover { 487 | color: #9b59b6; 488 | } 489 | 490 | .text-primary > a, 491 | .text-primary > a:hover, 492 | .text-info > a, 493 | .text-info > a:hover, 494 | .text-success > a, 495 | .text-success > a:hover, 496 | .text-danger > a, 497 | .text-danger > a:hover, 498 | .text-warning > a, 499 | .text-warning > a:hover { 500 | text-decoration: none; 501 | color: inherit; 502 | } -------------------------------------------------------------------------------- /dist/css/bootstrap-theme.min.css: -------------------------------------------------------------------------------- 1 | .btn-danger,.btn-default,.btn-info,.btn-primary,.btn-success,.btn-warning{text-shadow:0 -1px 0 rgba(0,0,0,.2);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075)}.btn-danger.active,.btn-danger:active,.btn-default.active,.btn-default:active,.btn-info.active,.btn-info:active,.btn-primary.active,.btn-primary:active,.btn-success.active,.btn-success:active,.btn-warning.active,.btn-warning:active{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-default{background-color:#ecf0f1;border-color:#bdc3c7}.btn-default:focus,.btn-default:hover{background-color:#bdc3c7;border-color:#7f8c8d}.btn-default.active,.btn-default:active{background-color:#bdc3c7;border-color:#bdc3c7}.btn-primary,.btn-primary.active[disabled],.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#9b59b6;border-color:#8e44ad}.btn-primary:focus,.btn-primary:hover{background-color:#8e44ad;border-color:#9b59b6}.btn-primary.active,.btn-primary:active{background-color:#9b59b6;border-color:#9b59b6}.btn-group.open .btn-primary.dropdown-toggle{background:#9b59b6;border-color:#9b59b6}.btn-success{background-color:#2ecc71;border-color:#27ae60}.btn-success:focus,.btn-success:hover{background-color:#27ae60;border-color:#2ecc71}.btn-success.active,.btn-success:active{background-color:#27ae60;border-color:#27ae60}.btn-group.open .btn-success.dropdown-toggle{background:#27ae60;border-color:#27ae60}.btn-warning{background-color:#f39c12;border-color:#e67e22}.btn-warning:focus,.btn-warning:hover{background-color:#e67e22;border-color:#f39c12}.btn-warning.active,.btn-warning:active{background-color:#e67e22;border-color:#e67e22}.btn-group.open .btn-warning.dropdown-toggle{background:#e67e22;border-color:#e67e22}.btn-danger{background-color:#e74c3c;border-color:#c0392b}.btn-danger:focus,.btn-danger:hover{background-color:#c0392b;border-color:#e74c3c}.btn-danger.active,.btn-danger:active{background-color:#c0392b;border-color:#c0392b}.btn-group.open .btn-danger.dropdown-toggle{background:#c0392b;border-color:#c0392b}.btn-info{background-color:#3498db;border-color:#2980b9}.btn-info:focus,.btn-info:hover{background-color:#2980b9;border-color:#3498db}.btn-info.active,.btn-info:active{background-color:#2980b9;border-color:#2980b9}.btn-group.open .btn-info.dropdown-toggle{background:#2980b9;border-color:#2980b9}.label-default,.label-default[href]:hover{background-color:#bdc3c7}.label-primary{background-color:#8e44ad;color:#fff}.label-primary[href]:hover{background-color:#9b59b6}.label-success{background-color:#2ecc71;color:#fff}.label-success[href]:hover{background-color:#27ae60}.label-warning{background-color:#f39c12;color:#fff}.label-warning[href]:hover{background-color:#e67e22}.label-danger{background-color:#e74c3c;color:#fff}.label-danger[href]:hover{background-color:#c0392b}.label-info{background-color:#3498db;color:#fff}.label-info[href]:hover{background-color:#2980b9}.img-thumbnail,.thumbnail{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.075);box-shadow:0 1px 2px rgba(0,0,0,.075)}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{background-color:#e8e8e8}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{background-color:#9b59b6}.nav .caret{border-bottom-color:#9b59b6;border-top-color:#9b59b6}.nav a:hover .caret{border-bottom-color:#8e44ad;border-top-color:#8e44ad}.nav-pills{background:0 0}.nav-pills>li>a{background:#fff none;color:#9b59b6}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{background:#9b59b6 none;color:#fff}.navbar{border-radius:0}.navbar-default{background:#ecf0f1 none}.navbar-default .navbar-nav>.active>a{background:#bdc3c7 none;-webkit-box-shadow:inset 0 3px 9px rgba(0,0,0,.075);box-shadow:inset 0 3px 9px rgba(0,0,0,.075)}.navbar-brand,.navbar-nav>li>a{text-shadow:0 1px 0 rgba(255,255,255,.25)}.navbar-inverse{background:#3c3c3c}.navbar-inverse .navbar-nav>.active>a{background:#222}.navbar-inverse .navbar-brand,.navbar-inverse .navbar-nav>li>a{text-shadow:0 -1px 0 rgba(0,0,0,.25)}.navbar-fixed-bottom,.navbar-fixed-top,.navbar-static-top{border-radius:0}.alert{border-color:rgba(0,0,0,0);text-shadow:0 1px 0 rgba(255,255,255,.2);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.05)}.alert a{color:#2c3e50;text-decoration:underline}.alert-success{background:rgba(46,204,113,.8) none;color:#34495e}.alert-success>a.alert-link{color:#ecf0f1;text-decoration:none}.alert-info{background:rgba(52,152,219,.8) none;color:#34495e}.alert-info>a.alert-link{color:#ecf0f1;text-decoration:none}.alert-warning{background:rgba(243,156,18,.8) none;color:#34495e}.alert-warning>a.alert-link{color:#ecf0f1;text-decoration:none}.alert-danger{background:rgba(231,76,60,.8) none;color:#34495e}.alert-danger>a.alert-link{color:#ecf0f1;text-decoration:none}.progress{background:#ecf0f1 none}.progress-bar{background:#8e44ad none}.progress-bar-success{background:#27ae60 none}.progress-bar-info{background:#3498db none}.progress-bar-warning{background:#f39c12 none}.progress-bar-danger{background:#e74c3c none}.badge{background:#9b59b6;color:#ecf0f1}.list-group{border-radius:4px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.075);box-shadow:0 1px 2px rgba(0,0,0,.075)}a.list-group-item.active,a.list-group-item.active:focus,a.list-group-item.active:hover{text-shadow:0 -1px 0 #8e44ad;background:#9b59b6 none;border-color:#8e44ad}.nav-pills>.active>a>.badge,a.list-group-item.active>.badge{background:#8e44ad;color:#ecf0f1}.panel{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.05);box-shadow:0 1px 2px rgba(0,0,0,.05)}.panel>.panel-heading{color:#34495e}.panel-default>.panel-heading{background:#ecf0f1 none}.panel-primary{border-color:#8e44ad}.panel-primary>.panel-heading{background:#9b59b6 none;border-color:#8e44ad;color:#ecf0f1}.panel-success{border-color:#27ae60}.panel-success>.panel-heading{background:#2ecc71 none;border-color:#27ae60;color:#ecf0f1}.panel-info{border-color:#2980b9}.panel-info>.panel-heading{background:#3498db none;border-color:#2980b9;color:#ecf0f1}.panel-warning{border-color:#f39c12}.panel-warning>.panel-heading{background:#f39c12 none;border-color:#f39c12;color:#ecf0f1}.panel-danger{border-color:#c0392b}.panel-danger>.panel-heading{background:#e74c3c none;border-color:#c0392b;color:#ecf0f1}.pagination a{color:#9b59b6}.pagination li.active a{background:#9b59b6;border-color:#8e44ad}.well{background:#ecf0f1;border-color:#95a5a6}.text-primary,.text-primary:hover{color:#9b59b6}.text-danger>a,.text-danger>a:hover,.text-info>a,.text-info>a:hover,.text-primary>a,.text-primary>a:hover,.text-success>a,.text-success>a:hover,.text-warning>a,.text-warning>a:hover{text-decoration:none;color:inherit} -------------------------------------------------------------------------------- /dist/fonts/glyphicons-halflings-regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/easy-development/jquery-mt-select/ab8b4f2480c03dae3f9a98e5fce662a4d3c5472e/dist/fonts/glyphicons-halflings-regular.eot -------------------------------------------------------------------------------- /dist/fonts/glyphicons-halflings-regular.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /dist/fonts/glyphicons-halflings-regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/easy-development/jquery-mt-select/ab8b4f2480c03dae3f9a98e5fce662a4d3c5472e/dist/fonts/glyphicons-halflings-regular.ttf -------------------------------------------------------------------------------- /dist/fonts/glyphicons-halflings-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/easy-development/jquery-mt-select/ab8b4f2480c03dae3f9a98e5fce662a4d3c5472e/dist/fonts/glyphicons-halflings-regular.woff -------------------------------------------------------------------------------- /dist/js/bootstrap.min.js: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap v3.0.2 by @fat and @mdo 3 | * Copyright 2013 Twitter, Inc. 4 | * Licensed under http://www.apache.org/licenses/LICENSE-2.0 5 | * 6 | * Designed and built with all the love in the world by @mdo and @fat. 7 | */ 8 | 9 | if("undefined"==typeof jQuery)throw new Error("Bootstrap requires jQuery");+function(a){"use strict";function b(){var a=document.createElement("bootstrap"),b={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var c in b)if(void 0!==a.style[c])return{end:b[c]}}a.fn.emulateTransitionEnd=function(b){var c=!1,d=this;a(this).one(a.support.transition.end,function(){c=!0});var e=function(){c||a(d).trigger(a.support.transition.end)};return setTimeout(e,b),this},a(function(){a.support.transition=b()})}(jQuery),+function(a){"use strict";var b='[data-dismiss="alert"]',c=function(c){a(c).on("click",b,this.close)};c.prototype.close=function(b){function c(){f.trigger("closed.bs.alert").remove()}var d=a(this),e=d.attr("data-target");e||(e=d.attr("href"),e=e&&e.replace(/.*(?=#[^\s]*$)/,""));var f=a(e);b&&b.preventDefault(),f.length||(f=d.hasClass("alert")?d:d.parent()),f.trigger(b=a.Event("close.bs.alert")),b.isDefaultPrevented()||(f.removeClass("in"),a.support.transition&&f.hasClass("fade")?f.one(a.support.transition.end,c).emulateTransitionEnd(150):c())};var d=a.fn.alert;a.fn.alert=function(b){return this.each(function(){var d=a(this),e=d.data("bs.alert");e||d.data("bs.alert",e=new c(this)),"string"==typeof b&&e[b].call(d)})},a.fn.alert.Constructor=c,a.fn.alert.noConflict=function(){return a.fn.alert=d,this},a(document).on("click.bs.alert.data-api",b,c.prototype.close)}(jQuery),+function(a){"use strict";var b=function(c,d){this.$element=a(c),this.options=a.extend({},b.DEFAULTS,d)};b.DEFAULTS={loadingText:"loading..."},b.prototype.setState=function(a){var b="disabled",c=this.$element,d=c.is("input")?"val":"html",e=c.data();a+="Text",e.resetText||c.data("resetText",c[d]()),c[d](e[a]||this.options[a]),setTimeout(function(){"loadingText"==a?c.addClass(b).attr(b,b):c.removeClass(b).removeAttr(b)},0)},b.prototype.toggle=function(){var a=this.$element.closest('[data-toggle="buttons"]');if(a.length){var b=this.$element.find("input").prop("checked",!this.$element.hasClass("active")).trigger("change");"radio"===b.prop("type")&&a.find(".active").removeClass("active")}this.$element.toggleClass("active")};var c=a.fn.button;a.fn.button=function(c){return this.each(function(){var d=a(this),e=d.data("bs.button"),f="object"==typeof c&&c;e||d.data("bs.button",e=new b(this,f)),"toggle"==c?e.toggle():c&&e.setState(c)})},a.fn.button.Constructor=b,a.fn.button.noConflict=function(){return a.fn.button=c,this},a(document).on("click.bs.button.data-api","[data-toggle^=button]",function(b){var c=a(b.target);c.hasClass("btn")||(c=c.closest(".btn")),c.button("toggle"),b.preventDefault()})}(jQuery),+function(a){"use strict";var b=function(b,c){this.$element=a(b),this.$indicators=this.$element.find(".carousel-indicators"),this.options=c,this.paused=this.sliding=this.interval=this.$active=this.$items=null,"hover"==this.options.pause&&this.$element.on("mouseenter",a.proxy(this.pause,this)).on("mouseleave",a.proxy(this.cycle,this))};b.DEFAULTS={interval:5e3,pause:"hover",wrap:!0},b.prototype.cycle=function(b){return b||(this.paused=!1),this.interval&&clearInterval(this.interval),this.options.interval&&!this.paused&&(this.interval=setInterval(a.proxy(this.next,this),this.options.interval)),this},b.prototype.getActiveIndex=function(){return this.$active=this.$element.find(".item.active"),this.$items=this.$active.parent().children(),this.$items.index(this.$active)},b.prototype.to=function(b){var c=this,d=this.getActiveIndex();return b>this.$items.length-1||0>b?void 0:this.sliding?this.$element.one("slid",function(){c.to(b)}):d==b?this.pause().cycle():this.slide(b>d?"next":"prev",a(this.$items[b]))},b.prototype.pause=function(b){return b||(this.paused=!0),this.$element.find(".next, .prev").length&&a.support.transition.end&&(this.$element.trigger(a.support.transition.end),this.cycle(!0)),this.interval=clearInterval(this.interval),this},b.prototype.next=function(){return this.sliding?void 0:this.slide("next")},b.prototype.prev=function(){return this.sliding?void 0:this.slide("prev")},b.prototype.slide=function(b,c){var d=this.$element.find(".item.active"),e=c||d[b](),f=this.interval,g="next"==b?"left":"right",h="next"==b?"first":"last",i=this;if(!e.length){if(!this.options.wrap)return;e=this.$element.find(".item")[h]()}this.sliding=!0,f&&this.pause();var j=a.Event("slide.bs.carousel",{relatedTarget:e[0],direction:g});if(!e.hasClass("active")){if(this.$indicators.length&&(this.$indicators.find(".active").removeClass("active"),this.$element.one("slid",function(){var b=a(i.$indicators.children()[i.getActiveIndex()]);b&&b.addClass("active")})),a.support.transition&&this.$element.hasClass("slide")){if(this.$element.trigger(j),j.isDefaultPrevented())return;e.addClass(b),e[0].offsetWidth,d.addClass(g),e.addClass(g),d.one(a.support.transition.end,function(){e.removeClass([b,g].join(" ")).addClass("active"),d.removeClass(["active",g].join(" ")),i.sliding=!1,setTimeout(function(){i.$element.trigger("slid")},0)}).emulateTransitionEnd(600)}else{if(this.$element.trigger(j),j.isDefaultPrevented())return;d.removeClass("active"),e.addClass("active"),this.sliding=!1,this.$element.trigger("slid")}return f&&this.cycle(),this}};var c=a.fn.carousel;a.fn.carousel=function(c){return this.each(function(){var d=a(this),e=d.data("bs.carousel"),f=a.extend({},b.DEFAULTS,d.data(),"object"==typeof c&&c),g="string"==typeof c?c:f.slide;e||d.data("bs.carousel",e=new b(this,f)),"number"==typeof c?e.to(c):g?e[g]():f.interval&&e.pause().cycle()})},a.fn.carousel.Constructor=b,a.fn.carousel.noConflict=function(){return a.fn.carousel=c,this},a(document).on("click.bs.carousel.data-api","[data-slide], [data-slide-to]",function(b){var c,d=a(this),e=a(d.attr("data-target")||(c=d.attr("href"))&&c.replace(/.*(?=#[^\s]+$)/,"")),f=a.extend({},e.data(),d.data()),g=d.attr("data-slide-to");g&&(f.interval=!1),e.carousel(f),(g=d.attr("data-slide-to"))&&e.data("bs.carousel").to(g),b.preventDefault()}),a(window).on("load",function(){a('[data-ride="carousel"]').each(function(){var b=a(this);b.carousel(b.data())})})}(jQuery),+function(a){"use strict";var b=function(c,d){this.$element=a(c),this.options=a.extend({},b.DEFAULTS,d),this.transitioning=null,this.options.parent&&(this.$parent=a(this.options.parent)),this.options.toggle&&this.toggle()};b.DEFAULTS={toggle:!0},b.prototype.dimension=function(){var a=this.$element.hasClass("width");return a?"width":"height"},b.prototype.show=function(){if(!this.transitioning&&!this.$element.hasClass("in")){var b=a.Event("show.bs.collapse");if(this.$element.trigger(b),!b.isDefaultPrevented()){var c=this.$parent&&this.$parent.find("> .panel > .in");if(c&&c.length){var d=c.data("bs.collapse");if(d&&d.transitioning)return;c.collapse("hide"),d||c.data("bs.collapse",null)}var e=this.dimension();this.$element.removeClass("collapse").addClass("collapsing")[e](0),this.transitioning=1;var f=function(){this.$element.removeClass("collapsing").addClass("in")[e]("auto"),this.transitioning=0,this.$element.trigger("shown.bs.collapse")};if(!a.support.transition)return f.call(this);var g=a.camelCase(["scroll",e].join("-"));this.$element.one(a.support.transition.end,a.proxy(f,this)).emulateTransitionEnd(350)[e](this.$element[0][g])}}},b.prototype.hide=function(){if(!this.transitioning&&this.$element.hasClass("in")){var b=a.Event("hide.bs.collapse");if(this.$element.trigger(b),!b.isDefaultPrevented()){var c=this.dimension();this.$element[c](this.$element[c]())[0].offsetHeight,this.$element.addClass("collapsing").removeClass("collapse").removeClass("in"),this.transitioning=1;var d=function(){this.transitioning=0,this.$element.trigger("hidden.bs.collapse").removeClass("collapsing").addClass("collapse")};return a.support.transition?(this.$element[c](0).one(a.support.transition.end,a.proxy(d,this)).emulateTransitionEnd(350),void 0):d.call(this)}}},b.prototype.toggle=function(){this[this.$element.hasClass("in")?"hide":"show"]()};var c=a.fn.collapse;a.fn.collapse=function(c){return this.each(function(){var d=a(this),e=d.data("bs.collapse"),f=a.extend({},b.DEFAULTS,d.data(),"object"==typeof c&&c);e||d.data("bs.collapse",e=new b(this,f)),"string"==typeof c&&e[c]()})},a.fn.collapse.Constructor=b,a.fn.collapse.noConflict=function(){return a.fn.collapse=c,this},a(document).on("click.bs.collapse.data-api","[data-toggle=collapse]",function(b){var c,d=a(this),e=d.attr("data-target")||b.preventDefault()||(c=d.attr("href"))&&c.replace(/.*(?=#[^\s]+$)/,""),f=a(e),g=f.data("bs.collapse"),h=g?"toggle":d.data(),i=d.attr("data-parent"),j=i&&a(i);g&&g.transitioning||(j&&j.find('[data-toggle=collapse][data-parent="'+i+'"]').not(d).addClass("collapsed"),d[f.hasClass("in")?"addClass":"removeClass"]("collapsed")),f.collapse(h)})}(jQuery),+function(a){"use strict";function b(){a(d).remove(),a(e).each(function(b){var d=c(a(this));d.hasClass("open")&&(d.trigger(b=a.Event("hide.bs.dropdown")),b.isDefaultPrevented()||d.removeClass("open").trigger("hidden.bs.dropdown"))})}function c(b){var c=b.attr("data-target");c||(c=b.attr("href"),c=c&&/#/.test(c)&&c.replace(/.*(?=#[^\s]*$)/,""));var d=c&&a(c);return d&&d.length?d:b.parent()}var d=".dropdown-backdrop",e="[data-toggle=dropdown]",f=function(b){a(b).on("click.bs.dropdown",this.toggle)};f.prototype.toggle=function(d){var e=a(this);if(!e.is(".disabled, :disabled")){var f=c(e),g=f.hasClass("open");if(b(),!g){if("ontouchstart"in document.documentElement&&!f.closest(".navbar-nav").length&&a('

').insertAfter(a(this)).on("click",b),f.trigger(d=a.Event("show.bs.dropdown")),d.isDefaultPrevented())return;f.toggleClass("open").trigger("shown.bs.dropdown"),e.focus()}return!1}},f.prototype.keydown=function(b){if(/(38|40|27)/.test(b.keyCode)){var d=a(this);if(b.preventDefault(),b.stopPropagation(),!d.is(".disabled, :disabled")){var f=c(d),g=f.hasClass("open");if(!g||g&&27==b.keyCode)return 27==b.which&&f.find(e).focus(),d.click();var h=a("[role=menu] li:not(.divider):visible a",f);if(h.length){var i=h.index(h.filter(":focus"));38==b.keyCode&&i>0&&i--,40==b.keyCode&&i').appendTo(document.body),this.$element.on("click.dismiss.modal",a.proxy(function(a){a.target===a.currentTarget&&("static"==this.options.backdrop?this.$element[0].focus.call(this.$element[0]):this.hide.call(this))},this)),d&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in"),!b)return;d?this.$backdrop.one(a.support.transition.end,b).emulateTransitionEnd(150):b()}else!this.isShown&&this.$backdrop?(this.$backdrop.removeClass("in"),a.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one(a.support.transition.end,b).emulateTransitionEnd(150):b()):b&&b()};var c=a.fn.modal;a.fn.modal=function(c,d){return this.each(function(){var e=a(this),f=e.data("bs.modal"),g=a.extend({},b.DEFAULTS,e.data(),"object"==typeof c&&c);f||e.data("bs.modal",f=new b(this,g)),"string"==typeof c?f[c](d):g.show&&f.show(d)})},a.fn.modal.Constructor=b,a.fn.modal.noConflict=function(){return a.fn.modal=c,this},a(document).on("click.bs.modal.data-api",'[data-toggle="modal"]',function(b){var c=a(this),d=c.attr("href"),e=a(c.attr("data-target")||d&&d.replace(/.*(?=#[^\s]+$)/,"")),f=e.data("modal")?"toggle":a.extend({remote:!/#/.test(d)&&d},e.data(),c.data());b.preventDefault(),e.modal(f,this).one("hide",function(){c.is(":visible")&&c.focus()})}),a(document).on("show.bs.modal",".modal",function(){a(document.body).addClass("modal-open")}).on("hidden.bs.modal",".modal",function(){a(document.body).removeClass("modal-open")})}(jQuery),+function(a){"use strict";var b=function(a,b){this.type=this.options=this.enabled=this.timeout=this.hoverState=this.$element=null,this.init("tooltip",a,b)};b.DEFAULTS={animation:!0,placement:"top",selector:!1,template:'',trigger:"hover focus",title:"",delay:0,html:!1,container:!1},b.prototype.init=function(b,c,d){this.enabled=!0,this.type=b,this.$element=a(c),this.options=this.getOptions(d);for(var e=this.options.trigger.split(" "),f=e.length;f--;){var g=e[f];if("click"==g)this.$element.on("click."+this.type,this.options.selector,a.proxy(this.toggle,this));else if("manual"!=g){var h="hover"==g?"mouseenter":"focus",i="hover"==g?"mouseleave":"blur";this.$element.on(h+"."+this.type,this.options.selector,a.proxy(this.enter,this)),this.$element.on(i+"."+this.type,this.options.selector,a.proxy(this.leave,this))}}this.options.selector?this._options=a.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},b.prototype.getDefaults=function(){return b.DEFAULTS},b.prototype.getOptions=function(b){return b=a.extend({},this.getDefaults(),this.$element.data(),b),b.delay&&"number"==typeof b.delay&&(b.delay={show:b.delay,hide:b.delay}),b},b.prototype.getDelegateOptions=function(){var b={},c=this.getDefaults();return this._options&&a.each(this._options,function(a,d){c[a]!=d&&(b[a]=d)}),b},b.prototype.enter=function(b){var c=b instanceof this.constructor?b:a(b.currentTarget)[this.type](this.getDelegateOptions()).data("bs."+this.type);return clearTimeout(c.timeout),c.hoverState="in",c.options.delay&&c.options.delay.show?(c.timeout=setTimeout(function(){"in"==c.hoverState&&c.show()},c.options.delay.show),void 0):c.show()},b.prototype.leave=function(b){var c=b instanceof this.constructor?b:a(b.currentTarget)[this.type](this.getDelegateOptions()).data("bs."+this.type);return clearTimeout(c.timeout),c.hoverState="out",c.options.delay&&c.options.delay.hide?(c.timeout=setTimeout(function(){"out"==c.hoverState&&c.hide()},c.options.delay.hide),void 0):c.hide()},b.prototype.show=function(){var b=a.Event("show.bs."+this.type);if(this.hasContent()&&this.enabled){if(this.$element.trigger(b),b.isDefaultPrevented())return;var c=this.tip();this.setContent(),this.options.animation&&c.addClass("fade");var d="function"==typeof this.options.placement?this.options.placement.call(this,c[0],this.$element[0]):this.options.placement,e=/\s?auto?\s?/i,f=e.test(d);f&&(d=d.replace(e,"")||"top"),c.detach().css({top:0,left:0,display:"block"}).addClass(d),this.options.container?c.appendTo(this.options.container):c.insertAfter(this.$element);var g=this.getPosition(),h=c[0].offsetWidth,i=c[0].offsetHeight;if(f){var j=this.$element.parent(),k=d,l=document.documentElement.scrollTop||document.body.scrollTop,m="body"==this.options.container?window.innerWidth:j.outerWidth(),n="body"==this.options.container?window.innerHeight:j.outerHeight(),o="body"==this.options.container?0:j.offset().left;d="bottom"==d&&g.top+g.height+i-l>n?"top":"top"==d&&g.top-l-i<0?"bottom":"right"==d&&g.right+h>m?"left":"left"==d&&g.left-h

'}),b.prototype=a.extend({},a.fn.tooltip.Constructor.prototype),b.prototype.constructor=b,b.prototype.getDefaults=function(){return b.DEFAULTS},b.prototype.setContent=function(){var a=this.tip(),b=this.getTitle(),c=this.getContent();a.find(".popover-title")[this.options.html?"html":"text"](b),a.find(".popover-content")[this.options.html?"html":"text"](c),a.removeClass("fade top bottom left right in"),a.find(".popover-title").html()||a.find(".popover-title").hide()},b.prototype.hasContent=function(){return this.getTitle()||this.getContent()},b.prototype.getContent=function(){var a=this.$element,b=this.options;return a.attr("data-content")||("function"==typeof b.content?b.content.call(a[0]):b.content)},b.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".arrow")},b.prototype.tip=function(){return this.$tip||(this.$tip=a(this.options.template)),this.$tip};var c=a.fn.popover;a.fn.popover=function(c){return this.each(function(){var d=a(this),e=d.data("bs.popover"),f="object"==typeof c&&c;e||d.data("bs.popover",e=new b(this,f)),"string"==typeof c&&e[c]()})},a.fn.popover.Constructor=b,a.fn.popover.noConflict=function(){return a.fn.popover=c,this}}(jQuery),+function(a){"use strict";function b(c,d){var e,f=a.proxy(this.process,this);this.$element=a(c).is("body")?a(window):a(c),this.$body=a("body"),this.$scrollElement=this.$element.on("scroll.bs.scroll-spy.data-api",f),this.options=a.extend({},b.DEFAULTS,d),this.selector=(this.options.target||(e=a(c).attr("href"))&&e.replace(/.*(?=#[^\s]+$)/,"")||"")+" .nav li > a",this.offsets=a([]),this.targets=a([]),this.activeTarget=null,this.refresh(),this.process()}b.DEFAULTS={offset:10},b.prototype.refresh=function(){var b=this.$element[0]==window?"offset":"position";this.offsets=a([]),this.targets=a([]);var c=this;this.$body.find(this.selector).map(function(){var d=a(this),e=d.data("target")||d.attr("href"),f=/^#\w/.test(e)&&a(e);return f&&f.length&&[[f[b]().top+(!a.isWindow(c.$scrollElement.get(0))&&c.$scrollElement.scrollTop()),e]]||null}).sort(function(a,b){return a[0]-b[0]}).each(function(){c.offsets.push(this[0]),c.targets.push(this[1])})},b.prototype.process=function(){var a,b=this.$scrollElement.scrollTop()+this.options.offset,c=this.$scrollElement[0].scrollHeight||this.$body[0].scrollHeight,d=c-this.$scrollElement.height(),e=this.offsets,f=this.targets,g=this.activeTarget;if(b>=d)return g!=(a=f.last()[0])&&this.activate(a);for(a=e.length;a--;)g!=f[a]&&b>=e[a]&&(!e[a+1]||b<=e[a+1])&&this.activate(f[a])},b.prototype.activate=function(b){this.activeTarget=b,a(this.selector).parents(".active").removeClass("active");var c=this.selector+'[data-target="'+b+'"],'+this.selector+'[href="'+b+'"]',d=a(c).parents("li").addClass("active");d.parent(".dropdown-menu").length&&(d=d.closest("li.dropdown").addClass("active")),d.trigger("activate")};var c=a.fn.scrollspy;a.fn.scrollspy=function(c){return this.each(function(){var d=a(this),e=d.data("bs.scrollspy"),f="object"==typeof c&&c;e||d.data("bs.scrollspy",e=new b(this,f)),"string"==typeof c&&e[c]()})},a.fn.scrollspy.Constructor=b,a.fn.scrollspy.noConflict=function(){return a.fn.scrollspy=c,this},a(window).on("load",function(){a('[data-spy="scroll"]').each(function(){var b=a(this);b.scrollspy(b.data())})})}(jQuery),+function(a){"use strict";var b=function(b){this.element=a(b)};b.prototype.show=function(){var b=this.element,c=b.closest("ul:not(.dropdown-menu)"),d=b.data("target");if(d||(d=b.attr("href"),d=d&&d.replace(/.*(?=#[^\s]*$)/,"")),!b.parent("li").hasClass("active")){var e=c.find(".active:last a")[0],f=a.Event("show.bs.tab",{relatedTarget:e});if(b.trigger(f),!f.isDefaultPrevented()){var g=a(d);this.activate(b.parent("li"),c),this.activate(g,g.parent(),function(){b.trigger({type:"shown.bs.tab",relatedTarget:e})})}}},b.prototype.activate=function(b,c,d){function e(){f.removeClass("active").find("> .dropdown-menu > .active").removeClass("active"),b.addClass("active"),g?(b[0].offsetWidth,b.addClass("in")):b.removeClass("fade"),b.parent(".dropdown-menu")&&b.closest("li.dropdown").addClass("active"),d&&d()}var f=c.find("> .active"),g=d&&a.support.transition&&f.hasClass("fade");g?f.one(a.support.transition.end,e).emulateTransitionEnd(150):e(),f.removeClass("in")};var c=a.fn.tab;a.fn.tab=function(c){return this.each(function(){var d=a(this),e=d.data("bs.tab");e||d.data("bs.tab",e=new b(this)),"string"==typeof c&&e[c]()})},a.fn.tab.Constructor=b,a.fn.tab.noConflict=function(){return a.fn.tab=c,this},a(document).on("click.bs.tab.data-api",'[data-toggle="tab"], [data-toggle="pill"]',function(b){b.preventDefault(),a(this).tab("show")})}(jQuery),+function(a){"use strict";var b=function(c,d){this.options=a.extend({},b.DEFAULTS,d),this.$window=a(window).on("scroll.bs.affix.data-api",a.proxy(this.checkPosition,this)).on("click.bs.affix.data-api",a.proxy(this.checkPositionWithEventLoop,this)),this.$element=a(c),this.affixed=this.unpin=null,this.checkPosition()};b.RESET="affix affix-top affix-bottom",b.DEFAULTS={offset:0},b.prototype.checkPositionWithEventLoop=function(){setTimeout(a.proxy(this.checkPosition,this),1)},b.prototype.checkPosition=function(){if(this.$element.is(":visible")){var c=a(document).height(),d=this.$window.scrollTop(),e=this.$element.offset(),f=this.options.offset,g=f.top,h=f.bottom;"object"!=typeof f&&(h=g=f),"function"==typeof g&&(g=f.top()),"function"==typeof h&&(h=f.bottom());var i=null!=this.unpin&&d+this.unpin<=e.top?!1:null!=h&&e.top+this.$element.height()>=c-h?"bottom":null!=g&&g>=d?"top":!1;this.affixed!==i&&(this.unpin&&this.$element.css("top",""),this.affixed=i,this.unpin="bottom"==i?e.top-d:null,this.$element.removeClass(b.RESET).addClass("affix"+(i?"-"+i:"")),"bottom"==i&&this.$element.offset({top:document.body.offsetHeight-h-this.$element.height()}))}};var c=a.fn.affix;a.fn.affix=function(c){return this.each(function(){var d=a(this),e=d.data("bs.affix"),f="object"==typeof c&&c;e||d.data("bs.affix",e=new b(this,f)),"string"==typeof c&&e[c]()})},a.fn.affix.Constructor=b,a.fn.affix.noConflict=function(){return a.fn.affix=c,this},a(window).on("load",function(){a('[data-spy="affix"]').each(function(){var b=a(this),c=b.data();c.offset=c.offset||{},c.offsetBottom&&(c.offset.bottom=c.offsetBottom),c.offsetTop&&(c.offset.top=c.offsetTop),b.affix(c)})})}(jQuery); -------------------------------------------------------------------------------- /documentation/dist/css/bootstrap-theme.css: -------------------------------------------------------------------------------- 1 | .btn-default, 2 | .btn-primary, 3 | .btn-success, 4 | .btn-info, 5 | .btn-warning, 6 | .btn-danger { 7 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); 8 | -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); 9 | box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); 10 | } 11 | 12 | .btn-default:active, 13 | .btn-primary:active, 14 | .btn-success:active, 15 | .btn-info:active, 16 | .btn-warning:active, 17 | .btn-danger:active, 18 | .btn-default.active, 19 | .btn-primary.active, 20 | .btn-success.active, 21 | .btn-info.active, 22 | .btn-warning.active, 23 | .btn-danger.active { 24 | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); 25 | box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); 26 | } 27 | 28 | .btn-default { 29 | background-color: #ecf0f1; 30 | border-color: #bdc3c7; 31 | } 32 | 33 | .btn-default:hover, 34 | .btn-default:focus { 35 | background-color: #bdc3c7; 36 | border-color: #7f8c8d; 37 | } 38 | 39 | .btn-default:active, 40 | .btn-default.active { 41 | background-color: #bdc3c7; 42 | border-color: #bdc3c7; 43 | } 44 | 45 | .btn-primary.disabled, 46 | .btn-primary[disabled], 47 | fieldset[disabled] .btn-primary, 48 | .btn-primary.disabled:hover, 49 | .btn-primary[disabled]:hover, 50 | fieldset[disabled] .btn-primary:hover, 51 | .btn-primary.disabled:focus, 52 | .btn-primary[disabled]:focus, 53 | fieldset[disabled] .btn-primary:focus, 54 | .btn-primary.disabled:active, 55 | .btn-primary[disabled]:active, 56 | fieldset[disabled] .btn-primary:active, 57 | .btn-primary.disabled.active, 58 | .btn-primary.active[disabled], 59 | fieldset[disabled] .btn-primary.active { 60 | background-color: #9b59b6; 61 | border-color: #8e44ad; 62 | } 63 | 64 | .btn-primary { 65 | background-color: #9b59b6; 66 | border-color: #8e44ad; 67 | } 68 | 69 | .btn-primary:hover, 70 | .btn-primary:focus { 71 | background-color: #8e44ad; 72 | border-color: #9b59b6; 73 | } 74 | 75 | .btn-primary:active, 76 | .btn-primary.active { 77 | background-color: #9b59b6; 78 | border-color: #9b59b6; 79 | } 80 | 81 | .btn-group.open .btn-primary.dropdown-toggle { 82 | background: #9b59b6; 83 | border-color: #9b59b6; 84 | } 85 | 86 | .btn-success { 87 | background-color: #2ecc71; 88 | border-color: #27ae60; 89 | } 90 | 91 | .btn-success:hover, 92 | .btn-success:focus { 93 | background-color: #27ae60; 94 | border-color: #2ecc71; 95 | } 96 | 97 | .btn-success:active, 98 | .btn-success.active { 99 | background-color: #27ae60; 100 | border-color: #27ae60; 101 | } 102 | 103 | .btn-group.open .btn-success.dropdown-toggle { 104 | background: #27ae60; 105 | border-color: #27ae60; 106 | } 107 | 108 | .btn-warning { 109 | background-color: #f39c12; 110 | border-color: #e67e22; 111 | } 112 | 113 | .btn-warning:hover, 114 | .btn-warning:focus { 115 | background-color: #e67e22; 116 | border-color: #f39c12; 117 | } 118 | 119 | .btn-warning:active, 120 | .btn-warning.active { 121 | background-color: #e67e22; 122 | border-color: #e67e22; 123 | } 124 | 125 | .btn-group.open .btn-warning.dropdown-toggle { 126 | background: #e67e22; 127 | border-color: #e67e22; 128 | } 129 | 130 | .btn-danger { 131 | background-color: #e74c3c; 132 | border-color: #c0392b; 133 | } 134 | 135 | .btn-danger:hover, 136 | .btn-danger:focus { 137 | background-color: #c0392b; 138 | border-color: #e74c3c; 139 | } 140 | 141 | .btn-danger:active, 142 | .btn-danger.active { 143 | background-color: #c0392b; 144 | border-color: #c0392b; 145 | } 146 | 147 | .btn-group.open .btn-danger.dropdown-toggle { 148 | background: #c0392b; 149 | border-color: #c0392b; 150 | } 151 | 152 | .btn-info { 153 | background-color: #3498db; 154 | border-color: #2980b9; 155 | } 156 | 157 | .btn-info:hover, 158 | .btn-info:focus { 159 | background-color: #2980b9; 160 | border-color: #3498db; 161 | } 162 | 163 | .btn-info:active, 164 | .btn-info.active { 165 | background-color: #2980b9; 166 | border-color: #2980b9; 167 | } 168 | 169 | .btn-group.open .btn-info.dropdown-toggle { 170 | background: #2980b9; 171 | border-color: #2980b9; 172 | } 173 | 174 | .label-default { 175 | background-color: #bdc3c7; 176 | } 177 | 178 | .label-default[href]:hover { 179 | background-color: #bdc3c7; 180 | } 181 | 182 | .label-primary { 183 | background-color: #8e44ad; 184 | color: #ffffff; 185 | } 186 | 187 | .label-primary[href]:hover { 188 | background-color: #9b59b6; 189 | } 190 | 191 | .label-success { 192 | background-color: #2ecc71; 193 | color: #ffffff; 194 | } 195 | 196 | .label-success[href]:hover { 197 | background-color: #27ae60; 198 | } 199 | 200 | .label-warning { 201 | background-color: #f39c12; 202 | color: #ffffff; 203 | } 204 | 205 | .label-warning[href]:hover { 206 | background-color: #e67e22; 207 | } 208 | 209 | .label-danger { 210 | background-color: #e74c3c; 211 | color: #ffffff; 212 | } 213 | 214 | .label-danger[href]:hover { 215 | background-color: #c0392b; 216 | } 217 | 218 | .label-info { 219 | background-color: #3498db; 220 | color: #ffffff; 221 | } 222 | 223 | .label-info[href]:hover { 224 | background-color: #2980b9; 225 | } 226 | 227 | .thumbnail, 228 | .img-thumbnail { 229 | -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); 230 | box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); 231 | } 232 | 233 | .dropdown-menu > li > a:hover, 234 | .dropdown-menu > li > a:focus { 235 | background-color: #e8e8e8; 236 | } 237 | 238 | .dropdown-menu > .active > a, 239 | .dropdown-menu > .active > a:hover, 240 | .dropdown-menu > .active > a:focus { 241 | background-color: #9b59b6; 242 | } 243 | 244 | .nav .caret { 245 | border-bottom-color : #9b59b6; 246 | border-top-color : #9b59b6; 247 | } 248 | 249 | .nav a:hover .caret { 250 | border-bottom-color : #8e44ad; 251 | border-top-color : #8e44ad; 252 | } 253 | 254 | .nav-pills { 255 | background: none; 256 | } 257 | 258 | .nav-pills > li > a { 259 | background: #ffffff none; 260 | color: #9b59b6; 261 | } 262 | 263 | .nav-pills > li.active > a, 264 | .nav-pills > li.active > a:hover, 265 | .nav-pills > li.active > a:focus { 266 | background: #9b59b6 none; 267 | color: #ffffff; 268 | } 269 | 270 | .navbar { 271 | border-radius: 0; 272 | } 273 | 274 | .navbar-default { 275 | background: #ecf0f1 none; 276 | } 277 | 278 | .navbar-default .navbar-nav > .active > a { 279 | background: #bdc3c7 none; 280 | -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075); 281 | box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075); 282 | } 283 | 284 | .navbar-brand, 285 | .navbar-nav > li > a { 286 | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); 287 | } 288 | 289 | .navbar-inverse { 290 | background: #3c3c3c; 291 | } 292 | 293 | .navbar-inverse .navbar-nav > .active > a { 294 | background: #222222; 295 | } 296 | 297 | .navbar-inverse .navbar-brand, 298 | .navbar-inverse .navbar-nav > li > a { 299 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 300 | } 301 | 302 | .navbar-static-top, 303 | .navbar-fixed-top, 304 | .navbar-fixed-bottom { 305 | border-radius: 0; 306 | } 307 | 308 | .alert { 309 | border-color: rgba(0, 0, 0, 0); 310 | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); 311 | -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); 312 | box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); 313 | } 314 | 315 | .alert a { 316 | color: #2c3e50; 317 | text-decoration: underline; 318 | } 319 | 320 | .alert-success { 321 | background: rgba(46, 204, 113, 0.8) none; 322 | color: #34495e; 323 | } 324 | 325 | .alert-success > a.alert-link { 326 | color: #ecf0f1; 327 | text-decoration: none; 328 | } 329 | 330 | .alert-info { 331 | background: rgba(52, 152, 219, 0.8) none; 332 | color: #34495e; 333 | } 334 | 335 | .alert-info > a.alert-link { 336 | color: #ecf0f1; 337 | text-decoration: none; 338 | } 339 | 340 | .alert-warning { 341 | background: rgba(243, 156, 18, 0.8) none; 342 | color: #34495e; 343 | } 344 | 345 | .alert-warning > a.alert-link { 346 | color: #ecf0f1; 347 | text-decoration: none; 348 | } 349 | 350 | .alert-danger { 351 | background: rgba(231, 76, 60, 0.8) none; 352 | color: #34495e; 353 | } 354 | 355 | .alert-danger > a.alert-link { 356 | color: #ecf0f1; 357 | text-decoration: none; 358 | } 359 | 360 | .progress { 361 | background: #ecf0f1 none; 362 | } 363 | 364 | .progress-bar { 365 | background: #8e44ad none; 366 | } 367 | 368 | .progress-bar-success { 369 | background: #27ae60 none; 370 | } 371 | 372 | .progress-bar-info { 373 | background: #3498db none; 374 | } 375 | 376 | .progress-bar-warning { 377 | background: #f39c12 none; 378 | } 379 | 380 | .progress-bar-danger { 381 | background: #e74c3c none; 382 | } 383 | 384 | .badge { 385 | background: #9b59b6; 386 | color: #ecf0f1; 387 | } 388 | 389 | .list-group { 390 | border-radius: 4px; 391 | -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); 392 | box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); 393 | } 394 | 395 | a.list-group-item.active, 396 | a.list-group-item.active:hover, 397 | a.list-group-item.active:focus { 398 | text-shadow: 0 -1px 0 #8e44ad; 399 | background: #9b59b6 none; 400 | border-color: #8e44ad; 401 | } 402 | 403 | a.list-group-item.active > .badge, 404 | .nav-pills > .active > a > .badge { 405 | background: #8e44ad; 406 | color: #ecf0f1; 407 | } 408 | 409 | .panel { 410 | -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); 411 | box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); 412 | } 413 | 414 | .panel > .panel-heading { 415 | color: #34495e; 416 | } 417 | 418 | .panel-default > .panel-heading { 419 | background: #ecf0f1 none; 420 | } 421 | 422 | .panel-primary { 423 | border-color: #8e44ad; 424 | } 425 | 426 | .panel-primary > .panel-heading { 427 | background: #9b59b6 none; 428 | border-color: #8e44ad; 429 | color: #ecf0f1; 430 | } 431 | 432 | .panel-success { 433 | border-color: #27ae60; 434 | } 435 | 436 | .panel-success > .panel-heading { 437 | background: #2ecc71 none; 438 | border-color: #27ae60; 439 | color: #ecf0f1; 440 | } 441 | 442 | .panel-info { 443 | border-color: #2980b9; 444 | } 445 | 446 | .panel-info > .panel-heading { 447 | background: #3498db none; 448 | border-color: #2980b9; 449 | color: #ecf0f1; 450 | } 451 | 452 | .panel-warning { 453 | border-color: #f39c12; 454 | } 455 | 456 | .panel-warning > .panel-heading { 457 | background: #f39c12 none; 458 | border-color: #f39c12; 459 | color: #ecf0f1; 460 | } 461 | 462 | .panel-danger { 463 | border-color: #c0392b; 464 | } 465 | 466 | .panel-danger > .panel-heading { 467 | background: #e74c3c none; 468 | border-color: #c0392b; 469 | color: #ecf0f1; 470 | } 471 | 472 | .pagination a { 473 | color: #9b59b6; 474 | } 475 | 476 | .pagination li.active a{ 477 | background: #9b59b6; 478 | border-color: #8e44ad; 479 | } 480 | 481 | .well { 482 | background: #ecf0f1; 483 | border-color: #95a5a6; 484 | } 485 | 486 | .text-primary, .text-primary:hover { 487 | color: #9b59b6; 488 | } 489 | 490 | .text-primary > a, 491 | .text-primary > a:hover, 492 | .text-info > a, 493 | .text-info > a:hover, 494 | .text-success > a, 495 | .text-success > a:hover, 496 | .text-danger > a, 497 | .text-danger > a:hover, 498 | .text-warning > a, 499 | .text-warning > a:hover { 500 | text-decoration: none; 501 | color: inherit; 502 | } -------------------------------------------------------------------------------- /documentation/dist/css/bootstrap-theme.min.css: -------------------------------------------------------------------------------- 1 | .btn-danger,.btn-default,.btn-info,.btn-primary,.btn-success,.btn-warning{text-shadow:0 -1px 0 rgba(0,0,0,.2);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075)}.btn-danger.active,.btn-danger:active,.btn-default.active,.btn-default:active,.btn-info.active,.btn-info:active,.btn-primary.active,.btn-primary:active,.btn-success.active,.btn-success:active,.btn-warning.active,.btn-warning:active{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-default{background-color:#ecf0f1;border-color:#bdc3c7}.btn-default:focus,.btn-default:hover{background-color:#bdc3c7;border-color:#7f8c8d}.btn-default.active,.btn-default:active{background-color:#bdc3c7;border-color:#bdc3c7}.btn-primary,.btn-primary.active[disabled],.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#9b59b6;border-color:#8e44ad}.btn-primary:focus,.btn-primary:hover{background-color:#8e44ad;border-color:#9b59b6}.btn-primary.active,.btn-primary:active{background-color:#9b59b6;border-color:#9b59b6}.btn-group.open .btn-primary.dropdown-toggle{background:#9b59b6;border-color:#9b59b6}.btn-success{background-color:#2ecc71;border-color:#27ae60}.btn-success:focus,.btn-success:hover{background-color:#27ae60;border-color:#2ecc71}.btn-success.active,.btn-success:active{background-color:#27ae60;border-color:#27ae60}.btn-group.open .btn-success.dropdown-toggle{background:#27ae60;border-color:#27ae60}.btn-warning{background-color:#f39c12;border-color:#e67e22}.btn-warning:focus,.btn-warning:hover{background-color:#e67e22;border-color:#f39c12}.btn-warning.active,.btn-warning:active{background-color:#e67e22;border-color:#e67e22}.btn-group.open .btn-warning.dropdown-toggle{background:#e67e22;border-color:#e67e22}.btn-danger{background-color:#e74c3c;border-color:#c0392b}.btn-danger:focus,.btn-danger:hover{background-color:#c0392b;border-color:#e74c3c}.btn-danger.active,.btn-danger:active{background-color:#c0392b;border-color:#c0392b}.btn-group.open .btn-danger.dropdown-toggle{background:#c0392b;border-color:#c0392b}.btn-info{background-color:#3498db;border-color:#2980b9}.btn-info:focus,.btn-info:hover{background-color:#2980b9;border-color:#3498db}.btn-info.active,.btn-info:active{background-color:#2980b9;border-color:#2980b9}.btn-group.open .btn-info.dropdown-toggle{background:#2980b9;border-color:#2980b9}.label-default,.label-default[href]:hover{background-color:#bdc3c7}.label-primary{background-color:#8e44ad;color:#fff}.label-primary[href]:hover{background-color:#9b59b6}.label-success{background-color:#2ecc71;color:#fff}.label-success[href]:hover{background-color:#27ae60}.label-warning{background-color:#f39c12;color:#fff}.label-warning[href]:hover{background-color:#e67e22}.label-danger{background-color:#e74c3c;color:#fff}.label-danger[href]:hover{background-color:#c0392b}.label-info{background-color:#3498db;color:#fff}.label-info[href]:hover{background-color:#2980b9}.img-thumbnail,.thumbnail{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.075);box-shadow:0 1px 2px rgba(0,0,0,.075)}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{background-color:#e8e8e8}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{background-color:#9b59b6}.nav .caret{border-bottom-color:#9b59b6;border-top-color:#9b59b6}.nav a:hover .caret{border-bottom-color:#8e44ad;border-top-color:#8e44ad}.nav-pills{background:0 0}.nav-pills>li>a{background:#fff none;color:#9b59b6}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{background:#9b59b6 none;color:#fff}.navbar{border-radius:0}.navbar-default{background:#ecf0f1 none}.navbar-default .navbar-nav>.active>a{background:#bdc3c7 none;-webkit-box-shadow:inset 0 3px 9px rgba(0,0,0,.075);box-shadow:inset 0 3px 9px rgba(0,0,0,.075)}.navbar-brand,.navbar-nav>li>a{text-shadow:0 1px 0 rgba(255,255,255,.25)}.navbar-inverse{background:#3c3c3c}.navbar-inverse .navbar-nav>.active>a{background:#222}.navbar-inverse .navbar-brand,.navbar-inverse .navbar-nav>li>a{text-shadow:0 -1px 0 rgba(0,0,0,.25)}.navbar-fixed-bottom,.navbar-fixed-top,.navbar-static-top{border-radius:0}.alert{border-color:rgba(0,0,0,0);text-shadow:0 1px 0 rgba(255,255,255,.2);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.05)}.alert a{color:#2c3e50;text-decoration:underline}.alert-success{background:rgba(46,204,113,.8) none;color:#34495e}.alert-success>a.alert-link{color:#ecf0f1;text-decoration:none}.alert-info{background:rgba(52,152,219,.8) none;color:#34495e}.alert-info>a.alert-link{color:#ecf0f1;text-decoration:none}.alert-warning{background:rgba(243,156,18,.8) none;color:#34495e}.alert-warning>a.alert-link{color:#ecf0f1;text-decoration:none}.alert-danger{background:rgba(231,76,60,.8) none;color:#34495e}.alert-danger>a.alert-link{color:#ecf0f1;text-decoration:none}.progress{background:#ecf0f1 none}.progress-bar{background:#8e44ad none}.progress-bar-success{background:#27ae60 none}.progress-bar-info{background:#3498db none}.progress-bar-warning{background:#f39c12 none}.progress-bar-danger{background:#e74c3c none}.badge{background:#9b59b6;color:#ecf0f1}.list-group{border-radius:4px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.075);box-shadow:0 1px 2px rgba(0,0,0,.075)}a.list-group-item.active,a.list-group-item.active:focus,a.list-group-item.active:hover{text-shadow:0 -1px 0 #8e44ad;background:#9b59b6 none;border-color:#8e44ad}.nav-pills>.active>a>.badge,a.list-group-item.active>.badge{background:#8e44ad;color:#ecf0f1}.panel{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.05);box-shadow:0 1px 2px rgba(0,0,0,.05)}.panel>.panel-heading{color:#34495e}.panel-default>.panel-heading{background:#ecf0f1 none}.panel-primary{border-color:#8e44ad}.panel-primary>.panel-heading{background:#9b59b6 none;border-color:#8e44ad;color:#ecf0f1}.panel-success{border-color:#27ae60}.panel-success>.panel-heading{background:#2ecc71 none;border-color:#27ae60;color:#ecf0f1}.panel-info{border-color:#2980b9}.panel-info>.panel-heading{background:#3498db none;border-color:#2980b9;color:#ecf0f1}.panel-warning{border-color:#f39c12}.panel-warning>.panel-heading{background:#f39c12 none;border-color:#f39c12;color:#ecf0f1}.panel-danger{border-color:#c0392b}.panel-danger>.panel-heading{background:#e74c3c none;border-color:#c0392b;color:#ecf0f1}.pagination a{color:#9b59b6}.pagination li.active a{background:#9b59b6;border-color:#8e44ad}.well{background:#ecf0f1;border-color:#95a5a6}.text-primary,.text-primary:hover{color:#9b59b6}.text-danger>a,.text-danger>a:hover,.text-info>a,.text-info>a:hover,.text-primary>a,.text-primary>a:hover,.text-success>a,.text-success>a:hover,.text-warning>a,.text-warning>a:hover{text-decoration:none;color:inherit} -------------------------------------------------------------------------------- /documentation/dist/fonts/glyphicons-halflings-regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/easy-development/jquery-mt-select/ab8b4f2480c03dae3f9a98e5fce662a4d3c5472e/documentation/dist/fonts/glyphicons-halflings-regular.eot -------------------------------------------------------------------------------- /documentation/dist/fonts/glyphicons-halflings-regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/easy-development/jquery-mt-select/ab8b4f2480c03dae3f9a98e5fce662a4d3c5472e/documentation/dist/fonts/glyphicons-halflings-regular.ttf -------------------------------------------------------------------------------- /documentation/dist/fonts/glyphicons-halflings-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/easy-development/jquery-mt-select/ab8b4f2480c03dae3f9a98e5fce662a4d3c5472e/documentation/dist/fonts/glyphicons-halflings-regular.woff -------------------------------------------------------------------------------- /documentation/dist/js/bootstrap.min.js: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap v3.0.2 by @fat and @mdo 3 | * Copyright 2013 Twitter, Inc. 4 | * Licensed under http://www.apache.org/licenses/LICENSE-2.0 5 | * 6 | * Designed and built with all the love in the world by @mdo and @fat. 7 | */ 8 | 9 | if("undefined"==typeof jQuery)throw new Error("Bootstrap requires jQuery");+function(a){"use strict";function b(){var a=document.createElement("bootstrap"),b={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var c in b)if(void 0!==a.style[c])return{end:b[c]}}a.fn.emulateTransitionEnd=function(b){var c=!1,d=this;a(this).one(a.support.transition.end,function(){c=!0});var e=function(){c||a(d).trigger(a.support.transition.end)};return setTimeout(e,b),this},a(function(){a.support.transition=b()})}(jQuery),+function(a){"use strict";var b='[data-dismiss="alert"]',c=function(c){a(c).on("click",b,this.close)};c.prototype.close=function(b){function c(){f.trigger("closed.bs.alert").remove()}var d=a(this),e=d.attr("data-target");e||(e=d.attr("href"),e=e&&e.replace(/.*(?=#[^\s]*$)/,""));var f=a(e);b&&b.preventDefault(),f.length||(f=d.hasClass("alert")?d:d.parent()),f.trigger(b=a.Event("close.bs.alert")),b.isDefaultPrevented()||(f.removeClass("in"),a.support.transition&&f.hasClass("fade")?f.one(a.support.transition.end,c).emulateTransitionEnd(150):c())};var d=a.fn.alert;a.fn.alert=function(b){return this.each(function(){var d=a(this),e=d.data("bs.alert");e||d.data("bs.alert",e=new c(this)),"string"==typeof b&&e[b].call(d)})},a.fn.alert.Constructor=c,a.fn.alert.noConflict=function(){return a.fn.alert=d,this},a(document).on("click.bs.alert.data-api",b,c.prototype.close)}(jQuery),+function(a){"use strict";var b=function(c,d){this.$element=a(c),this.options=a.extend({},b.DEFAULTS,d)};b.DEFAULTS={loadingText:"loading..."},b.prototype.setState=function(a){var b="disabled",c=this.$element,d=c.is("input")?"val":"html",e=c.data();a+="Text",e.resetText||c.data("resetText",c[d]()),c[d](e[a]||this.options[a]),setTimeout(function(){"loadingText"==a?c.addClass(b).attr(b,b):c.removeClass(b).removeAttr(b)},0)},b.prototype.toggle=function(){var a=this.$element.closest('[data-toggle="buttons"]');if(a.length){var b=this.$element.find("input").prop("checked",!this.$element.hasClass("active")).trigger("change");"radio"===b.prop("type")&&a.find(".active").removeClass("active")}this.$element.toggleClass("active")};var c=a.fn.button;a.fn.button=function(c){return this.each(function(){var d=a(this),e=d.data("bs.button"),f="object"==typeof c&&c;e||d.data("bs.button",e=new b(this,f)),"toggle"==c?e.toggle():c&&e.setState(c)})},a.fn.button.Constructor=b,a.fn.button.noConflict=function(){return a.fn.button=c,this},a(document).on("click.bs.button.data-api","[data-toggle^=button]",function(b){var c=a(b.target);c.hasClass("btn")||(c=c.closest(".btn")),c.button("toggle"),b.preventDefault()})}(jQuery),+function(a){"use strict";var b=function(b,c){this.$element=a(b),this.$indicators=this.$element.find(".carousel-indicators"),this.options=c,this.paused=this.sliding=this.interval=this.$active=this.$items=null,"hover"==this.options.pause&&this.$element.on("mouseenter",a.proxy(this.pause,this)).on("mouseleave",a.proxy(this.cycle,this))};b.DEFAULTS={interval:5e3,pause:"hover",wrap:!0},b.prototype.cycle=function(b){return b||(this.paused=!1),this.interval&&clearInterval(this.interval),this.options.interval&&!this.paused&&(this.interval=setInterval(a.proxy(this.next,this),this.options.interval)),this},b.prototype.getActiveIndex=function(){return this.$active=this.$element.find(".item.active"),this.$items=this.$active.parent().children(),this.$items.index(this.$active)},b.prototype.to=function(b){var c=this,d=this.getActiveIndex();return b>this.$items.length-1||0>b?void 0:this.sliding?this.$element.one("slid",function(){c.to(b)}):d==b?this.pause().cycle():this.slide(b>d?"next":"prev",a(this.$items[b]))},b.prototype.pause=function(b){return b||(this.paused=!0),this.$element.find(".next, .prev").length&&a.support.transition.end&&(this.$element.trigger(a.support.transition.end),this.cycle(!0)),this.interval=clearInterval(this.interval),this},b.prototype.next=function(){return this.sliding?void 0:this.slide("next")},b.prototype.prev=function(){return this.sliding?void 0:this.slide("prev")},b.prototype.slide=function(b,c){var d=this.$element.find(".item.active"),e=c||d[b](),f=this.interval,g="next"==b?"left":"right",h="next"==b?"first":"last",i=this;if(!e.length){if(!this.options.wrap)return;e=this.$element.find(".item")[h]()}this.sliding=!0,f&&this.pause();var j=a.Event("slide.bs.carousel",{relatedTarget:e[0],direction:g});if(!e.hasClass("active")){if(this.$indicators.length&&(this.$indicators.find(".active").removeClass("active"),this.$element.one("slid",function(){var b=a(i.$indicators.children()[i.getActiveIndex()]);b&&b.addClass("active")})),a.support.transition&&this.$element.hasClass("slide")){if(this.$element.trigger(j),j.isDefaultPrevented())return;e.addClass(b),e[0].offsetWidth,d.addClass(g),e.addClass(g),d.one(a.support.transition.end,function(){e.removeClass([b,g].join(" ")).addClass("active"),d.removeClass(["active",g].join(" ")),i.sliding=!1,setTimeout(function(){i.$element.trigger("slid")},0)}).emulateTransitionEnd(600)}else{if(this.$element.trigger(j),j.isDefaultPrevented())return;d.removeClass("active"),e.addClass("active"),this.sliding=!1,this.$element.trigger("slid")}return f&&this.cycle(),this}};var c=a.fn.carousel;a.fn.carousel=function(c){return this.each(function(){var d=a(this),e=d.data("bs.carousel"),f=a.extend({},b.DEFAULTS,d.data(),"object"==typeof c&&c),g="string"==typeof c?c:f.slide;e||d.data("bs.carousel",e=new b(this,f)),"number"==typeof c?e.to(c):g?e[g]():f.interval&&e.pause().cycle()})},a.fn.carousel.Constructor=b,a.fn.carousel.noConflict=function(){return a.fn.carousel=c,this},a(document).on("click.bs.carousel.data-api","[data-slide], [data-slide-to]",function(b){var c,d=a(this),e=a(d.attr("data-target")||(c=d.attr("href"))&&c.replace(/.*(?=#[^\s]+$)/,"")),f=a.extend({},e.data(),d.data()),g=d.attr("data-slide-to");g&&(f.interval=!1),e.carousel(f),(g=d.attr("data-slide-to"))&&e.data("bs.carousel").to(g),b.preventDefault()}),a(window).on("load",function(){a('[data-ride="carousel"]').each(function(){var b=a(this);b.carousel(b.data())})})}(jQuery),+function(a){"use strict";var b=function(c,d){this.$element=a(c),this.options=a.extend({},b.DEFAULTS,d),this.transitioning=null,this.options.parent&&(this.$parent=a(this.options.parent)),this.options.toggle&&this.toggle()};b.DEFAULTS={toggle:!0},b.prototype.dimension=function(){var a=this.$element.hasClass("width");return a?"width":"height"},b.prototype.show=function(){if(!this.transitioning&&!this.$element.hasClass("in")){var b=a.Event("show.bs.collapse");if(this.$element.trigger(b),!b.isDefaultPrevented()){var c=this.$parent&&this.$parent.find("> .panel > .in");if(c&&c.length){var d=c.data("bs.collapse");if(d&&d.transitioning)return;c.collapse("hide"),d||c.data("bs.collapse",null)}var e=this.dimension();this.$element.removeClass("collapse").addClass("collapsing")[e](0),this.transitioning=1;var f=function(){this.$element.removeClass("collapsing").addClass("in")[e]("auto"),this.transitioning=0,this.$element.trigger("shown.bs.collapse")};if(!a.support.transition)return f.call(this);var g=a.camelCase(["scroll",e].join("-"));this.$element.one(a.support.transition.end,a.proxy(f,this)).emulateTransitionEnd(350)[e](this.$element[0][g])}}},b.prototype.hide=function(){if(!this.transitioning&&this.$element.hasClass("in")){var b=a.Event("hide.bs.collapse");if(this.$element.trigger(b),!b.isDefaultPrevented()){var c=this.dimension();this.$element[c](this.$element[c]())[0].offsetHeight,this.$element.addClass("collapsing").removeClass("collapse").removeClass("in"),this.transitioning=1;var d=function(){this.transitioning=0,this.$element.trigger("hidden.bs.collapse").removeClass("collapsing").addClass("collapse")};return a.support.transition?(this.$element[c](0).one(a.support.transition.end,a.proxy(d,this)).emulateTransitionEnd(350),void 0):d.call(this)}}},b.prototype.toggle=function(){this[this.$element.hasClass("in")?"hide":"show"]()};var c=a.fn.collapse;a.fn.collapse=function(c){return this.each(function(){var d=a(this),e=d.data("bs.collapse"),f=a.extend({},b.DEFAULTS,d.data(),"object"==typeof c&&c);e||d.data("bs.collapse",e=new b(this,f)),"string"==typeof c&&e[c]()})},a.fn.collapse.Constructor=b,a.fn.collapse.noConflict=function(){return a.fn.collapse=c,this},a(document).on("click.bs.collapse.data-api","[data-toggle=collapse]",function(b){var c,d=a(this),e=d.attr("data-target")||b.preventDefault()||(c=d.attr("href"))&&c.replace(/.*(?=#[^\s]+$)/,""),f=a(e),g=f.data("bs.collapse"),h=g?"toggle":d.data(),i=d.attr("data-parent"),j=i&&a(i);g&&g.transitioning||(j&&j.find('[data-toggle=collapse][data-parent="'+i+'"]').not(d).addClass("collapsed"),d[f.hasClass("in")?"addClass":"removeClass"]("collapsed")),f.collapse(h)})}(jQuery),+function(a){"use strict";function b(){a(d).remove(),a(e).each(function(b){var d=c(a(this));d.hasClass("open")&&(d.trigger(b=a.Event("hide.bs.dropdown")),b.isDefaultPrevented()||d.removeClass("open").trigger("hidden.bs.dropdown"))})}function c(b){var c=b.attr("data-target");c||(c=b.attr("href"),c=c&&/#/.test(c)&&c.replace(/.*(?=#[^\s]*$)/,""));var d=c&&a(c);return d&&d.length?d:b.parent()}var d=".dropdown-backdrop",e="[data-toggle=dropdown]",f=function(b){a(b).on("click.bs.dropdown",this.toggle)};f.prototype.toggle=function(d){var e=a(this);if(!e.is(".disabled, :disabled")){var f=c(e),g=f.hasClass("open");if(b(),!g){if("ontouchstart"in document.documentElement&&!f.closest(".navbar-nav").length&&a('

56 |

57 |

58 |

Setting it up

59 | 60 |

Adding the Library & Stylesheet

61 | 62 |

63 | 64 |

Adding an instance with the default values

65 | 66 |

67 |

68 |

69 | 70 |

71 | 72 |

73 |

74 |

Available Options

75 | 76 |

Required

77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 |

Alias	Description
data-mt-request-url	The location where the information will be pulled	Read More

95 | 96 |

Optional

97 | 98 | 99 | 100 | 101 | 102 | 103 | 104 | 105 | 106 | 107 | 108 | 109 | 110 | 111 | 112 | 113 | 114 | 115 | 116 | 117 | 118 | 119 | 120 | 121 | 122 | 123 | 124 | 125 | 126 | 127 | 128 | 129 | 130 | 131 | 132 | 133 | 134 | 135 | 136 | 137 | 138 | 139 | 140 | 141 | 142 | 143 | 144 | 145 | 146 | 147 | 148 | 149 | 150 | 151 | 152 | 153 | 154 | 155 | 156 | 157 | 158 | 159 | 160 | 161 | 162 | 163 | 164 | 165 | 166 | 167 | 168 | 169 | 170 | 171 | 172 | 173 | 174 | 175 | 176 |

Alias	Description	Default
data-mt-max-tags	Max Selected Options	1	Read More
data-mt-request-method	Request Method used to fetch the information from data-mt-request-url	POST	Read More
data-mt-request-tag-name	Change the param name that specifies the searched term, which is send to data-mt-request-url	mt_filter	Read More
data-mt-request-selected-tags-name	Change the param name that specifies the selected term ids / keys, which is send to data-mt-request-url	mt_selected	Read More
data-mt-clear-on-select	Clear Search Input on Option Select	1	Read More
data-mt-close-on-select	Close Selection Modal on Option Select	1	Read More
data-mt-close-on-unfocus	Close Selection Modal on Input unfocus	1	Read More
data-mt-tag-input-name	Selected option name within the HTML Form	tag	Read More
data-mt-default-values	Default Values	None	Read More
data-mt-custom-param-	Extra Params on requests	None	Read More
data-mt-skeleton	Change the Display Skeleton	default	Read More

177 |

178 | 179 |

180 | 181 |

182 |

Available Options Documentation

183 | 184 |

185 | 186 |

187 |

Mandatory Request URL

188 |

The location where the selectable options information will be pulled

189 |

When retrieving the information, the request will provide these parameters

190 |

Search Param. Param Name :
Already Selected Tag Ids. Param Name :
+ any additional static params you want, Read More

195 |

196 | 197 |

198 | 199 |

200 |

Max Selected Options

201 |

Limit the max selected options using this param

202 |

Param : data-mt-max-tags

203 |

Default : 1

204 |

Available options : any number higher than one.

205 |

206 | 207 |

208 | 209 |

210 |

Request Method used to fetch the information

211 |

Specify the Request Method used to fetch the information from data-mt-request-url

212 |

Param : data-mt-request-method

213 |

Default : POST

214 |

215 | 216 |

217 | 218 |

219 |

Parameter sent, containing the search term

220 |

Change the param name that specifies the searched term, which is send to data-mt-request-url

221 |

Param : data-mt-request-tag-name

222 |

Default : mt_filter

223 |

224 | 225 |

226 | 227 |

228 |

Parameter sent, containing the selected terms

229 |

Change the param name that specifies the selected term ids / keys, which is send to data-mt-request-url

230 |

Param : data-mt-request-selected-tags-name

231 |

Default : mt_selected

232 |

233 | 234 |

235 | 236 |

237 |

Clear Search Input on Option Select

238 |

Clear the search input when an option is selected.

239 |

Param : data-mt-clear-on-select

240 |

Default : 1

241 |

242 | 243 |

244 | 245 |

246 |

Close Selection Modal on Option Select

247 |

Close selection modal when an option is selected.

248 |

Param : data-mt-close-on-select

249 |

Default : 1

250 |

251 | 252 |

253 | 254 |

255 |

Close Selection Modal on Input Unfocus

256 |

Close selection modal when on input unfocus.

257 |

Param : data-mt-close-on-unfocus

258 |

Default : 1

259 |

260 | 261 |

262 | 263 |

264 |

Default Values

265 |

These are the values that appear by already selected when displaying the plugin

266 |

Param : data-mt-default-values

267 |

Default : None

268 |

Format JSON Object, key : value

269 |

Examples

270 | 271 | 272 | 273 | 274 | 275 | 276 | 277 | 278 | 279 | 280 | 281 | 282 | 283 | 284 | 285 | 286 | 287 | 288 | 289 | 290 |

HTML Param
data-mt-default-values='{"1" : "tag_name"}'
data-mt-default-values-='{"1" : "tag_name", "2" : "another_tag"}'
data-mt-default-values-='{"1" : "tag_name", "2" : "another_tag", "3" : "An another one"}'
And many more.

291 |

292 | 293 |

294 | 295 |

296 |

Selected option name within the HTML Form

297 |

Selected option name within the HTML Form.

298 |

Using the default name, the selected options will come like, $_POST['tag'], which should be like

299 |

The numbering 1,2,3 is done automatically.

300 |

$_POST['tag'][1] = "Some Value"
$_POST['tag'][2] = "Some Value"
$_POST['tag'][3] = "Some Value"

305 |

Param : data-mt-tag-input-name

306 |

Default : tag

307 |

308 | 309 |

310 | 311 |

312 |

Extra Params on requests

313 |

Param : data-mt-custom-param-%param-name%="%param-value%"

314 |

Examples | The Request Method is "POST", if you're using "GET" method, instead of $_POST it's $_GET

315 | 316 | 317 | 318 | 319 | 320 | 321 | 322 | 323 | 324 | 325 | 326 | 327 | 328 | 329 | 330 | 331 | 332 | 333 | 334 | 335 | 336 | 337 | 338 | 339 |

HTML Param	PHP Receives
data-mt-custom-param-_lang="EN"	$_POST['_lang'] = "EN"
data-mt-custom-param-user_id="1"	$_POST['user_id'] = 1
data-mt-custom-param-page_name="User Guide"	$_POST['page_name'] = "User Guide"
And many more.

340 |

341 | 342 |

343 | 344 |

345 |

Change the Display Skeleton

346 |

Change the Display Skeleton structure, of how you're displaying the fetched results

347 |

Param : data-mt-skeleton

348 |

Default : default

349 |

350 | 351 |

352 | 353 | 354 |

355 |

356 | 357 |

358 | 359 |

360 |

361 |

Customization & Changes

362 | 363 |

Special Skeleton Setting

364 | 365 |

366 | 367 |

368 | 369 |

Events Assigned & Interaction Logic Changes

370 | 371 |

372 | 373 |

Edit the tags display structure

374 | 375 |

376 | 377 |

378 | 379 |

Change the Default Plugin Settings Easily

380 | 381 |

382 |

383 |

384 | 385 |

386 | 387 | 390 | 391 |

392 | 393 | 395 | 396 | 397 | 398 | 399 | 400 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | jQuery MT Select Package 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 |

16 |

jQuery MT Select Package Demonstration

17 | 18 | 45 |

46 | 47 | 48 | -------------------------------------------------------------------------------- /mt-select/css/style.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: 'Roboto'; 3 | font-style: normal; 4 | font-weight: 300; 5 | src: local('Roboto Light'), local('Roboto-Light'), url(http://themes.googleusercontent.com/static/fonts/roboto/v9/Hgo13k-tfSpn0qi1SFdUfT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); 6 | } 7 | @font-face { 8 | font-family: 'Roboto'; 9 | font-style: normal; 10 | font-weight: 400; 11 | src: local('Roboto Regular'), local('Roboto-Regular'), url(http://themes.googleusercontent.com/static/fonts/roboto/v9/2UX7WLTfW3W8TclTUvlFyQ.woff) format('woff'); 12 | } 13 | 14 | .mt_search_list_container { 15 | z-index: 9999; 16 | position: relative; 17 | border: 1px solid #eeeeee; 18 | border-top: 1px solid #3498db; 19 | background: #fff; 20 | width: 220px; 21 | max-height: 200px; 22 | display: block; 23 | overflow-y: scroll; 24 | } 25 | .mt_search_list_container .mt_entry_container { 26 | padding: 10px; 27 | padding-bottom: 0; 28 | min-height: 50px; 29 | cursor: pointer; 30 | -webkit-transition: all 0.2s linear; 31 | -moz-transition: all 0.2s linear; 32 | -o-transition: all 0.2s linear; 33 | -ms-transition: all 0.2s linear; 34 | transition: all 0.2s linear; 35 | } 36 | .mt_search_list_container .mt_entry_container:not(.inactive):hover, 37 | .mt_search_list_container .mt_entry_container.active { 38 | background: #3498db; 39 | color:#eeeeee; 40 | } 41 | 42 | .mt_search_list_container .mt_entry_container img { 43 | border-radius: 50%; 44 | width: 36px; 45 | height: 36px; 46 | } 47 | .mt_search_list_container .mt_entry_container .left { 48 | position: absolute; 49 | } 50 | .mt_search_list_container .mt_entry_container .right { 51 | margin-bottom: -10px; 52 | margin-left: 50px; 53 | } 54 | .mt_search_list_container .mt_entry_container .right .name { 55 | color: #616161; 56 | font-size: 12px; 57 | font-family: 'Roboto'; 58 | font-weight: 400; 59 | margin-top: 3px; 60 | margin-bottom: 0; 61 | } 62 | .mt_search_list_container .mt_entry_container .right .description { 63 | color: #929292; 64 | font-size: 10px; 65 | font-family: 'Roboto'; 66 | font-weight: 400; 67 | margin-top: 1px; 68 | margin-bottom: 0; 69 | } 70 | .mt_search_list_container .mt_entry_container:after { 71 | clear: both; 72 | visibility: hidden; 73 | content: '.'; 74 | } 75 | 76 | .mt_search_list_container .mt_entry_container:not(.inactive):hover .right .name, 77 | .mt_search_list_container .mt_entry_container:not(.inactive):hover .right .description, 78 | .mt_search_list_container .mt_entry_container.active .right .name, 79 | .mt_search_list_container .mt_entry_container.active .right .description { 80 | color:#eeeeee; 81 | } 82 | 83 | .mt-tag-container .mt-tag-element { 84 | font-family: 'Roboto'; 85 | font-weight: 300; 86 | font-size: 15px; 87 | border: 1px solid #3498db; 88 | padding: 0 10px; 89 | color: #3498db; 90 | margin-right: 15px; 91 | float: left; 92 | margin-top: 5px; 93 | -webkit-transition: all 0.2s linear; 94 | -moz-transition: all 0.2s linear; 95 | -o-transition: all 0.2s linear; 96 | -ms-transition: all 0.2s linear; 97 | transition: all 0.2s linear; 98 | line-height: 1.5; 99 | } 100 | .mt-tag-container .mt-tag-element:hover { 101 | background: #3498db; 102 | color: #fff; 103 | } 104 | .mt-tag-container .mt-tag-element a { 105 | padding: 0; 106 | border: none; 107 | width: 7px; 108 | height: 7px; 109 | display: inline-block; 110 | margin-right: 0; 111 | margin-left: 10px; 112 | margin-bottom: 2px; 113 | background: url('../img/close-tag-icon.png') no-repeat center center; 114 | text-indent: -9999px; 115 | cursor: pointer; 116 | float: right; 117 | margin-top: 7px; 118 | } 119 | .mt-tag-container .mt-tag-element a:hover { 120 | background: url('../img/close-tag-icon-hover.png') no-repeat center center; 121 | } 122 | 123 | .mt_search_message { 124 | z-index: 9999; 125 | position: relative; 126 | border: 1px solid #eeeeee; 127 | border-top: 1px solid #3498db; 128 | background: #fff; 129 | width: 200px; 130 | padding: 10px; 131 | } -------------------------------------------------------------------------------- /mt-select/img/close-tag-icon-hover.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/easy-development/jquery-mt-select/ab8b4f2480c03dae3f9a98e5fce662a4d3c5472e/mt-select/img/close-tag-icon-hover.png -------------------------------------------------------------------------------- /mt-select/img/close-tag-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/easy-development/jquery-mt-select/ab8b4f2480c03dae3f9a98e5fce662a4d3c5472e/mt-select/img/close-tag-icon.png -------------------------------------------------------------------------------- /mt-select/js/jquery-mt-select.js: -------------------------------------------------------------------------------- 1 | /** 2 | * @author Andrei-Robert Rusu 3 | * @version 1.3 4 | * @type {{elementInformationMAP: {tagContainer: {element: string, class: string}, tagElement: {element: string, class: string}, tagElementRemove: {element: string, class: string, content: string}}, skeletonStructure: {default: {entryInformationListHTMLSkeleton: string, entryInformationSingleContainerIdentifier: string, entryInformationHTMLSkeleton: string, responseMessageSkeleton: string}}, entryInformationListHTMLSkeleton: string, entryInformationSingleContainerIdentifier: string, entryInformationHTMLSkeleton: string, responseMessageSkeleton: string, triggerInformationMAP: {searchTriggerIdentifier: string, searchTriggerEvent: string, searchTriggerMinimumLength: number, searchTriggerCSSSettings: {width: string}}, namespace: string, containerObject: {}, tagContainerObject: {}, requestURL: string, requestMethod: string, requestSearchedTerm: string, requestSelectedTerms: string, requestExtraParams: {}, closeModalOnSelect: number, clearInputOnSelect: number, maxTags: boolean, defaultValues: Array, tagInputType: string, tagInputName: string, closeOnUnFocus: number, skeleton: string, _currentAJAXRequestObject: boolean, Init: Init, _handleSettings: _handleSettings, _handleDefaultValues: _handleDefaultValues, prependTagContainer: prependTagContainer, assignFilterTriggers: assignFilterTriggers, fetchFilteredResult: fetchFilteredResult, buildTagListDisplay: buildTagListDisplay, buildTagDisplay: buildTagDisplay, addTag: addTag, removeTag: removeTag, lockFormSubmit: lockFormSubmit, unlockFormSubmit: unlockFormSubmit, setWindowResizeEvent: setWindowResizeEvent, ModalHelper: {Controller: {}, container: boolean, displayUnder: number, currentElements: boolean, modalIDPrefix: string, modalID: string, Init: Init, DisplayMessage: DisplayMessage, Display: Display, setContainer: setContainer, arrangeContainer: arrangeContainer, Close: Close}, KeyNavigationHelper: {Controller: {}, Init: Init, keyUp: keyUp, keyDown: keyDown, scrollToElement: scrollToElement, getCurrentPointedElementAndHandleUniversal: getCurrentPointedElementAndHandleUniversal, getCurrentPointedElement: getCurrentPointedElement}}} 5 | */ 6 | var jQueryMTSelect = { 7 | 8 | elementInformationMAP : { 9 | tagContainer : { 10 | 'element' : 'span', 11 | 'class' : 'mt-tag-container' 12 | }, 13 | tagElement : { 14 | 'element' : 'span', 15 | 'class' : 'mt-tag-element' 16 | }, 17 | tagElementRemove : { 18 | 'element' : 'a', 19 | 'class' : 'none', 20 | 'content' : 'X' 21 | } 22 | }, 23 | 24 | skeletonStructure : { 25 | 'default' : { 26 | entryInformationListHTMLSkeleton : '

' + 27 | '{entries_information_list}' + 28 | '

', 29 | entryInformationSingleContainerIdentifier : '.mt_entry_container', 30 | entryInformationHTMLSkeleton :'

' + 31 | '

' + 32 | '

' + 33 | '

' + 34 | '

' + 35 | '

{name|boldSearch}

' + 36 | '

{description|boldSearch}

' + 37 | '

' + 38 | '

', 39 | responseMessageSkeleton : '

{message}

' 40 | } 41 | }, 42 | 43 | entryInformationListHTMLSkeleton : '', 44 | entryInformationSingleContainerIdentifier : '.', 45 | entryInformationHTMLSkeleton : '', 46 | responseMessageSkeleton : '', 47 | 48 | triggerInformationMAP : { 49 | searchTriggerIdentifier : ':input[data-mt-filter-control]', 50 | searchTriggerEvent : 'keyup focus', 51 | searchTriggerMinimumLength : 3, 52 | searchTriggerCSSSettings : { 53 | 'width' : 'auto' 54 | } 55 | }, 56 | 57 | namespace : 'mt_search', 58 | containerObject : {}, 59 | tagContainerObject : {}, 60 | requestURL : '', 61 | requestMethod : 'POST', 62 | requestSearchedTerm : 'mt_filter', 63 | requestSelectedTerms: 'mt_selected', 64 | requestExtraParams : {}, 65 | closeModalOnSelect : 1, 66 | clearInputOnSelect : 1, 67 | maxTags : false, 68 | defaultValues : [], 69 | tagInputType : 'hidden', 70 | tagInputName : 'tag', 71 | closeOnUnFocus : 1, 72 | skeleton : 'default', 73 | 74 | _currentAJAXRequestObject : false, 75 | 76 | Init : function(container, settings) { 77 | this._handleSettings(settings); 78 | this.containerObject = container; 79 | 80 | this.ModalHelper = this.ModalHelper.Init(this); 81 | this.KeyNavigationHelper = this.KeyNavigationHelper.Init(this); 82 | 83 | this.prependTagContainer(); 84 | this.assignFilterTriggers(); 85 | this._handleDefaultValues(); 86 | this.setWindowResizeEvent(); 87 | }, 88 | 89 | _handleSettings : function(settings) { 90 | var objectInstance = this; 91 | 92 | this.requestURL = typeof settings.request_url != "undefined" ? settings.request_url : ''; 93 | this.requestMethod = typeof settings.request_method != "undefined" ? settings.request_method : this.requestMethod; 94 | this.requestSearchedTerm = typeof settings.request_tag_name != "undefined" ? settings.request_tag_name : this.requestSearchedTerm; 95 | this.requestSelectedTerms = typeof settings.request_selected_tags_name != "undefined" 96 | ? settings.request_selected_tags_name : this.requestSelectedTerms; 97 | 98 | this.closeModalOnSelect = typeof settings.close_on_select != "undefined" ? parseInt(settings.close_on_select) : this.closeModalOnSelect; 99 | this.closeOnUnFocus = typeof settings.close_on_unfocus != "undefined" ? parseInt(settings.close_on_unfocus) : this.closeOnUnFocus; 100 | this.clearInputOnSelect = typeof settings.clear_on_select != "undefined" ? parseInt(settings.clear_on_select) : this.clearInputOnSelect; 101 | 102 | this.tagInputName = typeof settings.tag_input_name != "undefined" ? settings.tag_input_name : this.tagInputName; 103 | this.tagInputType = typeof settings.tag_input_type != "undefined" ? settings.tag_input_type : this.tagInputType; 104 | this.maxTags = typeof settings.max_tags != "undefined" ? settings.max_tags : this.maxTags; 105 | this.skeleton = typeof settings.skeleton != "undefined" ? settings.skeleton : this.skeleton; 106 | 107 | this.namespace = typeof settings.namespace != "undefined" ? settings.namespace : this.namespace; 108 | 109 | if(typeof settings.default_values != "undefined") 110 | this.defaultValues = typeof settings.default_values == "string" ? jQuery.parseJSON(settings.default_values) : settings.default_values; 111 | 112 | jQuery.each(settings, function(key, value){ 113 | if(key.indexOf('custom_param_') == 0) { 114 | var name = key.replace('custom_param_', ''); 115 | 116 | objectInstance.requestExtraParams[name] = value; 117 | } 118 | }); 119 | 120 | jQuery.each(this.skeletonStructure[this.skeleton], function(key, value){ 121 | objectInstance[key] = value; 122 | }); 123 | }, 124 | 125 | _handleDefaultValues : function() { 126 | if(this.defaultValues != false) { 127 | var objectInstance = this; 128 | 129 | jQuery.each(this.defaultValues, function(key, value){ 130 | objectInstance.addTag(key, value); 131 | }); 132 | } 133 | }, 134 | 135 | prependTagContainer : function() { 136 | this.containerObject.prepend( 137 | '<' + this.elementInformationMAP.tagContainer.element + ' ' + 138 | 'class="' + this.elementInformationMAP.tagContainer.class + '">' + 139 | ''); 140 | 141 | this.tagContainerObject = this.containerObject.find('> ' + this.elementInformationMAP.tagContainer.element + '.' + (this.elementInformationMAP.tagContainer.class).replace(' ', '.')); 142 | }, 143 | 144 | assignFilterTriggers : function() { 145 | var objectInstance = this, 146 | triggers = this.containerObject 147 | .find(this.triggerInformationMAP.searchTriggerIdentifier); 148 | 149 | jQuery.each(this.triggerInformationMAP.searchTriggerCSSSettings, function(attr, value){ 150 | triggers.css(attr, value); 151 | }); 152 | 153 | triggers.attr('autocomplete', 'off'); 154 | triggers.val(''); 155 | 156 | triggers.bind(this.triggerInformationMAP.searchTriggerEvent + '.' + this.namespace, function(event) { 157 | if(jQuery(this).val().length >= objectInstance.triggerInformationMAP.searchTriggerMinimumLength) { 158 | if(event.which == 38) { 159 | objectInstance.KeyNavigationHelper.keyUp(); 160 | } else if(event.which == 40) { 161 | objectInstance.KeyNavigationHelper.keyDown(); 162 | } else if(event.which == 13) { 163 | if(objectInstance.KeyNavigationHelper.getCurrentPointedElement() != false) 164 | objectInstance.KeyNavigationHelper.getCurrentPointedElement().click(); 165 | 166 | return false; 167 | } else if(event.which == 27) { 168 | triggers.val(''); 169 | objectInstance.ModalHelper.Close(); 170 | } else { 171 | objectInstance.fetchFilteredResult(jQuery(this).val()); 172 | } 173 | } else { 174 | objectInstance.ModalHelper.Close(); 175 | } 176 | }); 177 | 178 | if(this.closeOnUnFocus) 179 | triggers.focusout(function(){ 180 | setTimeout(function(){ 181 | objectInstance.ModalHelper.Close(); 182 | }, 500); 183 | }); 184 | }, 185 | 186 | fetchFilteredResult : function(search) { 187 | var objectInstance = this; 188 | 189 | if(this._currentAJAXRequestObject != false) 190 | this._currentAJAXRequestObject.abort(); 191 | 192 | var tagIds = []; 193 | 194 | this.tagContainerObject.find('input[type="' + this.tagInputType + '"][data-tag-id]').each(function(){ 195 | tagIds[tagIds.length] = jQuery(this).val(); 196 | }); 197 | 198 | var requestData = this.requestExtraParams; 199 | 200 | requestData[this.requestSearchedTerm] = search; 201 | requestData[this.requestSelectedTerms] = tagIds; 202 | 203 | this._currentAJAXRequestObject = jQuery.ajax({ 204 | type : this.requestMethod, 205 | url : this.requestURL, 206 | context : document.body, 207 | dataType : 'json', 208 | data : requestData 209 | }).done(function(response) { 210 | objectInstance.ModalHelper.Close(); 211 | 212 | if(response.status == 'empty') { 213 | if(typeof response.message !== "undefined") 214 | objectInstance.ModalHelper.DisplayMessage( 215 | objectInstance.responseMessageSkeleton.replace('{message}', response.message), 216 | objectInstance.containerObject.find(objectInstance.triggerInformationMAP.searchTriggerIdentifier).filter(':first') 217 | ); 218 | 219 | return; 220 | } 221 | 222 | var modalContent = objectInstance.buildTagListDisplay(response.results, search), 223 | displayUnder = objectInstance.containerObject.find(objectInstance.triggerInformationMAP.searchTriggerIdentifier).filter(':first'); 224 | 225 | objectInstance.ModalHelper.Display(modalContent, displayUnder); 226 | objectInstance._currentAJAXRequestObject = false; 227 | }); 228 | }, 229 | 230 | buildTagListDisplay : function(tagListInformation, searchParam) { 231 | var entryListHTML = '', objectInstance = this; 232 | 233 | jQuery.each(tagListInformation, function(key, tagInformation){ 234 | entryListHTML += objectInstance.buildTagDisplay(tagInformation, searchParam); 235 | }); 236 | 237 | return this.entryInformationListHTMLSkeleton.replace('{entries_information_list}', entryListHTML); 238 | }, 239 | 240 | buildTagDisplay : function(tagInformation, searchParam) { 241 | var html = this.entryInformationHTMLSkeleton; 242 | 243 | 244 | jQuery.each(tagInformation, function(key, value){ 245 | html = html.replace('{' + key + '|boldSearch}', value.replace(searchParam, '' + searchParam + '')); 246 | 247 | html = html.replace(new RegExp('{' + key + '}', 'g'), value); 248 | }); 249 | 250 | return html; 251 | }, 252 | 253 | addTag : function(tagId, tagName) { 254 | if(this.tagContainerObject.find('[data-tag-id="' + tagId + '"]').length > 0) 255 | return; 256 | 257 | var objectInstance = this; 258 | 259 | this.tagContainerObject.append( 260 | '' 269 | ); 270 | 271 | this.tagContainerObject.append( 272 | '<' + this.elementInformationMAP.tagElement.element + ' ' + 273 | 'class="' + this.elementInformationMAP.tagElement.class + '" ' + 274 | 'data-tag-id="' + tagId + '" ' + 275 | '>' + 276 | tagName + 277 | ( 278 | '<' + this.elementInformationMAP.tagElementRemove.element + ' ' + 279 | 'class="' + this.elementInformationMAP.tagElement.class + '" ' + 280 | 'data-tag-remove-id="' + tagId + '" ' + 281 | '>' + 282 | this.elementInformationMAP.tagElementRemove.content + 283 | '' 284 | ) + 285 | ''); 286 | 287 | this.tagContainerObject.find('[data-tag-remove-id="' + tagId + '"]').bind('click.' + this.namespace, function(){ 288 | objectInstance.removeTag(jQuery(this).attr('data-tag-remove-id')); 289 | }); 290 | 291 | if(this.tagContainerObject.find('input[type="' + this.tagInputType + '"][data-tag-id]').length >= this.maxTags) 292 | this.containerObject.find(this.triggerInformationMAP.searchTriggerIdentifier).fadeOut('slow'); 293 | }, 294 | 295 | removeTag : function(tagId) { 296 | var objectInstance = this; 297 | 298 | this.tagContainerObject.find('[data-tag-id="' + tagId + '"]').fadeOut('fast', function(){ 299 | jQuery(this).unbind(objectInstance.namespace); 300 | jQuery(this).remove(); 301 | }); 302 | 303 | this.containerObject.find(this.triggerInformationMAP.searchTriggerIdentifier + ':hidden').fadeIn('slow', function(){ 304 | jQuery(this).focus(); 305 | }); 306 | }, 307 | 308 | lockFormSubmit : function() { 309 | if(this.containerObject.is('form')) 310 | this.containerObject.attr('onkeypress', 'return event.keyCode != 13'); 311 | else 312 | this.containerObject.parents('form:first').attr('onkeypress', 'return event.keyCode != 13'); 313 | }, 314 | 315 | unlockFormSubmit : function() { 316 | if(this.containerObject.is('form')) 317 | this.containerObject.attr('onkeypress', ''); 318 | else 319 | this.containerObject.parents('form:first').attr('onkeypress', ''); 320 | }, 321 | 322 | setWindowResizeEvent : function() { 323 | var objectInstance = this; 324 | 325 | jQuery(window).bind('resize orientationchange', function(){ 326 | objectInstance.ModalHelper.arrangeContainer(); 327 | }); 328 | }, 329 | 330 | ModalHelper : { 331 | 332 | /** 333 | * @var EasyAutoComplete 334 | */ 335 | Controller : {}, 336 | container : false, 337 | displayUnder : 0, 338 | currentElements : false, 339 | modalIDPrefix : "jquery-mt-select-", 340 | modalID : "", 341 | 342 | Init : function(controller) { 343 | this.Controller = controller; 344 | 345 | this.modalID = this.modalIDPrefix + this.Controller.namespace; 346 | 347 | return jQuery.extend(1, {}, this); 348 | }, 349 | 350 | DisplayMessage : function(message, displayUnder) { 351 | var objectInstance = this; 352 | 353 | this.displayUnder = displayUnder; 354 | this.setContainer(message); 355 | this.arrangeContainer(); 356 | this.Controller.lockFormSubmit(); 357 | }, 358 | 359 | Display : function(content, displayUnder) { 360 | var objectInstance = this; 361 | 362 | this.displayUnder = displayUnder; 363 | this.setContainer(content); 364 | this.arrangeContainer(); 365 | this.Controller.lockFormSubmit(); 366 | 367 | this.container.find('.addTag').unbind('click').bind('click.' + this.Controller.namespace, function(){ 368 | objectInstance.Controller.addTag(jQuery(this).attr('data-tag-id'), jQuery(this).attr('data-tag-name')); 369 | 370 | if(objectInstance.Controller.clearInputOnSelect == 1) { 371 | var triggers = objectInstance.Controller.containerObject.find(objectInstance.Controller.triggerInformationMAP.searchTriggerIdentifier); 372 | triggers.val(''); 373 | triggers.first().focus(); 374 | } 375 | 376 | if(objectInstance.Controller.closeModalOnSelect == 1) { 377 | objectInstance.Close(); 378 | } else { 379 | jQuery(this).remove(); 380 | objectInstance.arrangeContainer(); 381 | } 382 | }); 383 | }, 384 | 385 | setContainer : function(content) { 386 | jQuery('body').append(''); 387 | 388 | this.container = jQuery('#' + this.modalID); 389 | 390 | this.currentElements = this.container.find(this.Controller.entryInformationSingleContainerIdentifier); 391 | }, 392 | 393 | arrangeContainer : function() { 394 | if(this.container == false) 395 | return; 396 | 397 | this.container.css('position', 'absolute'); 398 | this.container.css('top', 399 | this.displayUnder.offset().top + 400 | this.displayUnder.height() + 401 | parseInt(this.displayUnder.css('padding-top'), 10) + 402 | parseInt(this.displayUnder.css('padding-bottom'), 10) 403 | ); 404 | this.container.css('left', this.displayUnder.offset().left); 405 | }, 406 | 407 | Close : function() { 408 | if(this.container != false) { 409 | this.currentElements = false; 410 | 411 | this.Controller.unlockFormSubmit(); 412 | 413 | this.container.find('.addTag').unbind('click.' + this.Controller.namespace); 414 | this.container.remove(); 415 | } 416 | 417 | this.container = false; 418 | } 419 | 420 | }, 421 | 422 | KeyNavigationHelper : { 423 | 424 | Controller : {}, 425 | 426 | Init : function(controller) { 427 | this.Controller = controller; 428 | 429 | return jQuery.extend(1, {}, this); 430 | }, 431 | 432 | keyUp : function() { 433 | if(this.Controller.ModalHelper.currentElements == false) 434 | return; 435 | 436 | var currentPointedElement = this.getCurrentPointedElementAndHandleUniversal(); 437 | 438 | currentPointedElement = ( 439 | typeof currentPointedElement == "undefined" 440 | || currentPointedElement == false 441 | || currentPointedElement.prev().length == 0 442 | ) 443 | ? this.Controller.ModalHelper.currentElements.filter(':last') 444 | : currentPointedElement.prev(); 445 | 446 | currentPointedElement.removeClass('inactive').addClass('active'); 447 | 448 | this.scrollToElement(currentPointedElement); 449 | }, 450 | 451 | keyDown : function() { 452 | if(this.Controller.ModalHelper.currentElements == false) 453 | return; 454 | 455 | var currentPointedElement = this.getCurrentPointedElementAndHandleUniversal(); 456 | 457 | currentPointedElement = ( 458 | typeof currentPointedElement == "undefined" 459 | || currentPointedElement == false 460 | || currentPointedElement.next().length == 0 461 | ) 462 | ? this.Controller.ModalHelper.currentElements.filter(':first') 463 | : currentPointedElement.next(); 464 | 465 | currentPointedElement.removeClass('inactive').addClass('active'); 466 | 467 | this.scrollToElement(currentPointedElement); 468 | }, 469 | 470 | scrollToElement : function(currentPointedElement) { 471 | this.Controller.ModalHelper.container.find('> *:first').animate({ 472 | scrollTop: currentPointedElement.position().top 473 | }, 200); 474 | }, 475 | 476 | getCurrentPointedElementAndHandleUniversal : function() { 477 | var currentPointedElement = this.getCurrentPointedElement(), objectInstance = this; 478 | 479 | this.Controller.ModalHelper.currentElements.removeClass('active').addClass('inactive'); 480 | 481 | this.Controller.ModalHelper.currentElements.unbind('hover').bind('hover', function() { 482 | objectInstance.Controller.ModalHelper.currentElements.removeClass('active inactive'); 483 | }); 484 | 485 | return currentPointedElement; 486 | }, 487 | 488 | getCurrentPointedElement : function() { 489 | var items = this.Controller.ModalHelper.currentElements; 490 | 491 | return items.filter('.active').length > 0 ? items.filter('.active:first') : false; 492 | } 493 | 494 | } 495 | 496 | }; 497 | 498 | jQuery(document).ready(function(){ 499 | 500 | var mtSelectInstances = {}, 501 | mtSelectInstancesCount = 0; 502 | 503 | jQuery('.component-mt-select').each(function(){ 504 | if(jQuery(this).hasClass('dispatched')) 505 | return; 506 | 507 | jQuery(this).addClass('dispatched'); 508 | 509 | mtSelectInstances[mtSelectInstancesCount] = jQuery.extend(1, {}, jQueryMTSelect); 510 | 511 | var attributes = {}, params = {}; 512 | 513 | jQuery.each( jQuery(this)[0].attributes, function( index, attr ) { 514 | attributes[ attr.name ] = attr.value; 515 | } ); 516 | 517 | jQuery.each(attributes, function(key, value){ 518 | if(key.indexOf('data-mt-') == 0) { 519 | var name = key.replace('data-mt-', ''); 520 | 521 | name = name.replace(/-/g, '_'); 522 | 523 | params[name] = value; 524 | } 525 | }); 526 | 527 | params.namespace = "mt_select_" + mtSelectInstancesCount; 528 | 529 | mtSelectInstances[mtSelectInstancesCount].Init(jQuery(this), params); 530 | 531 | mtSelectInstancesCount++; 532 | }); 533 | 534 | }); -------------------------------------------------------------------------------- /mt-select/js/jquery-mt-select.min.js: -------------------------------------------------------------------------------- 1 | /** 2 | * @author Andrei-Robert Rusu 3 | * @version 1.3 4 | * @type {{elementInformationMAP: {tagContainer: {element: string, class: string}, tagElement: {element: string, class: string}, tagElementRemove: {element: string, class: string, content: string}}, skeletonStructure: {default: {entryInformationListHTMLSkeleton: string, entryInformationSingleContainerIdentifier: string, entryInformationHTMLSkeleton: string, responseMessageSkeleton: string}}, entryInformationListHTMLSkeleton: string, entryInformationSingleContainerIdentifier: string, entryInformationHTMLSkeleton: string, responseMessageSkeleton: string, triggerInformationMAP: {searchTriggerIdentifier: string, searchTriggerEvent: string, searchTriggerMinimumLength: number, searchTriggerCSSSettings: {width: string}}, namespace: string, containerObject: {}, tagContainerObject: {}, requestURL: string, requestMethod: string, requestSearchedTerm: string, requestSelectedTerms: string, requestExtraParams: {}, closeModalOnSelect: number, clearInputOnSelect: number, maxTags: boolean, defaultValues: Array, tagInputType: string, tagInputName: string, closeOnUnFocus: number, skeleton: string, _currentAJAXRequestObject: boolean, Init: Init, _handleSettings: _handleSettings, _handleDefaultValues: _handleDefaultValues, prependTagContainer: prependTagContainer, assignFilterTriggers: assignFilterTriggers, fetchFilteredResult: fetchFilteredResult, buildTagListDisplay: buildTagListDisplay, buildTagDisplay: buildTagDisplay, addTag: addTag, removeTag: removeTag, lockFormSubmit: lockFormSubmit, unlockFormSubmit: unlockFormSubmit, setWindowResizeEvent: setWindowResizeEvent, ModalHelper: {Controller: {}, container: boolean, displayUnder: number, currentElements: boolean, modalIDPrefix: string, modalID: string, Init: Init, DisplayMessage: DisplayMessage, Display: Display, setContainer: setContainer, arrangeContainer: arrangeContainer, Close: Close}, KeyNavigationHelper: {Controller: {}, Init: Init, keyUp: keyUp, keyDown: keyDown, scrollToElement: scrollToElement, getCurrentPointedElementAndHandleUniversal: getCurrentPointedElementAndHandleUniversal, getCurrentPointedElement: getCurrentPointedElement}}} 5 | */ 6 | var jQueryMTSelect={elementInformationMAP:{tagContainer:{element:"span","class":"mt-tag-container"},tagElement:{element:"span","class":"mt-tag-element"},tagElementRemove:{element:"a","class":"none",content:"X"}},skeletonStructure:{"default":{entryInformationListHTMLSkeleton:'

'+"{entries_information_list}"+"

",entryInformationSingleContainerIdentifier:".mt_entry_container",entryInformationHTMLSkeleton:'

'+'

'+"

"+'

'+'

{name|boldSearch}

'+'

{description|boldSearch}

'+"

"+"

",responseMessageSkeleton:'

{message}

'}},entryInformationListHTMLSkeleton:"",entryInformationSingleContainerIdentifier:".",entryInformationHTMLSkeleton:"",responseMessageSkeleton:"",triggerInformationMAP:{searchTriggerIdentifier:":input[data-mt-filter-control]",searchTriggerEvent:"keyup focus",searchTriggerMinimumLength:3,searchTriggerCSSSettings:{width:"auto"}},namespace:"mt_search",containerObject:{},tagContainerObject:{},requestURL:"",requestMethod:"POST",requestSearchedTerm:"mt_filter",requestSelectedTerms:"mt_selected",requestExtraParams:{},closeModalOnSelect:1,clearInputOnSelect:1,maxTags:false,defaultValues:[],tagInputType:"hidden",tagInputName:"tag",closeOnUnFocus:1,skeleton:"default",_currentAJAXRequestObject:false,Init:function(e,t){this._handleSettings(t);this.containerObject=e;this.ModalHelper=this.ModalHelper.Init(this);this.KeyNavigationHelper=this.KeyNavigationHelper.Init(this);this.prependTagContainer();this.assignFilterTriggers();this._handleDefaultValues();this.setWindowResizeEvent()},_handleSettings:function(e){var t=this;this.requestURL=typeof e.request_url!="undefined"?e.request_url:"";this.requestMethod=typeof e.request_method!="undefined"?e.request_method:this.requestMethod;this.requestSearchedTerm=typeof e.request_tag_name!="undefined"?e.request_tag_name:this.requestSearchedTerm;this.requestSelectedTerms=typeof e.request_selected_tags_name!="undefined"?e.request_selected_tags_name:this.requestSelectedTerms;this.closeModalOnSelect=typeof e.close_on_select!="undefined"?parseInt(e.close_on_select):this.closeModalOnSelect;this.closeOnUnFocus=typeof e.close_on_unfocus!="undefined"?parseInt(e.close_on_unfocus):this.closeOnUnFocus;this.clearInputOnSelect=typeof e.clear_on_select!="undefined"?parseInt(e.clear_on_select):this.clearInputOnSelect;this.tagInputName=typeof e.tag_input_name!="undefined"?e.tag_input_name:this.tagInputName;this.tagInputType=typeof e.tag_input_type!="undefined"?e.tag_input_type:this.tagInputType;this.maxTags=typeof e.max_tags!="undefined"?e.max_tags:this.maxTags;this.skeleton=typeof e.skeleton!="undefined"?e.skeleton:this.skeleton;this.namespace=typeof e.namespace!="undefined"?e.namespace:this.namespace;if(typeof e.default_values!="undefined")this.defaultValues=typeof e.default_values=="string"?jQuery.parseJSON(e.default_values):e.default_values;jQuery.each(e,function(e,n){if(e.indexOf("custom_param_")==0){var r=e.replace("custom_param_","");t.requestExtraParams[r]=n}});jQuery.each(this.skeletonStructure[this.skeleton],function(e,n){t[e]=n})},_handleDefaultValues:function(){if(this.defaultValues!=false){var e=this;jQuery.each(this.defaultValues,function(t,n){e.addTag(t,n)})}},prependTagContainer:function(){this.containerObject.prepend("<"+this.elementInformationMAP.tagContainer.element+" "+'class="'+this.elementInformationMAP.tagContainer.class+'">'+"");this.tagContainerObject=this.containerObject.find("> "+this.elementInformationMAP.tagContainer.element+"."+this.elementInformationMAP.tagContainer.class.replace(" ","."))},assignFilterTriggers:function(){var e=this,t=this.containerObject.find(this.triggerInformationMAP.searchTriggerIdentifier);jQuery.each(this.triggerInformationMAP.searchTriggerCSSSettings,function(e,n){t.css(e,n)});t.attr("autocomplete","off");t.val("");t.bind(this.triggerInformationMAP.searchTriggerEvent+"."+this.namespace,function(n){if(jQuery(this).val().length>=e.triggerInformationMAP.searchTriggerMinimumLength){if(n.which==38){e.KeyNavigationHelper.keyUp()}else if(n.which==40){e.KeyNavigationHelper.keyDown()}else if(n.which==13){if(e.KeyNavigationHelper.getCurrentPointedElement()!=false)e.KeyNavigationHelper.getCurrentPointedElement().click();return false}else if(n.which==27){t.val("");e.ModalHelper.Close()}else{e.fetchFilteredResult(jQuery(this).val())}}else{e.ModalHelper.Close()}});if(this.closeOnUnFocus)t.focusout(function(){setTimeout(function(){e.ModalHelper.Close()},500)})},fetchFilteredResult:function(e){var t=this;if(this._currentAJAXRequestObject!=false)this._currentAJAXRequestObject.abort();var n=[];this.tagContainerObject.find('input[type="'+this.tagInputType+'"][data-tag-id]').each(function(){n[n.length]=jQuery(this).val()});var r=this.requestExtraParams;r[this.requestSearchedTerm]=e;r[this.requestSelectedTerms]=n;this._currentAJAXRequestObject=jQuery.ajax({type:this.requestMethod,url:this.requestURL,context:document.body,dataType:"json",data:r}).done(function(n){t.ModalHelper.Close();if(n.status=="empty"){if(typeof n.message!=="undefined")t.ModalHelper.DisplayMessage(t.responseMessageSkeleton.replace("{message}",n.message),t.containerObject.find(t.triggerInformationMAP.searchTriggerIdentifier).filter(":first"));return}var r=t.buildTagListDisplay(n.results,e),i=t.containerObject.find(t.triggerInformationMAP.searchTriggerIdentifier).filter(":first");t.ModalHelper.Display(r,i);t._currentAJAXRequestObject=false})},buildTagListDisplay:function(e,t){var n="",r=this;jQuery.each(e,function(e,i){n+=r.buildTagDisplay(i,t)});return this.entryInformationListHTMLSkeleton.replace("{entries_information_list}",n)},buildTagDisplay:function(e,t){var n=this.entryInformationHTMLSkeleton;jQuery.each(e,function(e,r){n=n.replace("{"+e+"|boldSearch}",r.replace(t,""+t+""));n=n.replace(new RegExp("{"+e+"}","g"),r)});return n},addTag:function(e,t){if(this.tagContainerObject.find('[data-tag-id="'+e+'"]').length>0)return;var n=this;this.tagContainerObject.append('0?parseInt(this.tagContainerObject.find("[data-tag-id]:last").attr("data-tag-id"),10)+1:1)+']" '+'value="'+e+'"'+'data-tag-id="'+e+'"'+"/>");this.tagContainerObject.append("<"+this.elementInformationMAP.tagElement.element+" "+'class="'+this.elementInformationMAP.tagElement.class+'" '+'data-tag-id="'+e+'" '+">"+t+("<"+this.elementInformationMAP.tagElementRemove.element+" "+'class="'+this.elementInformationMAP.tagElement.class+'" '+'data-tag-remove-id="'+e+'" '+">"+this.elementInformationMAP.tagElementRemove.content+"")+"");this.tagContainerObject.find('[data-tag-remove-id="'+e+'"]').bind("click."+this.namespace,function(){n.removeTag(jQuery(this).attr("data-tag-remove-id"))});if(this.tagContainerObject.find('input[type="'+this.tagInputType+'"][data-tag-id]').length>=this.maxTags)this.containerObject.find(this.triggerInformationMAP.searchTriggerIdentifier).fadeOut("slow")},removeTag:function(e){var t=this;this.tagContainerObject.find('[data-tag-id="'+e+'"]').fadeOut("fast",function(){jQuery(this).unbind(t.namespace);jQuery(this).remove()});this.containerObject.find(this.triggerInformationMAP.searchTriggerIdentifier+":hidden").fadeIn("slow",function(){jQuery(this).focus()})},lockFormSubmit:function(){if(this.containerObject.is("form"))this.containerObject.attr("onkeypress","return event.keyCode != 13");else this.containerObject.parents("form:first").attr("onkeypress","return event.keyCode != 13")},unlockFormSubmit:function(){if(this.containerObject.is("form"))this.containerObject.attr("onkeypress","");else this.containerObject.parents("form:first").attr("onkeypress","")},setWindowResizeEvent:function(){var e=this;jQuery(window).bind("resize orientationchange",function(){e.ModalHelper.arrangeContainer()})},ModalHelper:{Controller:{},container:false,displayUnder:0,currentElements:false,modalIDPrefix:"jquery-mt-select-",modalID:"",Init:function(e){this.Controller=e;this.modalID=this.modalIDPrefix+this.Controller.namespace;return jQuery.extend(1,{},this)},DisplayMessage:function(e,t){var n=this;this.displayUnder=t;this.setContainer(e);this.arrangeContainer();this.Controller.lockFormSubmit()},Display:function(e,t){var n=this;this.displayUnder=t;this.setContainer(e);this.arrangeContainer();this.Controller.lockFormSubmit();this.container.find(".addTag").unbind("click").bind("click."+this.Controller.namespace,function(){n.Controller.addTag(jQuery(this).attr("data-tag-id"),jQuery(this).attr("data-tag-name"));if(n.Controller.clearInputOnSelect==1){var e=n.Controller.containerObject.find(n.Controller.triggerInformationMAP.searchTriggerIdentifier);e.val("");e.first().focus()}if(n.Controller.closeModalOnSelect==1){n.Close()}else{jQuery(this).remove();n.arrangeContainer()}})},setContainer:function(e){jQuery("body").append('");this.container=jQuery("#"+this.modalID);this.currentElements=this.container.find(this.Controller.entryInformationSingleContainerIdentifier)},arrangeContainer:function(){if(this.container==false)return;this.container.css("position","absolute");this.container.css("top",this.displayUnder.offset().top+this.displayUnder.height()+parseInt(this.displayUnder.css("padding-top"),10)+parseInt(this.displayUnder.css("padding-bottom"),10));this.container.css("left",this.displayUnder.offset().left)},Close:function(){if(this.container!=false){this.currentElements=false;this.Controller.unlockFormSubmit();this.container.find(".addTag").unbind("click."+this.Controller.namespace);this.container.remove()}this.container=false}},KeyNavigationHelper:{Controller:{},Init:function(e){this.Controller=e;return jQuery.extend(1,{},this)},keyUp:function(){if(this.Controller.ModalHelper.currentElements==false)return;var e=this.getCurrentPointedElementAndHandleUniversal();e=typeof e=="undefined"||e==false||e.prev().length==0?this.Controller.ModalHelper.currentElements.filter(":last"):e.prev();e.removeClass("inactive").addClass("active");this.scrollToElement(e)},keyDown:function(){if(this.Controller.ModalHelper.currentElements==false)return;var e=this.getCurrentPointedElementAndHandleUniversal();e=typeof e=="undefined"||e==false||e.next().length==0?this.Controller.ModalHelper.currentElements.filter(":first"):e.next();e.removeClass("inactive").addClass("active");this.scrollToElement(e)},scrollToElement:function(e){this.Controller.ModalHelper.container.find("> *:first").animate({scrollTop:e.position().top},200)},getCurrentPointedElementAndHandleUniversal:function(){var e=this.getCurrentPointedElement(),t=this;this.Controller.ModalHelper.currentElements.removeClass("active").addClass("inactive");this.Controller.ModalHelper.currentElements.unbind("hover").bind("hover",function(){t.Controller.ModalHelper.currentElements.removeClass("active inactive")});return e},getCurrentPointedElement:function(){var e=this.Controller.ModalHelper.currentElements;return e.filter(".active").length>0?e.filter(".active:first"):false}}};jQuery(document).ready(function(){var e={},t=0;jQuery(".component-mt-select").each(function(){if(jQuery(this).hasClass("dispatched"))return;jQuery(this).addClass("dispatched");e[t]=jQuery.extend(1,{},jQueryMTSelect);var n={},r={};jQuery.each(jQuery(this)[0].attributes,function(e,t){n[t.name]=t.value});jQuery.each(n,function(e,t){if(e.indexOf("data-mt-")==0){var n=e.replace("data-mt-","");n=n.replace(/-/g,"_");r[n]=t}});r.namespace="mt_select_"+t;e[t].Init(jQuery(this),r);t++})}) -------------------------------------------------------------------------------- /multi-instance-example.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | jQuery MT Select - Presentation 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 24 | 25 | 35 | 36 | 37 | 38 | 60 | 61 |

62 |

63 |

jQuery MT Select

64 | 65 | 109 | 110 |

111 | 112 |

113 | 114 | 115 |

116 |

117 | 118 | 121 | 122 |

123 | 124 | 126 | 127 | 128 | 129 | 130 | -------------------------------------------------------------------------------- /search-response.json: -------------------------------------------------------------------------------- 1 | [{"id":1,"name":"Random Dude","description":"0744561062","picture_path":"avatar.png"},{"id":2,"name":"Random Dude 2","description":"0744561062","picture_path":"avatar.png"},{"id":3,"name":"Random Dude 3","description":"0744561062","picture_path":"avatar.png"}] -------------------------------------------------------------------------------- /search-response.php: -------------------------------------------------------------------------------- 1 | '1', 'name' => 'German Hayashi', 'description' => '6369929147', 'picture_path' => 'dist/avatar.png'),array('id' => '2', 'name' => 'Jackqueline Andre', 'description' => '8461493908', 'picture_path' => 'dist/avatar.png'),array('id' => '3', 'name' => 'Maryanna Benito', 'description' => '2146097694', 'picture_path' => 'dist/avatar.png'),array('id' => '4', 'name' => 'Rosaria Coombes', 'description' => '3066999355', 'picture_path' => 'dist/avatar.png'),array('id' => '5', 'name' => 'Aron Crowley', 'description' => '7777508183', 'picture_path' => 'dist/avatar.png'),array('id' => '6', 'name' => 'Nelia Denman', 'description' => '4903067884', 'picture_path' => 'dist/avatar.png'),array('id' => '7', 'name' => 'Myrtie Shire', 'description' => '709272698', 'picture_path' => 'dist/avatar.png'),array('id' => '8', 'name' => 'Margarito Zanders', 'description' => '7181328372', 'picture_path' => 'dist/avatar.png'),array('id' => '9', 'name' => 'Paige Barsky', 'description' => '2169032018', 'picture_path' => 'dist/avatar.png'),array('id' => '10', 'name' => 'Shirley Vogt', 'description' => '7081501793', 'picture_path' => 'dist/avatar.png'),array('id' => '11', 'name' => 'Olinda Dunaway', 'description' => '5019538350', 'picture_path' => 'dist/avatar.png'),array('id' => '12', 'name' => 'Harry Mccraney', 'description' => '6575781850', 'picture_path' => 'dist/avatar.png'),array('id' => '13', 'name' => 'Tomasa Humble', 'description' => '8260182654', 'picture_path' => 'dist/avatar.png'),array('id' => '14', 'name' => 'Helen Morissette', 'description' => '8595546308', 'picture_path' => 'dist/avatar.png'),array('id' => '15', 'name' => 'Su Kimmell', 'description' => '1693457374', 'picture_path' => 'dist/avatar.png'),array('id' => '16', 'name' => 'Lavina Cozad', 'description' => '7700796701', 'picture_path' => 'dist/avatar.png'),array('id' => '17', 'name' => 'Lenard Tenorio', 'description' => '9013231489', 'picture_path' => 'dist/avatar.png'),array('id' => '18', 'name' => 'Melvin Petrey', 'description' => '9155793211', 'picture_path' => 'dist/avatar.png'),array('id' => '19', 'name' => 'Pearlie Biros', 'description' => '3278027407', 'picture_path' => 'dist/avatar.png'),array('id' => '20', 'name' => 'Jennifer Cygan', 'description' => '1844068495', 'picture_path' => 'dist/avatar.png'),array('id' => '21', 'name' => 'Li Reetz', 'description' => '4679021927', 'picture_path' => 'dist/avatar.png'),array('id' => '22', 'name' => 'Abram Beres', 'description' => '1783315414', 'picture_path' => 'dist/avatar.png'),array('id' => '23', 'name' => 'Allison Francois', 'description' => '9662189258', 'picture_path' => 'dist/avatar.png'),array('id' => '24', 'name' => 'Kacie Westlund', 'description' => '4931318832', 'picture_path' => 'dist/avatar.png'),array('id' => '25', 'name' => 'Vallie Agosta', 'description' => '683532718', 'picture_path' => 'dist/avatar.png'),array('id' => '26', 'name' => 'Maryann Chapa', 'description' => '4310675172', 'picture_path' => 'dist/avatar.png'),array('id' => '27', 'name' => 'Fidel Eckhoff', 'description' => '6222452950', 'picture_path' => 'dist/avatar.png'),array('id' => '28', 'name' => 'Isis Galaviz', 'description' => '8236105389', 'picture_path' => 'dist/avatar.png'),array('id' => '29', 'name' => 'Bruce Slick', 'description' => '9025880692', 'picture_path' => 'dist/avatar.png'),array('id' => '30', 'name' => 'Librada Setton', 'description' => '8493156234', 'picture_path' => 'dist/avatar.png'),array('id' => '31', 'name' => 'Rikki Balbuena', 'description' => '8183532296', 'picture_path' => 'dist/avatar.png'),array('id' => '32', 'name' => 'Carline Truett', 'description' => '5395809845', 'picture_path' => 'dist/avatar.png'),array('id' => '33', 'name' => 'Tobias Heyman', 'description' => '6954650147', 'picture_path' => 'dist/avatar.png'),array('id' => '34', 'name' => 'Dagny Bail', 'description' => '329629991', 'picture_path' => 'dist/avatar.png'),array('id' => '35', 'name' => 'Janita Buster', 'description' => '8362809200', 'picture_path' => 'dist/avatar.png'),array('id' => '36', 'name' => 'Verdie Barlett', 'description' => '4732158331', 'picture_path' => 'dist/avatar.png'),array('id' => '37', 'name' => 'Christina Demo', 'description' => '5132697876', 'picture_path' => 'dist/avatar.png'),array('id' => '38', 'name' => 'Tamra Hagood', 'description' => '8972081898', 'picture_path' => 'dist/avatar.png'),array('id' => '39', 'name' => 'Sherman Bertsch', 'description' => '1913486703', 'picture_path' => 'dist/avatar.png'),array('id' => '40', 'name' => 'Agnes Shaffer', 'description' => '7201729899', 'picture_path' => 'dist/avatar.png'),array('id' => '41', 'name' => 'Reba Greaney', 'description' => '6053583692', 'picture_path' => 'dist/avatar.png'),array('id' => '42', 'name' => 'Antony Mortellaro', 'description' => '6833025054', 'picture_path' => 'dist/avatar.png'),array('id' => '43', 'name' => 'Mari Hisle', 'description' => '3777511750', 'picture_path' => 'dist/avatar.png'),array('id' => '44', 'name' => 'Nelda Ells', 'description' => '4313766347', 'picture_path' => 'dist/avatar.png'),array('id' => '45', 'name' => 'Marlen Lehman', 'description' => '5428571363', 'picture_path' => 'dist/avatar.png'),array('id' => '46', 'name' => 'Britany Jansen', 'description' => '5370969124', 'picture_path' => 'dist/avatar.png'),array('id' => '47', 'name' => 'Teri Nuss', 'description' => '2014563048', 'picture_path' => 'dist/avatar.png'),array('id' => '48', 'name' => 'Shenita Heaston', 'description' => '4441802858', 'picture_path' => 'dist/avatar.png'),array('id' => '49', 'name' => 'Corina Bradish', 'description' => '4526762336', 'picture_path' => 'dist/avatar.png'),array('id' => '50', 'name' => 'Jade Plain', 'description' => '5192590456', 'picture_path' => 'dist/avatar.png'),array('id' => '51', 'name' => 'Bobbie Brungardt', 'description' => '6185871353', 'picture_path' => 'dist/avatar.png'),array('id' => '52', 'name' => 'Sergio Selby', 'description' => '9105784263', 'picture_path' => 'dist/avatar.png'),array('id' => '53', 'name' => 'Sheilah Stamand', 'description' => '6875905874', 'picture_path' => 'dist/avatar.png'),array('id' => '54', 'name' => 'Tonja Tellis', 'description' => '5848060617', 'picture_path' => 'dist/avatar.png'),array('id' => '55', 'name' => 'Lorette Lueders', 'description' => '4037103095', 'picture_path' => 'dist/avatar.png'),array('id' => '56', 'name' => 'Viola Vanish', 'description' => '7459438593', 'picture_path' => 'dist/avatar.png'),array('id' => '57', 'name' => 'Ed Elsner', 'description' => '158735789', 'picture_path' => 'dist/avatar.png'),array('id' => '58', 'name' => 'Cathrine Cohn', 'description' => '259556050', 'picture_path' => 'dist/avatar.png'),array('id' => '59', 'name' => 'Zoila Zachery', 'description' => '5695543983', 'picture_path' => 'dist/avatar.png'),array('id' => '60', 'name' => 'Kyung Kirsch', 'description' => '9084616486', 'picture_path' => 'dist/avatar.png'),array('id' => '61', 'name' => 'Larisa Loss', 'description' => '8652712285', 'picture_path' => 'dist/avatar.png'),array('id' => '62', 'name' => 'Cassy Chalk', 'description' => '3879076280', 'picture_path' => 'dist/avatar.png'),array('id' => '63', 'name' => 'Ester Esquer', 'description' => '4480426332', 'picture_path' => 'dist/avatar.png'),array('id' => '64', 'name' => 'Vallie Virgil', 'description' => '5607362433', 'picture_path' => 'dist/avatar.png'),array('id' => '65', 'name' => 'Devorah Darland', 'description' => '4108706272', 'picture_path' => 'dist/avatar.png'),array('id' => '66', 'name' => 'Jacqueline Jansson', 'description' => '2843235532', 'picture_path' => 'dist/avatar.png'),array('id' => '67', 'name' => 'Nakita Nethery', 'description' => '339520764', 'picture_path' => 'dist/avatar.png'),array('id' => '68', 'name' => 'Inell Isakson', 'description' => '9141404153', 'picture_path' => 'dist/avatar.png'),array('id' => '69', 'name' => 'Mauricio Maxson', 'description' => '1815317436', 'picture_path' => 'dist/avatar.png'),array('id' => '70', 'name' => 'Blanche Bolyard', 'description' => '2153007468', 'picture_path' => 'dist/avatar.png'),array('id' => '71', 'name' => 'Brunilda Batiste', 'description' => '6343134053', 'picture_path' => 'dist/avatar.png'),array('id' => '72', 'name' => 'Johanne Jacobus', 'description' => '7768901129', 'picture_path' => 'dist/avatar.png'),array('id' => '73', 'name' => 'Cornell Clerk', 'description' => '8886032527', 'picture_path' => 'dist/avatar.png'),array('id' => '74', 'name' => 'Corine Cathcart', 'description' => '120645803', 'picture_path' => 'dist/avatar.png'),array('id' => '75', 'name' => 'Bettye Braley', 'description' => '2082667480', 'picture_path' => 'dist/avatar.png'),array('id' => '76', 'name' => 'Albert Acuff', 'description' => '4314603891', 'picture_path' => 'dist/avatar.png'),array('id' => '77', 'name' => 'Kamala Koeppel', 'description' => '5391614928', 'picture_path' => 'dist/avatar.png'),array('id' => '78', 'name' => 'Claretta Collins', 'description' => '3997230529', 'picture_path' => 'dist/avatar.png'),array('id' => '79', 'name' => 'Tran Tripp', 'description' => '8656406749', 'picture_path' => 'dist/avatar.png'),array('id' => '80', 'name' => 'Milford Massey', 'description' => '9818377264', 'picture_path' => 'dist/avatar.png'),array('id' => '81', 'name' => 'Margaret Maheux', 'description' => '9089820989', 'picture_path' => 'dist/avatar.png'),array('id' => '82', 'name' => 'Horacio Hemphill', 'description' => '4842278107', 'picture_path' => 'dist/avatar.png'),array('id' => '83', 'name' => 'Ashli Annis', 'description' => '8924161528', 'picture_path' => 'dist/avatar.png'),array('id' => '84', 'name' => 'Noma Neer', 'description' => '5965726864', 'picture_path' => 'dist/avatar.png'),array('id' => '85', 'name' => 'Edyth Eurich', 'description' => '690338724', 'picture_path' => 'dist/avatar.png'),array('id' => '86', 'name' => 'Craig Cail', 'description' => '2961264623', 'picture_path' => 'dist/avatar.png'),array('id' => '87', 'name' => 'Ricarda Reagan', 'description' => '3425165458', 'picture_path' => 'dist/avatar.png'),array('id' => '88', 'name' => 'Frederick Frew', 'description' => '749074514', 'picture_path' => 'dist/avatar.png'),array('id' => '89', 'name' => 'Noreen Navarrette', 'description' => '3120820674', 'picture_path' => 'dist/avatar.png'),array('id' => '90', 'name' => 'Isobel Im', 'description' => '9020709446', 'picture_path' => 'dist/avatar.png'),array('id' => '91', 'name' => 'Allie Aparicio', 'description' => '9733691000', 'picture_path' => 'dist/avatar.png'),array('id' => '92', 'name' => 'Barbara Balogh', 'description' => '1773532964', 'picture_path' => 'dist/avatar.png'),array('id' => '93', 'name' => 'Lurline Leader', 'description' => '2899785727', 'picture_path' => 'dist/avatar.png'),array('id' => '94', 'name' => 'Vicenta Vallee', 'description' => '4214117333', 'picture_path' => 'dist/avatar.png'),array('id' => '95', 'name' => 'Charmaine Conlin', 'description' => '7280895397', 'picture_path' => 'dist/avatar.png'),array('id' => '96', 'name' => 'Coretta Counce', 'description' => '6908492004', 'picture_path' => 'dist/avatar.png'),array('id' => '97', 'name' => 'Easter Euler', 'description' => '6957352870', 'picture_path' => 'dist/avatar.png'),array('id' => '98', 'name' => 'Melida Mckennon', 'description' => '7520416165', 'picture_path' => 'dist/avatar.png'),array('id' => '99', 'name' => 'Joella Joye', 'description' => '6049896157', 'picture_path' => 'dist/avatar.png'),array('id' => '100', 'name' => 'Joyce July', 'description' => '8672670307', 'picture_path' => 'dist/avatar.png'), 14 | ); 15 | 16 | foreach($response as $key => $r) { 17 | if(in_array($r['id'], $selectedItemsIds) 18 | || (stripos($r['description'], $filterParam) === false && stripos($r['name'], $filterParam) === false) ) 19 | unset($response[$key]); 20 | } 21 | 22 | /** 23 | Data will be used as given in the personInforamtionHTMLSkeleton, adding extra fields can be easy, both in JS display & PHP 24 | personInformationHTMLSkeleton : 25 | '

' + 26 | '

' + 27 | '

' + 28 | '

' + 29 | '

' + 30 | '

{name}

' + 31 | '

{description}

' + 32 | '

' + 33 | '

', 34 | 35 | */ 36 | 37 | if(empty($response)) { 38 | echo json_encode( 39 | array( 40 | 'status' => 'empty', 41 | 'message' => 'No Results available' 42 | )); 43 | exit; 44 | } 45 | 46 | echo json_encode( 47 | array( 48 | 'status' => 'ok', 49 | 'results' => $response 50 | ) 51 | ); 52 | exit; --------------------------------------------------------------------------------