{"version":3,"sources":["webpack:///./src/components/lead/LeadKanban.vue","webpack:///src/components/lead/LeadKanban.vue","webpack:///./src/components/lead/LeadKanban.vue?4d2a","webpack:///./src/components/lead/LeadKanban.vue?b685","webpack:///./src/components/lead/LeadKanban.vue?1007"],"names":["attrs","_c","staticClass","staticStyle","_vm","showContactKpis","directives","name","rawName","expression","sources","getItemsSearchedKanban","key","class","value","item","footer","_v","leads","length","index","click","$event","internal_broker","brokerImageFormat","observations","observations_detail","leadsKanbanSt","showDiscardedLeads","_l","getItemsKanban","i","total","loading","someFilterSelected","loadMoreLeadsByPhase","_e","text","ref","isDialogActive","staticRenderFns","render","moment","locale","components","LeadSearchField","LeadDuplicates","LeadHowDidContactUsKpis","LeadDetailModal","LeadCard","data","userRole","localStorage","getItem","computed","_objectSpread","mapState","state","leadsKanban","filtersSt","filter","filters","filtersSelectedSt","filtersSelected","filtersSelectedChangedSt","filtersSelectedChanged","filterSomeFilterSelected","filterShowDiscarded","showDiscardedAndActive","filterShowDiscardedAndActive","showLeadsDuplicates","filterShowLeadsDuplicates","realEstateGroupLoading","realEstateGroup","filterLeadStatus","leadsSearchedSt","leadsSearched","filterLeadsSearchedSt","filterLeadsSearched","mapGetters","searchTextFilter","get","$store","filterText","set","newValue","commit","trim","toLowerCase","percentageFormat","percentage","isNaN","percentageParsed","parseInt","dateFormat","date","isFullDate","arguments","undefined","format","dateParsed","String","interestFormat","targetAction","propertyType","interestedZones","htmlInterested","toString","created","fetchGetLeadsKanbanByPhaseSt","page","phases","methods","getValuePhase","phase","tracking_phase","operation_phase","fetchMoreLeadsKanbanByPhaseSt","loadMoreAvailable","Math","ceil","pages","getSafeNestedField","fn","defaultVal","e","items","list","_loop","push","error","l","more","update","mapActions","fetchActualLead","fetchRealEstateListStore","mapMutations","setLoading","setFiltersSelectedSt","setSecondaryLead","broker","brokerSrcImg","brokerName","media","featured_image","src","substring","getBrokerName","lead","internal_admin","sortListExperideToPosponent","sort","a","b","dateA","postponed","date_at","Date","dateB","setActualLead","leadId","_this","self","setDialog","selectedItems","then","JSON","parse","stringify","finally","setTimeout","isActive","filterHowDidContactUs","setValue","watch","oldValue","component"],"mappings":"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","file":"js/chunk-3c525e96.fc46883e.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[(_vm.showLeadsDuplicates)?_c('div',[_c('lead-duplicates')],1):_c('div',{attrs:{\"id\":\"lead-kanban\"}},[_c('v-card',{staticClass:\"mx-auto flexcard\",staticStyle:{\"margin\":\"2%\",\"padding-top\":\"0px\"},attrs:{\"color\":\"\",\"elevation\":\"0\",\"height\":\"100%\",\"width\":\"95%\"}},[_c('v-row',{attrs:{\"align\":\"center\",\"justify\":\"center\"}},[_c('v-col',{staticClass:\"justify-center\",attrs:{\"cols\":\"11 \"}},[_c('LeadSearchField',{staticStyle:{\"padding-top\":\"10px\"},attrs:{\"showContactKpis\":_vm.showContactKpis,\"sources\":_vm.sources},on:{\"getShowContactKpis\":value => (_vm.showContactKpis = value)}})],1)],1),_c('v-expand-transition',[_c('v-card',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.showContactKpis),expression:\"!showContactKpis\"}],staticClass:\"rounded-0\",staticStyle:{\"margin-top\":\"10px\"},attrs:{\"color\":\"\",\"elevation\":\"0\"}},[_c('div',[_c('lead-how-did-contact-us-kpis',{staticStyle:{\"padding-bottom\":\"0px\"},attrs:{\"leads\":_vm.leads},on:{\"getFilter\":_vm.filterHowDidContactUs,\"getSource\":value => (_vm.sources = value)}})],1)])],1)],1),(_vm.filterLeadsSearchedSt)?_c('div',{staticClass:\"lists\"},_vm._l((_vm.getItemsSearchedKanban(_vm.leadsSearchedSt)),function(item,i){return _c('div',{key:i},[_c('div',{class:`list list-${item.value}`},[_c('header',[(item.value === 'discarded')?_c('v-icon',{attrs:{\"size\":\"20\"}},[_vm._v(\" mdi-delete \")]):_vm._e(),(item.value === 'finished')?_c('v-icon',{attrs:{\"size\":\"20\"}},[_vm._v(\" mdi-trophy \")]):_vm._e(),_c('span',[_vm._v(\" \"+_vm._s(item.text)+\" \")]),(\n                _vm.getValuePhase(_vm.filterLeadStatus, item.value) !== item.value\n              )?_c('span',{staticClass:\"badge badge-info pos-badge\"},[_vm._v(\" ( 0) \")]):(item && item.footer && item.footer.total)?_c('span',{staticClass:\"badge badge-info pos-badge\"},[_vm._v(\" (\"+_vm._s(item.footer.total)+\") \")]):_c('span',{staticClass:\"badge badge-info pos-badge\"},[_vm._v(\" (0) \")])],1),(item.leads.length <= 0)?_c('ul',[_vm._v(\" Parece que no hay Leads en esta fase. \")]):_c('ul',_vm._l((item.leads),function(lead,index){return _c('div',{key:index,staticClass:\"border-default card auto lead-card-container\",class:_vm.userRole === 'marketing' ? 'no-hover-pointer' : '',on:{\"click\":function($event){return _vm.setActualLead(lead._id)}}},[_c('lead-card',{attrs:{\"lead\":lead,\"contactLeadName\":lead.contact_lead_name,\"srcBrokerImage\":lead.internal_broker\n                    ? _vm.brokerImageFormat(lead.internal_broker)\n                    : _vm.brokerImageFormat(lead.internal_admin),\"brokerName\":_vm.getBrokerName(lead),\"observations\":lead.observations,\"observations_detail\":lead.observations_detail,\"budget\":parseInt(lead.budget),\"currency\":lead.currency,\"profilePercentage\":_vm._f(\"percentageFormat\")(lead.profile_percentage)}})],1)}),0),_c('footer')])])}),0):_c('div',[(_vm.leadsKanbanSt && _vm.leadsKanbanSt.length > 0)?_c('div',{class:_vm.showDiscardedLeads ? '' : 'lists'},_vm._l((_vm.getItemsKanban(_vm.leadsKanbanSt)),function(item,i){return _c('div',{key:i},[(_vm.showDiscardedLeads)?_c('div',{class:`list-discarded-only`},[_c('header',[(item.value === 'discarded')?_c('v-icon',{attrs:{\"size\":\"20\"}},[_vm._v(\" mdi-delete \")]):_vm._e(),_c('span',[_vm._v(\" \"+_vm._s(item.text)+\" \")]),(\n                  _vm.getValuePhase(_vm.filterLeadStatus, item.value) !== item.value\n                )?_c('span',{staticClass:\"badge badge-info pos-badge\"},[_vm._v(\" (0) \")]):(item && item.footer && item.footer.total)?_c('span',{staticClass:\"badge badge-info pos-badge\"},[_vm._v(\" (\"+_vm._s(item.footer.total)+\") \")]):_c('span',{staticClass:\"badge badge-info pos-badge\"},[_vm._v(\" (0) \")])],1),(item.loading)?_c('v-row',_vm._l((10),function(item,index){return _c('div',{key:index,staticClass:\"mx-2\"},[_c('v-skeleton-loader',{staticClass:\"my-4\",attrs:{\"width\":\"350px\",\"type\":\"list-item-avatar-two-line,list-item, actions\"}})],1)}),0):(_vm.someFilterSelected && item.leads.length <= 0)?_c('v-row',{staticClass:\"my-10 mx-2 grey--text\"},[_c('v-card',{attrs:{\"elevation\":\"0\",\"color\":\"transparent\"}},[_vm._v(\" No se encontraron Leads con los filtros seleccionados. \")])],1):(!_vm.someFilterSelected && item.leads.length <= 0)?_c('v-row',{staticClass:\"my-10 mx-2 grey--text\"},[_c('v-card',{attrs:{\"elevation\":\"0\",\"color\":\"transparent\"}},[_vm._v(\" Parece que no hay Leads en esta fase. \")])],1):(\n                _vm.getValuePhase(_vm.filterLeadStatus, item.value) !== item.value\n              )?_c('v-row',[_c('v-card',{staticClass:\"my-10 mx-2 grey--text\",attrs:{\"elevation\":\"0\",\"color\":\"transparent\"}},[_vm._v(\" Tiene seleccionada una fase distinta a esta en los filtros. \")])],1):_c('v-row',[_vm._l((item.leads),function(lead,index){return _c('div',{key:index,staticClass:\"mx-2 border-default card auto lead-card-container\",class:_vm.userRole === 'marketing' ? 'no-hover-pointer' : '',on:{\"click\":function($event){return _vm.setActualLead(lead._id)}}},[_c('lead-card',{attrs:{\"lead\":lead,\"contactLeadName\":lead.contact_lead_name,\"srcBrokerImage\":lead.internal_broker\n                      ? _vm.brokerImageFormat(lead.internal_broker)\n                      : _vm.brokerImageFormat(lead.internal_admin),\"brokerName\":_vm.getBrokerName(lead),\"observations\":lead.observations,\"observations_detail\":lead.observations_detail,\"budget\":parseInt(lead.budget),\"currency\":lead.currency,\"profilePercentage\":_vm._f(\"percentageFormat\")(lead.profile_percentage)}})],1)}),(_vm.loadMoreAvailable(item.footer))?_c('div',[_c('v-btn',{staticClass:\"my-4 py-4\",attrs:{\"color\":\"primary\",\"disabled\":item.more,\"loading\":item.more,\"block\":\"\"},on:{\"click\":function($event){return _vm.loadMoreLeadsByPhase(item)}}},[_vm._v(\" Cargar más \"),_c('v-icon',{staticClass:\"mx-2\"},[_vm._v(\" mdi-plus-circle \")])],1)],1):_vm._e()],2),_c('footer')],1):_c('div',{class:`list list-${item.value}`},[_c('header',[(item.value === 'discarded')?_c('v-icon',{attrs:{\"size\":\"20\"}},[_vm._v(\" mdi-delete \")]):_vm._e(),(item.value === 'finished')?_c('v-icon',{attrs:{\"size\":\"20\"}},[_vm._v(\" mdi-trophy \")]):_vm._e(),_c('span',[_vm._v(\" \"+_vm._s(item.text)+\" \")]),(\n                  _vm.getValuePhase(_vm.filterLeadStatus, item.value) !== item.value\n                )?_c('span',{staticClass:\"badge badge-info pos-badge\"},[_vm._v(\" ( 0) \")]):(item && item.footer && item.footer.total)?_c('span',{staticClass:\"badge badge-info pos-badge\"},[_vm._v(\" (\"+_vm._s(item.footer.total)+\") \")]):_c('span',{staticClass:\"badge badge-info pos-badge\"},[_vm._v(\" (0) \")])],1),(item.loading)?_c('ul',_vm._l((10),function(item,index){return _c('div',{key:index},[_c('v-skeleton-loader',{staticClass:\"my-4\",attrs:{\"type\":\"list-item-avatar-two-line,list-item, actions\"}})],1)}),0):(_vm.someFilterSelected && item.leads.length <= 0)?_c('ul',{staticClass:\"grey--text\"},[_vm._v(\" No se encontraron Leads con los filtros seleccionados. \")]):(!_vm.someFilterSelected && item.leads.length <= 0)?_c('ul',[_vm._v(\" Parece que no hay Leads en esta fase. \")]):(\n                _vm.getValuePhase(_vm.filterLeadStatus, item.value) !== item.value\n              )?_c('ul',[_vm._v(\" Tiene seleccionada una fase distinta a esta en los filtros. \")]):_c('ul',[_vm._l((item.leads),function(lead,index){return _c('div',{key:index,staticClass:\"border-default card auto lead-card-container\",class:_vm.userRole === 'marketing' ? 'no-hover-pointer' : '',on:{\"click\":function($event){return _vm.setActualLead(lead._id)}}},[_c('lead-card',{attrs:{\"lead\":lead,\"contactLeadName\":lead.contact_lead_name,\"srcBrokerImage\":lead.internal_broker\n                      ? _vm.brokerImageFormat(lead.internal_broker)\n                      : _vm.brokerImageFormat(lead.internal_admin),\"brokerName\":_vm.getBrokerName(lead),\"observations\":lead.observations,\"observations_detail\":lead.observations_detail,\"budget\":parseInt(lead.budget),\"currency\":lead.currency,\"profilePercentage\":_vm._f(\"percentageFormat\")(lead.profile_percentage)}})],1)}),(_vm.loadMoreAvailable(item.footer))?_c('div',[_c('v-btn',{staticClass:\"my-4 py-4\",attrs:{\"color\":\"primary\",\"disabled\":item.more,\"loading\":item.more,\"block\":\"\"},on:{\"click\":function($event){return _vm.loadMoreLeadsByPhase(item)}}},[_vm._v(\" Cargar más \"),_c('v-icon',{staticClass:\"mx-2\"},[_vm._v(\" mdi-plus-circle \")])],1)],1):_vm._e()],2),_c('footer')])])}),0):_c('div',[_c('v-card',{attrs:{\"width\":\"100vw\",\"height\":\"90vh\",\"elevation\":\"0\"}},[_c('v-container',{attrs:{\"fill-height\":\"\"}},[_c('v-row',{attrs:{\"justify\":\"center\",\"align\":\"center\"}},[_c('v-col',{attrs:{\"cols\":\"12\",\"justify\":\"center\",\"align\":\"center\"}},[_c('v-progress-circular',{attrs:{\"width\":5,\"size\":100,\"color\":\"primary\",\"indeterminate\":\"\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\",\"justify\":\"center\",\"align\":\"center\"}},[_c('div',[_vm._v(\" Cargando Leads ... \")])])],1)],1)],1)],1)])],1),_c('lead-detail-modal',{ref:\"leadDetailModal\",attrs:{\"page\":'kanban',\"dialog\":_vm.isDialogActive},on:{\"setDialog\":_vm.setDialog}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div v-if=\"showLeadsDuplicates\">\n      <lead-duplicates />\n    </div>\n    <div v-else id=\"lead-kanban\">\n      <v-card\n        style=\"margin: 2%; padding-top: 0px;\"\n        color=\"\"\n        class=\"mx-auto flexcard\"\n        elevation=\"0\"\n        height=\"100%\"\n        width=\"95%\"\n      >\n        <v-row align=\"center\" justify=\"center\">\n          <v-col cols=\"11 \" class=\"justify-center\">\n            <LeadSearchField\n              style=\"padding-top: 10px;\"\n              :showContactKpis=\"showContactKpis\"\n              :sources=\"sources\"\n              @getShowContactKpis=\"value => (showContactKpis = value)\"\n            />\n          </v-col>\n        </v-row>\n\n        <v-expand-transition>\n          <v-card\n            v-show=\"!showContactKpis\"\n            color=\"\"\n            class=\"rounded-0\"\n            elevation=\"0\"\n            style=\"margin-top: 10px;\"\n          >\n            <div>\n              <lead-how-did-contact-us-kpis\n                style=\"padding-bottom: 0px;\"\n                :leads=\"leads\"\n                @getFilter=\"filterHowDidContactUs\"\n                @getSource=\"value => (sources = value)\"\n              />\n            </div>\n            <!--  <v-card-actions>\n              <v-spacer></v-spacer>\n              <v-btn\n                style=\"padding:0px; margin:0px\"\n                icon\n                color=\"primary\"\n                @click=\"showContactKpis = true\"\n              >\n                <v-icon> mdi-chevron-up</v-icon></v-btn\n              >\n              <v-spacer></v-spacer>\n            </v-card-actions> -->\n          </v-card>\n        </v-expand-transition>\n      </v-card>\n      <div v-if=\"filterLeadsSearchedSt\" class=\"lists\">\n        <div\n          v-for=\"(item, i) in getItemsSearchedKanban(leadsSearchedSt)\"\n          :key=\"i\"\n        >\n          <div :class=\"`list list-${item.value}`\">\n            <header>\n              <v-icon size=\"20\" v-if=\"item.value === 'discarded'\">\n                mdi-delete\n              </v-icon>\n              <v-icon size=\"20\" v-if=\"item.value === 'finished'\">\n                mdi-trophy\n              </v-icon>\n              <span>\n                {{ item.text }}\n              </span>\n              <span\n                v-if=\"\n                  getValuePhase(filterLeadStatus, item.value) !== item.value\n                \"\n                class=\"badge badge-info pos-badge\"\n              >\n                ( 0)\n              </span>\n              <span\n                v-else-if=\"item && item.footer && item.footer.total\"\n                class=\"badge badge-info pos-badge\"\n              >\n                ({{ item.footer.total }})\n              </span>\n              <span v-else class=\"badge badge-info pos-badge\">\n                (0)\n              </span>\n            </header>\n\n            <ul v-if=\"item.leads.length <= 0\">\n              Parece que no hay Leads en esta fase.\n            </ul>\n            <ul v-else>\n              <div\n                v-for=\"(lead, index) in item.leads\"\n                :key=\"index\"\n                class=\"border-default card auto lead-card-container\"\n                :class=\"userRole === 'marketing' ? 'no-hover-pointer' : ''\"\n                @click=\"setActualLead(lead._id)\"\n              >\n                <lead-card\n                  :lead=\"lead\"\n                  :contactLeadName=\"lead.contact_lead_name\"\n                  :srcBrokerImage=\"\n                    lead.internal_broker\n                      ? brokerImageFormat(lead.internal_broker)\n                      : brokerImageFormat(lead.internal_admin)\n                  \"\n                  :brokerName=\"getBrokerName(lead)\"\n                  :observations=\"lead.observations\"\n                  :observations_detail=\"lead.observations_detail\"\n                  :budget=\"parseInt(lead.budget)\"\n                  :currency=\"lead.currency\"\n                  :profilePercentage=\"\n                    lead.profile_percentage | percentageFormat\n                  \"\n                >\n                </lead-card>\n              </div>\n            </ul>\n            <footer></footer>\n          </div>\n        </div>\n      </div>\n      <div v-else>\n        <div\n          :class=\"showDiscardedLeads ? '' : 'lists'\"\n          v-if=\"leadsKanbanSt && leadsKanbanSt.length > 0\"\n        >\n          <div v-for=\"(item, i) in getItemsKanban(leadsKanbanSt)\" :key=\"i\">\n            <div v-if=\"showDiscardedLeads\" :class=\"`list-discarded-only`\">\n              <header>\n                <v-icon size=\"20\" v-if=\"item.value === 'discarded'\">\n                  mdi-delete\n                </v-icon>\n                <span>\n                  {{ item.text }}\n                </span>\n                <span\n                  v-if=\"\n                    getValuePhase(filterLeadStatus, item.value) !== item.value\n                  \"\n                  class=\"badge badge-info pos-badge\"\n                >\n                  (0)\n                </span>\n                <span\n                  v-else-if=\"item && item.footer && item.footer.total\"\n                  class=\"badge badge-info pos-badge\"\n                >\n                  ({{ item.footer.total }})\n                </span>\n                <span v-else class=\"badge badge-info pos-badge\">\n                  (0)\n                </span>\n              </header>\n              <v-row v-if=\"item.loading\">\n                <div v-for=\"(item, index) in 10\" :key=\"index\" class=\"mx-2\">\n                  <v-skeleton-loader\n                    width=\"350px\"\n                    class=\"my-4\"\n                    type=\"list-item-avatar-two-line,list-item, actions\"\n                  ></v-skeleton-loader>\n                </div>\n              </v-row>\n              <v-row\n                v-else-if=\"someFilterSelected && item.leads.length <= 0\"\n                class=\"my-10 mx-2 grey--text\"\n              >\n                <v-card elevation=\"0\" color=\"transparent\">\n                  No se encontraron Leads con los filtros seleccionados.\n                </v-card>\n              </v-row>\n              <v-row\n                class=\"my-10 mx-2 grey--text\"\n                v-else-if=\"!someFilterSelected && item.leads.length <= 0\"\n              >\n                <v-card elevation=\"0\" color=\"transparent\">\n                  Parece que no hay Leads en esta fase.\n                </v-card>\n              </v-row>\n              <v-row\n                v-else-if=\"\n                  getValuePhase(filterLeadStatus, item.value) !== item.value\n                \"\n              >\n                <v-card\n                  elevation=\"0\"\n                  color=\"transparent\"\n                  class=\"my-10 mx-2 grey--text\"\n                >\n                  Tiene seleccionada una fase distinta a esta en los filtros.\n                </v-card>\n              </v-row>\n\n              <v-row v-else>\n                <div\n                  v-for=\"(lead, index) in item.leads\"\n                  :key=\"index\"\n                  class=\"mx-2 border-default card auto lead-card-container\"\n                  :class=\"userRole === 'marketing' ? 'no-hover-pointer' : ''\"\n                  @click=\"setActualLead(lead._id)\"\n                >\n                  <lead-card\n                    :lead=\"lead\"\n                    :contactLeadName=\"lead.contact_lead_name\"\n                    :srcBrokerImage=\"\n                      lead.internal_broker\n                        ? brokerImageFormat(lead.internal_broker)\n                        : brokerImageFormat(lead.internal_admin)\n                    \"\n                    :brokerName=\"getBrokerName(lead)\"\n                    :observations=\"lead.observations\"\n                    :observations_detail=\"lead.observations_detail\"\n                    :budget=\"parseInt(lead.budget)\"\n                    :currency=\"lead.currency\"\n                    :profilePercentage=\"\n                      lead.profile_percentage | percentageFormat\n                    \"\n                  >\n                  </lead-card>\n                </div>\n                <div v-if=\"loadMoreAvailable(item.footer)\">\n                  <v-btn\n                    color=\"primary\"\n                    class=\"my-4 py-4\"\n                    :disabled=\"item.more\"\n                    :loading=\"item.more\"\n                    @click=\"loadMoreLeadsByPhase(item)\"\n                    block\n                  >\n                    Cargar más\n                    <v-icon class=\"mx-2\">\n                      mdi-plus-circle\n                    </v-icon>\n                  </v-btn>\n                </div>\n                <!-- <div v-else>\n                <v-btn block disabled>\n                  Limite alcanzado\n                </v-btn>\n              </div> -->\n              </v-row>\n              <footer></footer>\n            </div>\n            <div v-else :class=\"`list list-${item.value}`\">\n              <header>\n                <v-icon size=\"20\" v-if=\"item.value === 'discarded'\">\n                  mdi-delete\n                </v-icon>\n                <v-icon size=\"20\" v-if=\"item.value === 'finished'\">\n                  mdi-trophy\n                </v-icon>\n                <span>\n                  {{ item.text }}\n                </span>\n                <span\n                  v-if=\"\n                    getValuePhase(filterLeadStatus, item.value) !== item.value\n                  \"\n                  class=\"badge badge-info pos-badge\"\n                >\n                  ( 0)\n                </span>\n                <span\n                  v-else-if=\"item && item.footer && item.footer.total\"\n                  class=\"badge badge-info pos-badge\"\n                >\n                  ({{ item.footer.total }})\n                </span>\n                <span v-else class=\"badge badge-info pos-badge\">\n                  (0)\n                </span>\n              </header>\n              <ul v-if=\"item.loading\">\n                <div v-for=\"(item, index) in 10\" :key=\"index\">\n                  <v-skeleton-loader\n                    class=\"my-4\"\n                    type=\"list-item-avatar-two-line,list-item, actions\"\n                  ></v-skeleton-loader>\n                </div>\n              </ul>\n              <ul\n                v-else-if=\"someFilterSelected && item.leads.length <= 0\"\n                class=\"grey--text\"\n              >\n                No se encontraron Leads con los filtros seleccionados.\n              </ul>\n              <ul v-else-if=\"!someFilterSelected && item.leads.length <= 0\">\n                Parece que no hay Leads en esta fase.\n              </ul>\n              <ul\n                v-else-if=\"\n                  getValuePhase(filterLeadStatus, item.value) !== item.value\n                \"\n              >\n                Tiene seleccionada una fase distinta a esta en los filtros.\n              </ul>\n\n              <ul v-else>\n                <div\n                  v-for=\"(lead, index) in item.leads\"\n                  :key=\"index\"\n                  class=\"border-default card auto lead-card-container\"\n                  :class=\"userRole === 'marketing' ? 'no-hover-pointer' : ''\"\n                  @click=\"setActualLead(lead._id)\"\n                >\n                  <lead-card\n                    :lead=\"lead\"\n                    :contactLeadName=\"lead.contact_lead_name\"\n                    :srcBrokerImage=\"\n                      lead.internal_broker\n                        ? brokerImageFormat(lead.internal_broker)\n                        : brokerImageFormat(lead.internal_admin)\n                    \"\n                    :brokerName=\"getBrokerName(lead)\"\n                    :observations=\"lead.observations\"\n                    :observations_detail=\"lead.observations_detail\"\n                    :budget=\"parseInt(lead.budget)\"\n                    :currency=\"lead.currency\"\n                    :profilePercentage=\"\n                      lead.profile_percentage | percentageFormat\n                    \"\n                  >\n                  </lead-card>\n                </div>\n                <div v-if=\"loadMoreAvailable(item.footer)\">\n                  <v-btn\n                    color=\"primary\"\n                    class=\"my-4 py-4\"\n                    :disabled=\"item.more\"\n                    :loading=\"item.more\"\n                    @click=\"loadMoreLeadsByPhase(item)\"\n                    block\n                  >\n                    Cargar más\n                    <v-icon class=\"mx-2\">\n                      mdi-plus-circle\n                    </v-icon>\n                  </v-btn>\n                </div>\n                <!-- <div v-else>\n                <v-btn block disabled>\n                  Limite alcanzado\n                </v-btn>\n              </div> -->\n              </ul>\n              <footer></footer>\n            </div>\n          </div>\n        </div>\n        <div v-else>\n          <v-card width=\"100vw\" height=\"90vh\" elevation=\"0\">\n            <v-container fill-height>\n              <v-row justify=\"center\" align=\"center\">\n                <v-col cols=\"12\" justify=\"center\" align=\"center\">\n                  <v-progress-circular\n                    :width=\"5\"\n                    :size=\"100\"\n                    color=\"primary\"\n                    indeterminate\n                  ></v-progress-circular>\n                </v-col>\n                <v-col cols=\"12\" justify=\"center\" align=\"center\">\n                  <div>\n                    Cargando Leads ...\n                  </div>\n                </v-col>\n              </v-row>\n            </v-container>\n          </v-card>\n        </div>\n      </div>\n    </div>\n    <lead-detail-modal\n      ref=\"leadDetailModal\"\n      :page=\"'kanban'\"\n      :dialog=\"isDialogActive\"\n      @setDialog=\"setDialog\"\n    />\n  </div>\n</template>\n<script>\nimport { mapState, mapGetters, mapActions, mapMutations } from \"vuex\";\n\nimport moment from \"moment\";\nmoment.locale(\"es\");\n\nexport default {\n  components: {\n    LeadSearchField: () => import(\"@/components/lead/LeadSearchField.vue\"),\n    LeadDuplicates: () => import(\"@/components/lead/LeadDuplicates.vue\"),\n    LeadHowDidContactUsKpis: () =>\n      import(\"@/components/lead/LeadHowDidContactUsKpis.vue\"),\n    LeadDetailModal: () => import(\"@/components/lead/LeadDetailModal.vue\"),\n    LeadCard: () => import(\"@/components/lead/LeadCard.vue\")\n  },\n  data() {\n    return {\n      showContactKpis: true,\n      sources: [\"3\"],\n      isDialogActive: false,\n      userRole: localStorage.getItem(\"user_role\") || \"\"\n    };\n  },\n  computed: {\n    ...mapState({\n      loading: state => state.leads.loading,\n      leadsKanbanSt: state => state.leads.leadsKanban,\n      filtersSt: state => state.leads.filter.filters,\n      // lead: state => state.leads.actualItem,\n      filtersSelectedSt: state => state.leads.filter.filtersSelected,\n      filtersSelectedChangedSt: state =>\n        state.leads.filter.filtersSelectedChanged,\n      someFilterSelected: state => state.leads.filter.filterSomeFilterSelected,\n      showDiscardedLeads: state => state.leads.filterShowDiscarded,\n      showDiscardedAndActive: state => state.leads.filterShowDiscardedAndActive,\n      showLeadsDuplicates: state => state.leads.filterShowLeadsDuplicates,\n      realEstateGroupLoading: state =>\n        state.realEstateGroup.realEstateGroupLoading,\n      realEstateGroup: state => state.realEstateGroup.realEstateGroup,\n      filterLeadStatus: state => state.leads.filterLeadStatus,\n      leadsSearchedSt: state => state.leads.leadsSearched,\n      filterLeadsSearchedSt: state => state.leads.filterLeadsSearched\n    }),\n    ...mapGetters(\"leads\", {\n      leads: \"filteredLeads\"\n    }),\n    searchTextFilter: {\n      get() {\n        return this.$store.state.leads.filterText;\n      },\n      set(newValue) {\n        this.$store.commit(\n          \"leads/setFilterText\",\n          newValue.trim().toLowerCase()\n        );\n      }\n    }\n  },\n  filters: {\n    percentageFormat(percentage) {\n      if (!percentage || isNaN(percentage)) return 0;\n      let percentageParsed = parseInt(percentage);\n      return percentageParsed;\n    },\n    dateFormat(date, isFullDate = false) {\n      if (!date) return \"\";\n      let format = \"DD-MMM-YYYY\";\n      if (isFullDate) format = \"DD-MMM-YYYY h:mm a\";\n      let dateParsed = moment(String(date)).format(format);\n      return dateParsed;\n    },\n\n    interestFormat(targetAction, propertyType, interestedZones) {\n      let htmlInterested = \"\";\n      // let propertyTypeTest = ['Departamento', 'Departamento 2', 'Departamento 3']\n\n      if (targetAction) htmlInterested += targetAction;\n      if (propertyType && propertyType.length > 0) {\n        htmlInterested += \" \" + propertyType.toString();\n      }\n      if (interestedZones) htmlInterested += \" \" + interestedZones;\n      return htmlInterested;\n    }\n  },\n  created() {\n    if (this.filtersSt) {\n      this.fetchGetLeadsKanbanByPhaseSt({\n        filter: this.filtersSelectedSt,\n        page: 0,\n        phases: this.filtersSt.phases\n      });\n    }\n    // this.fetchRealEstateListStore();\n  },\n  methods: {\n    // pasar a una librería\n    getValuePhase(data, value) {\n      if (!data) {\n        return value;\n      } else {\n        switch (data.phase) {\n          case \"active\":\n            return data.tracking_phase;\n          case \"in-operation\":\n            return data.operation_phase;\n\n          default:\n            return data.phase;\n        }\n      }\n    },\n    loadMoreLeadsByPhase(data) {\n      this.fetchMoreLeadsKanbanByPhaseSt(data);\n    },\n    loadMoreAvailable(data) {\n      return data.page < Math.ceil(data.pages) - 1;\n    },\n    getSafeNestedField(fn, defaultVal) {\n      try {\n        return fn();\n      } catch (e) {\n        return defaultVal;\n      }\n    },\n    getItemsSearchedKanban(items) {\n      const phases = this.filtersSt.phases ? this.filtersSt.phases : [];\n      let list = [];\n      for (let i = 0; i < phases.length; i++) {\n        list.push({\n          data: phases[i].data,\n          text: phases[i].text,\n          value: phases[i].value,\n          error: false,\n          footer: null,\n          index: i,\n          leads: items.filter(l => {\n            if (phases[i].data.phase === \"active\") {\n              return (\n                l.phase === \"active\" &&\n                l.tracking_phase === phases[i].data.tracking_phase\n              );\n            } else if (phases[i].data.phase === \"in-operation\") {\n              return (\n                l.phase === \"in-operation\" &&\n                l.tracking_phase === phases[i].data.operation_phase\n              );\n            } else {\n              return l.phase === phases[i].data.phase;\n            }\n          }),\n          loading: false,\n          more: false,\n          update: false\n        });\n      }\n      return list;\n    },\n    getItemsKanban(items) {\n      if (items) {\n        if (this.showDiscardedAndActive) {\n          return items;\n        } else if (this.showDiscardedLeads) {\n          return items.filter(i => {\n            return i.value === \"discarded\";\n          });\n        } else {\n          return items.filter(i => {\n            return i.value !== \"discarded\";\n          });\n        }\n      } else {\n        return items.filter(i => {\n          return i.value !== \"discarded\";\n        });\n      }\n    },\n    ...mapActions({\n      fetchActualLead: \"leads/fetchActualLead\",\n      fetchGetLeadsKanbanByPhaseSt: \"leads/fetchGetLeadsKanbanByPhase\",\n      fetchMoreLeadsKanbanByPhaseSt: \"leads/fetchMoreLeadsKanbanByPhase\",\n      fetchRealEstateListStore: \"realEstateDevelopments/getRealEstateDevAssgign\"\n    }),\n    ...mapMutations({\n      setLoading: \"leads/setLoading\",\n      setFiltersSelectedSt: \"leads/setFiltersSelected\",\n      setSecondaryLead: \"leads/setSecondaryLead\"\n    }),\n    brokerImageFormat(broker) {\n      if (!(broker && broker.name)) return \"\";\n      let brokerSrcImg = \"\";\n      let brokerName = \"\";\n      if (broker.name) brokerName = broker.name;\n      if (\n        broker.media &&\n        broker.media.featured_image &&\n        broker.media.featured_image.src\n      )\n        brokerSrcImg = broker.media.featured_image.src;\n      if (!brokerName) brokerName = \"C28\";\n      if (!brokerSrcImg)\n        brokerSrcImg =\n          \"https://dummyimage.com/400x200/262d3c/fff&text=\" +\n          brokerName.substring(0, 2);\n\n      return brokerSrcImg;\n    },\n    getBrokerName(lead) {\n      if (lead.internal_broker) {\n        return lead.internal_broker.name;\n      } else if (lead.internal_admin) {\n        return lead.internal_admin.name;\n      } else {\n        return \"\";\n      }\n    },\n    sortListExperideToPosponent(list) {\n      return list.sort(function(a, b) {\n        let dateA =\n          a.postponed.date_at === null ? new Date() : a.postponed.date_at;\n        let dateB =\n          b.postponed.date_at === null ? new Date() : b.postponed.date_at;\n        return new Date(dateA) - new Date(dateB);\n      });\n    },\n    setActualLead(leadId) {\n      // si es usuario es marketing no realizar ninguna acción\n      if (this.userRole !== \"marketing\") {\n        let self = this;\n        self.setLoading(true);\n        self.setDialog(true);\n        // resetear leads seleccionados (checkboxes)\n        self.selectedItems = [];\n        //this.$refs.leadDetailModal.getTrafficData();\n        this.fetchActualLead(leadId)\n          .then(lead => {\n            let data = JSON.parse(JSON.stringify(lead));\n            this.$store.commit(\"leads/setSecondaryLead\", data);\n            self.setLoading(false);\n          })\n          .finally(() => {\n            setTimeout(() => {\n              self.setLoading(false);\n            }, 1000);\n          });\n      }\n    },\n    setDialog(isActive) {\n      this.isDialogActive = isActive;\n    },\n    filterHowDidContactUs(setValue) {\n      this.$store.commit(\"leads/setFilterHowDidContactUs\", setValue);\n    }\n  },\n  watch: {\n    filtersSt(newValue, oldValue) {\n      if (oldValue == null || oldValue === undefined) {\n        if (newValue) {\n          this.fetchGetLeadsKanbanByPhaseSt({\n            filter: this.filtersSelectedSt,\n            page: 0,\n            phases: newValue.phases\n          });\n        }\n      }\n    },\n    lead(newValue) {\n      this.lead = newValue;\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n// Layout\n$navbar-height: 30px;\n$list-width: 400px;\n$gap: 10px;\n$scrollbar-thickness: 5px;\n$list-header-height: 50px;\n$list-footer-height: 36px;\n// Misc\n$list-border-radius: 10px;\n$card-border-radius: 0px;\n// Colors\n$board-bg-color: #2d3846;\n$list-bg-color: #f1f5f7;\n\nbody {\n  margin: 0;\n\n  font-family: \"Roboto\";\n  font-size: 14px;\n  line-height: 1.3em;\n}\n\n.card {\n  position: relative;\n}\n\n.ui {\n  height: 100vh;\n\n  display: grid;\n  //grid-template-columns: 100%;\n\n  background-color: $board-bg-color;\n  color: #2d3846;\n}\n\n.navbar {\n  padding-left: $gap;\n  display: flex;\n  margin-bottom: 26px;\n  align-items: center;\n  &.board {\n    font-size: 1.1rem;\n  }\n}\n\n.lists {\n  display: flex;\n  overflow-x: auto;\n  //width: 100%; // This is needed for FF < 54\n  > * {\n    flex: 0 0 auto; // 'rigid' lists\n    margin-left: $gap;\n  }\n  &::after {\n    content: \"\";\n    flex: 0 0 $gap;\n  }\n  height: 90vh;\n}\n\n.list {\n  width: $list-width;\n  height: calc(100% - #{$gap} - #{$scrollbar-thickness});\n  background-color: $list-bg-color;\n\n  > * {\n    color: #333;\n\n    padding: 0 $gap;\n  }\n\n  header {\n    line-height: $list-header-height;\n    font-size: 16px;\n    font-weight: bold;\n    border-top-left-radius: $list-border-radius;\n    border-top-right-radius: $list-border-radius;\n  }\n\n  footer {\n    line-height: $list-footer-height;\n    border-bottom-left-radius: $list-border-radius;\n    border-bottom-right-radius: $list-border-radius;\n    color: #888;\n  }\n\n  ul {\n    list-style: none;\n    margin: 0;\n    max-height: calc(100% - #{$list-header-height} - #{$list-footer-height});\n    overflow-y: auto;\n\n    li {\n      background-color: #fff;\n      padding: $gap;\n      &:not(:last-child) {\n        margin-bottom: $gap;\n      }\n\n      border-radius: $card-border-radius;\n      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);\n\n      img {\n        display: block;\n        width: calc(100% + 2 * #{$gap});\n        margin: -$gap 0 $gap (-$gap);\n        border-top-left-radius: $card-border-radius;\n        border-top-right-radius: $card-border-radius;\n      }\n    }\n  }\n}\n\n.border-no-response {\n  border-style: solid;\n  border-color: #2d3846;\n}\n.vl-no-response {\n  border-left: 12px solid;\n  border-color: #2d3846;\n  border-radius: 3px;\n  height: auto;\n}\n.pos-text-unassigned {\n  margin-top: -35px;\n  position: absolute;\n  padding-left: 215px;\n  margin-left: 0px;\n  font-size: 11px;\n}\n.pos-text-discarded {\n  margin-top: -35px;\n  position: absolute;\n  padding-left: 182px;\n  margin-left: 0px;\n  font-size: 11px;\n}\n.pos-badge {\n  color: #b9b9b9;\n  font-size: smaller;\n  margin-left: 4px;\n}\n.text-href {\n  color: #6495ed;\n  font-weight: bold;\n  margin-left: -4px !important;\n}\n//pruenbas de estilos dinamicos\n.text-blue {\n  color: blue;\n  font-weight: bold;\n}\n.text-green {\n  color: greenyellow;\n  font-weight: bold;\n}\n// Pruebas de estilos dinamicos\n.list.list-default .lead-card {\n  border-left: 10px solid;\n  border-color: #ff4500;\n  height: auto;\n}\n\n.list.list-unassigned .lead-card {\n  border-left: 10px solid;\n  border-color: #ff4500;\n  height: auto;\n}\n\n.clock-icon {\n  float: right;\n  color: #ff4500;\n}\n\n.row-parent {\n  display: table;\n  width: 100%;\n  table-layout: fixed;\n  border-spacing: 5px;\n}\n\n.row-child {\n  display: table-cell;\n}\n.btn-info {\n  border-color: rgba(30, 39, 46, 1) !important;\n  color: rgba(30, 39, 46, 1) !important;\n  position: absolute;\n  bottom: 16px;\n  margin: auto;\n  right: 1182px;\n}\n.list.list-finished {\n  background-color: #fffbe8;\n}\n.list-discarded-only {\n  background-color: #eae9e9;\n  width: 100vw;\n  height: auto;\n}\n.list.list-unassigned {\n  background-color: #ffeaea;\n}\n.list.list-discarded {\n  background-color: #eae9e9;\n}\n.lead-card-container:hover {\n  cursor: pointer;\n}\n.no-hover-pointer:hover {\n  cursor: inherit;\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LeadKanban.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LeadKanban.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LeadKanban.vue?vue&type=template&id=e205446a&scoped=true&\"\nimport script from \"./LeadKanban.vue?vue&type=script&lang=js&\"\nexport * from \"./LeadKanban.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LeadKanban.vue?vue&type=style&index=0&id=e205446a&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"e205446a\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LeadKanban.vue?vue&type=style&index=0&id=e205446a&prod&lang=scss&scoped=true&\""],"sourceRoot":""}