Sid Gifari File Manager Pro v10.0.3

✏️ Editing: emails-list.vue Writable

<template>
	<div id="wpum-emails-list">
		<h1>
			<img :src="url + 'assets/images/logo.svg'" alt="WP User Manager">
			{{labels.title}}
		</h1>

export default {
	name: 'emails-editor',
	data() {
		return {
			loading: false,
			success: false,
			error: false,
			placeholder: wpumEmailsEditor.placeholder,
			test_email: wpumEmailsEditor.default_email,
			emails: wpumEmailsEditor.emails,
			labels: wpumEmailsEditor.labels,
			url: wpumEmailsEditor.pluginURL
		}
	},
	methods: {
		/**
		 * Sanitize strings (needed because strings can be translated)
		 */
		sanitized( content ) {
			return Sanitize( content )
		},
		/**
		 * Determine classes for the icon to display within the table.
		 */
		getEmailStatusIcon( status ) {
			return [
                'dashicons',
				status == 'active' ? 'dashicons-yes' : false,
				status == 'manual' ? 'dashicons-arrow-right-alt' : false
            ];
		},
		/**
		 * Retrieve the correct tooltip text based on the status of the email.
		 */
		getTooltip( status ) {
			let tooltipText = this.sanitized( this.labels.tooltip_automatic )
			if( status == 'manual' ) {
				tooltipText = this.sanitized( this.labels.tooltip_manual )
			}
			return tooltipText
		},
		/**
		 * Retrieve the url for the customization button.
		 */
		getCustomizationURL( index ) {
			let previewURL = wpumEmailsEditor.url + qs.stringify({ wpum_email_customizer: true, email: this.sanitized(index) }, { addQueryPrefix: true })
			return wpumEmailsEditor.customizeurl + qs.stringify({
					'autofocus[panel]': this.sanitized(index),
					wpum_email_customizer: true,
					email: this.sanitized(index),
					url: previewURL
				}, { addQueryPrefix: true })
		},
		/**
		 * Send test email.
		 */
		sendTestEmail: function (event) {
			this.loading  = true
			this.error = false
			this.success = false

axios.post( wpumEmailsEditor.ajax,
				qs.stringify({
					email: this.test_email,
					nonce: wpumEmailsEditor.nonce
				}),
				{
					params: {
						action: 'wpum_send_test_email'
					},
				}
			)
			.then( response => {

if( response.data.success === true ) {
					this.loading = false
					this.error = false
					this.success = true
				}

let self = this

setInterval(function() {
					self.$data.success = false
				}, 4000)

})
			.catch( response => {
				this.loading = false
				this.error   = true
				this.success = false
			});

}
	}
}
</script>

.icon-col {
		width: 20px;
	}

a:not(.button) {
		font-weight: bold;
	}

a.button {
		span {
			margin-top: 3px;
			margin-right: 3px;
		}
	}

td {
		vertical-align: middle;
	}

.dashicons-yes {
		background: #00be28;
		color: #fff;
		border-radius: 9999px;
		&:before {
			font-size: 18px;
		}
	}

}

#wpum-emails-list {
	h1 img {
		width: 26px;
		float: left;
		padding-right: 15px;
		margin-top: -6px;
	}
	.wp-filter {
		input[type="text"] {
			margin: 0;
			padding: 3px 5px;
			width: 280px;
			max-width: 100%;
			font-size: 16px;
			font-weight: 300;
			line-height: 1.5;
		}
		a.button {
			margin-top: 2px;
			margin-left: 3px;
			span {
				display: inline-block;
				margin-top: 3px;
				padding-right: 3px;
				&.send-text {
					display: inherit;
					margin: 0;
					padding: 0;
				}
			}
		}
		.search-form {
			float: none;
		}
	}
	.spinner {
		float: none;
		margin-top: -1px;
	}
}
</style>

📁 File Manager Pro

📁 File Manager Pro