Satinder Grewal
9 years ago
14 changed files with 2357 additions and 8 deletions
Binary file not shown.
|
After Width: | Height: | Size: 106 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -0,0 +1,822 @@ |
|||
[class^="glyphicon-"], |
|||
[class*=" glyphicon-"] { |
|||
position: relative; |
|||
display: inline-block; |
|||
font-family: 'Glyphicons Halflings'; |
|||
font-style: normal; |
|||
font-weight: normal; |
|||
-webkit-transform: translate(0, 0); |
|||
-ms-transform: translate(0, 0); |
|||
-o-transform: translate(0, 0); |
|||
transform: translate(0, 0); |
|||
|
|||
text-rendering: auto; |
|||
speak: none; |
|||
-webkit-font-smoothing: antialiased; |
|||
-moz-osx-font-smoothing: grayscale; |
|||
} |
|||
@font-face { |
|||
font-family: 'Glyphicons Halflings'; |
|||
|
|||
src: url('glyphicons-halflings-regular.eot'); |
|||
src: url('glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('glyphicons-halflings-regular.woff2') format('woff2'), url('glyphicons-halflings-regular.woff') format('woff'), url('glyphicons-halflings-regular.ttf') format('truetype'), url('glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); |
|||
} |
|||
.glyphicon { |
|||
position: relative; |
|||
top: 1px; |
|||
display: inline-block; |
|||
font-family: 'Glyphicons Halflings'; |
|||
font-style: normal; |
|||
font-weight: normal; |
|||
line-height: 1; |
|||
|
|||
-webkit-font-smoothing: antialiased; |
|||
-moz-osx-font-smoothing: grayscale; |
|||
} |
|||
.glyphicon-asterisk:before { |
|||
content: "\002a"; |
|||
} |
|||
.glyphicon-plus:before { |
|||
content: "\002b"; |
|||
} |
|||
.glyphicon-euro:before, |
|||
.glyphicon-eur:before { |
|||
content: "\20ac"; |
|||
} |
|||
.glyphicon-minus:before { |
|||
content: "\2212"; |
|||
} |
|||
.glyphicon-cloud:before { |
|||
content: "\2601"; |
|||
} |
|||
.glyphicon-envelope:before { |
|||
content: "\2709"; |
|||
} |
|||
.glyphicon-pencil:before { |
|||
content: "\270f"; |
|||
} |
|||
.glyphicon-glass:before { |
|||
content: "\e001"; |
|||
} |
|||
.glyphicon-music:before { |
|||
content: "\e002"; |
|||
} |
|||
.glyphicon-search:before { |
|||
content: "\e003"; |
|||
} |
|||
.glyphicon-heart:before { |
|||
content: "\e005"; |
|||
} |
|||
.glyphicon-star:before { |
|||
content: "\e006"; |
|||
} |
|||
.glyphicon-star-empty:before { |
|||
content: "\e007"; |
|||
} |
|||
.glyphicon-user:before { |
|||
content: "\e008"; |
|||
} |
|||
.glyphicon-film:before { |
|||
content: "\e009"; |
|||
} |
|||
.glyphicon-th-large:before { |
|||
content: "\e010"; |
|||
} |
|||
.glyphicon-th:before { |
|||
content: "\e011"; |
|||
} |
|||
.glyphicon-th-list:before { |
|||
content: "\e012"; |
|||
} |
|||
.glyphicon-ok:before { |
|||
content: "\e013"; |
|||
} |
|||
.glyphicon-remove:before { |
|||
content: "\e014"; |
|||
} |
|||
.glyphicon-zoom-in:before { |
|||
content: "\e015"; |
|||
} |
|||
.glyphicon-zoom-out:before { |
|||
content: "\e016"; |
|||
} |
|||
.glyphicon-off:before { |
|||
content: "\e017"; |
|||
} |
|||
.glyphicon-signal:before { |
|||
content: "\e018"; |
|||
} |
|||
.glyphicon-cog:before { |
|||
content: "\e019"; |
|||
} |
|||
.glyphicon-trash:before { |
|||
content: "\e020"; |
|||
} |
|||
.glyphicon-home:before { |
|||
content: "\e021"; |
|||
} |
|||
.glyphicon-file:before { |
|||
content: "\e022"; |
|||
} |
|||
.glyphicon-time:before { |
|||
content: "\e023"; |
|||
} |
|||
.glyphicon-road:before { |
|||
content: "\e024"; |
|||
} |
|||
.glyphicon-download-alt:before { |
|||
content: "\e025"; |
|||
} |
|||
.glyphicon-download:before { |
|||
content: "\e026"; |
|||
} |
|||
.glyphicon-upload:before { |
|||
content: "\e027"; |
|||
} |
|||
.glyphicon-inbox:before { |
|||
content: "\e028"; |
|||
} |
|||
.glyphicon-play-circle:before { |
|||
content: "\e029"; |
|||
} |
|||
.glyphicon-repeat:before { |
|||
content: "\e030"; |
|||
} |
|||
.glyphicon-refresh:before { |
|||
content: "\e031"; |
|||
} |
|||
.glyphicon-list-alt:before { |
|||
content: "\e032"; |
|||
} |
|||
.glyphicon-lock:before { |
|||
content: "\e033"; |
|||
} |
|||
.glyphicon-flag:before { |
|||
content: "\e034"; |
|||
} |
|||
.glyphicon-headphones:before { |
|||
content: "\e035"; |
|||
} |
|||
.glyphicon-volume-off:before { |
|||
content: "\e036"; |
|||
} |
|||
.glyphicon-volume-down:before { |
|||
content: "\e037"; |
|||
} |
|||
.glyphicon-volume-up:before { |
|||
content: "\e038"; |
|||
} |
|||
.glyphicon-qrcode:before { |
|||
content: "\e039"; |
|||
} |
|||
.glyphicon-barcode:before { |
|||
content: "\e040"; |
|||
} |
|||
.glyphicon-tag:before { |
|||
content: "\e041"; |
|||
} |
|||
.glyphicon-tags:before { |
|||
content: "\e042"; |
|||
} |
|||
.glyphicon-book:before { |
|||
content: "\e043"; |
|||
} |
|||
.glyphicon-bookmark:before { |
|||
content: "\e044"; |
|||
} |
|||
.glyphicon-print:before { |
|||
content: "\e045"; |
|||
} |
|||
.glyphicon-camera:before { |
|||
content: "\e046"; |
|||
} |
|||
.glyphicon-font:before { |
|||
content: "\e047"; |
|||
} |
|||
.glyphicon-bold:before { |
|||
content: "\e048"; |
|||
} |
|||
.glyphicon-italic:before { |
|||
content: "\e049"; |
|||
} |
|||
.glyphicon-text-height:before { |
|||
content: "\e050"; |
|||
} |
|||
.glyphicon-text-width:before { |
|||
content: "\e051"; |
|||
} |
|||
.glyphicon-align-left:before { |
|||
content: "\e052"; |
|||
} |
|||
.glyphicon-align-center:before { |
|||
content: "\e053"; |
|||
} |
|||
.glyphicon-align-right:before { |
|||
content: "\e054"; |
|||
} |
|||
.glyphicon-align-justify:before { |
|||
content: "\e055"; |
|||
} |
|||
.glyphicon-list:before { |
|||
content: "\e056"; |
|||
} |
|||
.glyphicon-indent-left:before { |
|||
content: "\e057"; |
|||
} |
|||
.glyphicon-indent-right:before { |
|||
content: "\e058"; |
|||
} |
|||
.glyphicon-facetime-video:before { |
|||
content: "\e059"; |
|||
} |
|||
.glyphicon-picture:before { |
|||
content: "\e060"; |
|||
} |
|||
.glyphicon-map-marker:before { |
|||
content: "\e062"; |
|||
} |
|||
.glyphicon-adjust:before { |
|||
content: "\e063"; |
|||
} |
|||
.glyphicon-tint:before { |
|||
content: "\e064"; |
|||
} |
|||
.glyphicon-edit:before { |
|||
content: "\e065"; |
|||
} |
|||
.glyphicon-share:before { |
|||
content: "\e066"; |
|||
} |
|||
.glyphicon-check:before { |
|||
content: "\e067"; |
|||
} |
|||
.glyphicon-move:before { |
|||
content: "\e068"; |
|||
} |
|||
.glyphicon-step-backward:before { |
|||
content: "\e069"; |
|||
} |
|||
.glyphicon-fast-backward:before { |
|||
content: "\e070"; |
|||
} |
|||
.glyphicon-backward:before { |
|||
content: "\e071"; |
|||
} |
|||
.glyphicon-play:before { |
|||
content: "\e072"; |
|||
} |
|||
.glyphicon-pause:before { |
|||
content: "\e073"; |
|||
} |
|||
.glyphicon-stop:before { |
|||
content: "\e074"; |
|||
} |
|||
.glyphicon-forward:before { |
|||
content: "\e075"; |
|||
} |
|||
.glyphicon-fast-forward:before { |
|||
content: "\e076"; |
|||
} |
|||
.glyphicon-step-forward:before { |
|||
content: "\e077"; |
|||
} |
|||
.glyphicon-eject:before { |
|||
content: "\e078"; |
|||
} |
|||
.glyphicon-chevron-left:before { |
|||
content: "\e079"; |
|||
} |
|||
.glyphicon-chevron-right:before { |
|||
content: "\e080"; |
|||
} |
|||
.glyphicon-plus-sign:before { |
|||
content: "\e081"; |
|||
} |
|||
.glyphicon-minus-sign:before { |
|||
content: "\e082"; |
|||
} |
|||
.glyphicon-remove-sign:before { |
|||
content: "\e083"; |
|||
} |
|||
.glyphicon-ok-sign:before { |
|||
content: "\e084"; |
|||
} |
|||
.glyphicon-question-sign:before { |
|||
content: "\e085"; |
|||
} |
|||
.glyphicon-info-sign:before { |
|||
content: "\e086"; |
|||
} |
|||
.glyphicon-screenshot:before { |
|||
content: "\e087"; |
|||
} |
|||
.glyphicon-remove-circle:before { |
|||
content: "\e088"; |
|||
} |
|||
.glyphicon-ok-circle:before { |
|||
content: "\e089"; |
|||
} |
|||
.glyphicon-ban-circle:before { |
|||
content: "\e090"; |
|||
} |
|||
.glyphicon-arrow-left:before { |
|||
content: "\e091"; |
|||
} |
|||
.glyphicon-arrow-right:before { |
|||
content: "\e092"; |
|||
} |
|||
.glyphicon-arrow-up:before { |
|||
content: "\e093"; |
|||
} |
|||
.glyphicon-arrow-down:before { |
|||
content: "\e094"; |
|||
} |
|||
.glyphicon-share-alt:before { |
|||
content: "\e095"; |
|||
} |
|||
.glyphicon-resize-full:before { |
|||
content: "\e096"; |
|||
} |
|||
.glyphicon-resize-small:before { |
|||
content: "\e097"; |
|||
} |
|||
.glyphicon-exclamation-sign:before { |
|||
content: "\e101"; |
|||
} |
|||
.glyphicon-gift:before { |
|||
content: "\e102"; |
|||
} |
|||
.glyphicon-leaf:before { |
|||
content: "\e103"; |
|||
} |
|||
.glyphicon-fire:before { |
|||
content: "\e104"; |
|||
} |
|||
.glyphicon-eye-open:before { |
|||
content: "\e105"; |
|||
} |
|||
.glyphicon-eye-close:before { |
|||
content: "\e106"; |
|||
} |
|||
.glyphicon-warning-sign:before { |
|||
content: "\e107"; |
|||
} |
|||
.glyphicon-plane:before { |
|||
content: "\e108"; |
|||
} |
|||
.glyphicon-calendar:before { |
|||
content: "\e109"; |
|||
} |
|||
.glyphicon-random:before { |
|||
content: "\e110"; |
|||
} |
|||
.glyphicon-comment:before { |
|||
content: "\e111"; |
|||
} |
|||
.glyphicon-magnet:before { |
|||
content: "\e112"; |
|||
} |
|||
.glyphicon-chevron-up:before { |
|||
content: "\e113"; |
|||
} |
|||
.glyphicon-chevron-down:before { |
|||
content: "\e114"; |
|||
} |
|||
.glyphicon-retweet:before { |
|||
content: "\e115"; |
|||
} |
|||
.glyphicon-shopping-cart:before { |
|||
content: "\e116"; |
|||
} |
|||
.glyphicon-folder-close:before { |
|||
content: "\e117"; |
|||
} |
|||
.glyphicon-folder-open:before { |
|||
content: "\e118"; |
|||
} |
|||
.glyphicon-resize-vertical:before { |
|||
content: "\e119"; |
|||
} |
|||
.glyphicon-resize-horizontal:before { |
|||
content: "\e120"; |
|||
} |
|||
.glyphicon-hdd:before { |
|||
content: "\e121"; |
|||
} |
|||
.glyphicon-bullhorn:before { |
|||
content: "\e122"; |
|||
} |
|||
.glyphicon-bell:before { |
|||
content: "\e123"; |
|||
} |
|||
.glyphicon-certificate:before { |
|||
content: "\e124"; |
|||
} |
|||
.glyphicon-thumbs-up:before { |
|||
content: "\e125"; |
|||
} |
|||
.glyphicon-thumbs-down:before { |
|||
content: "\e126"; |
|||
} |
|||
.glyphicon-hand-right:before { |
|||
content: "\e127"; |
|||
} |
|||
.glyphicon-hand-left:before { |
|||
content: "\e128"; |
|||
} |
|||
.glyphicon-hand-up:before { |
|||
content: "\e129"; |
|||
} |
|||
.glyphicon-hand-down:before { |
|||
content: "\e130"; |
|||
} |
|||
.glyphicon-circle-arrow-right:before { |
|||
content: "\e131"; |
|||
} |
|||
.glyphicon-circle-arrow-left:before { |
|||
content: "\e132"; |
|||
} |
|||
.glyphicon-circle-arrow-up:before { |
|||
content: "\e133"; |
|||
} |
|||
.glyphicon-circle-arrow-down:before { |
|||
content: "\e134"; |
|||
} |
|||
.glyphicon-globe:before { |
|||
content: "\e135"; |
|||
} |
|||
.glyphicon-wrench:before { |
|||
content: "\e136"; |
|||
} |
|||
.glyphicon-tasks:before { |
|||
content: "\e137"; |
|||
} |
|||
.glyphicon-filter:before { |
|||
content: "\e138"; |
|||
} |
|||
.glyphicon-briefcase:before { |
|||
content: "\e139"; |
|||
} |
|||
.glyphicon-fullscreen:before { |
|||
content: "\e140"; |
|||
} |
|||
.glyphicon-dashboard:before { |
|||
content: "\e141"; |
|||
} |
|||
.glyphicon-paperclip:before { |
|||
content: "\e142"; |
|||
} |
|||
.glyphicon-heart-empty:before { |
|||
content: "\e143"; |
|||
} |
|||
.glyphicon-link:before { |
|||
content: "\e144"; |
|||
} |
|||
.glyphicon-phone:before { |
|||
content: "\e145"; |
|||
} |
|||
.glyphicon-pushpin:before { |
|||
content: "\e146"; |
|||
} |
|||
.glyphicon-usd:before { |
|||
content: "\e148"; |
|||
} |
|||
.glyphicon-gbp:before { |
|||
content: "\e149"; |
|||
} |
|||
.glyphicon-sort:before { |
|||
content: "\e150"; |
|||
} |
|||
.glyphicon-sort-by-alphabet:before { |
|||
content: "\e151"; |
|||
} |
|||
.glyphicon-sort-by-alphabet-alt:before { |
|||
content: "\e152"; |
|||
} |
|||
.glyphicon-sort-by-order:before { |
|||
content: "\e153"; |
|||
} |
|||
.glyphicon-sort-by-order-alt:before { |
|||
content: "\e154"; |
|||
} |
|||
.glyphicon-sort-by-attributes:before { |
|||
content: "\e155"; |
|||
} |
|||
.glyphicon-sort-by-attributes-alt:before { |
|||
content: "\e156"; |
|||
} |
|||
.glyphicon-unchecked:before { |
|||
content: "\e157"; |
|||
} |
|||
.glyphicon-expand:before { |
|||
content: "\e158"; |
|||
} |
|||
.glyphicon-collapse-down:before { |
|||
content: "\e159"; |
|||
} |
|||
.glyphicon-collapse-up:before { |
|||
content: "\e160"; |
|||
} |
|||
.glyphicon-log-in:before { |
|||
content: "\e161"; |
|||
} |
|||
.glyphicon-flash:before { |
|||
content: "\e162"; |
|||
} |
|||
.glyphicon-log-out:before { |
|||
content: "\e163"; |
|||
} |
|||
.glyphicon-new-window:before { |
|||
content: "\e164"; |
|||
} |
|||
.glyphicon-record:before { |
|||
content: "\e165"; |
|||
} |
|||
.glyphicon-save:before { |
|||
content: "\e166"; |
|||
} |
|||
.glyphicon-open:before { |
|||
content: "\e167"; |
|||
} |
|||
.glyphicon-saved:before { |
|||
content: "\e168"; |
|||
} |
|||
.glyphicon-import:before { |
|||
content: "\e169"; |
|||
} |
|||
.glyphicon-export:before { |
|||
content: "\e170"; |
|||
} |
|||
.glyphicon-send:before { |
|||
content: "\e171"; |
|||
} |
|||
.glyphicon-floppy-disk:before { |
|||
content: "\e172"; |
|||
} |
|||
.glyphicon-floppy-saved:before { |
|||
content: "\e173"; |
|||
} |
|||
.glyphicon-floppy-remove:before { |
|||
content: "\e174"; |
|||
} |
|||
.glyphicon-floppy-save:before { |
|||
content: "\e175"; |
|||
} |
|||
.glyphicon-floppy-open:before { |
|||
content: "\e176"; |
|||
} |
|||
.glyphicon-credit-card:before { |
|||
content: "\e177"; |
|||
} |
|||
.glyphicon-transfer:before { |
|||
content: "\e178"; |
|||
} |
|||
.glyphicon-cutlery:before { |
|||
content: "\e179"; |
|||
} |
|||
.glyphicon-header:before { |
|||
content: "\e180"; |
|||
} |
|||
.glyphicon-compressed:before { |
|||
content: "\e181"; |
|||
} |
|||
.glyphicon-earphone:before { |
|||
content: "\e182"; |
|||
} |
|||
.glyphicon-phone-alt:before { |
|||
content: "\e183"; |
|||
} |
|||
.glyphicon-tower:before { |
|||
content: "\e184"; |
|||
} |
|||
.glyphicon-stats:before { |
|||
content: "\e185"; |
|||
} |
|||
.glyphicon-sd-video:before { |
|||
content: "\e186"; |
|||
} |
|||
.glyphicon-hd-video:before { |
|||
content: "\e187"; |
|||
} |
|||
.glyphicon-subtitles:before { |
|||
content: "\e188"; |
|||
} |
|||
.glyphicon-sound-stereo:before { |
|||
content: "\e189"; |
|||
} |
|||
.glyphicon-sound-dolby:before { |
|||
content: "\e190"; |
|||
} |
|||
.glyphicon-sound-5-1:before { |
|||
content: "\e191"; |
|||
} |
|||
.glyphicon-sound-6-1:before { |
|||
content: "\e192"; |
|||
} |
|||
.glyphicon-sound-7-1:before { |
|||
content: "\e193"; |
|||
} |
|||
.glyphicon-copyright-mark:before { |
|||
content: "\e194"; |
|||
} |
|||
.glyphicon-registration-mark:before { |
|||
content: "\e195"; |
|||
} |
|||
.glyphicon-cloud-download:before { |
|||
content: "\e197"; |
|||
} |
|||
.glyphicon-cloud-upload:before { |
|||
content: "\e198"; |
|||
} |
|||
.glyphicon-tree-conifer:before { |
|||
content: "\e199"; |
|||
} |
|||
.glyphicon-tree-deciduous:before { |
|||
content: "\e200"; |
|||
} |
|||
.glyphicon-cd:before { |
|||
content: "\e201"; |
|||
} |
|||
.glyphicon-save-file:before { |
|||
content: "\e202"; |
|||
} |
|||
.glyphicon-open-file:before { |
|||
content: "\e203"; |
|||
} |
|||
.glyphicon-level-up:before { |
|||
content: "\e204"; |
|||
} |
|||
.glyphicon-copy:before { |
|||
content: "\e205"; |
|||
} |
|||
.glyphicon-paste:before { |
|||
content: "\e206"; |
|||
} |
|||
.glyphicon-alert:before { |
|||
content: "\e209"; |
|||
} |
|||
.glyphicon-equalizer:before { |
|||
content: "\e210"; |
|||
} |
|||
.glyphicon-king:before { |
|||
content: "\e211"; |
|||
} |
|||
.glyphicon-queen:before { |
|||
content: "\e212"; |
|||
} |
|||
.glyphicon-pawn:before { |
|||
content: "\e213"; |
|||
} |
|||
.glyphicon-bishop:before { |
|||
content: "\e214"; |
|||
} |
|||
.glyphicon-knight:before { |
|||
content: "\e215"; |
|||
} |
|||
.glyphicon-baby-formula:before { |
|||
content: "\e216"; |
|||
} |
|||
.glyphicon-tent:before { |
|||
content: "\26fa"; |
|||
} |
|||
.glyphicon-blackboard:before { |
|||
content: "\e218"; |
|||
} |
|||
.glyphicon-bed:before { |
|||
content: "\e219"; |
|||
} |
|||
.glyphicon-apple:before { |
|||
content: "\f8ff"; |
|||
} |
|||
.glyphicon-erase:before { |
|||
content: "\e221"; |
|||
} |
|||
.glyphicon-hourglass:before { |
|||
content: "\231b"; |
|||
} |
|||
.glyphicon-lamp:before { |
|||
content: "\e223"; |
|||
} |
|||
.glyphicon-duplicate:before { |
|||
content: "\e224"; |
|||
} |
|||
.glyphicon-piggy-bank:before { |
|||
content: "\e225"; |
|||
} |
|||
.glyphicon-scissors:before { |
|||
content: "\e226"; |
|||
} |
|||
.glyphicon-bitcoin:before { |
|||
content: "\e227"; |
|||
} |
|||
.glyphicon-btc:before { |
|||
content: "\e227"; |
|||
} |
|||
.glyphicon-xbt:before { |
|||
content: "\e227"; |
|||
} |
|||
.glyphicon-yen:before { |
|||
content: "\00a5"; |
|||
} |
|||
.glyphicon-jpy:before { |
|||
content: "\00a5"; |
|||
} |
|||
.glyphicon-ruble:before { |
|||
content: "\20bd"; |
|||
} |
|||
.glyphicon-rub:before { |
|||
content: "\20bd"; |
|||
} |
|||
.glyphicon-scale:before { |
|||
content: "\e230"; |
|||
} |
|||
.glyphicon-ice-lolly:before { |
|||
content: "\e231"; |
|||
} |
|||
.glyphicon-ice-lolly-tasted:before { |
|||
content: "\e232"; |
|||
} |
|||
.glyphicon-education:before { |
|||
content: "\e233"; |
|||
} |
|||
.glyphicon-option-horizontal:before { |
|||
content: "\e234"; |
|||
} |
|||
.glyphicon-option-vertical:before { |
|||
content: "\e235"; |
|||
} |
|||
.glyphicon-menu-hamburger:before { |
|||
content: "\e236"; |
|||
} |
|||
.glyphicon-modal-window:before { |
|||
content: "\e237"; |
|||
} |
|||
.glyphicon-oil:before { |
|||
content: "\e238"; |
|||
} |
|||
.glyphicon-grain:before { |
|||
content: "\e239"; |
|||
} |
|||
.glyphicon-sunglasses:before { |
|||
content: "\e240"; |
|||
} |
|||
.glyphicon-text-size:before { |
|||
content: "\e241"; |
|||
} |
|||
.glyphicon-text-color:before { |
|||
content: "\e242"; |
|||
} |
|||
.glyphicon-text-background:before { |
|||
content: "\e243"; |
|||
} |
|||
.glyphicon-object-align-top:before { |
|||
content: "\e244"; |
|||
} |
|||
.glyphicon-object-align-bottom:before { |
|||
content: "\e245"; |
|||
} |
|||
.glyphicon-object-align-horizontal:before { |
|||
content: "\e246"; |
|||
} |
|||
.glyphicon-object-align-left:before { |
|||
content: "\e247"; |
|||
} |
|||
.glyphicon-object-align-vertical:before { |
|||
content: "\e248"; |
|||
} |
|||
.glyphicon-object-align-right:before { |
|||
content: "\e249"; |
|||
} |
|||
.glyphicon-triangle-right:before { |
|||
content: "\e250"; |
|||
} |
|||
.glyphicon-triangle-left:before { |
|||
content: "\e251"; |
|||
} |
|||
.glyphicon-triangle-bottom:before { |
|||
content: "\e252"; |
|||
} |
|||
.glyphicon-triangle-top:before { |
|||
content: "\e253"; |
|||
} |
|||
.glyphicon-console:before { |
|||
content: "\e254"; |
|||
} |
|||
.glyphicon-superscript:before { |
|||
content: "\e255"; |
|||
} |
|||
.glyphicon-subscript:before { |
|||
content: "\e256"; |
|||
} |
|||
.glyphicon-menu-left:before { |
|||
content: "\e257"; |
|||
} |
|||
.glyphicon-menu-right:before { |
|||
content: "\e258"; |
|||
} |
|||
.glyphicon-menu-down:before { |
|||
content: "\e259"; |
|||
} |
|||
.glyphicon-menu-up:before { |
|||
content: "\e260"; |
|||
} |
|||
File diff suppressed because one or more lines are too long
@ -0,0 +1,37 @@ |
|||
.wizard-pane { |
|||
position: absolute; |
|||
top: 0; |
|||
visibility: hidden; |
|||
opacity: 0; |
|||
-webkit-transition: opacity .2s ease; |
|||
-o-transition: opacity .2s ease; |
|||
transition: opacity .2s ease; |
|||
} |
|||
.wizard-pane.active { |
|||
position: relative; |
|||
visibility: visible; |
|||
opacity: 1; |
|||
} |
|||
.wizard-pane.activing { |
|||
visibility: visible; |
|||
} |
|||
.wizard-content { |
|||
position: relative; |
|||
padding: 0; |
|||
-webkit-transition: height .2s ease; |
|||
-o-transition: height .2s ease; |
|||
transition: height .2s ease; |
|||
} |
|||
.panel-body > .wizard-buttons, |
|||
.tab-content > .wizard-buttons { |
|||
margin-top: 22px; |
|||
} |
|||
.color-active { |
|||
color: #3f51b5 !important; |
|||
} |
|||
.color-error { |
|||
color: #f44336 !important; |
|||
} |
|||
.color-done { |
|||
color: #4caf50 !important; |
|||
} |
|||
@ -0,0 +1,838 @@ |
|||
/*! jQuery wizard - v0.3.1 - 2015-05-07 |
|||
* https://github.com/amazingSurge/jquery-wizard
|
|||
* Copyright (c) 2015 amazingSurge; Licensed GPL */ |
|||
(function($, document, window, undefined) { |
|||
"use strict"; |
|||
|
|||
var Support = (function() { |
|||
var style = $('<support>').get(0).style, |
|||
prefixes = ['webkit', 'Moz', 'O', 'ms'], |
|||
events = { |
|||
transition: { |
|||
end: { |
|||
WebkitTransition: 'webkitTransitionEnd', |
|||
MozTransition: 'transitionend', |
|||
OTransition: 'oTransitionEnd', |
|||
transition: 'transitionend' |
|||
} |
|||
} |
|||
}, |
|||
tests = { |
|||
csstransitions: function() { |
|||
return !!test('transition'); |
|||
} |
|||
}; |
|||
|
|||
function test(property, prefixed) { |
|||
var result = false, |
|||
upper = property.charAt(0).toUpperCase() + property.slice(1); |
|||
|
|||
if (style[property] !== undefined) { |
|||
result = property; |
|||
} |
|||
if (!result) { |
|||
$.each(prefixes, function(i, prefix) { |
|||
if (style[prefix + upper] !== undefined) { |
|||
result = '-' + prefix.toLowerCase() + '-' + upper; |
|||
return false; |
|||
} |
|||
}); |
|||
} |
|||
|
|||
if (prefixed) { |
|||
return result; |
|||
} |
|||
if (result) { |
|||
return true; |
|||
} else { |
|||
return false; |
|||
} |
|||
} |
|||
|
|||
function prefixed(property) { |
|||
return test(property, true); |
|||
} |
|||
var support = {}; |
|||
if (tests.csstransitions()) { |
|||
/* jshint -W053 */ |
|||
support.transition = new String(prefixed('transition')) |
|||
support.transition.end = events.transition.end[support.transition]; |
|||
} |
|||
|
|||
return support; |
|||
})(); |
|||
|
|||
|
|||
var counter = 0; |
|||
|
|||
var Wizard = function(element, options) { |
|||
this.$element = $(element); |
|||
|
|||
this.options = $.extend(true, {}, Wizard.defaults, options); |
|||
|
|||
this.$steps = this.$element.find(this.options.step); |
|||
|
|||
this.id = this.$element.attr('id'); |
|||
if (!this.id) { |
|||
this.id = 'wizard-' + (++counter); |
|||
this.$element.attr('id', this.id); |
|||
} |
|||
|
|||
this.initialize(); |
|||
} |
|||
|
|||
function emulateTransitionEnd($el, duration) { |
|||
var called = false; |
|||
|
|||
$el.one(Support.transition.end, function() { |
|||
called = true; |
|||
}); |
|||
var callback = function() { |
|||
if (!called) { |
|||
$el.trigger(Support.transition.end); |
|||
} |
|||
} |
|||
setTimeout(callback, duration); |
|||
} |
|||
Wizard.defaults = { |
|||
step: '.wizard-steps > li', |
|||
|
|||
getPane: function(index, step) { |
|||
return this.$element.find('.wizard-content').children().eq(index); |
|||
}, |
|||
|
|||
buttonsAppendTo: 'this', |
|||
templates: { |
|||
buttons: function() { |
|||
var options = this.options; |
|||
return '<div class="wizard-buttons">' + |
|||
'<a class="wizard-back" href="#' + this.id + '" data-wizard="back" role="button">' + options.buttonLabels.back + '</a>' + |
|||
'<a class="wizard-next" href="#' + this.id + '" data-wizard="next" role="button">' + options.buttonLabels.next + '</a>' + |
|||
'<a class="wizard-finish" href="#' + this.id + '" data-wizard="finish" role="button">' + options.buttonLabels.finish + '</a>' + |
|||
'</div>'; |
|||
} |
|||
}, |
|||
|
|||
classes: { |
|||
step: { |
|||
done: 'done', |
|||
error: 'error', |
|||
active: 'current', |
|||
disabled: 'disabled', |
|||
activing: 'activing', |
|||
loading: 'loading' |
|||
}, |
|||
|
|||
pane: { |
|||
active: 'active', |
|||
activing: 'activing' |
|||
}, |
|||
|
|||
button: { |
|||
hide: 'hide', |
|||
disabled: 'disabled' |
|||
} |
|||
}, |
|||
|
|||
autoFocus: true, |
|||
keyboard: true, |
|||
|
|||
enableWhenVisited: false, |
|||
|
|||
buttonLabels: { |
|||
next: 'Next', |
|||
back: 'Back', |
|||
finish: 'Finish' |
|||
}, |
|||
|
|||
loading: { |
|||
show: function(step) {}, |
|||
hide: function(step) {}, |
|||
fail: function(step) {} |
|||
}, |
|||
|
|||
cacheContent: false, |
|||
|
|||
validator: function(step) { |
|||
return true; |
|||
}, |
|||
|
|||
onInit: null, |
|||
onNext: null, |
|||
onBack: null, |
|||
onReset: null, |
|||
|
|||
onBeforeShow: null, |
|||
onAfterShow: null, |
|||
onBeforeHide: null, |
|||
onAfterHide: null, |
|||
onBeforeLoad: null, |
|||
onAfterLoad: null, |
|||
|
|||
onBeforeChange: null, |
|||
onAfterChange: null, |
|||
|
|||
onStateChange: null, |
|||
|
|||
onFinish: null |
|||
}; |
|||
|
|||
// Step
|
|||
function Step() { |
|||
return this.initialize.apply(this, Array.prototype.slice.call(arguments)); |
|||
} |
|||
|
|||
$.extend(Step.prototype, { |
|||
TRANSITION_DURATION: 200, |
|||
initialize: function(element, wizard, index) { |
|||
this.$element = $(element); |
|||
this.wizard = wizard; |
|||
|
|||
this.events = {}; |
|||
this.loader = null; |
|||
this.loaded = false; |
|||
|
|||
this.validator = this.wizard.options.validator; |
|||
|
|||
this.states = { |
|||
done: false, |
|||
error: false, |
|||
active: false, |
|||
disabled: false, |
|||
activing: false |
|||
}; |
|||
|
|||
this.index = index; |
|||
this.$element.data('wizard-index', index); |
|||
|
|||
|
|||
this.$pane = this.getPaneFromTarget(); |
|||
|
|||
if (!this.$pane) { |
|||
this.$pane = this.wizard.options.getPane.call(this.wizard, index, element); |
|||
} |
|||
|
|||
this.setValidatorFromData(); |
|||
this.setLoaderFromData(); |
|||
}, |
|||
|
|||
getPaneFromTarget: function() { |
|||
var selector = this.$element.data('target'); |
|||
|
|||
if (!selector) { |
|||
selector = this.$element.attr('href'); |
|||
selector = selector && selector.replace(/.*(?=#[^\s]*$)/, ''); |
|||
} |
|||
|
|||
if (selector) { |
|||
return $(selector); |
|||
} else { |
|||
return null; |
|||
} |
|||
}, |
|||
|
|||
setup: function() { |
|||
var current = this.wizard.currentIndex(); |
|||
if (this.index === current) { |
|||
this.enter('active'); |
|||
|
|||
if (this.loader) { |
|||
this.load(); |
|||
} |
|||
} else if (this.index > current) { |
|||
this.enter('disabled'); |
|||
} |
|||
|
|||
this.$element.attr('aria-expanded', this.is('active')); |
|||
this.$pane.attr('aria-expanded', this.is('active')); |
|||
|
|||
var classes = this.wizard.options.classes; |
|||
if (this.is('active')) { |
|||
this.$pane.addClass(classes.pane.active); |
|||
} else { |
|||
this.$pane.removeClass(classes.pane.active); |
|||
} |
|||
}, |
|||
|
|||
show: function(callback) { |
|||
if (this.is('activing') || this.is('active')) { |
|||
return; |
|||
} |
|||
|
|||
this.trigger('beforeShow'); |
|||
this.enter('activing'); |
|||
|
|||
var classes = this.wizard.options.classes; |
|||
|
|||
this.$element |
|||
.attr('aria-expanded', true); |
|||
|
|||
this.$pane |
|||
.addClass(classes.pane.activing) |
|||
.addClass(classes.pane.active) |
|||
.attr('aria-expanded', true); |
|||
|
|||
var complete = function() { |
|||
this.$pane |
|||
.removeClass(classes.pane.activing) |
|||
|
|||
this.leave('activing'); |
|||
this.enter('active'); |
|||
this.trigger('afterShow'); |
|||
|
|||
if ($.isFunction(callback)) { |
|||
callback.call(this); |
|||
} |
|||
} |
|||
|
|||
if (!Support.transition) { |
|||
return complete.call(this); |
|||
} |
|||
|
|||
this.$pane.one(Support.transition.end, $.proxy(complete, this)); |
|||
|
|||
emulateTransitionEnd(this.$pane, this.TRANSITION_DURATION); |
|||
}, |
|||
|
|||
hide: function(callback) { |
|||
if (this.is('activing') || !this.is('active')) { |
|||
return; |
|||
} |
|||
|
|||
this.trigger('beforeHide'); |
|||
this.enter('activing'); |
|||
|
|||
var classes = this.wizard.options.classes; |
|||
|
|||
this.$element |
|||
.attr('aria-expanded', false); |
|||
|
|||
this.$pane |
|||
.addClass(classes.pane.activing) |
|||
.removeClass(classes.pane.active) |
|||
.attr('aria-expanded', false); |
|||
|
|||
var complete = function() { |
|||
this.$pane |
|||
.removeClass(classes.pane.activing); |
|||
|
|||
this.leave('activing'); |
|||
this.leave('active'); |
|||
this.trigger('afterHide'); |
|||
|
|||
if ($.isFunction(callback)) { |
|||
callback.call(this); |
|||
} |
|||
} |
|||
|
|||
if (!Support.transition) { |
|||
return complete.call(this); |
|||
} |
|||
|
|||
this.$pane.one(Support.transition.end, $.proxy(complete, this)); |
|||
|
|||
emulateTransitionEnd(this.$pane, this.TRANSITION_DURATION); |
|||
}, |
|||
|
|||
empty: function() { |
|||
this.$pane.empty(); |
|||
}, |
|||
|
|||
load: function(callback) { |
|||
var self = this; |
|||
var loader = this.loader; |
|||
|
|||
if ($.isFunction(loader)) { |
|||
loader = loader.call(this.wizard, this); |
|||
} |
|||
|
|||
if (this.wizard.options.cacheContent && this.loaded) { |
|||
if ($.isFunction(callback)) { |
|||
callback.call(this); |
|||
} |
|||
return true; |
|||
} |
|||
|
|||
this.trigger('beforeLoad'); |
|||
this.enter('loading'); |
|||
|
|||
function setContent(content) { |
|||
self.$pane.html(content); |
|||
|
|||
self.leave('loading'); |
|||
self.loaded = true; |
|||
self.trigger('afterLoad'); |
|||
|
|||
if ($.isFunction(callback)) { |
|||
callback.call(self); |
|||
} |
|||
} |
|||
|
|||
if (typeof loader === 'string') { |
|||
setContent(loader); |
|||
} else if (typeof loader === 'object' && loader.hasOwnProperty('url')) { |
|||
self.wizard.options.loading.show.call(self.wizard, self); |
|||
|
|||
$.ajax(loader.url, loader.settings || {}).done(function(data) { |
|||
setContent(data); |
|||
|
|||
self.wizard.options.loading.hide.call(self.wizard, self); |
|||
}).fail(function() { |
|||
self.wizard.options.loading.fail.call(self.wizard, self); |
|||
}); |
|||
} else { |
|||
setContent(''); |
|||
} |
|||
}, |
|||
|
|||
trigger: function(event) { |
|||
var method_arguments = Array.prototype.slice.call(arguments, 1); |
|||
|
|||
if ($.isArray(this.events[event])) { |
|||
for (var i in this.events[event]) { |
|||
this.events[event][i].apply(this, method_arguments); |
|||
} |
|||
} |
|||
|
|||
this.wizard.trigger.apply(this.wizard, [event, this].concat(method_arguments)); |
|||
}, |
|||
|
|||
enter: function(state) { |
|||
this.states[state] = true; |
|||
|
|||
var classes = this.wizard.options.classes; |
|||
this.$element.addClass(classes.step[state]); |
|||
|
|||
this.trigger('stateChange', true, state); |
|||
}, |
|||
|
|||
leave: function(state) { |
|||
if (this.states[state]) { |
|||
this.states[state] = false; |
|||
|
|||
var classes = this.wizard.options.classes; |
|||
this.$element.removeClass(classes.step[state]); |
|||
|
|||
this.trigger('stateChange', false, state); |
|||
} |
|||
}, |
|||
|
|||
setValidatorFromData: function() { |
|||
var validator = this.$pane.data('validator'); |
|||
if (validator && $.isFunction(window[validator])) { |
|||
this.validator = window[validator]; |
|||
} |
|||
}, |
|||
|
|||
setLoaderFromData: function() { |
|||
var loader = this.$pane.data('loader'); |
|||
|
|||
if (loader) { |
|||
if ($.isFunction(window[loader])) { |
|||
this.loader = window[loader]; |
|||
} |
|||
} else { |
|||
var url = this.$pane.data('loader-url'); |
|||
if (url) { |
|||
this.loader = { |
|||
url: url, |
|||
settings: this.$pane.data('settings') || {} |
|||
} |
|||
} |
|||
} |
|||
}, |
|||
|
|||
/* |
|||
* Public methods below |
|||
*/ |
|||
active: function() { |
|||
return this.wizard.goTo(this.index); |
|||
}, |
|||
|
|||
on: function(event, handler) { |
|||
if ($.isFunction(handler)) { |
|||
if ($.isArray(this.events[event])) { |
|||
this.events[event].push(handler); |
|||
} else { |
|||
this.events[event] = [handler]; |
|||
} |
|||
} |
|||
|
|||
return this; |
|||
}, |
|||
|
|||
off: function(event, handler) { |
|||
if ($.isFunction(handler) && $.isArray(this.events[event])) { |
|||
$.each(this.events[event], function(i, f) { |
|||
if (f === handler) { |
|||
delete this.events[event][i]; |
|||
return false; |
|||
} |
|||
}); |
|||
} |
|||
|
|||
return this; |
|||
}, |
|||
|
|||
is: function(state) { |
|||
return this.states[state] && this.states[state] === true; |
|||
}, |
|||
|
|||
reset: function() { |
|||
for (var state in this.states) { |
|||
this.leave(state); |
|||
} |
|||
this.setup(); |
|||
|
|||
return this; |
|||
}, |
|||
|
|||
setLoader: function(loader) { |
|||
this.loader = loader; |
|||
|
|||
if (this.is('active')) { |
|||
this.load(); |
|||
} |
|||
|
|||
return this; |
|||
}, |
|||
|
|||
setValidator: function(validator) { |
|||
if ($.isFunction(validator)) { |
|||
this.validator = validator; |
|||
} |
|||
|
|||
return this; |
|||
}, |
|||
|
|||
validate: function() { |
|||
return this.validator.call(this.$pane.get(0), this); |
|||
} |
|||
}); |
|||
|
|||
$.extend(Wizard.prototype, { |
|||
Constructor: Wizard, |
|||
initialize: function() { |
|||
this.steps = []; |
|||
var self = this; |
|||
|
|||
this.$steps.each(function(index) { |
|||
self.steps.push(new Step(this, self, index)); |
|||
}); |
|||
|
|||
this._current = 0; |
|||
this.transitioning = null; |
|||
|
|||
$.each(this.steps, function(i, step) { |
|||
step.setup(); |
|||
}); |
|||
|
|||
this.setup(); |
|||
|
|||
this.$element.on('click', this.options.step, function(e) { |
|||
var index = $(this).data('wizard-index'); |
|||
|
|||
if (!self.get(index).is('disabled')) { |
|||
self.goTo(index); |
|||
} |
|||
|
|||
e.preventDefault(); |
|||
e.stopPropagation(); |
|||
}); |
|||
|
|||
if (this.options.keyboard) { |
|||
$(document).on('keyup', $.proxy(this.keydown, this)); |
|||
} |
|||
|
|||
this.trigger('init'); |
|||
}, |
|||
|
|||
setup: function() { |
|||
this.$buttons = $(this.options.templates.buttons.call(this)); |
|||
|
|||
this.updateButtons(); |
|||
|
|||
var buttonsAppendTo = this.options.buttonsAppendTo; |
|||
var $to; |
|||
if (buttonsAppendTo === 'this') { |
|||
$to = this.$element; |
|||
} else if ($.isFunction(buttonsAppendTo)) { |
|||
$to = buttonsAppendTo.call(this); |
|||
} else { |
|||
$to = this.$element.find(buttonsAppendTo); |
|||
} |
|||
this.$buttons = this.$buttons.appendTo($to); |
|||
}, |
|||
|
|||
updateButtons: function() { |
|||
var classes = this.options.classes.button; |
|||
var $back = this.$buttons.find('[data-wizard="back"]'); |
|||
var $next = this.$buttons.find('[data-wizard="next"]'); |
|||
var $finish = this.$buttons.find('[data-wizard="finish"]'); |
|||
|
|||
if (this._current === 0) { |
|||
$back.addClass(classes.disabled); |
|||
} else { |
|||
$back.removeClass(classes.disabled); |
|||
} |
|||
|
|||
if (this._current === this.lastIndex()) { |
|||
$next.addClass(classes.hide); |
|||
$finish.removeClass(classes.hide); |
|||
} else { |
|||
$next.removeClass(classes.hide); |
|||
$finish.addClass(classes.hide); |
|||
} |
|||
}, |
|||
|
|||
updateSteps: function() { |
|||
var self = this; |
|||
|
|||
$.each(this.steps, function(i, step) { |
|||
|
|||
if (i > self._current) { |
|||
step.leave('error'); |
|||
step.leave('active'); |
|||
step.leave('done'); |
|||
|
|||
if (!self.options.enableWhenVisited) { |
|||
step.enter('disabled'); |
|||
} |
|||
} |
|||
}); |
|||
}, |
|||
|
|||
keydown: function(e) { |
|||
if (/input|textarea/i.test(e.target.tagName)) return; |
|||
switch (e.which) { |
|||
case 37: |
|||
this.back(); |
|||
break; |
|||
case 39: |
|||
this.next(); |
|||
break; |
|||
default: |
|||
return; |
|||
} |
|||
|
|||
e.preventDefault(); |
|||
}, |
|||
|
|||
trigger: function(eventType) { |
|||
var method_arguments = Array.prototype.slice.call(arguments, 1); |
|||
var data = [this].concat(method_arguments); |
|||
|
|||
this.$element.trigger('wizard::' + eventType, data); |
|||
|
|||
// callback
|
|||
eventType = eventType.replace(/\b\w+\b/g, function(word) { |
|||
return word.substring(0, 1).toUpperCase() + word.substring(1); |
|||
}); |
|||
|
|||
var onFunction = 'on' + eventType; |
|||
if (typeof this.options[onFunction] === 'function') { |
|||
this.options[onFunction].apply(this, method_arguments); |
|||
} |
|||
}, |
|||
|
|||
get: function(index) { |
|||
if (typeof index === 'string' && index.substring(0, 1) === '#') { |
|||
var id = index.substring(1); |
|||
for (var i in this.steps) { |
|||
if (this.steps[i].$pane.attr('id') === id) { |
|||
return this.steps[i]; |
|||
} |
|||
} |
|||
} |
|||
|
|||
if (index < this.length() && this.steps[index]) { |
|||
return this.steps[index]; |
|||
} |
|||
|
|||
return null; |
|||
}, |
|||
|
|||
goTo: function(index, callback) { |
|||
if (index === this._current || this.transitioning === true) { |
|||
return false; |
|||
} |
|||
|
|||
var current = this.current(); |
|||
var to = this.get(index); |
|||
|
|||
if (index > this._current) { |
|||
if (!current.validate()) { |
|||
current.leave('done'); |
|||
current.enter('error'); |
|||
|
|||
return -1; |
|||
} else { |
|||
current.leave('error'); |
|||
|
|||
if (index > this._current) { |
|||
current.enter('done'); |
|||
} |
|||
} |
|||
} |
|||
|
|||
var self = this; |
|||
var process = function() { |
|||
self.trigger('beforeChange', current, to); |
|||
self.transitioning = true; |
|||
|
|||
current.hide(); |
|||
to.show(function() { |
|||
self._current = index; |
|||
self.transitioning = false; |
|||
this.leave('disabled'); |
|||
|
|||
self.updateButtons(); |
|||
self.updateSteps(); |
|||
|
|||
if (self.options.autoFocus) { |
|||
var $input = this.$pane.find(':input'); |
|||
if ($input.length > 0) { |
|||
$input.eq(0).focus(); |
|||
} else { |
|||
this.$pane.focus(); |
|||
} |
|||
} |
|||
|
|||
if ($.isFunction(callback)) { |
|||
callback.call(self); |
|||
} |
|||
|
|||
self.trigger('afterChange', current, to); |
|||
}); |
|||
}; |
|||
|
|||
if (to.loader) { |
|||
to.load(function() { |
|||
process(); |
|||
}); |
|||
} else { |
|||
process(); |
|||
} |
|||
|
|||
return true; |
|||
}, |
|||
|
|||
length: function() { |
|||
return this.steps.length; |
|||
}, |
|||
|
|||
current: function() { |
|||
return this.get(this._current); |
|||
}, |
|||
|
|||
currentIndex: function() { |
|||
return this._current; |
|||
}, |
|||
|
|||
lastIndex: function() { |
|||
return this.length() - 1; |
|||
}, |
|||
|
|||
next: function() { |
|||
if (this._current < this.lastIndex()) { |
|||
var from = this._current, |
|||
to = this._current + 1; |
|||
|
|||
this.goTo(to, function() { |
|||
this.trigger('next', this.get(from), this.get(to)); |
|||
}); |
|||
} |
|||
|
|||
return false; |
|||
}, |
|||
|
|||
back: function() { |
|||
if (this._current > 0) { |
|||
var from = this._current, |
|||
to = this._current - 1; |
|||
|
|||
this.goTo(to, function() { |
|||
this.trigger('back', this.get(from), this.get(to)); |
|||
}); |
|||
} |
|||
|
|||
return false; |
|||
}, |
|||
|
|||
first: function() { |
|||
return this.goTo(0); |
|||
}, |
|||
|
|||
finish: function() { |
|||
if (this._current === this.lastIndex()) { |
|||
var current = this.current(); |
|||
if (current.validate()) { |
|||
this.trigger('finish'); |
|||
current.leave('error'); |
|||
current.enter('done'); |
|||
} else { |
|||
current.enter('error'); |
|||
} |
|||
} |
|||
}, |
|||
|
|||
reset: function() { |
|||
this._current = 0; |
|||
|
|||
$.each(this.steps, function(i, step) { |
|||
step.reset(); |
|||
}); |
|||
|
|||
this.trigger('reset'); |
|||
} |
|||
}); |
|||
|
|||
$(document).on('click', '[data-wizard]', function(e) { |
|||
var href; |
|||
var $this = $(this); |
|||
var $target = $($this.attr('data-target') || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')); |
|||
|
|||
var wizard = $target.data('wizard'); |
|||
|
|||
if (!wizard) { |
|||
return; |
|||
} |
|||
|
|||
var method = $this.data('wizard'); |
|||
|
|||
if (/^(back|next|first|finish|reset)$/.test(method)) { |
|||
wizard[method](); |
|||
} |
|||
|
|||
e.preventDefault(); |
|||
}); |
|||
|
|||
$.fn.wizard = function(options) { |
|||
if (typeof options === 'string') { |
|||
var method = options; |
|||
var method_arguments = Array.prototype.slice.call(arguments, 1); |
|||
|
|||
if (/^\_/.test(method)) { |
|||
return false; |
|||
} else if ((/^(get)$/.test(method))) { |
|||
var api = this.first().data('wizard'); |
|||
if (api && typeof api[method] === 'function') { |
|||
return api[method].apply(api, method_arguments); |
|||
} |
|||
} else { |
|||
return this.each(function() { |
|||
var api = $.data(this, 'wizard'); |
|||
if (api && typeof api[method] === 'function') { |
|||
api[method].apply(api, method_arguments); |
|||
} |
|||
}); |
|||
} |
|||
} else { |
|||
return this.each(function() { |
|||
if (!$.data(this, 'wizard')) { |
|||
$.data(this, 'wizard', new Wizard(this, options)); |
|||
} |
|||
}); |
|||
} |
|||
}; |
|||
})(jQuery, document, window); |
|||
@ -0,0 +1 @@ |
|||
.wizard-pane{position:absolute;top:0;visibility:hidden;opacity:0;-webkit-transition:opacity .2s ease;-o-transition:opacity .2s ease;transition:opacity .2s ease}.wizard-pane.active{position:relative;visibility:visible;opacity:1}.wizard-pane.activing{visibility:visible}.wizard-content{position:relative;padding:0;-webkit-transition:height .2s ease;-o-transition:height .2s ease;transition:height .2s ease}.panel-body>.wizard-buttons,.tab-content>.wizard-buttons{margin-top:22px}.color-active{color:#3f51b5!important}.color-error{color:#f44336!important}.color-done{color:#4caf50!important} |
|||
File diff suppressed because one or more lines are too long
Loading…
Reference in new issue