create-non-sshare.php — Hustle – Email Marketing, Lead Generation, Optins, Popups 7.8.14.1

wordpress-popup / views / admin / commons / sui-listing / dialogs / create-module / create-non-sshare.php

wordpress-popup / views / admin / commons / sui-listing / dialogs / create-module Last commit date

create-non-sshare.php 5 years ago create-sshare.php 2 years ago non-sshare-templates-step.php 4 years ago

create-non-sshare.php

152 lines

1	<?php
2	/**
3	* Markup for the modal to create non-Social sharing modules on listing pages.
4	*
5	* @package Hustle
6	* @since 4.3.0
7	*/
8
9	$templates_helper = new Hustle_Templates_Helper();
10	?>
11	<div
12	id="hustle-create-new-module-step-1"
13	class="sui-modal-slide sui-active"
14	data-modal-size="sm"
15	>
16
17	<div class="sui-box">
18
19	<div class="sui-box-header sui-flatten sui-content-center sui-spacing-top--60">
20
21	<button class="sui-button-icon sui-button-float--right hustle-modal-close" data-modal-close>
22	<span class="sui-icon-close sui-md" aria-hidden="true"></span>
23	<span class="sui-screen-reader-text"><?php esc_html_e( 'Close this dialog window', 'hustle' ); ?></span>
24	</button>
25
26	<?php /* translators: module's type capitalized and in singular. */ ?>
27	<h3 id="hustle-create-new-module-dialog-label" class="sui-box-title sui-lg"><?php printf( esc_html__( 'Create %s', 'hustle' ), esc_html( $capitalize_singular ) ); ?></h3>
28
29	<?php /* translators: module's type in lowercase and in singular. */ ?>
30	<p id="hustle-create-new-module-dialog-description" class="sui-description"><?php printf( esc_html__( "Let's start by giving your new %s a name and choosing the type based on your goal for this campaign.", 'hustle' ), esc_html( $smallcaps_singular ) ); ?></p>
31
32	</div>
33
34	<div class="sui-box-body">
35
36	<div class="sui-form-field">
37
38	<h4 id="hustle-module-name-label" for="hustle-module-name" class="sui-label"><?php esc_html_e( 'Name', 'hustle' ); ?></h4>
39
40	<input
41	type="text"
42	name="name"
43	autocomplete="off"
44	placeholder="<?php esc_html_e( 'E.g. Weekly Newsletter', 'hustle' ); ?>"
45	id="hustle-module-name"
46	aria-labelledby="hustle-module-name-label"
47	class="sui-form-control sui-required"
48	autofocus
49	/>
50
51	<span id="error-empty-name" class="sui-error-message" style="display: none;"><?php esc_html_e( 'Please add a name for this module.', 'hustle' ); ?></span>
52
53	</div>
54
55	<div role="radiogroup" class="sui-form-field" aria-labelledby="create-module-field--type">
56
57	<h4 id="create-module-field--type" class="sui-label"><?php esc_html_e( 'Type', 'hustle' ); ?></h4>
58
59	<label for="hustle-create-new-module-select-mode--optin" class="sui-radio sui-radio-sm sui-radio-stacked" style="margin-bottom: 5px;">
60
61	<input
62	type="radio"
63	name="mode"
64	id="hustle-create-new-module-select-mode--optin"
65	value="optin"
66	aria-labelledby="hustle-create-new-module-select-mode--optin-label"
67	checked="checked"
68	/>
69
70	<span aria-hidden="true"></span>
71
72	<span id="hustle-create-new-module-select-mode--optin-label"><?php esc_html_e( 'Email Opt-in', 'hustle' ); ?></span>
73
74	</label>
75
76	<p class="sui-description sui-radio-description" style="margin-bottom: 20px; margin-right: 0;"><?php esc_html_e( 'Perfect for newsletter signups, or collecting user data.', 'hustle' ); ?></p>
77
78	<label for="hustle-create-new-module-select-mode--informational" class="sui-radio sui-radio-sm sui-radio-stacked" style="margin-bottom: 5px;">
79
80	<input
81	type="radio"
82	name="mode"
83	id="hustle-create-new-module-select-mode--informational"
84	value="informational"
85	aria-labelledby="hustle-create-new-module-select-mode--informational-label"
86	/>
87
88	<span aria-hidden="true"></span>
89
90	<span id="hustle-create-new-module-select-mode--informational-label"><?php esc_html_e( 'Informational', 'hustle' ); ?></span>
91
92	</label>
93
94	<p class="sui-description sui-radio-description" style="margin-right: 0;"><?php esc_html_e( 'Perfect for promotional offers with Call to Action.', 'hustle' ); ?></p>
95
96	</div>
97
98	</div>
99
100	<div class="sui-box-footer sui-flatten sui-content-center">
101
102	<button id="hustle-go-to-templates-button" class="sui-button sui-button-blue sui-button-icon-right" disabled>
103	<?php esc_html_e( 'Choose Template', 'hustle' ); ?>
104	<span class="sui-icon-chevron-right" aria-hidden="true"></span>
105	</button>
106
107	</div>
108
109	</div>
110
111	</div>
112
113	<div
114	id="hustle-create-new-module-step-optin-templates"
115	class="sui-modal-slide sui-active"
116	data-modal-size="xl"
117	>
118
119	<?php
120	// Templates options.
121	$this->render(
122	'admin/commons/sui-listing/dialogs/create-module/non-sshare-templates-step',
123	array(
124	'templates' => $templates_helper->get_optin_templates_data(),
125	'smallcaps_singular' => $smallcaps_singular,
126	'mode' => Hustle_Module_Model::OPTIN_MODE,
127	)
128	);
129	?>
130
131	</div>
132
133	<div
134	id="hustle-create-new-module-step-informational-templates"
135	class="sui-modal-slide sui-active"
136	data-modal-size="xl"
137	>
138
139	<?php
140	// Templates options.
141	$this->render(
142	'admin/commons/sui-listing/dialogs/create-module/non-sshare-templates-step',
143	array(
144	'templates' => $templates_helper->get_informational_templates_data(),
145	'smallcaps_singular' => $smallcaps_singular,
146	'mode' => Hustle_Module_Model::INFORMATIONAL_MODE,
147	)
148	);
149	?>
150
151	</div>
152