582 lines
10 KiB
JavaScript
582 lines
10 KiB
JavaScript
(function($){
|
|
|
|
/*
|
|
* Repeater
|
|
*
|
|
* This field type requires some extra logic for its settings
|
|
*
|
|
* @type function
|
|
* @date 24/10/13
|
|
* @since 5.0.0
|
|
*
|
|
* @param n/a
|
|
* @return n/a
|
|
*/
|
|
|
|
var acf_settings_repeater = acf.field_group.field_object.extend({
|
|
|
|
type: 'repeater',
|
|
|
|
actions: {
|
|
'render_settings': 'render'
|
|
},
|
|
|
|
events: {
|
|
'change .acf-field-setting-layout input': '_change_layout',
|
|
'focus .acf-field-setting-collapsed select': '_focus_collapsed'
|
|
},
|
|
|
|
focus: function(){
|
|
|
|
this.$fields = this.$field.find('.acf-field-list:first');
|
|
|
|
},
|
|
|
|
render: function(){
|
|
|
|
this.render_layout();
|
|
this.render_collapsed();
|
|
|
|
},
|
|
|
|
render_layout: function(){
|
|
|
|
// vars
|
|
var layout = this.setting('layout input:checked').val();
|
|
|
|
|
|
// update data
|
|
this.$fields.attr('data-layout', layout);
|
|
|
|
},
|
|
|
|
render_collapsed: function(){
|
|
|
|
// vars
|
|
var $select = this.setting('collapsed select');
|
|
|
|
|
|
// collapsed
|
|
var choices = [];
|
|
|
|
|
|
// keep 'null' choice
|
|
choices.push({
|
|
'label': $select.find('option[value=""]').text(),
|
|
'value': ''
|
|
});
|
|
|
|
|
|
// loop
|
|
this.$fields.children('.acf-field-object').each(function(){
|
|
|
|
// vars
|
|
var $field = $(this);
|
|
|
|
|
|
// append
|
|
choices.push({
|
|
'label': $field.find('.field-label:first').val(),
|
|
'value': $field.attr('data-key')
|
|
});
|
|
|
|
});
|
|
|
|
|
|
// render
|
|
acf.render_select( $select, choices );
|
|
|
|
},
|
|
|
|
_change_layout: function( e ){
|
|
|
|
this.render_layout();
|
|
|
|
},
|
|
|
|
_focus_collapsed: function( e ){
|
|
|
|
this.render_collapsed();
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
/*
|
|
* flexible_content
|
|
*
|
|
* description
|
|
*
|
|
* @type function
|
|
* @date 25/09/2015
|
|
* @since 5.2.3
|
|
*
|
|
* @param $post_id (int)
|
|
* @return $post_id (int)
|
|
*/
|
|
|
|
var acf_settings_flexible_content = acf.field_group.field_object.extend({
|
|
|
|
type: 'flexible_content',
|
|
|
|
actions: {
|
|
'render_settings': 'render'
|
|
},
|
|
|
|
render: function(){
|
|
|
|
// reference
|
|
var self = this,
|
|
$field = this.$field;
|
|
|
|
|
|
// sortable
|
|
if( ! this.$settings.hasClass('ui-sortable') ) {
|
|
|
|
// add sortable
|
|
this.$settings.sortable({
|
|
items : '> .acf-field-setting-fc_layout',
|
|
handle : '[data-name="acf-fc-reorder"]',
|
|
forceHelperSize : true,
|
|
forcePlaceholderSize : true,
|
|
scroll : true,
|
|
start : function (event, ui) {
|
|
|
|
acf.do_action('sortstart', ui.item, ui.placeholder);
|
|
|
|
},
|
|
|
|
stop : function (event, ui) {
|
|
|
|
acf.do_action('sortstop', ui.item, ui.placeholder);
|
|
|
|
// save flexible content (layout order has changed)
|
|
acf.field_group.save_field( $field );
|
|
|
|
}
|
|
});
|
|
|
|
}
|
|
|
|
|
|
// render layouts
|
|
this.$settings.children('.acf-field-setting-fc_layout').each(function(){
|
|
|
|
self.layout.render( $(this) );
|
|
|
|
});
|
|
|
|
},
|
|
|
|
|
|
layout: null
|
|
|
|
});
|
|
|
|
|
|
acf_settings_flexible_content.layout = acf.model.extend({
|
|
|
|
actions: {
|
|
'update_field_parent': 'update_field_parent'
|
|
},
|
|
|
|
events: {
|
|
'change .acf-fc-meta-display select': '_change_display',
|
|
'blur .acf-fc-meta-label input': '_blur_label',
|
|
'click a[data-name="acf-fc-add"]': '_add',
|
|
'click a[data-name="acf-fc-duplicate"]': '_duplicate',
|
|
'click a[data-name="acf-fc-delete"]': '_delete'
|
|
},
|
|
|
|
event: function( e ){
|
|
|
|
return e.$el.closest('.acf-field-setting-fc_layout');
|
|
|
|
},
|
|
|
|
update_meta: function( $field, $layout ){
|
|
|
|
acf.field_group.update_field_meta( $field, 'parent_layout', $layout.attr('data-id') );
|
|
|
|
},
|
|
|
|
delete_meta: function( $field ){
|
|
|
|
acf.field_group.delete_field_meta( $field, 'parent_layout' );
|
|
|
|
},
|
|
|
|
|
|
/*
|
|
* update_field_parent
|
|
*
|
|
* this function will update a sub field's 'parent_layout' meta data
|
|
*
|
|
* @type function
|
|
* @date 16/11/16
|
|
* @since 5.5.0
|
|
*
|
|
* @param $post_id (int)
|
|
* @return $post_id (int)
|
|
*/
|
|
|
|
update_field_parent: function( $el, $parent ){
|
|
|
|
// vars
|
|
var $layout = $el.closest('.acf-field-setting-fc_layout');
|
|
|
|
|
|
// bail early if not a sub field of a flexible content field
|
|
// - don't save field as lack of 'parent' will avoid any issues with field's 'parent_layout' setting
|
|
if( !$layout.exists() ) {
|
|
|
|
return this.delete_meta( $el );
|
|
|
|
}
|
|
|
|
|
|
// update meta
|
|
this.update_meta( $el, $layout );
|
|
|
|
|
|
// save field
|
|
// - parent_layout meta needs to be saved within the post_content serialized array
|
|
acf.field_group.save_field( $el );
|
|
|
|
},
|
|
|
|
|
|
/*
|
|
* render
|
|
*
|
|
* This function will update the field list class
|
|
*
|
|
* @type function
|
|
* @date 8/04/2014
|
|
* @since 5.0.0
|
|
*
|
|
* @param $field_list
|
|
* @return n/a
|
|
*/
|
|
|
|
render: function( $el ){
|
|
|
|
// reference
|
|
var self = this;
|
|
|
|
|
|
// vars
|
|
var $key = $el.find('.acf-fc-meta-key:first input'),
|
|
$fields = $el.find('.acf-field-list:first'),
|
|
display = $el.find('.acf-fc-meta-display:first select').val();
|
|
|
|
|
|
// update key
|
|
// - both duplicate and add function need this
|
|
$key.val( $el.attr('data-id') );
|
|
|
|
|
|
// update data
|
|
$fields.attr('data-layout', display);
|
|
|
|
|
|
// update meta
|
|
$fields.children('.acf-field-object').each(function(){
|
|
|
|
self.update_meta( $(this), $el );
|
|
|
|
});
|
|
|
|
},
|
|
|
|
|
|
/*
|
|
* events
|
|
*
|
|
* description
|
|
*
|
|
* @type function
|
|
* @date 25/09/2015
|
|
* @since 5.2.3
|
|
*
|
|
* @param $post_id (int)
|
|
* @return $post_id (int)
|
|
*/
|
|
|
|
_change_display: function( $el ){
|
|
|
|
this.render( $el );
|
|
|
|
},
|
|
|
|
_blur_label: function( $el ){
|
|
|
|
// vars
|
|
var $label = $el.find('.acf-fc-meta-label:first input'),
|
|
$name = $el.find('.acf-fc-meta-name:first input');
|
|
|
|
|
|
// only if name is empty
|
|
if( $name.val() == '' ) {
|
|
|
|
// vars
|
|
var s = $label.val();
|
|
|
|
|
|
// sanitize
|
|
s = acf.str_sanitize(s);
|
|
|
|
|
|
// update name
|
|
$name.val( s ).trigger('change');
|
|
|
|
}
|
|
|
|
},
|
|
|
|
_add: function( $el ){
|
|
|
|
// duplicate
|
|
var $el2 = acf.duplicate({
|
|
$el: $el,
|
|
after: function( $el, $el2 ){
|
|
|
|
// remove sub fields
|
|
$el2.find('.acf-field-object').remove();
|
|
|
|
|
|
// show add new message
|
|
$el2.find('.no-fields-message').show();
|
|
|
|
|
|
// reset layout meta values
|
|
$el2.find('.acf-fc-meta input').val('');
|
|
|
|
}
|
|
});
|
|
|
|
|
|
// render layout
|
|
this.render( $el2 );
|
|
|
|
|
|
// save field
|
|
acf.field_group.save_field( $el.closest('.acf-field-object') );
|
|
|
|
},
|
|
|
|
_duplicate: function( $el ){
|
|
|
|
// duplicate
|
|
$el2 = acf.duplicate( $el );
|
|
|
|
|
|
// fire action 'duplicate_field' and allow acf.pro logic to clean sub fields
|
|
acf.do_action('duplicate_field', $el2);
|
|
|
|
|
|
// render layout
|
|
this.render( $el2 );
|
|
|
|
|
|
// save field
|
|
acf.field_group.save_field( $el.closest('.acf-field-object') );
|
|
|
|
},
|
|
|
|
_delete: function( $el ){
|
|
|
|
// validate
|
|
if( $el.siblings('.acf-field-setting-fc_layout').length == 0 ) {
|
|
|
|
alert( acf._e('flexible_content','layout_warning') );
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
|
|
// delete fields
|
|
$el.find('.acf-field-object').each(function(){
|
|
|
|
// delete without animation
|
|
acf.field_group.delete_field( $(this), false );
|
|
|
|
});
|
|
|
|
|
|
// remove tr
|
|
acf.remove_tr( $el );
|
|
|
|
|
|
// save field
|
|
acf.field_group.save_field( $el.closest('.acf-field-object') );
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
/*
|
|
* clone
|
|
*
|
|
* This field type requires some extra logic for its settings
|
|
*
|
|
* @type function
|
|
* @date 24/10/13
|
|
* @since 5.0.0
|
|
*
|
|
* @param n/a
|
|
* @return n/a
|
|
*/
|
|
|
|
var acf_settings_clone = acf.field_group.field_object.extend({
|
|
|
|
type: 'clone',
|
|
|
|
actions: {
|
|
'render_settings': 'render'
|
|
},
|
|
|
|
events: {
|
|
'change .acf-field-setting-display select': 'render_display',
|
|
'change .acf-field-setting-prefix_label input': 'render_prefix_label',
|
|
'change .acf-field-setting-prefix_name input': 'render_prefix_name'
|
|
},
|
|
|
|
render: function(){
|
|
|
|
// render
|
|
this.render_display();
|
|
this.render_prefix_label();
|
|
this.render_prefix_name();
|
|
|
|
},
|
|
|
|
render_display: function(){
|
|
|
|
// vars
|
|
var display = this.setting('display select').val()
|
|
|
|
|
|
// update data
|
|
this.$field.attr('data-display', display);
|
|
|
|
},
|
|
|
|
render_prefix_label: function(){
|
|
|
|
// vars
|
|
var s = '%field_label%';
|
|
|
|
|
|
// is checked
|
|
if( this.setting('prefix_label input[type="checkbox"]').prop('checked') ) {
|
|
|
|
s = this.setting('label input[type="text"]').val() + ' ' + s;
|
|
|
|
}
|
|
|
|
|
|
// update code
|
|
this.setting('prefix_label code').html( s );
|
|
|
|
},
|
|
|
|
render_prefix_name: function(){
|
|
|
|
// vars
|
|
var s = '%field_name%';
|
|
|
|
|
|
// is checked
|
|
if( this.setting('prefix_name input[type="checkbox"]').prop('checked') ) {
|
|
|
|
s = this.setting('name input[type="text"]').val() + '_' + s;
|
|
|
|
}
|
|
|
|
|
|
// update code
|
|
this.setting('prefix_name code').html( s );
|
|
|
|
},
|
|
|
|
select2: null
|
|
|
|
});
|
|
|
|
acf_settings_clone.select2 = acf.model.extend({
|
|
|
|
filters: {
|
|
'select2_args': 'select2_args',
|
|
'select2_ajax_data': 'select2_ajax_data'
|
|
},
|
|
|
|
select2_args: function( select2_args, $select, args ){
|
|
|
|
// bail early if not clone
|
|
if( args.ajax_action !== 'acf/fields/clone/query' ) return select2_args;
|
|
|
|
|
|
// remain open on select
|
|
select2_args.closeOnSelect = false;
|
|
|
|
|
|
// return
|
|
return select2_args;
|
|
},
|
|
|
|
select2_ajax_data: function( data, args, params ){
|
|
|
|
// bail early if not clone
|
|
if( args.ajax_action !== 'acf/fields/clone/query' ) return data;
|
|
|
|
|
|
// find current fields
|
|
var fields = {};
|
|
|
|
|
|
// loop
|
|
$('.acf-field-object').each(function(){
|
|
|
|
// vars
|
|
var $el = $(this),
|
|
key = $el.data('key'),
|
|
type = $el.data('type'),
|
|
label = $el.find('.field-label:first').val(),
|
|
$ancestors = $el.parents('.acf-field-object');
|
|
|
|
|
|
// label
|
|
fields[ key ] = {
|
|
'key': key,
|
|
'type': type,
|
|
'label': label,
|
|
'ancestors': $ancestors.length
|
|
};
|
|
|
|
});
|
|
|
|
|
|
// append fields
|
|
data.fields = fields;
|
|
|
|
|
|
// append title
|
|
data.title = $('#title').val();
|
|
|
|
|
|
// return
|
|
return data;
|
|
|
|
}
|
|
|
|
});
|
|
|
|
})(jQuery);
|
|
|
|
// @codekit-prepend "../js/field-group.js";
|
|
|