/* global wpforms_dashboard_widget, moment, Chart, ajaxurl */

[0] Fix | Delete

/**

[1] Fix | Delete

* WPForms Dashboard Widget function.

[2] Fix | Delete

*

[3] Fix | Delete

* @since 1.5.0

[4] Fix | Delete

*/

[5] Fix | Delete

[6] Fix | Delete

const WPFormsDashboardWidget = window.WPFormsDashboardWidget || ( function( document, window, $ ) {

[7] Fix | Delete

/**

[8] Fix | Delete

* Elements reference.

[9] Fix | Delete

*

[10] Fix | Delete

* @since 1.5.0

[11] Fix | Delete

*

[12] Fix | Delete

* @type {Object}

[13] Fix | Delete

*/

[14] Fix | Delete

const el = {

[15] Fix | Delete

$widget: $( '#wpforms_reports_widget_lite' ),

[16] Fix | Delete

$settingsBtn: $( '#wpforms-dash-widget-settings-button' ),

[17] Fix | Delete

$canvas: $( '#wpforms-dash-widget-chart' ),

[18] Fix | Delete

$chartDismissButton: $( '.wpforms-dash-widget-dismiss-chart-upgrade' ),

[19] Fix | Delete

$dismissButton: $( '.wpforms-dash-widget-dismiss-icon' ),

[20] Fix | Delete

$recommendedBlockDismissButton: $( '#wpforms-dash-widget-dismiss-recommended-plugin-block' ),

[21] Fix | Delete

};

[22] Fix | Delete

[23] Fix | Delete

/**

[24] Fix | Delete

* Chart.js functions and properties.

[25] Fix | Delete

*

[26] Fix | Delete

* @since 1.5.0

[27] Fix | Delete

*

[28] Fix | Delete

* @type {Object}

[29] Fix | Delete

*/

[30] Fix | Delete

// eslint-disable-next-line no-var

[31] Fix | Delete

var chart = {

[32] Fix | Delete

[33] Fix | Delete

/**

[34] Fix | Delete

* Chart.js instance.

[35] Fix | Delete

*

[36] Fix | Delete

* @since 1.5.0

[37] Fix | Delete

*/

[38] Fix | Delete

instance: null,

[39] Fix | Delete

[40] Fix | Delete

/**

[41] Fix | Delete

* Chart.js settings.

[42] Fix | Delete

*

[43] Fix | Delete

* @since 1.5.0

[44] Fix | Delete

*/

[45] Fix | Delete

settings: {

[46] Fix | Delete

type : 'line',

[47] Fix | Delete

data : {

[48] Fix | Delete

labels : [],

[49] Fix | Delete

datasets: [ {

[50] Fix | Delete

label : wpforms_dashboard_widget.i18n.entries,

[51] Fix | Delete

data : [],

[52] Fix | Delete

backgroundColor : 'rgba(255, 129, 0, 0.135)',

[53] Fix | Delete

borderColor : 'rgba(211, 126, 71, 1)',

[54] Fix | Delete

borderWidth : 2,

[55] Fix | Delete

pointRadius : 4,

[56] Fix | Delete

pointBorderWidth : 1,

[57] Fix | Delete

pointBackgroundColor: 'rgba(255, 255, 255, 1)',

[58] Fix | Delete

} ],

[59] Fix | Delete

},

[60] Fix | Delete

options: {

[61] Fix | Delete

scales : {

[62] Fix | Delete

xAxes: [ {

[63] Fix | Delete

type : 'time',

[64] Fix | Delete

time : {

[65] Fix | Delete

unit: 'day',

[66] Fix | Delete

},

[67] Fix | Delete

distribution: 'series',

[68] Fix | Delete

ticks : {

[69] Fix | Delete

beginAtZero: true,

[70] Fix | Delete

source : 'labels',

[71] Fix | Delete

padding : 10,

[72] Fix | Delete

minRotation: 25,

[73] Fix | Delete

maxRotation: 25,

[74] Fix | Delete

callback( value, index, values ) {

[75] Fix | Delete

// Distribute the ticks equally starting from a right side of xAxis.

[76] Fix | Delete

const gap = Math.floor( values.length / 7 );

[77] Fix | Delete

[78] Fix | Delete

if ( gap < 1 ) {

[79] Fix | Delete

return value;

[80] Fix | Delete

}

[81] Fix | Delete

if ( ( values.length - index - 1 ) % gap === 0 ) {

[82] Fix | Delete

return value;

[83] Fix | Delete

}

[84] Fix | Delete

},

[85] Fix | Delete

},

[86] Fix | Delete

} ],

[87] Fix | Delete

yAxes: [ {

[88] Fix | Delete

ticks: {

[89] Fix | Delete

beginAtZero : true,

[90] Fix | Delete

maxTicksLimit: 6,

[91] Fix | Delete

padding : 20,

[92] Fix | Delete

callback( value ) {

[93] Fix | Delete

// Make sure the tick value has no decimals.

[94] Fix | Delete

if ( Math.floor( value ) === value ) {

[95] Fix | Delete

return value;

[96] Fix | Delete

}

[97] Fix | Delete

},

[98] Fix | Delete

},

[99] Fix | Delete

} ],

[100] Fix | Delete

},

[101] Fix | Delete

elements : {

[102] Fix | Delete

line: {

[103] Fix | Delete

tension: 0,

[104] Fix | Delete

},

[105] Fix | Delete

},

[106] Fix | Delete

animation : {

[107] Fix | Delete

duration: 0,

[108] Fix | Delete

},

[109] Fix | Delete

hover : {

[110] Fix | Delete

animationDuration: 0,

[111] Fix | Delete

},

[112] Fix | Delete

legend : {

[113] Fix | Delete

display: false,

[114] Fix | Delete

},

[115] Fix | Delete

tooltips : {

[116] Fix | Delete

displayColors: false,

[117] Fix | Delete

},

[118] Fix | Delete

responsiveAnimationDuration: 0,

[119] Fix | Delete

maintainAspectRatio: false,

[120] Fix | Delete

},

[121] Fix | Delete

},

[122] Fix | Delete

[123] Fix | Delete

/**

[124] Fix | Delete

* Init Chart.js.

[125] Fix | Delete

*

[126] Fix | Delete

* @since 1.5.0

[127] Fix | Delete

*/

[128] Fix | Delete

init() {

[129] Fix | Delete

if ( ! el.$canvas.length ) {

[130] Fix | Delete

return;

[131] Fix | Delete

}

[132] Fix | Delete

[133] Fix | Delete

const ctx = el.$canvas[ 0 ].getContext( '2d' );

[134] Fix | Delete

[135] Fix | Delete

chart.instance = new Chart( ctx, chart.settings );

[136] Fix | Delete

[137] Fix | Delete

chart.updateUI();

[138] Fix | Delete

},

[139] Fix | Delete

[140] Fix | Delete

/**

[141] Fix | Delete

* Update Chart.js canvas.

[142] Fix | Delete

*

[143] Fix | Delete

* @since 1.5.0

[144] Fix | Delete

*/

[145] Fix | Delete

updateUI() {

[146] Fix | Delete

chart.updateWithDummyData();

[147] Fix | Delete

[148] Fix | Delete

chart.instance.data.labels = chart.settings.data.labels;

[149] Fix | Delete

chart.instance.data.datasets[ 0 ].data = chart.settings.data.datasets[ 0 ].data;

[150] Fix | Delete

[151] Fix | Delete

chart.instance.update();

[152] Fix | Delete

},

[153] Fix | Delete

[154] Fix | Delete

/**

[155] Fix | Delete

* Update Chart.js settings with dummy data.

[156] Fix | Delete

*

[157] Fix | Delete

* @since 1.5.0

[158] Fix | Delete

*/

[159] Fix | Delete

updateWithDummyData() {

[160] Fix | Delete

const end = moment().endOf( 'day' );

[161] Fix | Delete

let date;

[162] Fix | Delete

[163] Fix | Delete

const minY = 5;

[164] Fix | Delete

const maxY = 20;

[165] Fix | Delete

let i;

[166] Fix | Delete

[167] Fix | Delete

for ( i = 1; i <= 7; i++ ) {

[168] Fix | Delete

date = end.clone().subtract( i, 'days' );

[169] Fix | Delete

[170] Fix | Delete

chart.settings.data.labels.push( date );

[171] Fix | Delete

chart.settings.data.datasets[ 0 ].data.push( {

[172] Fix | Delete

t: date,

[173] Fix | Delete

y: Math.floor( Math.random() * ( maxY - minY + 1 ) ) + minY,

[174] Fix | Delete

} );

[175] Fix | Delete

}

[176] Fix | Delete

},

[177] Fix | Delete

};

[178] Fix | Delete

[179] Fix | Delete

/**

[180] Fix | Delete

* Public functions and properties.

[181] Fix | Delete

*

[182] Fix | Delete

* @since 1.5.0

[183] Fix | Delete

*

[184] Fix | Delete

* @type {Object}

[185] Fix | Delete

*/

[186] Fix | Delete

// eslint-disable-next-line no-var

[187] Fix | Delete

var app = {

[188] Fix | Delete

[189] Fix | Delete

/**

[190] Fix | Delete

* Start the engine.

[191] Fix | Delete

*

[192] Fix | Delete

* @since 1.5.0

[193] Fix | Delete

*/

[194] Fix | Delete

init() {

[195] Fix | Delete

$( app.ready );

[196] Fix | Delete

},

[197] Fix | Delete

[198] Fix | Delete

/**

[199] Fix | Delete

* Document ready.

[200] Fix | Delete

*

[201] Fix | Delete

* @since 1.5.0

[202] Fix | Delete

*/

[203] Fix | Delete

ready() {

[204] Fix | Delete

chart.init();

[205] Fix | Delete

app.events();

[206] Fix | Delete

app.graphSettings();

[207] Fix | Delete

},

[208] Fix | Delete

[209] Fix | Delete

/**

[210] Fix | Delete

* Graph settings related events.

[211] Fix | Delete

*

[212] Fix | Delete

* @since 1.7.4

[213] Fix | Delete

*/

[214] Fix | Delete

graphSettings() {

[215] Fix | Delete

el.$settingsBtn.on( 'click', function() {

[216] Fix | Delete

$( this ).siblings( '.wpforms-dash-widget-settings-menu' ).toggle();

[217] Fix | Delete

} );

[218] Fix | Delete

},

[219] Fix | Delete

[220] Fix | Delete

/**

[221] Fix | Delete

* Register JS events.

[222] Fix | Delete

*

[223] Fix | Delete

* @since 1.5.0

[224] Fix | Delete

*/

[225] Fix | Delete

events() {

[226] Fix | Delete

app.formsListEvents();

[227] Fix | Delete

app.handleChartClose();

[228] Fix | Delete

app.handleRecommendedPluginsClose();

[229] Fix | Delete

app.handleWidgetBlockClose();

[230] Fix | Delete

},

[231] Fix | Delete

[232] Fix | Delete

/**

[233] Fix | Delete

* Register forms list area JS events.

[234] Fix | Delete

*

[235] Fix | Delete

* @since 1.5.0

[236] Fix | Delete

*/

[237] Fix | Delete

formsListEvents() {

[238] Fix | Delete

el.$widget.on( 'click', '#wpforms-dash-widget-forms-more', function() {

[239] Fix | Delete

app.toggleCompleteFormsList();

[240] Fix | Delete

} );

[241] Fix | Delete

},

[242] Fix | Delete

[243] Fix | Delete

/**

[244] Fix | Delete

* Handle chart close.

[245] Fix | Delete

*

[246] Fix | Delete

* @since 1.7.4

[247] Fix | Delete

*/

[248] Fix | Delete

handleChartClose() {

[249] Fix | Delete

el.$chartDismissButton.on( 'click', function( event ) {

[250] Fix | Delete

event.preventDefault();

[251] Fix | Delete

app.saveWidgetMeta( 'hide_graph', 1 );

[252] Fix | Delete

$( '.wpforms-dash-widget.wpforms-lite' ).addClass( 'wpforms-dash-widget-no-graph' );

[253] Fix | Delete

$( this ).closest( '.wpforms-dash-widget-chart-block-container' ).remove();

[254] Fix | Delete

} );

[255] Fix | Delete

},

[256] Fix | Delete

[257] Fix | Delete

/**

[258] Fix | Delete

* Handle recommended plugins block close.

[259] Fix | Delete

*

[260] Fix | Delete

* @since 1.7.4

[261] Fix | Delete

* @since 1.8.7 Deprecated.

[262] Fix | Delete

*

[263] Fix | Delete

* @deprecated Use WPFormsDashboardWidget.handleWidgetBlockClose() instead.

[264] Fix | Delete

*/

[265] Fix | Delete

handleRecommendedPluginsClose() {

[266] Fix | Delete

// eslint-disable-next-line no-console

[267] Fix | Delete

console.warn( 'WARNING! WPFormsDashboardWidget.handleRecommendedPluginsClose() has been deprecated, please use WPFormsDashboardWidget.handleWidgetBlockClose() instead.' );

[268] Fix | Delete

[269] Fix | Delete

el.$recommendedBlockDismissButton.on( 'click', function() {

[270] Fix | Delete

app.dismissRecommendedBlock();

[271] Fix | Delete

} );

[272] Fix | Delete

},

[273] Fix | Delete

[274] Fix | Delete

/**

[275] Fix | Delete

* Handle widget block close.

[276] Fix | Delete

*

[277] Fix | Delete

* @since 1.8.7

[278] Fix | Delete

*/

[279] Fix | Delete

handleWidgetBlockClose() {

[280] Fix | Delete

el.$dismissButton.on( 'click', function() {

[281] Fix | Delete

app.dismissWidgetBlock( $( this ) );

[282] Fix | Delete

} );

[283] Fix | Delete

},

[284] Fix | Delete

[285] Fix | Delete

/**

[286] Fix | Delete

* Save dashboard widget meta on a backend.

[287] Fix | Delete

*

[288] Fix | Delete

* @since 1.7.4

[289] Fix | Delete

*

[290] Fix | Delete

* @param {string} meta Meta name to save.

[291] Fix | Delete

* @param {number} value Value to save.

[292] Fix | Delete

*/

[293] Fix | Delete

saveWidgetMeta( meta, value ) {

[294] Fix | Delete

const data = {

[295] Fix | Delete

_wpnonce: wpforms_dashboard_widget.nonce,

[296] Fix | Delete

action : 'wpforms_' + wpforms_dashboard_widget.slug + '_save_widget_meta',

[297] Fix | Delete

meta,

[298] Fix | Delete

value,

[299] Fix | Delete

};

[300] Fix | Delete

[301] Fix | Delete

$.post( ajaxurl, data );

[302] Fix | Delete

},

[303] Fix | Delete

[304] Fix | Delete

/**

[305] Fix | Delete

* Toggle forms list hidden entries.

[306] Fix | Delete

*

[307] Fix | Delete

* @since 1.5.0.4

[308] Fix | Delete

*/

[309] Fix | Delete

toggleCompleteFormsList() {

[310] Fix | Delete

$( '#wpforms-dash-widget-forms-list-table .wpforms-dash-widget-forms-list-hidden-el' ).toggle();

[311] Fix | Delete

$( '#wpforms-dash-widget-forms-more' ).html( function( i, html ) {

[312] Fix | Delete

return html === wpforms_dashboard_widget.show_less_html ? wpforms_dashboard_widget.show_more_html : wpforms_dashboard_widget.show_less_html;

[313] Fix | Delete

} );

[314] Fix | Delete

},

[315] Fix | Delete

[316] Fix | Delete

/**

[317] Fix | Delete

* Dismiss widget block.

[318] Fix | Delete

*

[319] Fix | Delete

* @since 1.8.7

[320] Fix | Delete

*

[321] Fix | Delete

* @param {Object} $clickedButton jQuery object of the clicked button.

[322] Fix | Delete

*/

[323] Fix | Delete

dismissWidgetBlock( $clickedButton ) {

[324] Fix | Delete

$clickedButton.closest( '.wpforms-dash-widget-block' ).remove();

[325] Fix | Delete

app.saveWidgetMeta( $clickedButton.data( 'field' ), 1 );

[326] Fix | Delete

},

[327] Fix | Delete

[328] Fix | Delete

/**

[329] Fix | Delete

* Dismiss recommended plugin block.

[330] Fix | Delete

*

[331] Fix | Delete

* @since 1.7.4

[332] Fix | Delete

* @since 1.8.7 Deprecated.

[333] Fix | Delete

*

[334] Fix | Delete

* @deprecated Use WPFormsDashboardWidget.dismissWidgetBlock() instead.

[335] Fix | Delete

*/

[336] Fix | Delete

dismissRecommendedBlock() {

[337] Fix | Delete

// eslint-disable-next-line no-console

[338] Fix | Delete

console.warn( 'WARNING! WPFormsDashboardWidget.dismissRecommendedBlock() has been deprecated, please use WPFormsDashboardWidget.dismissWidgetBlock() instead.' );

[339] Fix | Delete

[340] Fix | Delete

$( '.wpforms-dash-widget-recommended-plugin-block' ).remove();

[341] Fix | Delete

app.saveWidgetMeta( 'hide_recommended_block', 1 );

[342] Fix | Delete

},

[343] Fix | Delete

};

[344] Fix | Delete

[345] Fix | Delete

// Provide access to public functions/properties.

[346] Fix | Delete

return app;

[347] Fix | Delete

}( document, window, jQuery ) );

[348] Fix | Delete

[349] Fix | Delete

// Initialize.

[350] Fix | Delete

WPFormsDashboardWidget.init();

[351] Fix | Delete

[352] Fix | Delete