<?php // Exit if accessed directly.

[0] Fix | Delete

if ( ! defined( 'ABSPATH' ) ) exit; ?>

[1] Fix | Delete

<!-- template for the modal component -->

[2] Fix | Delete

<script type="x/template" id="amp-pagebuilder-module-modal-template">

[3] Fix | Delete

<transition name="amp-pagebuilder-module-modal">

[4] Fix | Delete

<div class="modal-mask">

[5] Fix | Delete

<div class="modal-wrapper">

[6] Fix | Delete

<div class="modal-container">

[7] Fix | Delete

<button type="button" class="media-modal-close" @click="hideModulePopUp()">

[8] Fix | Delete

<span class="media-modal-icon"></span>

[9] Fix | Delete

</button>

[10] Fix | Delete

<div class="modal-content">

[11] Fix | Delete

<div class="modal-sidebar">

[12] Fix | Delete

<ul>

[13] Fix | Delete

<li v-for="(tab, key, index) in modalcontent.tabs"

[14] Fix | Delete

@click="showtabs(key)"

[15] Fix | Delete

class="link"

[16] Fix | Delete

:class="{'active': modalcontent.default_tab==key}">

[17] Fix | Delete

{{tab}}

[18] Fix | Delete

</li>

[19] Fix | Delete

</ul>

[20] Fix | Delete

</div>

[21] Fix | Delete

<div class="modal-header">

[22] Fix | Delete

<h3>{{modalcontent.label}}

[23] Fix | Delete

<em v-if="editModuleTempTitle==false"> : {{modalcontent.cell_identity_name}}

[24] Fix | Delete

<i class="dashicons-head dashicons dashicons-edit" v-on:click="editModuleTempTitle = modalcontent.cell_identity_name"></i>

[25] Fix | Delete

</em>

[26] Fix | Delete

<em v-if="editModuleTempTitle!=false">

[27] Fix | Delete

<input type="text" v-model="modalcontent.cell_identity_name">

[28] Fix | Delete

<span v-on:click="saveModuleTitle(modalcontent);"><i class="dashicons-head dashicons dashicons-yes"></i></span>

[29] Fix | Delete

<span v-on:click="cancleModuleTitle(modalcontent);"><i class="dashicons-head dashicons dashicons-no"></i></span>

[30] Fix | Delete

</em>

[31] Fix | Delete

</h3>

[32] Fix | Delete

</div>

[33] Fix | Delete

<div class="modal-body">

[34] Fix | Delete

<div class="modal-settings">

[35] Fix | Delete

<fields-data v-for="(field, key, index) in modalcontent.fields"

[36] Fix | Delete

:field="field"

[37] Fix | Delete

:key="key"

[38] Fix | Delete

:fieldkey="key"

[39] Fix | Delete

:completeFields="modalcontent.fields"

[40] Fix | Delete

:repeater="0"

[41] Fix | Delete

:defaulttab="modalcontent.default_tab"

[42] Fix | Delete

></fields-data>

[43] Fix | Delete

<div v-if="modalcontent.repeater && modalcontent.repeater.tab==modalcontent.default_tab" class="amp-repeaters" v-show="repeaterShowHideCheck(modalcontent)">

[44] Fix | Delete

[45] Fix | Delete

<div class="heading">

[46] Fix | Delete

</div>

[47] Fix | Delete

<!-- <drop class="drop" :class="{'row-dropping':rowOverDrop}" @drop="handleDrop" @dragover="rowOverDrop = true"-->

[48] Fix | Delete

<!-- @dragleave="rowOverDrop = false">-->

[49] Fix | Delete

<draggable :element="'div'" class="dragrow"

[50] Fix | Delete

v-model="modalcontent.repeater.showFields"

[51] Fix | Delete

:options="{

[52] Fix | Delete

animation:200,

[53] Fix | Delete

draggable:'.amp-repeat-field',

[54] Fix | Delete

handle: '.amppb-repeaterfields-handle',

[55] Fix | Delete

ghostClass: 'ghost',

[56] Fix | Delete

group:{name:'.amp-repeat-field'}

[57] Fix | Delete

}"

[58] Fix | Delete

@start="rowdrag=true"

[59] Fix | Delete

@end="rowdrag=false;repeater_rows_moved($event)">

[60] Fix | Delete

[61] Fix | Delete

<div v-for="(repeaterfields, key, index) in modalcontent.repeater.showFields" class="amp-repeat-field" :class="[{'amp-repeat-active': (key==0)}, 'repeater-'+ key]" >

[62] Fix | Delete

<div class="amp-accordion-head amppb_accordion__panel" v-on:click="repeaterAcoordian($event);">

[63] Fix | Delete

<span class="amppb-repeaterfields-handle dashicons dashicons-move"></span>

[64] Fix | Delete

<span class="repeater_num">{{key+1}}</span> {{modalcontent.label}} Field

[65] Fix | Delete

<span class="amp-accordion-label" v-on:click="showhideAccordian($event);"> {{(key==0)? '(Hide)': '(Show)'}}</span>

[66] Fix | Delete

<div class="right"

[67] Fix | Delete

v-on:click="removeRepeaterSection(key, modalcontent.repeater.showFields)">Remove</div>

[68] Fix | Delete

</div>

[69] Fix | Delete

<div class="amp-accordion-content" v-bind:class="{ active: (key==0),'hide': (key!=0) }">

[70] Fix | Delete

<fields-data v-for="(rfield, key, index) in repeaterfields"

[71] Fix | Delete

:field="rfield"

[72] Fix | Delete

:key="key"

[73] Fix | Delete

:fieldkey="key"

[74] Fix | Delete

:completeFields="modalcontent.fields"

[75] Fix | Delete

:repeater="1"

[76] Fix | Delete

:defaulttab="modalcontent.default_tab"

[77] Fix | Delete

></fields-data>

[78] Fix | Delete

</div>

[79] Fix | Delete

[80] Fix | Delete

</div>

[81] Fix | Delete

</draggable>

[82] Fix | Delete

<div class="amp_repeater_addmore">

[83] Fix | Delete

<input type="button" class="button" @click="duplicateRepeaterField(modalcontent.repeater)" :value="'Add '+modalcontent.label+' Field'">

[84] Fix | Delete

</div>

[85] Fix | Delete

</div>

[86] Fix | Delete

</div>

[87] Fix | Delete

</div>

[88] Fix | Delete

<div class="clearfix"></div>

[89] Fix | Delete

</div>

[90] Fix | Delete

[91] Fix | Delete

<div class="modal-footer">

[92] Fix | Delete

<slot name="footer form-control">

[93] Fix | Delete

<input type="button" v-if="modalcontent.settingType!='row'" class="button button-info del-btn-modal" value="Delete" @click="removeModule()">

[94] Fix | Delete

[95] Fix | Delete

<button type="button" @click="saveModulePopupdata(modalcontent.fields)" class="button modal-default-button save-btn-modal button-primary">

[96] Fix | Delete

Save Module

[97] Fix | Delete

</button>

[98] Fix | Delete

<button type="button" class="button close-btn-modal modal-default-button" @click="hideModulePopUp()">

[99] Fix | Delete

Close

[100] Fix | Delete

</button>

[101] Fix | Delete

</slot>

[102] Fix | Delete

</div>

[103] Fix | Delete

[104] Fix | Delete

</div>

[105] Fix | Delete

</div>

[106] Fix | Delete

</div>

[107] Fix | Delete

</transition>

[108] Fix | Delete

</script>

[109] Fix | Delete