Skip to content
This repository has been archived by the owner on Jan 9, 2023. It is now read-only.

Commit

Permalink
#7 update dist files
Browse files Browse the repository at this point in the history
  • Loading branch information
@johannesjo
johannesjo committed Dec 25, 2015
1 parent 2f8cb7e commit f7f0d1a
Show file tree
Hide file tree
Showing 3 changed files with 152 additions and 53 deletions.
203 changes: 151 additions & 52 deletions dist/angular-promise-buttons.js
View file
@@ -1,99 +1,198 @@
angular.module('angularPromiseButtons', [
]);

angular.module('angularPromiseButtons').run(['$templateCache', function($templateCache) {
'use strict';

$templateCache.put('promise-btn-d.html',
"<button ng-transclude></button>"
);

}]);

angular.module('angularPromiseButtons')
.directive('promiseBtn', ['angularPromiseButtons', function (angularPromiseButtons)
.directive('promiseBtn', ['angularPromiseButtons', '$parse', function (angularPromiseButtons, $parse)
{
'use strict';

var CLICK_EVENT = 'click';
var CLICK_ATTR = 'ngClick';
var SUBMIT_EVENT = 'submit';
var SUBMIT_ATTR = 'ngSubmit';

return {
restrict: 'EA',
transclude: true,
replace: true,
scope: {
promiseBtn: '=',
promiseBtnOptions: '=?'
},
templateUrl: 'promise-btn-d.html',
link: function (scope, el)
link: function (scope, el, attrs)
{
var providerCfg = angularPromiseButtons.config;
var cfg = providerCfg;
var promiseWatcher;


var loading = function ()
function handleLoading(btnEl)
{
if (cfg.btnLoadingClass && !cfg.addClassToCurrentBtnOnly) {
el.addClass(cfg.btnLoadingClass);
btnEl.addClass(cfg.btnLoadingClass);
}
if (cfg.disableBtn && !cfg.disableCurrentBtnOnly) {
el.attr('disabled', 'disabled');
btnEl.attr('disabled', 'disabled');
}
};
}

var loadingFinished = function ()
function handleLoadingFinished(btnEl)
{
if (cfg.btnLoadingClass) {
el.removeClass(cfg.btnLoadingClass);
btnEl.removeClass(cfg.btnLoadingClass);
}
if (cfg.disableBtn) {
el.removeAttr('disabled');
btnEl.removeAttr('disabled');
}
};
}

function initPromiseWatcher(watchExpressionForPromise, btnEl)
{
// watch promise to resolve or fail
scope.$watch(watchExpressionForPromise, function (mVal)
{
// for regular promises
if (mVal && mVal.then) {
handleLoading(btnEl);
mVal.finally(function ()
{
handleLoadingFinished(btnEl);
});
}
// for $resource
else if (mVal && mVal.$promise) {
handleLoading(btnEl);
mVal.$promise.finally(function ()
{
handleLoadingFinished(btnEl);
});
}
});
}

function getCallbacks(expression)
{
return expression
// split by ; to get different functions if any
.split(';')
.map(function (callback)
{
// return getter function
return $parse(callback);
});
}

// init
el.append(cfg.spinnerTpl);
function appendSpinnerTpl(btnEl)
{
btnEl.append(cfg.spinnerTpl);
}

function addHandlersForCurrentBtnOnly(btnEl)
{
// handle current button only options via click
if (cfg.addClassToCurrentBtnOnly) {
btnEl.on(CLICK_EVENT, function ()
{
btnEl.addClass(cfg.btnLoadingClass);
});
}

// handle current button only options via click
if (cfg.addClassToCurrentBtnOnly) {
el.on('click', function ()
if (cfg.disableCurrentBtnOnly) {
btnEl.on(CLICK_EVENT, function ()
{
btnEl.attr('disabled', 'disabled');
});
}
}

function initHandlingOfViewFunctionsReturningAPromise(eventToHandle, attrToParse, btnEl)
{
// we need to use evalAsync here, as
// otherwise the click or submit event
// won't be ready to be replaced
scope.$evalAsync(function ()
{
el.addClass(cfg.btnLoadingClass);
var callbacks = getCallbacks(attrs[attrToParse]);

// unbind original click event
el.unbind(eventToHandle);

// rebind, but this time watching it's return value
el.bind(eventToHandle, function ()
{
// Make sure we run the $digest cycle
scope.$apply(function ()
{
callbacks.forEach(function (cb)
{
// execute function on parent scope
// as we're in an isolate scope here
var promise = cb(scope.$parent, {$event: eventToHandle});

// only init watcher if not done before
if (!promiseWatcher) {
promiseWatcher = initPromiseWatcher(function ()
{
return promise;
}, btnEl);
}
});
});
});
});
}

if (cfg.disableCurrentBtnOnly) {
el.on('click', function ()
function getSubmitBtnChildren(el)
{
var submitBtnEls = [];
var allButtonEls = el.find('button');

for (var i = 0; i < allButtonEls.length; i++) {
var btnEl = allButtonEls[i];
if (angular.element(btnEl).attr('type') === 'submit') {
submitBtnEls.push(btnEl);
}
}
return angular.element(submitBtnEls);
}


// INIT
// check if there is any value given via attrs.promiseBtn
if (!attrs.promiseBtn) {
// handle ngClick function directly returning a promise
if (attrs.hasOwnProperty(CLICK_ATTR)) {
appendSpinnerTpl(el);
addHandlersForCurrentBtnOnly(el);
initHandlingOfViewFunctionsReturningAPromise(CLICK_EVENT, CLICK_ATTR, el);
}
// handle ngSubmit function directly returning a promise
else if (attrs.hasOwnProperty(SUBMIT_ATTR)) {
// get child submits for form elements
var btnElements = getSubmitBtnChildren(el);

appendSpinnerTpl(btnElements);
addHandlersForCurrentBtnOnly(btnElements);
initHandlingOfViewFunctionsReturningAPromise(SUBMIT_EVENT, SUBMIT_ATTR, btnElements);
}
}
// handle promises passed via scope.promiseBtn
else {
appendSpinnerTpl(el);
addHandlersForCurrentBtnOnly(el);
// handle promise passed directly via attribute as variable
initPromiseWatcher(function ()
{
el.attr('disabled', 'disabled');
});
return scope.promiseBtn;
}, el);
}

// watch options

// watch and update options being changed
scope.$watch('promiseBtnOptions', function (newVal)
{
if (angular.isObject(newVal)) {
cfg = angular.extend({}, providerCfg, newVal);
}
}, true);


// watch promise to resolve or fail
scope.$watch(function ()
{
return scope.promiseBtn;
}, function (mVal)
{
// for regular promises
if (mVal && mVal.then) {
loading();
mVal.finally(loadingFinished);
}
// for $resource
else if (mVal && mVal.$promise) {
loading();
mVal.$promise.finally(loadingFinished);
}
});
}
};
}]);
Expand Down
2 changes: 1 addition & 1 deletion dist/angular-promise-buttons.min.js
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Empty file added src/tpls.js
View file
Empty file.

0 comments on commit f7f0d1a

Please sign in to comment.