(function ($) {
$.fn.repeatable = function (userSettings) {
/**
* Default settings
* @type {Object}
*/
var defaults = {
addTrigger: ".add",
deleteTrigger: ".delete",
max: null,
startWith: 0,
template: null,
itemContainer: ".field-group",
onAdd: function () {},
onDelete: function () {}
};
/**
* Iterator used to make each added
* repeatable element unique
* @type {Number}
*/
var i = 0;
/**
* DOM element into which repeatable
* items will be added
* @type {jQuery object}
*/
var target = $(this);
/**
* Blend passed user settings with defauly settings
* @type {array}
*/
var settings = $.extend({}, defaults, userSettings);
/**
* Total templated items found on the page
* at load. These may be created by server-side
* scripts.
* @return null
*/
var total = function () {
return $(target).find(settings.itemContainer).length;
}();
/**
* Add an element to the target
* and call the callback function
* @return null
*/
var addOne = function () {
createOne();
settings.onAdd.call(this);
};
/**
* Delete the parent element
* and call the callback function
* @return null
*/
var deleteOne = function () {
$(this).parents(settings.itemContainer).first().remove();
total--;
maintainAddBtn();
settings.onDelete.call(this);
};
/**
* Add an element to the target
* @return null
*/
var createOne = function() {
getUniqueTemplate().appendTo(target);
total++;
maintainAddBtn();
};
/**
* Alter the given template to make
* each form field name unique
* @return {jQuery object}
*/
var getUniqueTemplate = function () {
var template = $(settings.template).html();
template = template.replace(/{\?}/g, "new" + i++); // {?} => iterated placeholder
template = template.replace(/\{[^\?\}]*\}/g, ""); // {valuePlaceholder} => ""
return $(template);
};
/**
* Determines if the add trigger
* needs to be disabled
* @return null
*/
var maintainAddBtn = function () {
if (!settings.max) {
return;
}
if (total === settings.max) {
$(settings.addTrigger).attr("disabled", "disabled");
} else if (total < settings.max) {
$(settings.addTrigger).removeAttr("disabled");
}
};
/**
* Setup the repeater
* @return null
*/
(function () {
$(settings.addTrigger).on("click", addOne);
$("form").on("click", ".delete", deleteOne);
if (!total) {
var toCreate = settings.startWith - total;
for (var j = 0; j < toCreate; j++) {
createOne();
}
}
})();
};
})(jQuery);
ما بقاش الذكاء الاصطناعي مجرد خيال علمي أو تطور مستنيينه في المستقبل… لأ، ده بقى واقع عايشينه كل يوم، وبيأثر بشكل مباشر على شغلنا، ومهاراتنا، وحتى على الوظايف نفسها. في الفيديو ده، هنتكلم عن إزاي الذكاء الاصطناعي قلب موازين سوق العمل، إيه المهن اللي بدأت تختفي، وإيه اللي طلع جديد، وإزاي نجهز نفسنا للمستقبل اللي بدأ خلاص.