You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
68 lines
1.5 KiB
68 lines
1.5 KiB
semantic.progress = {};
|
|
|
|
// ready event
|
|
semantic.progress.ready = function() {
|
|
|
|
var
|
|
$progress = $('.definition .ui.progress').not('.success, .error, .warning, .indicating'),
|
|
$indicating = $('.definition .ui.indicating.progress'),
|
|
$buttons = $('.example .increment.button, .example .decrement.button'),
|
|
$stateProgress = $('.definition .ui.success.progress, .ui.warning.progress, .ui.error.progress')
|
|
;
|
|
|
|
setTimeout(function() {
|
|
|
|
$buttons
|
|
.on('click', function() {
|
|
var
|
|
$progress = $(this).closest('.example').find('.progress')
|
|
;
|
|
if( $(this).hasClass('increment') ) {
|
|
$progress.progress('increment');
|
|
}
|
|
else {
|
|
$progress.progress('decrement');
|
|
}
|
|
})
|
|
;
|
|
|
|
$indicating
|
|
.progress({
|
|
label : false,
|
|
total : 10,
|
|
value : Math.floor(Math.random() * 5) + 1,
|
|
text : {
|
|
active : '{percent}% Funded',
|
|
success : 'Project Funded!'
|
|
}
|
|
})
|
|
;
|
|
|
|
$progress
|
|
.each(function() {
|
|
$(this)
|
|
.progress({
|
|
showActivity : false,
|
|
random : {
|
|
min : 5,
|
|
max : 15
|
|
},
|
|
percent : Math.floor(Math.random() * 60) + 5
|
|
})
|
|
;
|
|
})
|
|
;
|
|
|
|
$stateProgress
|
|
.progress('set progress', 100)
|
|
;
|
|
|
|
}, 300);
|
|
|
|
};
|
|
|
|
|
|
// attach ready event
|
|
$(document)
|
|
.ready(semantic.progress.ready)
|
|
;
|