| @@ -2,121 +2,80 @@ | ||
| 2 | 2 | if ( ! defined( 'ABSPATH' ) ) { |
| 3 | 3 | die( 'You are not allowed to call this page directly.' ); |
| 4 | 4 | } |
| 5 | 5 | ?> |
| 6 | -<div class="frm_wrap" id="frm_inbox_page"> | |
| 7 | - <?php | |
| 8 | - FrmAppHelper::get_admin_header( | |
| 9 | - array( | |
| 10 | - 'label' => __( 'Inbox', 'formidable' ), | |
| 11 | - 'publish' => array( 'FrmInboxController::dismiss_all_button', compact( 'messages' ) ), | |
| 12 | - ) | |
| 13 | - ); | |
| 14 | - ?> | |
| 15 | - <div id="post-body-content"> | |
| 16 | - <div id="frm_message_list"> | |
| 17 | -<?php | |
| 6 | +<div class="frm-inbox-wrapper"> | |
| 7 | + <div class="frm-tabs-navs"> | |
| 8 | + <ul class="frm-flex-box"> | |
| 9 | + <li class="frm-active"> | |
| 10 | + <?php | |
| 11 | + esc_html_e( 'Inbox', 'formidable' ); | |
| 12 | + echo wp_kses_post( FrmInboxController::get_notice_count( false ) ); | |
| 13 | + ?> | |
| 14 | + </li> | |
| 15 | + <li><?php esc_html_e( 'Dismissed', 'formidable' ); ?></li> | |
| 16 | + </ul> | |
| 17 | + </div> | |
| 18 | + <div class="frm-tabs-delimiter"> | |
| 19 | + <span class="frm-tabs-active-underline"></span> | |
| 20 | + </div> | |
| 21 | + <div class="frm-tabs-container"> | |
| 22 | + <div class="frm-tabs-slide-track frm-flex-box"> | |
| 23 | + <?php foreach ( $template as $key => $template_item ) : ?> | |
| 24 | + <?php if ( in_array( $key, array( 'unread', 'dismissed' ), true ) ) : ?> | |
| 25 | + <?php $tab_classname = 'dismissed' === $key ? 'frm-dismissed-inbox-messages' : ''; ?> | |
| 18 | 26 | |
| 19 | -$has_messages = ! empty( $messages ); | |
| 20 | -foreach ( $messages as $key => $message ) { | |
| 21 | - if ( ! isset( $message['icon'] ) ) { | |
| 22 | - $message['icon'] = 'frm_tooltip_icon'; | |
| 23 | - } | |
| 27 | + <div class="frm-scrollbar-wrapper <?php echo 'unread' === $key ? 'frm-active' : ''; ?>"> | |
| 28 | + <div class="<?php echo esc_attr( $tab_classname ); ?>"> | |
| 29 | + <?php if ( 'unread' === $key ) : ?> | |
| 30 | + <div id="frm_empty_inbox" class="<?php echo esc_attr( $subscribe_inbox_classnames ); ?>"> | |
| 31 | + <?php | |
| 32 | + FrmAppController::api_email_form( | |
| 33 | + 'subscribe', | |
| 34 | + __( 'You don\'t have any new messages', 'formidable' ), | |
| 35 | + __( 'Get the details about new updates, tips, sales, and more. We\'ll keep you in the loop.', 'formidable' ) | |
| 36 | + ); | |
| 37 | + ?> | |
| 38 | + <button id="frm-add-my-email-address" class="button-primary frm-button-primary"><?php esc_html_e( 'Subscribe', 'formidable' ); ?></button> | |
| 39 | + </div> | |
| 40 | + <?php endif; ?> | |
| 24 | 41 | |
| 25 | - ?> | |
| 26 | - <section class="frm_inbox_card" data-message="<?php echo esc_attr( $key ); ?>"> | |
| 27 | - <span class="frm_inbox_card_icon" aria-hidden="true"> | |
| 28 | - <?php FrmAppHelper::icon_by_class( 'frmfont ' . esc_attr( $message['icon'] ) ); ?> | |
| 29 | - </span> | |
| 30 | - <header> | |
| 31 | - <h3> | |
| 32 | - <?php echo esc_html( $message['subject'] ); ?> | |
| 33 | - </h3> | |
| 34 | - <span class="frm_inbox_date"> | |
| 35 | - <?php | |
| 36 | - if ( ! isset( $message['read'] ) || ! isset( $message['read'][ $user->ID ] ) ) { | |
| 37 | - $inbox->mark_read( $key ); | |
| 38 | - ?> | |
| 39 | - <span class="frm_inbox_unread"></span> | |
| 40 | - <?php | |
| 41 | - } | |
| 42 | + <?php foreach ( $template_item as $tab_key => $message ) : ?> | |
| 43 | + <div class="frm-inbox-message-container frm-flex-col" data-message="<?php echo esc_attr( $tab_key ); ?>" > | |
| 44 | + <div class="frm-inbox-message-heading frm-flex-box frm-justify-between"> | |
| 45 | + <div class="frm-flex-col"> | |
| 46 | + <span> | |
| 47 | + <?php | |
| 48 | + printf( | |
| 49 | + /* translators: %s: Time stamp */ | |
| 50 | + esc_html__( '%s ago', 'formidable' ), | |
| 51 | + esc_html( FrmAppHelper::human_time_diff( $message['created'] ) ) | |
| 52 | + ); | |
| 53 | + ?> | |
| 54 | + </span> | |
| 55 | + <h3><?php echo esc_html( $message['subject'] ); ?></h3> | |
| 56 | + </div> | |
| 57 | + <?php if ( 'unread' === $key ) : ?> | |
| 58 | + <a href="#" class="frm_inbox_dismiss"><?php esc_html_e( 'Dismiss', 'formidable' ); ?></a> | |
| 59 | + <?php endif; ?> | |
| 60 | + </div> | |
| 61 | + <p><?php echo wp_kses_post( $message['message'] ); ?></p> | |
| 62 | + <?php | |
| 63 | + $cta_allowed_html = array( | |
| 64 | + 'a' => array( | |
| 65 | + 'href' => true, | |
| 66 | + 'target' => true, | |
| 67 | + 'rel' => true, | |
| 68 | + ), | |
| 69 | + ); | |
| 70 | + echo wp_kses( $message['cta'], $cta_allowed_html ); | |
| 71 | + ?> | |
| 72 | + </div> | |
| 73 | + <?php endforeach; ?> | |
| 42 | 74 | |
| 43 | - printf( | |
| 44 | - /* translators: %s: Time stamp */ | |
| 45 | - esc_html__( '%s ago', 'formidable' ), | |
| 46 | - esc_html( FrmAppHelper::human_time_diff( $message['created'] ) ) | |
| 47 | - ); | |
| 48 | - ?> | |
| 49 | - </span> | |
| 50 | - </header> | |
| 51 | - <div class="frm_inbox_body"> | |
| 52 | - <p><?php echo FrmAppHelper::kses( $message['message'], array( 'a', 'p', 'div', 'span', 'br' ) ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?></p> | |
| 75 | + </div> | |
| 76 | + </div> | |
| 77 | + <?php endif; ?> | |
| 78 | + <?php endforeach; ?> | |
| 53 | 79 | </div> |
| 54 | - <footer> | |
| 55 | - <?php echo FrmAppHelper::kses( $message['cta'], array( 'a' ) ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?> | |
| 56 | - </footer> | |
| 57 | - </section> | |
| 58 | - <?php | |
| 59 | -} | |
| 60 | -if ( $has_messages ) { | |
| 61 | - ?> | |
| 62 | - <div style="margin:20px"><?php do_action( 'frm_page_footer', array( 'table' => 'inbox' ) ); ?></div> | |
| 63 | - <?php | |
| 64 | -} | |
| 65 | -?> | |
| 66 | -</div> | |
| 67 | - | |
| 68 | -<div class="frm_no_items <?php echo esc_attr( $has_messages ? 'frm_hidden' : '' ); ?>" id="frm_empty_inbox"> | |
| 69 | - <img src="<?php echo esc_url( FrmAppHelper::plugin_url() . '/images/email.jpg' ); ?>" alt="Email Address" height="202px" /> | |
| 70 | - <h2><?php esc_html_e( 'You don\'t have any messages', 'formidable' ); ?></h2> | |
| 71 | - <p> | |
| 72 | - <?php esc_html_e( 'Get the details about new updates, tips, sales, and more. We\'ll keep you in the loop.', 'formidable' ); ?> | |
| 73 | - <?php esc_html_e( 'Want more news and email updates?', 'formidable' ); ?> | |
| 74 | - </p> | |
| 75 | -<style> | |
| 76 | - #_form_3_ { font-size:14px; line-height:1.6; font-family:arial, helvetica, sans-serif; margin:0; } | |
| 77 | - ._form_hide { display:none; visibility:hidden; } | |
| 78 | - ._form_show { display:block; visibility:visible; } | |
| 79 | - #_form_3_ ._form_element { position:relative; } | |
| 80 | - #_form_3_ input[type="text"]._has_error { border-color:#f37c7b; } | |
| 81 | - #_form_3_ ._error { display:block; position:absolute; font-size:14px; z-index:10000001; } | |
| 82 | - #_form_3_ ._error._above { padding-bottom:4px; bottom:39px; right:0; } | |
| 83 | - #_form_3_ ._error._below { padding-top:4px; top:100%; right:0; } | |
| 84 | - #_form_3_ ._error._above ._error-arrow { bottom:0; right:15px; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #f37c7b; } | |
| 85 | - #_form_3_ ._error._below ._error-arrow { top:0; right:15px; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:5px solid #f37c7b; } | |
| 86 | - #_form_3_ ._error-inner { padding:8px 12px; background-color:#f37c7b; font-size:14px; font-family:arial, sans-serif; color:#fff; text-align:center; text-decoration:none; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } | |
| 87 | - #_form_3_ ._error-inner._form_error { margin-bottom:5px; text-align:left; } | |
| 88 | - #_form_3_ ._button-wrapper ._error-inner._form_error { position:static; } | |
| 89 | - #_form_3_ ._error-inner._no_arrow { margin-bottom:10px; } | |
| 90 | - #_form_3_ ._error-arrow { position:absolute; width:0; height:0; } | |
| 91 | - #_form_3_ ._error-html { margin-bottom:10px; } | |
| 92 | - #_form_3_ { position:relative; } | |
| 93 | - #_form_3_:before,#_form_3_:after { content:" "; display:table; } | |
| 94 | - #_form_3_:after { clear:both; } | |
| 95 | - #_form_3_ ._form-thank-you { position:relative; left:0; right:0; text-align:center; font-size:18px; } | |
| 96 | -</style> | |
| 97 | - <form method="POST" action="https://strategy1137274.activehosted.com/proc.php" id="_form_3_" class="_form _form_3 frm-fields frm-subscribe" novalidate> | |
| 98 | - <input type="hidden" name="u" value="3" /> | |
| 99 | - <input type="hidden" name="f" value="3" /> | |
| 100 | - <input type="hidden" name="s" /> | |
| 101 | - <input type="hidden" name="c" value="0" /> | |
| 102 | - <input type="hidden" name="m" value="0" /> | |
| 103 | - <input type="hidden" name="act" value="sub" /> | |
| 104 | - <input type="hidden" name="v" value="2" /> | |
| 105 | - <div class="_form-content"> | |
| 106 | - <p> | |
| 107 | - <input type="text" name="email" value="<?php echo esc_attr( $user->user_email ); ?>" placeholder="<?php esc_attr_e( 'Type your email', 'formidable' ); ?>" required/> | |
| 108 | - </p> | |
| 109 | - <div class="_button-wrapper"> | |
| 110 | - <button id="_form_3_submit" type="submit" class="_submit button-primary frm-button-primary"> | |
| 111 | - <?php esc_html_e( 'Subscribe', 'formidable' ); ?> | |
| 112 | - </button> | |
| 113 | - </div> | |
| 114 | - <div class="_clear-element"></div> | |
| 115 | - </div> | |
| 116 | - <div class="_form-thank-you" style="display:none;"></div> | |
| 117 | - <?php do_action( 'frm_page_footer', array( 'table' => 'inbox' ) ); ?> | |
| 118 | - </form> | |
| 119 | -</div> | |
| 120 | - | |
| 121 | 80 | </div> |
| 122 | 81 | </div> |