aristath /
kirki
| @@ 667-716 (lines=50) @@ | ||
| 664 | * @param {Object} data - The arguments. |
|
| 665 | * @returns {string} |
|
| 666 | */ |
|
| 667 | getTemplate: function( data ) { |
|
| 668 | var html = '', |
|
| 669 | saveAs = 'url', |
|
| 670 | url; |
|
| 671 | ||
| 672 | data = _.defaults( data, { |
|
| 673 | label: '', |
|
| 674 | description: '', |
|
| 675 | inputAttrs: '', |
|
| 676 | 'data-id': '', |
|
| 677 | choices: {}, |
|
| 678 | value: '' |
|
| 679 | } ); |
|
| 680 | ||
| 681 | if ( ! _.isUndefined( data.choices ) && ! _.isUndefined( data.choices.save_as ) ) { |
|
| 682 | saveAs = data.choices.save_as; |
|
| 683 | } |
|
| 684 | url = data.value; |
|
| 685 | if ( _.isObject( data.value ) && ! _.isUndefined( data.value.url ) ) { |
|
| 686 | url = data.value.url; |
|
| 687 | } |
|
| 688 | ||
| 689 | html += '<label>'; |
|
| 690 | if ( data.label ) { |
|
| 691 | html += '<span class="customize-control-title">' + data.label + '</span>'; |
|
| 692 | } |
|
| 693 | if ( data.description ) { |
|
| 694 | html += '<span class="description customize-control-description">' + data.description + '</span>'; |
|
| 695 | } |
|
| 696 | html += '</label>'; |
|
| 697 | html += '<div class="image-wrapper attachment-media-view image-upload">'; |
|
| 698 | if ( data.value.url || '' !== url ) { |
|
| 699 | html += '<div class="thumbnail thumbnail-image"><img src="' + url + '" alt="" /></div>'; |
|
| 700 | } else { |
|
| 701 | html += '<div class="placeholder">' + kirkiL10n.noFileSelected + '</div>'; |
|
| 702 | } |
|
| 703 | html += '<div class="actions">'; |
|
| 704 | html += '<button class="button image-upload-remove-button' + ( '' === url ? ' hidden' : '' ) + '">' + kirkiL10n.remove + '</button>'; |
|
| 705 | if ( data['default'] && '' !== data['default'] ) { |
|
| 706 | html += '<button type="button" class="button image-default-button"'; |
|
| 707 | if ( data['default'] === data.value || ( ! _.isUndefined( data.value.url ) && data['default'] === data.value.url ) ) { |
|
| 708 | html += ' style="display:none;"'; |
|
| 709 | } |
|
| 710 | html += '>' + kirkiL10n['default'] + '</button>'; |
|
| 711 | } |
|
| 712 | html += '<button type="button" class="button image-upload-button">' + kirkiL10n.selectFile + '</button>'; |
|
| 713 | html += '</div></div>'; |
|
| 714 | ||
| 715 | return '<div class="kirki-input-container" data-id="' + data.id + '">' + html + '</div>'; |
|
| 716 | }, |
|
| 717 | ||
| 718 | /** |
|
| 719 | * Init the control. |
|
| @@ 667-716 (lines=50) @@ | ||
| 664 | * @param {Object} data - The arguments. |
|
| 665 | * @returns {string} |
|
| 666 | */ |
|
| 667 | getTemplate: function( data ) { |
|
| 668 | var html = '', |
|
| 669 | saveAs = 'url', |
|
| 670 | url; |
|
| 671 | ||
| 672 | data = _.defaults( data, { |
|
| 673 | label: '', |
|
| 674 | description: '', |
|
| 675 | inputAttrs: '', |
|
| 676 | 'data-id': '', |
|
| 677 | choices: {}, |
|
| 678 | value: '' |
|
| 679 | } ); |
|
| 680 | ||
| 681 | if ( ! _.isUndefined( data.choices ) && ! _.isUndefined( data.choices.save_as ) ) { |
|
| 682 | saveAs = data.choices.save_as; |
|
| 683 | } |
|
| 684 | url = data.value; |
|
| 685 | if ( _.isObject( data.value ) && ! _.isUndefined( data.value.url ) ) { |
|
| 686 | url = data.value.url; |
|
| 687 | } |
|
| 688 | ||
| 689 | html += '<label>'; |
|
| 690 | if ( data.label ) { |
|
| 691 | html += '<span class="customize-control-title">' + data.label + '</span>'; |
|
| 692 | } |
|
| 693 | if ( data.description ) { |
|
| 694 | html += '<span class="description customize-control-description">' + data.description + '</span>'; |
|
| 695 | } |
|
| 696 | html += '</label>'; |
|
| 697 | html += '<div class="image-wrapper attachment-media-view image-upload">'; |
|
| 698 | if ( data.value.url || '' !== url ) { |
|
| 699 | html += '<div class="thumbnail thumbnail-image"><img src="' + url + '" alt="" /></div>'; |
|
| 700 | } else { |
|
| 701 | html += '<div class="placeholder">' + kirkiL10n.noFileSelected + '</div>'; |
|
| 702 | } |
|
| 703 | html += '<div class="actions">'; |
|
| 704 | html += '<button class="button image-upload-remove-button' + ( '' === url ? ' hidden' : '' ) + '">' + kirkiL10n.remove + '</button>'; |
|
| 705 | if ( data['default'] && '' !== data['default'] ) { |
|
| 706 | html += '<button type="button" class="button image-default-button"'; |
|
| 707 | if ( data['default'] === data.value || ( ! _.isUndefined( data.value.url ) && data['default'] === data.value.url ) ) { |
|
| 708 | html += ' style="display:none;"'; |
|
| 709 | } |
|
| 710 | html += '>' + kirkiL10n['default'] + '</button>'; |
|
| 711 | } |
|
| 712 | html += '<button type="button" class="button image-upload-button">' + kirkiL10n.selectFile + '</button>'; |
|
| 713 | html += '</div></div>'; |
|
| 714 | ||
| 715 | return '<div class="kirki-input-container" data-id="' + data.id + '">' + html + '</div>'; |
|
| 716 | }, |
|
| 717 | ||
| 718 | /** |
|
| 719 | * Init the control. |
|
