PluginProbe ʕ •ᴥ•ʔ
PowerBI Embed Reports / trunk
PowerBI Embed Reports vtrunk
trunk 1.0.0 1.1.0 1.1.1 1.1.2 1.1.3 1.1.4 1.1.5 1.1.6 1.1.7 1.1.8 1.1.9 1.2.0 1.2.1 1.2.2 1.2.3 1.2.4
embed-power-bi-reports / View / powerBI.php
embed-power-bi-reports / View Last commit date
accountSetup.php 1 year ago adminView.php 11 months ago appConfig.php 7 months ago feedbackForm.php 1 year ago integrations.php 1 year ago powerBI.php 7 months ago powerBIsettings.php 7 months ago support_form.php 1 year ago
powerBI.php
480 lines
1 <?php
2 /**
3 * Handles integrations tab view
4 *
5 * @package embed-power-bi-reports\View
6 */
7
8 namespace MoEmbedPowerBI\View;
9
10 use MoEmbedPowerBI\Wrappers\wpWrapper;
11 use MoEmbedPowerBI\Wrappers\pluginConstants;
12
13 if ( ! defined( 'ABSPATH' ) ) {
14 exit;
15 }
16
17 /**
18 * Class to handle the power bi tab functionalities.
19 */
20 class powerBI {
21 /**
22 * Holds the instance of PowerBI class.
23 *
24 * @var PowerBI
25 */
26 private static $instance;
27
28 /**
29 * Object instance(PowerBI) getter method.
30 *
31 * @return PowerBI
32 */
33 public static function get_view() {
34 if ( ! isset( self::$instance ) ) {
35 $class = __CLASS__;
36 self::$instance = new $class();
37 }
38 return self::$instance;
39 }
40
41 /**
42 * Function to display the power bi tab details.
43 *
44 * @return void
45 */
46 public function mo_epbr_display__tab_details() {
47 ?>
48 <div class="mo-ms-tab-content">
49 <h1><b>Add ShortCode by Resource Type</b></h1>
50 <div>
51 <div class="mo-ms-tab-content-left-border power_bi_tab_content_header">
52 <?php $this->mo_epbr_display__powerbi_tab(); ?>
53 </div>
54 </div>
55 </div>
56 <?php
57 }
58
59 /**
60 * Function to display the power bi tab.
61 *
62 * @return void
63 */
64 private function mo_epbr_display__powerbi_tab() {
65 $power_bi_embed_url = wpWrapper::mo_epbr_get_option( 'mo_epbr_power_bi_url' );
66 $datasetid = ! empty( wpWrapper::mo_epbr_get_option( 'mo_epbr_dataset_id' ) ) ? wpWrapper::mo_epbr_get_option( 'mo_epbr_dataset_id' ) : '';
67 $shortcodes = wpWrapper::mo_epbr_get_option( 'mo_epbr_all_generated_shortcodes' );
68 $app = wpWrapper::mo_epbr_get_option( pluginConstants::APPLICATION_CONFIG_OPTION );
69 $is_config_complete = ! empty( $app['client_id'] ) && ! empty( $app['client_secret'] ) && ! empty( $app['tenant_id'] ) && ! empty( $app['upn_id'] );
70 $disabled = $is_config_complete ? '' : 'disabled';
71 $tooltip_class = $is_config_complete ? '' : 'config-required-tooltip';
72 wp_enqueue_style( 'mo_epbr_css_powerbi_display', plugins_url( '../includes/css/mo_epbr_powerBI_display.css', __FILE__ ), array(), MO_EPBR_PLUGIN_VERSION, 'all' );
73 wp_enqueue_style( 'mo_epbr_css_checkboxround', plugins_url( '../includes/css/mo_epbr_appConfig.css', __FILE__ ), array(), MO_EPBR_PLUGIN_VERSION, 'all' );
74 ?>
75
76 <div class="mo-ms-tab-content-tile col-md-8 mt-4 ms-5 rls_advertise" style="margin-right:10px;background: #f4f4f4;border: 4px solid #d5e2ff;border-radius: 5px;">
77 <ul class="form-fields" style="margin-bottom: 17px;"><li class="field check-round slide-inverse" style="float:left;margin-left: -5px;" >
78 <input type="checkbox" id="switch-filters-button" name="mo_epbr_add_filters_pane" style="margin-left: 70px;" disabled/>
79 <label for="switch-filters-button" class="input_label" style="font-size: 18px;font-weight: 200;"><b>Configure Row Level Security &nbsp &nbsp </b><span style="background: lightgray;"></span></label></li></ul>
80 <img class="premium_crown" style="width:3%;position:relative;margin-bottom:-7px;margin-left: 4px;" src="<?php echo esc_url( plugin_dir_url( __FILE__ ) . '../images/crown.png' ); ?>" />
81 <p class="nameid-prem-text" style="left:425px;top:170px;">This feature is available in Premium version of the plugin. Please <a style="color:#ffd700;cursor:pointer;" href="<?php echo esc_url( pluginConstants::PRICING_LINK ); ?>" target="_blank">upgrade</a> to use the following functionality.</p>
82 <div style="margin-top:21px;"><p>Lets you apply restrictions on data row access in your application. For example, limit user access to rows relevant to their department, or restrict customer access to only the data relevant to their company.</p></div>
83 </div>
84
85 <form class="mo_epbr_ajax_submit_form" action="" method="post" id="mo_epbr_resource_form">
86 <input type="hidden" name="option" id="pb_app_config" value="mo_epbr_powerbi_resource_integration">
87 <input type="hidden" name="mo_epbr_tab" value="pb_app_config">
88 <?php wp_nonce_field( 'mo_epbr_powerbi_resource_integration' ); ?>
89 <div class="mo-ms-tab-content-tile col-md-8 mt-4 ms-5" style="display:flex;margin-top: -7px;margin-bottom: 7px;">
90 <div><p class="resource_details"><b>Resource Embed Type </b>
91 <select name="res_type" id="res_type_dropdown" style="margin-left:20px;">
92 <option value="Report">Report</option>
93 <option value="Dashboard">Dashboard</option>
94 <option value="Tile">Tile</option>
95 <option value="Q&A">Q&A</option>
96 <option value="ReportVisual">Report Visual</option>
97 </select>
98 </p></div>
99 <div style="margin-left: 60px;">
100 <p class="resource_details" style="margin-left:10px;"><b>Resource Embed Mode </b>
101 <select name="res_embed_mode_dropdown" id="res_embed_mode" style="margin-left:20px;" onchange="document.getElementById('mo_epbr_resource_form').submit();" >
102 <option value="View" id="view_mode_rad"
103 <?php
104 if ( wpWrapper::mo_epbr_get_option( 'mo_epbr_res_embed_mode' ) === 'View' ) {
105 echo 'selected'; }
106 ?>
107 >View Mode</option>
108 <option value="Edit" id="edit_mode_rad" class="disabled-option"
109 disabled
110 >Edit Mode </option>
111 <option value="Create" id="create_mode_rad" class="disabled-option"
112 disabled
113 >Create Mode</option>
114 </select>
115 </p>
116 <style>
117 .disabled-option {
118 color: gray !important; /* Make text gray */
119 background-color: #f0f0f0 !important; /* Light gray background */
120 cursor: not-allowed; /* Show disabled cursor */
121 }
122 </style>
123 </div>
124 </div>
125 </form>
126
127 <form class="mo_epbr_ajax_submit_form" action="" method="post" style="margin-right: 10px;" name="formforreport"
128 id="report_form">
129 <input type="hidden" name="option" id="powerBI_config" value="mo_epbr_resource_config_option">
130 <input type="hidden" name="mo_epbr_tab" value="pb_app_config">
131 <?php wp_nonce_field( 'mo_epbr_resource_config_option' ); ?>
132 <div class="mo-ms-tab-content-tile">
133 <div class="mo-ms-tab-content-tile-content">
134 <span class="resource_details"> <b>Resource Details</b></span>
135 <table class="mo-ms-tab-content-app-config-table">
136 <tr>
137 <td class="left-div"><span>Workspace ID <span class="resource_specific_detail">*</span></span>
138 </td>
139 <td class="right-div"><input placeholder="Enter Your Workspace ID" style="width:60%;" name="wid"
140 required type="text"></td>
141 </tr>
142 <tr>
143 <td class="left-div"><span>Resource ID <span class="resource_specific_detail">*</span></span>
144 </td>
145 <td class="right-div"><input placeholder="Enter Your Resource ID" style="width:60%;" name="rid"
146 required type="text"></td>
147 </tr>
148 <tr>
149 <td class="left-div"><span>Height <span class="resource_specific_detail">*</span></span></td>
150 <td class="right-div"><input placeholder="Enter Height eg.500" style="width:60%;" name="height"
151 required type="text" id="resource_height" oninvalid="this.setCustomValidity('Enter height as numeric or ending with px or %')" oninput="this.setCustomValidity('')"></td>
152 </tr>
153 <tr>
154 <td class="left-div"><span>Width <span class="resource_specific_detail">*</span></span></td>
155 <td class="right-div"><input placeholder="Enter Width eg.500" style="width:60%;" name="width"
156 required type="text" id="resource_width" oninvalid="this.setCustomValidity('Enter width as numeric or ending with px or %')" oninput="this.setCustomValidity('')"></td>
157 </tr>
158 <tr>
159 <td class="left-div"><span>Dataset ID</span>
160 </td>
161 <td class="right-div"><input placeholder="Required for Create Mode Only" style="width:60%;" name="datasetid" value="<?php echo esc_html( $datasetid ); ?>"
162 type="text"></td>
163 </tr>
164 <tr>
165 <td colspan="2"></td>
166 </tr>
167 </table>
168 <div style="display:flex;flex-direction:row;">
169 <div class="generate_shortcode_div1 <?php echo esc_attr( $tooltip_class ); ?>">
170 <div style="margin:10px;">
171 <input style="height:30px;" type="submit" id="saveButton" class="mo-ms-tab-content-button" onclick="return validate_pbi_report_form()"
172 value="Generate Shortcode" <?php echo esc_attr( $disabled ); ?>>
173 <?php if ( ! $is_config_complete ) : ?>
174 <span class="config-tooltip-text">Please configure the application first</span>
175 <?php endif; ?>
176 </div>
177 </div>
178 <div class="view_shortcode_div <?php echo esc_attr( $tooltip_class ); ?>" >
179 <div style="margin:10px;">
180 <button style="height:30px;width:141px;" id="viewButton" class="mo-ms-tab-content-button" onclick="focusonshortcode()" type="button" <?php echo esc_attr( $disabled ); ?>>View Shortcodes</button>
181 <?php if ( ! $is_config_complete ) : ?>
182 <span class="config-tooltip-text">Please configure the application first</span>
183 <?php endif; ?>
184 </div>
185 </div>
186 </div>
187 </div>
188 </div>
189 </form>
190 <?php if ( $shortcodes ) { ?>
191 <div style="position:relative;">
192 <div style="right: -53px;position: absolute;top: 28px;z-index: 100;">
193 <form method="post" id="mo_epbr_delete_allshortcode" action="">
194 <input type="hidden" name="option" id="allshortcode_id" value="mo_epbr_allshortcode_delete">
195 <input type="hidden" name="mo_epbr_tab" value="pb_app_config">
196 <?php wp_nonce_field( 'mo_epbr_allshortcode_delete' ); ?>
197 <a style="position:absolute;left:-9rem;width: 100px;text-decoration:none;color:white;" id="deletebtn" onclick="document.getElementById('confirm_delete').style.display='block'"
198 class="mo-ms-tab-content-button" title="Delete all Shortcodes" >Delete All</a>
199 <div id="confirm_delete" class="modal">
200 <span onclick="document.getElementById('confirm_delete').style.display='none'" class="close" title="Close Modal">&times;</span>
201 <div class="modal-content">
202 <div class="container">
203 <h1>Delete Shortcodes</h1>
204 <p>Are you sure you want to delete all shortcodes?</p>
205 <div class="clearfix">
206 <button type="button" class="cancelbtn" onclick="document.getElementById('confirm_delete').style.display='none'">Cancel</button>
207 <button type="button" class="deletebutton" type="submit" onclick="document.getElementById('mo_epbr_delete_allshortcode').submit();">Delete</button>
208 </div>
209 </div>
210 </div>
211 </div>
212 </form>
213
214 </div>
215 <form class="shortcode-content" action="" method="post">
216 <input type="hidden" name="option" id="shortcode_contentid" value="mo_epbr_shortcode_content">
217 <input type="hidden" name="mo_epbr_tab" value="pb_app_config">
218 <?php wp_nonce_field( 'mo_epbr_shortcode_content' ); ?>
219 <div class="mo-ms-tab-content-tile col-md-8 mt-4 ms-5" style="margin-right:10px;" id="res_form_output">
220 <div class="mo-ms-tab-content-tile-content" style="position:relative;">
221 <div style="font-size: 18px;font-weight: 200;display:flex;"><b>ShortCodes Generated</b>
222
223 </div></br>
224 <?php
225 $j = 1;
226 foreach ( $shortcodes as $value ) {
227 ?>
228 <form action="" method="post" name="shortcode-containerform" id="shortcode-containerform">
229 <div class="shortcode-container">
230 <input type="hidden" name="option" id="shortcode_containerid" value="mo_epbr_shortcode_container" />
231 <input type="hidden" name="mo_epbr_tab" value="pb_app_config" />
232 <input type="hidden" name="mo_epbr_current_clicked_value" value='<?php echo esc_attr( $value ); ?>' />
233 <?php wp_nonce_field( 'mo_epbr_shortcode_container' ); ?>
234 <strong class="selected-radio">Report Shortcode <?php echo esc_attr( $j ); ?></strong>
235 <div style="background-color:#eee;display:flex;border-left:5px solid #0078d4;">
236 <div class="shortcode-val" style="padding:15px">
237 <?php echo esc_attr( $value ); ?>
238 </div>
239 <input type="text" style="display:none" value="<?php echo esc_html( $value ); ?>"
240 id="ShortcodeInput<?php echo esc_attr( $j ); ?>" />
241 <div class="button-container" >
242 <div class="tooltip_cshortcode" onmouseout="copyshortcode_msg(<?php echo esc_attr( $j ); ?>)">
243 <button class="shortcode_copy_button" style="height:70%;margin-top:10px;" onclick="copyshortcode(<?php echo esc_attr( $j ); ?>)" id="copybtn" type="button">
244 <span class="dashicons dashicons-admin-page"></span>
245 </button>
246 <span class='tooltiptext_cshortcode' id='custom-copy-shrtcd-tooltip<?php echo esc_attr( $j ); ?>'>Copy to Clipboard</span>
247 </div>
248 <div class="tooltip_cshortcode">
249 <button class="shortcode_del_button" type="submit" style="height:70%;margin-top:10px;">
250 <span class="dashicons dashicons-trash" title="Delete Shortcode"></span>
251 </button>
252 <span class='tooltiptext_cshortcode' >Delete Shortcode</span>
253 </div>
254 </div>
255 </div>
256 </div>
257 </form>
258 <?php ++$j; } ?>
259 </div>
260 </div>
261 </form>
262 </div>
263 <?php } ?>
264
265 <form class="mo_epbr_ajax_submit_form" action="" style="margin-right: 10px;" name="formfordashboard"
266 id="dashboard_form">
267 <div class="mo-ms-tab-content-tile premium_resource_types">
268 <div class="mo-ms-tab-content-tile-content">
269 <span class="header_span">
270 <b style="margin-block-start:12px;">Dashboard Details</b>
271 <img class="premium_crown" src="<?php echo esc_url( plugin_dir_url( __FILE__ ) . '../images/crown.png' ); ?>" />
272 <p class="nameid-prem-text" style="left:210px;top:-30px;">This feature is available in Premium version of the plugin. Please <a style="color:#ffd700;cursor:pointer;" href="<?php echo esc_url( pluginConstants::PRICING_LINK ); ?>" target="_blank">upgrade</a> to use the following functionalities.</p>
273 </span>
274
275 <table class="mo-ms-tab-content-app-config-table">
276 <tr>
277 <td class="left-div"><span>Workspace ID <span style="color:red;font-weight:bold;">*</span></span>
278 </td>
279 <td class="right-div"><input placeholder="Enter Your Workspace ID" style="width:60%;cursor:not-allowed;" disabled
280 type="text"></td>
281 </tr>
282 <tr>
283 <td class="left-div"><span>Dashboard ID <span style="color:red;font-weight:bold;">*</span></span>
284 </td>
285 <td class="right-div"><input placeholder="Enter Your Resource ID" style="width:60%;cursor:not-allowed;" disabled
286 type="text"></td>
287 </tr>
288 <tr>
289 <td class="left-div"><span>Height <span style="color:red;font-weight:bold;">*</span></span></td>
290 <td class="right-div"><input placeholder="Enter Height eg.500" style="width:60%;cursor:not-allowed;" disabled
291 type="number"></td>
292 </tr>
293 <tr>
294 <td class="left-div"><span>Width <span style="color:red;font-weight:bold;">*</span></span></td>
295 <td class="right-div"><input placeholder="Enter Width eg.500" style="width:60%;cursor:not-allowed;" disabled
296 type="number"></td>
297 </tr>
298 <tr>
299 <td colspan="2"></br></td>
300 </tr>
301 </table>
302 <div class="generate_shortcode_div1">
303 <div style="display:flex;margin:10px;">
304 <input style="height:30px;cursor:not-allowed;" type="submit" id="saveButton"
305 value="Generate Shortcode" disabled>
306 </div>
307 </div>
308 </div>
309 </div>
310 </form>
311
312
313 <form class="mo_epbr_ajax_submit_form" action="" style="margin-right: 10px;" name="formforReportVisual"
314 id="ReportVisual_form">
315 <div class="mo-ms-tab-content-tile premium_resource_types">
316 <div class="mo-ms-tab-content-tile-content">
317 <span class="header_span">
318 <b style="margin-block-start:12px;">Report Visual Details</b>
319 <img class="premium_crown" src="<?php echo esc_url( plugin_dir_url( __FILE__ ) . '../images/crown.png' ); ?>" />
320 <p class="nameid-prem-text" style="left: 230px;top: -30px;">This feature is available in Premium version of the plugin. Please <a style="color:#ffd700;cursor:pointer;" href="<?php echo esc_url( pluginConstants::PRICING_LINK ); ?>" target="_blank">upgrade</a> to use the following functionalities.</p>
321 </span>
322
323 <table class="mo-ms-tab-content-app-config-table">
324 <tr>
325 <td class="left-div"><span>Report ID <span style="color:red;font-weight:bold;">*</span></span>
326 </td>
327 <td class="right-div"><input placeholder="Enter Your Report ID" style="width:60%;cursor:not-allowed;" disabled
328 type="text"></td>
329 </tr>
330 <tr>
331 <td class="left-div"><span>Group ID <span style="color:red;font-weight:bold;">*</span></span>
332 </td>
333 <td class="right-div"><input placeholder="Enter Your Group ID" style="width:60%;cursor:not-allowed;" disabled
334 type="text"></td>
335 </tr>
336 <tr>
337 <td class="left-div"><span>Page Name <span style="color:red;font-weight:bold;">*</span></span></td>
338 <td class="right-div"><input placeholder="Enter Page Name" style="width:60%;cursor:not-allowed;" disabled type="text">
339 </td>
340 </tr>
341 <tr>
342 <td class="left-div"><span>Visual Name <span style="color:red;font-weight:bold;">*</span></span>
343 </td>
344 <td class="right-div"><input placeholder="Enter Visual Name" style="width:60%;cursor:not-allowed;" disabled
345 type="text"></td>
346 </tr>
347 <tr>
348 <td class="left-div"><span>Height <span style="color:red;font-weight:bold;">*</span></span></td>
349 <td class="right-div"><input placeholder="Enter Height eg.500" style="width:60%;cursor:not-allowed;" disabled
350 type="number"></td>
351 </tr>
352 <tr>
353 <td class="left-div"><span>Width <span style="color:red;font-weight:bold;">*</span></span></td>
354 <td class="right-div"><input placeholder="Enter Weight eg.500" style="width:60%;cursor:not-allowed;" disabled
355 type="number"></td>
356 </tr>
357 <tr>
358 <td colspan="2"></br></td>
359 </tr>
360 </table>
361 <div class="generate_shortcode_div1">
362 <div style="display:flex;margin:10px;">
363 <input style="height:30px;cursor:not-allowed;" type="submit" id="saveButton"
364 value="Generate Shortcode" disabled>
365 </div>
366 </div>
367 </div>
368 </div>
369 </form>
370
371 <form class="mo_epbr_ajax_submit_form" action="" style="margin-right: 10px;" name="formforTile" id="Tile_form">
372 <div class="mo-ms-tab-content-tile premium_resource_types">
373 <div class="mo-ms-tab-content-tile-content">
374 <span class="header_span">
375 <b style="margin-block-start:12px;">Tile Details</b>
376 <img class="premium_crown" src="<?php echo esc_url( plugin_dir_url( __FILE__ ) . '../images/crown.png' ); ?>" />
377 <p class="nameid-prem-text" style="left:150px;top:-30px;">This feature is available in Premium version of the plugin. Please <a style="color:#ffd700;cursor:pointer;" href="<?php echo esc_url( pluginConstants::PRICING_LINK ); ?>" target="_blank">upgrade</a> to use the following functionalities.</p>
378 </span>
379
380 <table class="mo-ms-tab-content-app-config-table">
381 <tr>
382 <td class="left-div"><span>Dashboard ID <span style="color:red;font-weight:bold;">*</span></span>
383 </td>
384 <td class="right-div"><input placeholder="Enter Your Dashboard ID" style="width:60%;cursor:not-allowed;" disabled
385 type="text"></td>
386 </tr>
387 <tr>
388 <td class="left-div"><span>Group ID <span style="color:red;font-weight:bold;">*</span></span>
389 </td>
390 <td class="right-div"><input placeholder="Enter Your Group ID" style="width:60%;cursor:not-allowed;" disabled
391 type="text"></td>
392 </tr>
393 <tr>
394 <td class="left-div"><span>Tile ID <span style="color:red;font-weight:bold;">*</span></span></td>
395 <td class="right-div"><input placeholder="Enter Tile Id" style="width:60%;cursor:not-allowed;" disabled type="text">
396 </td>
397 </tr>
398 <tr>
399 <td class="left-div"><span>Height <span style="color:red;font-weight:bold;">*</span></span></td>
400 <td class="right-div"><input placeholder="Enter Height eg.500" style="width:60%;cursor:not-allowed;" disabled
401 type="number"></td>
402 </tr>
403 <tr>
404 <td class="left-div"><span>Width <span style="color:red;font-weight:bold;">*</span></span></td>
405 <td class="right-div"><input placeholder="Enter Weight eg.500" style="width:60%;cursor:not-allowed;" disabled
406 type="number"></td>
407 </tr>
408 <tr>
409 <td colspan="2"></br></td>
410 </tr>
411 </table>
412 <div class="generate_shortcode_div1">
413 <div style="display: flex;margin:10px;">
414 <input style="height:30px;cursor:not-allowed;" type="submit" id="saveButton"
415 value="Generate Shortcode" disabled>
416 </div>
417 </div>
418 </div>
419 </div>
420 </form>
421
422 <form class="mo_epbr_ajax_submit_form" action="" style="margin-right: 10px;" name="formforQ&A" id="qa_form">
423 <div class="mo-ms-tab-content-tile premium_resource_types">
424 <div class="mo-ms-tab-content-tile-content">
425 <span class="header_span">
426 <b style="margin-block-start:12px;">Q&A Details</b>
427 <img class="premium_crown" src="<?php echo esc_url( plugin_dir_url( __FILE__ ) . '../images/crown.png' ); ?>" />
428 <p class="nameid-prem-text" style="left: 160px;top: -30px;">This feature is available in Premium version of the plugin. Please <a style="color:#ffd700;cursor:pointer;" href="<?php echo esc_url( pluginConstants::PRICING_LINK ); ?>" target="_blank">upgrade</a> to use the following functionalities.</p>
429 </span>
430
431 <table class="mo-ms-tab-content-app-config-table">
432 <tr>
433 <td class="left-div"><span>Q&A Input Question <span
434 style="color:red;font-weight:bold;">*</span></span>
435 </td>
436 <td class="right-div"><input placeholder="Enter Your Q&A Input Question" style="width:60%;" disabled
437 type="text"></td>
438 </tr>
439 <tr>
440 <td class="left-div"><span>Group ID <span style="color:red;font-weight:bold;">*</span></span>
441 </td>
442 <td class="right-div"><input placeholder="Enter Your Group ID" style="width:60%;cursor:not-allowed;" disabled
443 type="text"></td>
444 </tr>
445 <tr>
446 <td class="left-div"><span>Dataset ID <span style="color:red;font-weight:bold;">*</span></span></td>
447 <td class="right-div"><input placeholder="Enter Dataset Id" style="width:60%;cursor:not-allowed;" disabled type="text">
448 </td>
449 </tr>
450 <tr>
451 <td class="left-div"><span>Height <span style="color:red;font-weight:bold;">*</span></span></td>
452 <td class="right-div"><input placeholder="Enter Height eg.500" style="width:60%;cursor:not-allowed;" disabled
453 type="number"></td>
454 </tr>
455 <tr>
456 <td class="left-div"><span>Width <span style="color:red;font-weight:bold;">*</span></span></td>
457 <td class="right-div"><input placeholder="Enter Weight eg.500" style="width:60%;cursor:not-allowed;" disabled
458 type="number"></td>
459 </tr>
460 <tr>
461 <td colspan="2"></br></td>
462 </tr>
463 </table>
464 <div class="generate_shortcode_div1">
465 <div style="display: flex;margin:10px;">
466 <input style="height:30px;cursor:not-allowed;" type="submit" id="saveButton"
467 value="Generate Shortcode" disabled>
468 </div>
469 </div>
470 </div>
471 </div>
472 </form>
473
474
475
476
477 <?php
478 }
479 }
480