123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132 |
- (function (global, factory) {
- if (typeof define === "function" && define.amd) {
- define("/App/Contacts", ["exports", "BaseApp"], factory);
- } else if (typeof exports !== "undefined") {
- factory(exports, require("BaseApp"));
- } else {
- var mod = {
- exports: {}
- };
- factory(mod.exports, global.BaseApp);
- global.AppContacts = mod.exports;
- }
- })(this, function (_exports, _BaseApp2) {
- "use strict";
- Object.defineProperty(_exports, "__esModule", {
- value: true
- });
- _exports.run = run;
- _exports.getInstance = getInstance;
- _exports.default = _exports.AppContacts = void 0;
- _BaseApp2 = babelHelpers.interopRequireDefault(_BaseApp2);
- var AppContacts =
- /*#__PURE__*/
- function (_BaseApp) {
- babelHelpers.inherits(AppContacts, _BaseApp);
- function AppContacts() {
- babelHelpers.classCallCheck(this, AppContacts);
- return babelHelpers.possibleConstructorReturn(this, babelHelpers.getPrototypeOf(AppContacts).apply(this, arguments));
- }
- babelHelpers.createClass(AppContacts, [{
- key: "initialize",
- value: function initialize() {
- babelHelpers.get(babelHelpers.getPrototypeOf(AppContacts.prototype), "initialize", this).call(this);
- this.$actionBtn = $('.site-action');
- this.$actionToggleBtn = this.$actionBtn.find('.site-action-toggle');
- this.$addMainForm = $('#addUserForm').modal({
- show: false
- });
- this.$content = $('#contactsContent'); // states
- this.states = {
- checked: false
- };
- }
- }, {
- key: "process",
- value: function process() {
- babelHelpers.get(babelHelpers.getPrototypeOf(AppContacts.prototype), "process", this).call(this);
- this.setupActionBtn();
- this.bindListChecked();
- this.handlSlidePanelContent();
- }
- }, {
- key: "listChecked",
- value: function listChecked(checked) {
- var api = this.$actionBtn.data('actionBtn');
- if (checked) {
- api.show();
- } else {
- api.hide();
- }
- this.states.checked = checked;
- }
- }, {
- key: "setupActionBtn",
- value: function setupActionBtn() {
- var _this = this;
- this.$actionToggleBtn.on('click', function (e) {
- if (!_this.states.checked) {
- _this.$addMainForm.modal('show');
- e.stopPropagation();
- }
- });
- }
- }, {
- key: "bindListChecked",
- value: function bindListChecked() {
- var _this2 = this;
- this.$content.on('asSelectable::change', function (e, api, checked) {
- _this2.listChecked(checked);
- });
- }
- }, {
- key: "handlSlidePanelContent",
- value: function handlSlidePanelContent() {
- var _this3 = this;
- $(document).on('click', '[data-toggle=edit]', function () {
- var $button = $(this);
- var $panel = $button.parents('.slidePanel');
- var $form = $panel.find('.user-info');
- $button.toggleClass('active');
- $form.toggleClass('active');
- });
- $(document).on('change', '.user-info .form-group', function (e) {
- var $input = $(_this3).find('input');
- var $span = $(_this3).siblings('span');
- $span.html($input.val());
- });
- }
- }]);
- return AppContacts;
- }(_BaseApp2.default);
- _exports.AppContacts = AppContacts;
- var instance = null;
- function getInstance() {
- if (!instance) {
- instance = new AppContacts();
- }
- return instance;
- }
- function run() {
- var app = getInstance();
- app.run();
- }
- var _default = AppContacts;
- _exports.default = _default;
- });
|