trAvis - MANAGER

Edit File: edgt.layout-part3.php

<?php class BaristaEdgeTwitterFramework implements iBaristaEdgeRender { public function render($factory) { $twitterApi = EdgefTwitterApi::getInstance(); $message = ''; if(!empty($_GET['oauth_token']) && !empty($_GET['oauth_verifier'])) { if(!empty($_GET['oauth_token'])) { update_option($twitterApi::AUTHORIZE_TOKEN_FIELD, $_GET['oauth_token']); } if(!empty($_GET['oauth_verifier'])) { update_option($twitterApi::AUTHORIZE_VERIFIER_FIELD, $_GET['oauth_verifier']); } $responseObj = $twitterApi->obtainAccessToken(); if($responseObj->status) { $message = esc_html__('You have successfully connected with your Twitter account. If you have any issues fetching data from Twitter try reconnecting.', 'baristawp'); } else { $message = $responseObj->message; } } $buttonText = $twitterApi->hasUserConnected() ? esc_html__('Re-connect with Twitter', 'baristawp') : esc_html__('Connect with Twitter', 'baristawp'); ?> <?php if($message !== '') { ?> <div class="alert alert-success" style="margin-top: 20px;"> <span><?php echo esc_html($message); ?></span> </div> <?php } ?> <div class="edgtf-page-form-section" id="edgtf_enable_social_share_twitter"> <div class="edgtf-field-desc"> <h4><?php esc_html_e('Connect with Twitter', 'baristawp'); ?></h4> <p><?php esc_html_e('Connecting with Twitter will enable you to show your latest tweets on your site', 'baristawp'); ?></p> </div> <!-- close div.edgtf-field-desc --> <div class="edgtf-section-content"> <div class="container-fluid"> <div class="row"> <div class="col-lg-12"> <a id="edgtf-tw-request-token-btn" class="btn btn-primary" href="#"><?php echo esc_html($buttonText); ?></a> <input type="hidden" data-name="current-page-url" value="<?php echo esc_url($twitterApi->buildCurrentPageURI()); ?>"/> </div> </div> </div> </div> <!-- close div.edgtf-section-content --> </div> <?php } } class BaristaEdgeInstagramFramework implements iBaristaEdgeRender { public function render($factory) { $instagram_api = EdgefInstagramApi::getInstance(); $message = ''; //if code wasn't saved to database if(!get_option('edgtf_instagram_code')) { //check if code parameter is set in URL. That means that user has connected with Instagram if(!empty($_GET['code'])) { //update code option so we can use it later $instagram_api->storeCode(); $instagram_api->getAccessToken(); $message = esc_html__('You have successfully connected with your Instagram account. If you have any issues fetching data from Instagram try reconnecting.', 'baristawp'); } else { $instagram_api->storeCodeRequestURI(); } } $buttonText = $instagram_api->hasUserConnected() ? esc_html__('Re-connect with Instagram', 'baristawp') : esc_html__('Connect with Instagram', 'baristawp'); ?> <?php if($message !== '') { ?> <div class="alert alert-success" style="margin-top: 20px;"> <span><?php echo esc_html($message); ?></span> </div> <?php } ?> <div class="edgtf-page-form-section" id="edgtf_enable_social_share_instagram"> <div class="edgtf-field-desc"> <h4><?php esc_html_e('Connect with Instagram', 'baristawp'); ?></h4> <p><?php esc_html_e('Connecting with Instagram will enable you to show your latest photos on your site', 'baristawp'); ?></p> </div> <!-- close div.edgtf-field-desc --> <div class="edgtf-section-content"> <div class="container-fluid"> <div class="row"> <div class="col-lg-12"> <a class="btn btn-primary" href="<?php echo esc_url($instagram_api->getAuthorizeUrl()); ?>"><?php echo esc_html($buttonText); ?></a> </div> </div> </div> </div> <!-- close div.edgtf-section-content --> </div> <?php } } /* Class: BaristaEdgeImagesVideos A class that initializes Edge Images Videos */ class BaristaEdgeOptionsFramework implements iBaristaEdgeRender { private $label; private $description; function __construct($label="",$description="") { $this->label = $label; $this->description = $description; } public function render($factory) { global $post; ?> <div class="edgtf-portfolio-additional-item-holder" style="display: none"> <div class="edgtf-portfolio-toggle-holder"> <div class="edgtf-portfolio-toggle edgtf-toggle-desc"> <span class="number">1</span><span class="edgtf-toggle-inner"><?php esc_html_e('Additional Sidebar Item', 'baristawp'); ?><em><?php esc_html_e('(Order Number, Item Title)', 'baristawp'); ?></em></span> </div> <div class="edgtf-portfolio-toggle edgtf-portfolio-control"> <span class="toggle-portfolio-item"><i class="fa fa-caret-up"></i></span> <a href="#" class="remove-portfolio-item"><i class="fa fa-times"></i></a> </div> </div> <div class="edgtf-portfolio-toggle-content"> <div class="edgtf-page-form-section"> <div class="edgtf-section-content"> <div class="container-fluid"> <div class="row"> <div class="col-lg-2"> <em class="edgtf-field-description"><?php esc_html_e('Order Number', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="optionlabelordernumber_x" name="optionlabelordernumber_x" placeholder=""> </div> <div class="col-lg-10"> <em class="edgtf-field-description"><?php esc_html_e('Item Title', 'baristawp'); ?> </em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="optionLabel_x" name="optionLabel_x" placeholder=""> </div> </div> <div class="row next-row"> <div class="col-lg-12"> <em class="edgtf-field-description"><?php esc_html_e('Item Text', 'baristawp'); ?></em> <textarea class="form-control edgtf-input edgtf-form-element" id="optionValue_x" name="optionValue_x" placeholder=""></textarea> </div> </div> <div class="row next-row"> <div class="col-lg-12"> <em class="edgtf-field-description"><?php esc_html_e('Enter Full URL for Item Text Link', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="optionUrl_x" name="optionUrl_x" placeholder=""> </div> </div> </div><!-- close div.edgtf-section-content --> </div><!-- close div.container-fluid --> </div> </div> </div> <?php $no = 1; $portfolios = get_post_meta( $post->ID, 'edgt_portfolios', true ); if (count($portfolios)>1) { usort($portfolios, "barista_edge_compare_portfolio_options"); } while (isset($portfolios[$no-1])) { $portfolio = $portfolios[$no-1]; ?> <div class="edgtf-portfolio-additional-item" rel="<?php echo esc_attr($no); ?>"> <div class="edgtf-portfolio-toggle-holder"> <div class="edgtf-portfolio-toggle edgtf-toggle-desc"> <span class="number"><?php echo esc_html($no); ?></span><span class="edgtf-toggle-inner"><?php esc_html_e('Additional Sidebar Item -', 'baristawp'); ?> <em>(<?php echo stripslashes($portfolio['optionlabelordernumber']); ?>, <?php echo stripslashes($portfolio['optionLabel']); ?>)</em></span> </div> <div class="edgtf-portfolio-toggle edgtf-portfolio-control"> <span class="toggle-portfolio-item"><i class="fa fa-caret-down"></i></span> <a href="#" class="remove-portfolio-item"><i class="fa fa-times"></i></a> </div> </div> <div class="edgtf-portfolio-toggle-content" style="display: none"> <div class="edgtf-page-form-section"> <div class="edgtf-section-content"> <div class="container-fluid"> <div class="row"> <div class="col-lg-2"> <em class="edgtf-field-description"><?php esc_html_e('Order Number', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="optionlabelordernumber_<?php echo esc_attr($no); ?>" name="optionlabelordernumber[]" value="<?php echo isset($portfolio['optionlabelordernumber']) ? esc_attr(stripslashes($portfolio['optionlabelordernumber'])) : ""; ?>" placeholder=""> </div> <div class="col-lg-10"> <em class="edgtf-field-description"><?php esc_html_e('Item Title', 'baristawp'); ?> </em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="optionLabel_<?php echo esc_attr($no); ?>" name="optionLabel[]" value="<?php echo esc_attr(stripslashes($portfolio['optionLabel'])); ?>" placeholder=""> </div> </div> <div class="row next-row"> <div class="col-lg-12"> <em class="edgtf-field-description"><?php esc_html_e('Item Text', 'baristawp'); ?></em> <textarea class="form-control edgtf-input edgtf-form-element" id="optionValue_<?php echo esc_attr($no); ?>" name="optionValue[]" placeholder=""><?php echo esc_attr(stripslashes($portfolio['optionValue'])); ?></textarea> </div> </div> <div class="row next-row"> <div class="col-lg-12"> <em class="edgtf-field-description"><?php esc_html_e('Enter Full URL for Item Text Link', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="optionUrl_<?php echo esc_attr($no); ?>" name="optionUrl[]" value="<?php echo stripslashes($portfolio['optionUrl']); ?>" placeholder=""> </div> </div> </div><!-- close div.edgtf-section-content --> </div><!-- close div.container-fluid --> </div> </div> </div> <?php $no++; } ?> <div class="edgtf-portfolio-add"> <a class="edgtf-add-item btn btn-sm btn-primary" href="#"> <?php esc_html_e('Add New Item', 'baristawp'); ?></a> <a class="edgtf-toggle-all-item btn btn-sm btn-default pull-right" href="#"> <?php esc_html_e('Expand All', 'baristawp'); ?></a> <?php /* <a class="edgtf-remove-last-item-row btn btn-sm btn-default pull-right" href="#"> Remove Last Row</a> */ ?> </div> <?php } } /* Class: BaristaEdgeSlideElementsFramework A class that initializes elements for Slider */ class BaristaEdgeSlideElementsFramework implements iBaristaEdgeRender { private $label; private $description; function __construct($label="",$description="") { $this->label = $label; $this->description = $description; } public function render($factory) { global $post; global $barista_edge_fonts_array; global $barista_edge_IconCollections; $custom_positions = get_post_meta( $post->ID, 'edgtf_slide_holder_elements_alignment', true ) == 'custom'; $default_screen_width = get_post_meta( $post->ID, 'edgtf_slide_elements_default_width', true ); if ($default_screen_width == '') $default_screen_width = 1920; $screen_widths = array( // These values must match those in map.php (for slider), slider.php and shortcodes.js "mobile" => 600, "tabletp" => 800, "tabletl" => 1024, "laptop" => 1440 ); ?> <div class="edgtf-slide-element-additional-item-holder" style="display: none"> <div class="edgtf-slide-element-toggle-holder"> <div class="edgtf-slide-element-toggle edgtf-toggle-desc"> <span class="number">1</span><span class="edgtf-toggle-inner"> <?php esc_html_e('Slide Element', 'baristawp'); ?></span> </div> <div class="edgtf-slide-element-toggle edgtf-slide-element-control"> <span class="toggle-slide-element-item"><i class="fa fa-caret-up"></i></span> <a href="#" class="remove-slide-element-item"><i class="fa fa-times"></i></a> </div> </div> <div class="edgtf-slide-element-toggle-content"> <div class="edgtf-page-form-section"> <div class="edgtf-section-content"> <div class="container-fluid"> <div class="row"> <div class="col-lg-3"> <em class="edgtf-field-description"> <?php esc_html_e('Element Type', 'baristawp'); ?></em> <select class="form-control edgtf-input edgtf-form-element edgtf-slide-element-type-selector" id="slideelementtype_x" name="slideelementtype_x" placeholder=""> <option value="text"> <?php esc_html_e('Text', 'baristawp'); ?></option> <option value="image"> <?php esc_html_e('Image', 'baristawp'); ?></option> <option value="button"> <?php esc_html_e('Button', 'baristawp'); ?></option> <option value="section-link"> <?php esc_html_e('Anchor Link', 'baristawp'); ?></option> </select> </div> <div class="col-lg-9"> <em class="edgtf-field-description"> <?php esc_html_e('Element Name (For Your Own Reference)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementname_x" name="slideelementname_x" placeholder=""> </div> </div> <div class="row next-row edgtf-slide-element-type-fields edgtf-setf-section-link" style="display: none"> <div class="col-lg-12"> <em class="edgtf-field-description"><?php esc_html_e('Anchor Link is always rendered at the bottom of the slide, centrally aligned.', 'baristawp'); ?></em> </div> </div> <div class="row next-row"> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Element Visible?', 'baristawp'); ?></em> <select class="form-control edgtf-input edgtf-form-element" id="slideelementvisible_x" name="slideelementvisible_x" placeholder=""> <option value="yes"><?php esc_html_e('Yes', 'baristawp'); ?></option> <option value="no"><?php esc_html_e('No', 'baristawp'); ?></option> </select> </div> <div class="col-lg-3 edgtf-slide-element-custom-only"<?php if (!$custom_positions) { ?> style="display:none"<?php } ?>> <em class="edgtf-field-description"><?php esc_html_e('Text', 'baristawp'); ?><?php esc_html_e('Pivot Point', 'baristawp'); ?></em> <select class="form-control edgtf-input edgtf-form-element" id="slideelementpivot_x" name="slideelementpivot_x" placeholder=""> <option value="top-left"><?php esc_html_e('Top - Left', 'baristawp'); ?></option> <option value="top-center"><?php esc_html_e('Top - Center', 'baristawp'); ?></option> <option value="top-right"><?php esc_html_e('Top - Right', 'baristawp'); ?></option> <option value="middle-left"><?php esc_html_e('Middle - Left', 'baristawp'); ?></option> <option value="middle-center"><?php esc_html_e('Middle - Center', 'baristawp'); ?></option> <option value="middle-right"><?php esc_html_e('Middle - Right', 'baristawp'); ?></option> <option value="bottom-left"><?php esc_html_e('Bottom - Left', 'baristawp'); ?></option> <option value="bottom-center"><?php esc_html_e('Bottom - Center', 'baristawp'); ?></option> <option value="bottom-right"><?php esc_html_e('Bottom - Right', 'baristawp'); ?></option> </select> </div> <div class="col-lg-3 edgtf-slide-element-custom-only"<?php if (!$custom_positions) { ?> style="display:none"<?php } ?>> <em class="edgtf-field-description"><?php esc_html_e('Order', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementzindex_x" name="slideelementzindex_x" value="" placeholder=""> </div> </div> <div class="row next-row edgtf-slide-element-all-but-custom"<?php if ($custom_positions) { ?> style="display:none"<?php } ?>> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Margin - Top (px)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementmargintop_x" name="slideelementmargintop_x" placeholder=""> </div> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Margin - Bottom (px)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementmarginbottom_x" name="slideelementmarginbottom_x" placeholder=""> </div> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Margin - Left (px)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementmarginleft_x" name="slideelementmarginleft_x" placeholder=""> </div> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Margin - Right (px)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementmarginright_x" name="slideelementmarginright_x" placeholder=""> </div> </div> <div class="edgtf-slide-element-type-fields edgtf-setf-text"> <div class="row next-row edgtf-slide-element-custom-only"<?php if (!$custom_positions) { ?> style="display:none"<?php } ?>> <div class="col-lg-6"> <em class="edgtf-field-description"><?php esc_html_e('Relative width (F/C*100 or blank for auto width)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementtextwidth_x" name="slideelementtextwidth_x" value="" placeholder=""> </div> <div class="col-lg-6"> <em class="edgtf-field-description"><?php esc_html_e('Relative height (G/D*100 or blank for auto height)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementtextheight_x" name="slideelementtextheight_x" value="" placeholder=""> </div> </div> <div class="row next-row edgtf-slide-element-custom-only"<?php if (!$custom_positions) { ?> style="display:none"<?php } ?>> <div class="col-lg-6"> <em class="edgtf-field-description"><?php esc_html_e('Relative position - Left (X/C*100)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementtextleft_x" name="slideelementtextleft_x" value="" placeholder=""> </div> <div class="col-lg-6"> <em class="edgtf-field-description"><?php esc_html_e('Relative position - Top (Y/D*100)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementtexttop_x" name="slideelementtexttop_x" value="" placeholder=""> </div> </div> <div class="row next-row"> <div class="col-lg-6"> <em class="edgtf-field-description"><?php esc_html_e('Item Text', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementtext_x" name="slideelementtext_x" value="" placeholder=""> </div> </div> <div class="row next-row"> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Link', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementtextlink_x" name="slideelementtextlink_x" placeholder=""> </div> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Target', 'baristawp'); ?></em> <select class="form-control edgtf-input edgtf-form-element" id="slideelementtexttarget_x" name="slideelementtexttarget_x" placeholder=""> <option value="_self"><?php esc_html_e('Self', 'baristawp'); ?></option> <option value="_blank"><?php esc_html_e('Blank', 'baristawp'); ?></option> </select> </div> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Hover Color for Link', 'baristawp'); ?></em> <input type="text" id="slideelementtextlinkhovercolor_x" name="slideelementtextlinkhovercolor_x" class="my-color-field"/> </div> </div> <div class="row next-row"> <div class="col-lg-6"> <em class="edgtf-field-description"><?php esc_html_e('Text Style', 'baristawp'); ?></em> <select class="form-control edgtf-input edgtf-form-element" id="slideelementtextstyle_x" name="slideelementtextstyle_x" placeholder=""> <option value="small"><?php esc_html_e('Small Text', 'baristawp'); ?></option> <option value="normal" selected><?php esc_html_e('Normal Text', 'baristawp'); ?></option> <option value="large"><?php esc_html_e('Large Text', 'baristawp'); ?></option> <option value="extra-large"><?php esc_html_e('Extra Large Text', 'baristawp'); ?></option> </select> </div> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Text Style Options', 'baristawp'); ?></em> <select class="form-control edgtf-input edgtf-form-element edgtf-slide-element-options-selector-text" id="slideelementtextoptions_x" name="slideelementtextoptions_x" placeholder=""> <option value="simple"><?php esc_html_e('Simple', 'baristawp'); ?></option> <option value="advanced"><?php esc_html_e('Advanced', 'baristawp'); ?></option> </select> </div> </div> <div class="edgtf-slide-elements-advanced-text-options" style="display: none"> <div class="row next-row"> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Font Color', 'baristawp'); ?></em> <input type="text" id="slideelementfontcolor_x" name="slideelementfontcolor_x" value="" class="my-color-field"/> </div> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Font Size (px)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementfontsize_x" name="slideelementfontsize_x" value="" placeholder=""> </div> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Line Height (px)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementlineheight_x" name="slideelementlineheight_x" value="" placeholder=""> </div> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Letter Spacing (px)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementletterspacing_x" name="slideelementletterspacing_x" value="" placeholder=""> </div> </div> <div class="row next-row"> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Font Family', 'baristawp'); ?></em> <select class="form-control edgtf-input edgtf-form-element" id="slideelementfontfamily_x" name="slideelementfontfamily_x" placeholder=""> <option value="-1"><?php esc_html_e('Default', 'baristawp'); ?></option> <?php foreach($barista_edge_fonts_array as $fontArray) { ?> <option value="<?php echo esc_attr(str_replace(' ', '+', $fontArray["family"])); ?>"><?php echo esc_html($fontArray["family"]); ?></option> <?php } ?> </select> </div> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Font Style', 'baristawp'); ?></em> <select class="form-control edgtf-input edgtf-form-element" id="slideelementfontstyle_x" name="slideelementfontstyle_x" placeholder=""> <option value=""></option> <option value="normal"><?php esc_html_e('normal', 'baristawp'); ?></option> <option value="italic"><?php esc_html_e('italic', 'baristawp'); ?></option> </select> </div> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Font Weight', 'baristawp'); ?></em> <select class="form-control edgtf-input edgtf-form-element" id="slideelementfontweight_x" name="slideelementfontweight_x" placeholder=""> <option value=""></option> <?php for ($i=1; $i<=9; $i++) { ?> <option value="<?php echo esc_attr($i*100); ?>"><?php echo esc_html($i*100); ?></option> <?php } ?> </select> </div> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Text Transform', 'baristawp'); ?></em> <select class="form-control edgtf-input edgtf-form-element" id="slideelementtexttransform_x" name="slideelementtexttransform_x" placeholder=""> <option value=""></option> <option value="none"><?php esc_html_e('None', 'baristawp'); ?></option> <option value="capitalize"><?php esc_html_e('Capitalize', 'baristawp'); ?></option> <option value="uppercase"><?php esc_html_e('Uppercase', 'baristawp'); ?></option> <option value="lowercase"><?php esc_html_e('Lowercase', 'baristawp'); ?></option> </select> </div> </div> <div class="row next-row"> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Background Color', 'baristawp'); ?></em> <input type="text" id="slideelementtextbgndcolor_x; ?>" name="slideelementtextbgndcolor_x" value="" class="my-color-field"/> </div> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Background Transparency (0-1)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementtextbgndtransparency_x; ?>" name="slideelementtextbgndtransparency_x" value="" placeholder=""> </div> </div> <div class="row next-row"> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Border Thickness (px)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementtextborderthickness_x" name="slideelementtextborderthickness_x" value="" placeholder=""> </div> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Border Style', 'baristawp'); ?></em> <select class="form-control edgtf-input edgtf-form-element" id="slideelementtextborderstyle_x" name="slideelementtextborderstyle_x" placeholder=""> <option value=""></option> <option value="solid"><?php esc_html_e('solid', 'baristawp'); ?></option> <option value="dashed"><?php esc_html_e('dashed', 'baristawp'); ?></option> <option value="dotted"><?php esc_html_e('dotted', 'baristawp'); ?></option> <option value="double"><?php esc_html_e('double', 'baristawp'); ?></option> <option value="groove"><?php esc_html_e('groove', 'baristawp'); ?></option> <option value="ridge"><?php esc_html_e('ridge', 'baristawp'); ?></option> <option value="inset"><?php esc_html_e('inset', 'baristawp'); ?></option> <option value="outset"><?php esc_html_e('outset', 'baristawp'); ?></option> </select> </div> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Border Color', 'baristawp'); ?></em> <input type="text" id="slideelementtextbordercolor_x" name="slideelementtextbordercolor_x" value="" class="my-color-field"/> </div> </div> </div> </div> <div class="edgtf-slide-element-type-fields edgtf-setf-image" style="display: none"> <div class="row next-row"> <div class="col-lg-12"> <em class="edgtf-field-description"><?php esc_html_e('Image', 'baristawp'); ?></em> <div class="edgtf-media-uploader"> <div style="display: none" class="edgtf-media-image-holder"> <img src="" alt="" class="edgtf-media-image img-thumbnail"/> </div> <div style="display: none" class="form-control edgtf-input edgtf-form-element edgtf-media-meta-fields"> <input type="hidden" class="edgtf-media-upload-url" id="slideelementimageurl_x" name="slideelementimageurl_x" value=""/> <input type="hidden" class="edgtf-media-upload-height" name="slideelementimageuploadheight_x" value=""/> <input type="hidden" class="edgtf-media-upload-width" name="slideelementimageuploadwidth_x" value=""/> </div> <a class="edgtf-media-upload-btn btn btn-sm btn-primary" href="javascript:void(0)" data-frame-title="<?php esc_html_e('Select Image', 'baristawp'); ?>" data-frame-button-text="<?php esc_html_e('Select Image', 'baristawp'); ?>"><?php esc_html_e('Upload', 'baristawp'); ?></a> <a style="display: none;" href="javascript: void(0)" class="edgtf-media-remove-btn btn btn-default btn-sm"><?php esc_html_e('Remove', 'baristawp'); ?></a> </div> </div> </div> <div class="row next-row"> <div class="col-lg-6"> <em class="edgtf-field-description"><?php esc_html_e('Relative width (F/C*100 or blank for auto width)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementimagewidth_x" name="slideelementimagewidth_x" value="" placeholder=""> </div> <div class="col-lg-6"> <em class="edgtf-field-description"><?php esc_html_e('Relative height (G/D*100 or blank for auto height)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementimageheight_x" name="slideelementimageheight_x" value="" placeholder=""> </div> </div> <div class="row next-row edgtf-slide-element-custom-only"<?php if (!$custom_positions) { ?> style="display:none"<?php } ?>> <div class="col-lg-6"> <em class="edgtf-field-description"><?php esc_html_e('Relative position - Left (X/C*100)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementimageleft_x" name="slideelementimageleft_x" value="" placeholder=""> </div> <div class="col-lg-6"> <em class="edgtf-field-description"><?php esc_html_e('Relative position - Top (Y/D*100)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementimagetop_x" name="slideelementimagetop_x" value="" placeholder=""> </div> </div> <div class="row next-row"> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Link', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementimagelink_x" name="slideelementimagelink_x" placeholder=""> </div> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Target', 'baristawp'); ?></em> <select class="form-control edgtf-input edgtf-form-element" id="slideelementimagetarget_x" name="slideelementimagetarget_x" placeholder=""> <option value="_self"><?php esc_html_e('Self', 'baristawp'); ?></option> <option value="_blank"><?php esc_html_e('Blank', 'baristawp'); ?></option> </select> </div> </div> <div class="row next-row"> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Border Thickness (px)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementimageborderthickness_x" name="slideelementimageborderthickness_x" value="" placeholder=""> </div> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Border Style', 'baristawp'); ?></em> <select class="form-control edgtf-input edgtf-form-element" id="slideelementimageborderstyle_x" name="slideelementimageborderstyle_x" placeholder=""> <option value=""></option> <option value="solid"><?php esc_html_e('solid', 'baristawp'); ?></option> <option value="dashed"><?php esc_html_e('dashed', 'baristawp'); ?></option> <option value="dotted"><?php esc_html_e('dotted', 'baristawp'); ?></option> <option value="double"><?php esc_html_e('double', 'baristawp'); ?></option> <option value="groove"><?php esc_html_e('groove', 'baristawp'); ?></option> <option value="ridge"><?php esc_html_e('ridge', 'baristawp'); ?></option> <option value="inset"><?php esc_html_e('inset', 'baristawp'); ?></option> <option value="outset"><?php esc_html_e('outset', 'baristawp'); ?></option> </select> </div> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Border Color', 'baristawp'); ?></em> <input type="text" id="slideelementimagebordercolor_x" name="slideelementimagebordercolor_x" value="" class="my-color-field"/> </div> </div> </div> <div class="edgtf-slide-element-type-fields edgtf-setf-button" style="display: none"> <div class="row next-row edgtf-slide-element-custom-only"<?php if (!$custom_positions) { ?> style="display:none"<?php } ?>> <div class="col-lg-6"> <em class="edgtf-field-description"><?php esc_html_e('Relative position - Left (X/C*100)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementbuttonleft_x" name="slideelementbuttonleft_x" placeholder=""> </div> <div class="col-lg-6"> <em class="edgtf-field-description"><?php esc_html_e('Relative position - Top (Y/D*100)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementbuttontop_x" name="slideelementbuttontop_x" placeholder=""> </div> </div> <div class="row next-row"> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Button Text', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementbuttontext_x" name="slideelementbuttontext_x" placeholder=""> </div> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Link', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementbuttonlink_x" name="slideelementbuttonlink_x" placeholder=""> </div> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Target', 'baristawp'); ?></em> <select class="form-control edgtf-input edgtf-form-element" id="slideelementbuttontarget_x" name="slideelementbuttontarget_x" placeholder=""> <option value="_self"><?php esc_html_e('Self', 'baristawp'); ?></option> <option value="_blank"><?php esc_html_e('Blank', 'baristawp'); ?></option> </select> </div> </div> <div class="row next-row"> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Button Size', 'baristawp'); ?></em> <select class="form-control edgtf-input edgtf-form-element" id="slideelementbuttonsize_x" name="slideelementbuttonsize_x" placeholder=""> <option value="" ><?php esc_html_e('Default', 'baristawp'); ?></option> <option value="small"><?php esc_html_e('Small', 'baristawp'); ?></option> <option value="medium"><?php esc_html_e('Medium', 'baristawp'); ?></option> <option value="large"><?php esc_html_e('Large', 'baristawp'); ?></option> <option value="huge"><?php esc_html_e('Extra Large', 'baristawp'); ?></option> </select> </div> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Button Type', 'baristawp'); ?></em> <select class="form-control edgtf-input edgtf-form-element" id="slideelementbuttontype_x" name="slideelementbuttontype_x" placeholder=""> <option value="" ><?php esc_html_e('Default', 'baristawp'); ?></option> <option value="outline"><?php esc_html_e('Outline', 'baristawp'); ?></option> <option value="solid"><?php esc_html_e('Solid', 'baristawp'); ?></option> </select> </div> <div class="col-lg-3 edgtf-slide-element-all-but-custom"<?php if ($custom_positions) { ?> style="display:none"<?php } ?>> <em class="edgtf-field-description"><?php esc_html_e('Keep in Line with Other Buttons?', 'baristawp'); ?></em> <select class="form-control edgtf-input edgtf-form-element" id="slideelementbuttoninline_x" name="slideelementbuttoninline_x" placeholder=""> <option value="no"><?php esc_html_e('No', 'baristawp'); ?></option> <option value="yes"><?php esc_html_e('Yes', 'baristawp'); ?></option> </select> </div> </div> <div class="row next-row"> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Font Size (px)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementbuttonfontsize_x" name="slideelementbuttonfontsize_x" placeholder=""> </div> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Font Weight (px)', 'baristawp'); ?></em> <select class="form-control edgtf-input edgtf-form-element" id="slideelementbuttonfontweight_x" name="slideelementbuttonfontweight_x" placeholder=""> <option value=""></option> <?php for ($i=1; $i<=9; $i++) { ?> <option value="<?php echo esc_attr($i*100); ?>"><?php echo esc_html($i*100); ?></option> <?php } ?> </select> </div> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Font Color', 'baristawp'); ?></em> <input type="text" id="slideelementbuttonfontcolor_x" name="slideelementbuttonfontcolor_x" class="my-color-field"/> </div> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Font Hover Color', 'baristawp'); ?></em> <input type="text" id="slideelementbuttonfonthovercolor_x" name="slideelementbuttonfonthovercolor_x" class="my-color-field"/> </div> </div> <div class="row next-row"> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Background Color', 'baristawp'); ?></em> <input type="text" id="slideelementbuttonbgndcolor_x" name="slideelementbuttonbgndcolor_x" class="my-color-field"/> </div> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Background Hover Color', 'baristawp'); ?></em> <input type="text" id="slideelementbuttonbgndhovercolor_x" name="slideelementbuttonbgndhovercolor_x" class="my-color-field"/> </div> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Border Color', 'baristawp'); ?></em> <input type="text" id="slideelementbuttonbordercolor_x" name="slideelementbuttonbordercolor_x" class="my-color-field"/> </div> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Border Hover Color', 'baristawp'); ?></em> <input type="text" id="slideelementbuttonborderhovercolor_x" name="slideelementbuttonborderhovercolor_x" class="my-color-field"/> </div> </div> <div class="row next-row"> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Icon Pack', 'baristawp'); ?></em> <select class="form-control edgtf-input edgtf-form-element edgtf-slide-element-button-icon-pack" id="slideelementbuttoniconpack_x" name="slideelementbuttoniconpack_x" placeholder=""> <?php $icon_packs = $barista_edge_IconCollections->getIconCollectionsEmpty("no_icon"); foreach ($icon_packs as $key=>$value) { ?> <option value="<?php echo esc_attr($key); ?>"><?php echo esc_html($value); ?></option> <?php } ?> </select> </div> <?php foreach ($barista_edge_IconCollections->iconCollections as $collection_key => $collection_object) { $icons_array = $collection_object->getIconsArray(); ?> <div class="col-lg-3 edgtf-slide-element-button-icon-collection <?php echo esc_attr($collection_key); ?>" style="display: none"> <em class="edgtf-field-description"><?php esc_html_e('Button Icon', 'baristawp'); ?></em> <select class="form-control edgtf-input edgtf-form-element" id="slideelementbuttonicon_<?php echo esc_attr($collection_key); ?>_x" name="slideelementbuttonicon_<?php echo esc_attr($collection_key); ?>_x" placeholder=""> <?php foreach ($icons_array as $key=>$value) { ?> <option value="<?php echo esc_attr($key); ?>"><?php echo esc_html($value); ?></option> <?php } ?> </select> </div> <?php } ?> </div> </div> <div class="edgtf-slide-element-type-fields edgtf-setf-section-link" style="display: none"> <!-- <div class="row next-row edgtf-slide-element-custom-only"<?php if (!$custom_positions) { ?> style="display:none"<?php } ?>> <div class="col-lg-6"> <em class="edgtf-field-description">Relative position - Left (X/C*100)</em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementsectionlinkleft_x" name="slideelementsectionlinkleft_x" placeholder=""> </div> <div class="col-lg-6"> <em class="edgtf-field-description">Relative position - Top (Y/D*100)</em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementsectionlinktop_x" name="slideelementsectionlinktop_x" placeholder=""> </div> </div> --> <div class="row next-row"> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Target Section Anchor (i.e. "#products")', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementsectionlinkanchor_x" name="slideelementsectionlinkanchor_x" placeholder=""> </div> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Anchor Link Text (i.e. "Scroll Down")', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementsectionlinktext_x" name="slideelementsectionlinktext_x" placeholder=""> </div> </div> </div> <div class="row next-row"> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Animation', 'baristawp'); ?></em> <select class="form-control edgtf-input edgtf-form-element" id="slideelementanimation_x" name="slideelementanimation_x" placeholder=""> <option value="default"><?php esc_html_e('Default', 'baristawp'); ?></option> <option value="none"><?php esc_html_e('No Animation', 'baristawp'); ?></option> <option value="flip"><?php esc_html_e('Flip', 'baristawp'); ?></option> <option value="spin"><?php esc_html_e('Spin', 'baristawp'); ?></option> <option value="fade"><?php esc_html_e('Fade In', 'baristawp'); ?></option> <option value="from_bottom"><?php esc_html_e('Fly In From Bottom', 'baristawp'); ?></option> <option value="from_top"><?php esc_html_e('Fly In From Top', 'baristawp'); ?></option> <option value="from_left"><?php esc_html_e('Fly In From Left', 'baristawp'); ?></option> <option value="from_right"><?php esc_html_e('Fly In From Right', 'baristawp'); ?></option> </select> </div> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Animation Delay (i.e. "0.5s" or "400ms")', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementanimationdelay_x" name="slideelementanimationdelay_x" placeholder=""> </div> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Animation Duration (i.e. "0.5s" or "400ms")', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementanimationduration_x" name="slideelementanimationduration_x" placeholder=""> </div> </div> <div class="row next-row"> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Element Responsiveness', 'baristawp'); ?></em> <select class="form-control edgtf-input edgtf-form-element edgtf-slide-element-responsiveness-selector" id="slideelementresponsive_x" name="slideelementresponsive_x" placeholder=""> <option value="proportional"><?php esc_html_e('Preserve proportions', 'baristawp'); ?></option> <option value="stages"><?php esc_html_e('Scale based on stage coefficients', 'baristawp'); ?></option> </select> </div> </div> <div class="edgtf-slide-responsive-scale-factors" style="display:none"> <div class="row next-row"> <div class="col-lg-12"> <em class="edgtf-field-description"><?php esc_html_e('Enter below the scale factors for each responsive stage, relative to the values above (or to the original size for images).', 'baristawp'); ?><br/><?php esc_html_e('Scale factor of 1 leaves the element at the same size as for the default screen width of', 'baristawp'); ?> <span class="edgtf-slide-dynamic-def-width"><?php echo esc_html($default_screen_width); ?></span><?php esc_html_e('px, while setting it to zero hides the element.', 'baristawp'); ?><div class="edgtf-slide-element-custom-only"<?php if (!$custom_positions) { ?> style="display:none"<?php } ?>><?php esc_html_e('If you also wish to change the position of the element for a certain stage, enter the desired position in the corresponding fields.', 'baristawp'); ?></div></em> </div> </div> <div class="row next-row"> <div class="col-lg-2"> <em class="edgtf-field-description"><?php esc_html_e('Mobile', 'baristawp'); ?><br>(<?php esc_html_e('up to', 'baristawp'); ?> <?php echo esc_html($screen_widths["mobile"]); ?>px)</em> </div> <div class="col-lg-2"> <em class="edgtf-field-description"><?php esc_html_e('Scale Factor', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementscalemobile_x" name="slideelementscalemobile_x" placeholder="0.5"> </div> <div class="col-lg-3 edgtf-slide-element-custom-only"<?php if (!$custom_positions) { ?> style="display:none"<?php } ?>> <em class="edgtf-field-description"><?php esc_html_e('Relative position - Left (X/C*100)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementleftmobile_x" name="slideelementleftmobile_x" placeholder=""> </div> <div class="col-lg-3 edgtf-slide-element-custom-only"<?php if (!$custom_positions) { ?> style="display:none"<?php } ?>> <em class="edgtf-field-description"><?php esc_html_e('Relative position - Top (Y/D*100)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementtopmobile_x" name="slideelementtopmobile_x" placeholder=""> </div> </div> <div class="row next-row"> <div class="col-lg-2"> <em class="edgtf-field-description"><?php esc_html_e('Tablet (Portrait)', 'baristawp'); ?><br>(<?php echo esc_html($screen_widths["mobile"]+1); ?>px - <?php echo esc_html($screen_widths["tabletp"]); ?>px)</em> </div> <div class="col-lg-2"> <em class="edgtf-field-description"><?php esc_html_e('Scale Factor', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementscaletabletp_x" name="slideelementscaletabletp_x" placeholder="0.6"> </div> <div class="col-lg-3 edgtf-slide-element-custom-only"<?php if (!$custom_positions) { ?> style="display:none"<?php } ?>> <em class="edgtf-field-description"><?php esc_html_e('Relative position - Left (X/C*100)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementlefttabletp_x" name="slideelementlefttabletp_x" placeholder=""> </div> <div class="col-lg-3 edgtf-slide-element-custom-only"<?php if (!$custom_positions) { ?> style="display:none"<?php } ?>> <em class="edgtf-field-description"><?php esc_html_e('Relative position - Top (Y/D*100)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementtoptabletp_x" name="slideelementtoptabletp_x" placeholder=""> </div> </div> <div class="row next-row"> <div class="col-lg-2"> <em class="edgtf-field-description"><?php esc_html_e('Tablet (Landscape)', 'baristawp'); ?><br>(<?php echo esc_html($screen_widths["tabletp"]+1); ?>px - <?php echo esc_html($screen_widths["tabletl"]); ?>px)</em> </div> <div class="col-lg-2"> <em class="edgtf-field-description"><?php esc_html_e('Scale Factor', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementscaletabletl_x" name="slideelementscaletabletl_x" placeholder="0.7"> </div> <div class="col-lg-3 edgtf-slide-element-custom-only"<?php if (!$custom_positions) { ?> style="display:none"<?php } ?>> <em class="edgtf-field-description"><?php esc_html_e('Relative position - Left (X/C*100)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementlefttabletl_x" name="slideelementlefttabletl_x" placeholder=""> </div> <div class="col-lg-3 edgtf-slide-element-custom-only"<?php if (!$custom_positions) { ?> style="display:none"<?php } ?>> <em class="edgtf-field-description"><?php esc_html_e('Relative position - Top (Y/D*100)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementtoptabletl_x" name="slideelementtoptabletl_x" placeholder=""> </div> </div> <div class="row next-row"> <div class="col-lg-2"> <em class="edgtf-field-description"><?php esc_html_e('Laptop', 'baristawp'); ?><br>(<?php echo esc_html($screen_widths["tabletl"]+1); ?>px - <?php echo esc_html($screen_widths["laptop"]); ?>px)</em> </div> <div class="col-lg-2"> <em class="edgtf-field-description"><?php esc_html_e('Scale Factor', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementscalelaptop_x" name="slideelementscalelaptop_x" placeholder="0.8"> </div> <div class="col-lg-3 edgtf-slide-element-custom-only"<?php if (!$custom_positions) { ?> style="display:none"<?php } ?>> <em class="edgtf-field-description"><?php esc_html_e('Relative position - Left (X/C*100)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementleftlaptop_x" name="slideelementleftlaptop_x" placeholder=""> </div> <div class="col-lg-3 edgtf-slide-element-custom-only"<?php if (!$custom_positions) { ?> style="display:none"<?php } ?>> <em class="edgtf-field-description"><?php esc_html_e('Relative position - Top (Y/D*100)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementtoplaptop_x" name="slideelementtoplaptop_x" placeholder=""> </div> </div> <div class="row next-row"> <div class="col-lg-2"> <em class="edgtf-field-description"><?php esc_html_e('Desktop', 'baristawp'); ?><br>(<?php esc_html_e('above', 'baristawp'); ?> <?php echo esc_html($screen_widths["laptop"]); ?>px)</em> </div> <div class="col-lg-2"> <em class="edgtf-field-description"><?php esc_html_e('Scale Factor', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementscaledesktop_x" name="slideelementscaledesktop_x" placeholder="1"> </div> <div class="col-lg-3 edgtf-slide-element-custom-only"<?php if (!$custom_positions) { ?> style="display:none"<?php } ?>> <em class="edgtf-field-description"><?php esc_html_e('Relative position - Left (X/C*100)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementleftdesktop_x" name="slideelementleftdesktop_x" placeholder=""> </div> <div class="col-lg-3 edgtf-slide-element-custom-only"<?php if (!$custom_positions) { ?> style="display:none"<?php } ?>> <em class="edgtf-field-description"><?php esc_html_e('Relative position - Top (Y/D*100)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementtopdesktop_x" name="slideelementtopdesktop_x" placeholder=""> </div> </div> </div> </div><!-- close div.edgtf-section-content --> </div><!-- close div.container-fluid --> </div> </div> </div> <?php $no = 1; $slide_elements = get_post_meta( $post->ID, 'edgt_slide_elements', true ); if (count($slide_elements)>1) { //usort($slide_elements, "barista_edge_compare_portfolio_options"); } while (isset($slide_elements[$no-1])) { $slide_element = $slide_elements[$no-1]; ?> <div class="edgtf-slide-element-additional-item" rel="<?php echo esc_attr($no); ?>"> <div class="edgtf-slide-element-toggle-holder"> <div class="edgtf-slide-element-toggle edgtf-toggle-desc"> <span class="number"><?php echo esc_html($no); ?></span><span class="edgtf-toggle-inner"><?php esc_html_e('Slide Element -', 'baristawp'); ?> <em><?php echo esc_html(stripslashes($slide_element['slideelementname'])); ?></em></span> </div> <div class="edgtf-slide-element-toggle edgtf-slide-element-control"> <span class="toggle-slide-element-item"><i class="fa fa-caret-down"></i></span> <a href="#" class="remove-slide-element-item"><i class="fa fa-times"></i></a> </div> </div> <div class="edgtf-slide-element-toggle-content" style="display: none"> <div class="edgtf-page-form-section"> <div class="edgtf-section-content"> <div class="container-fluid"> <div class="row"> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Element Type', 'baristawp'); ?></em> <select class="form-control edgtf-input edgtf-form-element edgtf-slide-element-type-selector" id="slideelementtype_<?php echo esc_attr($no); ?>" name="slideelementtype[]" placeholder=""> <option value="text" <?php echo esc_attr($slide_element['slideelementtype']) == "text" ? "selected" : ""; ?>><?php esc_html_e('Text', 'baristawp'); ?></option> <option value="image" <?php echo esc_attr($slide_element['slideelementtype']) == "image" ? "selected" : ""; ?>><?php esc_html_e('Image', 'baristawp'); ?></option> <option value="button" <?php echo esc_attr($slide_element['slideelementtype']) == "button" ? "selected" : ""; ?>><?php esc_html_e('Button', 'baristawp'); ?></option> <option value="section-link" <?php echo esc_attr($slide_element['slideelementtype']) == "section-link" ? "selected" : ""; ?>><?php esc_html_e('Anchor Link', 'baristawp'); ?></option> </select> </div> <div class="col-lg-9"> <em class="edgtf-field-description"><?php esc_html_e('Element Name (For Your Own Reference)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementname_<?php esc_attr($no); ?>" name="slideelementname[]" value="<?php echo esc_attr($slide_element['slideelementname']); ?>" placeholder=""> </div> </div> <div class="row next-row edgtf-slide-element-type-fields edgtf-setf-section-link"<?php if ($slide_element['slideelementtype'] != "section-link") { ?> style="display: none"<?php } ?>> <div class="col-lg-12"> <em class="edgtf-field-description"><?php esc_html_e('Anchor Link is always rendered at the bottom of the slide, centrally aligned.', 'baristawp'); ?></em> </div> </div> <div class="row next-row"> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Element Visible?', 'baristawp'); ?></em> <select class="form-control edgtf-input edgtf-form-element" id="slideelementvisible_<?php echo esc_attr($no); ?>" name="slideelementvisible[]" placeholder=""> <option value="yes" <?php if (isset($slide_element['slideelementvisible'])) {echo esc_attr($slide_element['slideelementvisible']) == "yes" ? "selected" : "";} ?>><?php esc_html_e('Yes', 'baristawp'); ?></option> <option value="no" <?php if (isset($slide_element['slideelementvisible'])) {echo esc_attr($slide_element['slideelementvisible']) == "no" ? "selected" : "";} ?>><?php esc_html_e('No', 'baristawp'); ?></option> </select> </div> <div class="col-lg-3 edgtf-slide-element-custom-only"<?php if (!$custom_positions) { ?> style="display:none"<?php } ?>> <em class="edgtf-field-description"><?php esc_html_e('Desktop', 'baristawp'); ?>Pivot Point</em> <select class="form-control edgtf-input edgtf-form-element" id="slideelementpivot_<?php echo esc_attr($no); ?>" name="slideelementpivot[]" placeholder=""> <option value="top-left" <?php if (isset($slide_element['slideelementpivot'])) {echo esc_attr($slide_element['slideelementpivot']) == "top-left" ? "selected" : "";} ?>><?php esc_html_e('Top - Left', 'baristawp'); ?></option> <option value="top-center" <?php if (isset($slide_element['slideelementpivot'])) {echo esc_attr($slide_element['slideelementpivot']) == "top-center" ? "selected" : "";} ?>><?php esc_html_e('Top - Center', 'baristawp'); ?></option> <option value="top-right" <?php if (isset($slide_element['slideelementpivot'])) {echo esc_attr($slide_element['slideelementpivot']) == "top-right" ? "selected" : "";} ?>><?php esc_html_e('Top - Right', 'baristawp'); ?></option> <option value="middle-left" <?php if (isset($slide_element['slideelementpivot'])) {echo esc_attr($slide_element['slideelementpivot']) == "middle-left" ? "selected" : "";} ?>><?php esc_html_e('Middle - Left', 'baristawp'); ?></option> <option value="middle-center" <?php if (isset($slide_element['slideelementpivot'])) {echo esc_attr($slide_element['slideelementpivot']) == "middle-center" ? "selected" : "";} ?>><?php esc_html_e('Middle - Center', 'baristawp'); ?></option> <option value="middle-right" <?php if (isset($slide_element['slideelementpivot'])) {echo esc_attr($slide_element['slideelementpivot']) == "middle-right" ? "selected" : "";} ?>><?php esc_html_e('Middle - Right', 'baristawp'); ?></option> <option value="bottom-left" <?php if (isset($slide_element['slideelementpivot'])) {echo esc_attr($slide_element['slideelementpivot']) == "bottom-left" ? "selected" : "";} ?>><?php esc_html_e('Bottom - Left', 'baristawp'); ?></option> <option value="bottom-center" <?php if (isset($slide_element['slideelementpivot'])) {echo esc_attr($slide_element['slideelementpivot']) == "bottom-center" ? "selected" : "";} ?>><?php esc_html_e('Bottom - Center', 'baristawp'); ?></option> <option value="bottom-right" <?php if (isset($slide_element['slideelementpivot'])) {echo esc_attr($slide_element['slideelementpivot']) == "bottom-right" ? "selected" : "";} ?>><?php esc_html_e('Bottom - Right', 'baristawp'); ?></option> </select> </div> <div class="col-lg-3 edgtf-slide-element-custom-only"<?php if (!$custom_positions) { ?> style="display:none"<?php } ?>> <em class="edgtf-field-description"><?php esc_html_e('Order', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementzindex_<?php esc_attr($no); ?>" name="slideelementzindex[]" value="<?php echo isset($slide_element['slideelementzindex']) ? esc_attr($slide_element['slideelementzindex']) : ''; ?>" placeholder=""> </div> </div> <div class="row next-row edgtf-slide-element-all-but-custom"<?php if ($custom_positions) { ?> style="display:none"<?php } ?>> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Margin - Top (px)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementmargintop_<?php esc_attr($no); ?>" name="slideelementmargintop[]" value="<?php echo isset($slide_element['slideelementmargintop']) ? esc_attr($slide_element['slideelementmargintop']) : ''; ?>" placeholder=""> </div> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Margin - Bottom (px)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementmarginbottom_<?php esc_attr($no); ?>" name="slideelementmarginbottom[]" value="<?php echo isset($slide_element['slideelementmarginbottom']) ? esc_attr($slide_element['slideelementmarginbottom']) : ''; ?>" placeholder=""> </div> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Margin - Left (px)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementmarginleft_<?php esc_attr($no); ?>" name="slideelementmarginleft[]" value="<?php echo isset($slide_element['slideelementmarginleft']) ? esc_attr($slide_element['slideelementmarginleft']) : ''; ?>" placeholder=""> </div> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Margin - Right (px)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementmarginright_<?php esc_attr($no); ?>" name="slideelementmarginright[]" value="<?php echo isset($slide_element['slideelementmarginright']) ? esc_attr($slide_element['slideelementmarginright']) : ''; ?>" placeholder=""> </div> </div> <div class="edgtf-slide-element-type-fields edgtf-setf-text"<?php if ($slide_element['slideelementtype'] != "text") { ?> style="display: none"<?php } ?>> <div class="row next-row edgtf-slide-element-custom-only"<?php if (!$custom_positions) { ?> style="display:none"<?php } ?>> <div class="col-lg-6"> <em class="edgtf-field-description"><?php esc_html_e('Relative width (F/C*100 or blank for auto width)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementtextwidth_<?php esc_attr($no); ?>" name="slideelementtextwidth[]" value="<?php echo isset($slide_element['slideelementtextwidth']) ? esc_attr($slide_element['slideelementtextwidth']) : ''; ?>" placeholder=""> </div> <div class="col-lg-6"> <em class="edgtf-field-description"><?php esc_html_e('Relative height (G/D*100 or blank for auto height)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementtextheight_<?php esc_attr($no); ?>" name="slideelementtextheight[]" value="<?php echo isset($slide_element['slideelementtextheight']) ? esc_attr($slide_element['slideelementtextheight']) : ''; ?>" placeholder=""> </div> </div> <div class="row next-row edgtf-slide-element-custom-only"<?php if (!$custom_positions) { ?> style="display:none"<?php } ?>> <div class="col-lg-6"> <em class="edgtf-field-description"><?php esc_html_e('Relative position - Left (X/C*100)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementtextleft_<?php esc_attr($no); ?>" name="slideelementtextleft[]" value="<?php echo isset($slide_element['slideelementtextleft']) ? esc_attr($slide_element['slideelementtextleft']) : ''; ?>" placeholder=""> </div> <div class="col-lg-6"> <em class="edgtf-field-description"><?php esc_html_e('Relative position - Top (Y/D*100)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementtexttop_<?php esc_attr($no); ?>" name="slideelementtexttop[]" value="<?php echo isset($slide_element['slideelementtexttop']) ? esc_attr($slide_element['slideelementtexttop']) : ''; ?>" placeholder=""> </div> </div> <div class="row next-row"> <div class="col-lg-6"> <em class="edgtf-field-description"><?php esc_html_e('Item Text', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementtext_<?php esc_attr($no); ?>" name="slideelementtext[]" value="<?php echo esc_attr($slide_element['slideelementtext']); ?>" placeholder=""> </div> </div> <div class="row next-row"> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Link', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementtextlink_<?php echo esc_attr($no); ?>" name="slideelementtextlink[]" value="<?php echo isset($slide_element['slideelementtextlink']) ? esc_attr($slide_element['slideelementtextlink']) : ''; ?>" placeholder=""> </div> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Target', 'baristawp'); ?></em> <select class="form-control edgtf-input edgtf-form-element" id="slideelementtexttarget_<?php echo esc_attr($no); ?>" name="slideelementtexttarget[]" placeholder=""> <option value="_self" <?php if (isset($slide_element['slideelementtexttarget'])) {echo esc_attr($slide_element['slideelementtexttarget']) == "_self" ? "selected" : "";} ?>><?php esc_html_e('Self', 'baristawp'); ?></option> <option value="_blank" <?php if (isset($slide_element['slideelementtexttarget'])) {echo esc_attr($slide_element['slideelementtexttarget']) == "_blank" ? "selected" : "";} ?>><?php esc_html_e('Blank', 'baristawp'); ?></option> </select> </div> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Color for Link', 'baristawp'); ?> </em> <input type="text" id="slideelementtextlinkhovercolor_<?php esc_attr($no); ?>" name="slideelementtextlinkhovercolor[]" value="<?php echo isset($slide_element['slideelementtextlinkhovercolor']) ? esc_attr($slide_element['slideelementtextlinkhovercolor']) : ''; ?>" class="my-color-field"/> </div> </div> <div class="row next-row"> <div class="col-lg-6"> <em class="edgtf-field-description"><?php esc_html_e('Text Style', 'baristawp'); ?></em> <select class="form-control edgtf-input edgtf-form-element" id="slideelementtextstyle_<?php echo esc_attr($no); ?>" name="slideelementtextstyle[]" placeholder=""> <option value="small" <?php if (isset($slide_element['slideelementtextstyle'])) {echo esc_attr($slide_element['slideelementtextstyle']) == "small" ? "selected" : "";} ?>><?php esc_html_e('Small Text', 'baristawp'); ?></option> <option value="normal" <?php if (isset($slide_element['slideelementtextstyle'])) {echo esc_attr($slide_element['slideelementtextstyle']) == "normal" ? "selected" : "";} ?>><?php esc_html_e('Normal Text', 'baristawp'); ?></option> <option value="large" <?php if (isset($slide_element['slideelementtextstyle'])) {echo esc_attr($slide_element['slideelementtextstyle']) == "large" ? "selected" : "";} ?>><?php esc_html_e('Large Text', 'baristawp'); ?></option> <option value="extra-large" <?php if (isset($slide_element['slideelementtextstyle'])) {echo esc_attr($slide_element['slideelementtextstyle']) == "extra-large" ? "selected" : "";} ?>><?php esc_html_e('Extra Large Text', 'baristawp'); ?></option> </select> </div> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Text Style Options', 'baristawp'); ?></em> <select class="form-control edgtf-input edgtf-form-element edgtf-slide-element-options-selector edgtf-slide-element-options-selector-text" id="slideelementtextoptions_<?php echo esc_attr($no); ?>" name="slideelementtextoptions[]" placeholder=""> <option value="simple" <?php if (isset($slide_element['slideelementtextoptions'])) {echo esc_attr($slide_element['slideelementtextoptions']) == "simple" ? "selected" : "";} ?>><?php esc_html_e('Simple', 'baristawp'); ?></option> <option value="advanced" <?php if (isset($slide_element['slideelementtextoptions'])) {echo esc_attr($slide_element['slideelementtextoptions']) == "advanced" ? "selected" : "";} ?>><?php esc_html_e('Advanced', 'baristawp'); ?></option> </select> </div> </div> <div class="edgtf-slide-elements-advanced-text-options"<?php if (isset($slide_element['slideelementtextoptions']) && $slide_element['slideelementtextoptions'] != "advanced") { ?> style="display: none"<?php } ?>> <div class="row next-row"> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Target', 'baristawp'); ?><?php esc_html_e('Font Color', 'baristawp'); ?></em> <input type="text" id="slideelementfontcolor_<?php esc_attr($no); ?>" name="slideelementfontcolor[]" value="<?php echo esc_attr($slide_element['slideelementfontcolor']); ?>" class="my-color-field"/> </div> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Font Size (px)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementfontsize_<?php esc_attr($no); ?>" name="slideelementfontsize[]" value="<?php echo esc_attr($slide_element['slideelementfontsize']); ?>" placeholder=""> </div> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Line Height (px)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementlineheight_<?php esc_attr($no); ?>" name="slideelementlineheight[]" value="<?php echo esc_attr($slide_element['slideelementlineheight']); ?>" placeholder=""> </div> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Letter Spacing (px)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementletterspacing_<?php esc_attr($no); ?>" name="slideelementletterspacing[]" value="<?php echo esc_attr($slide_element['slideelementletterspacing']); ?>" placeholder=""> </div> </div> <div class="row next-row"> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Font Family', 'baristawp'); ?></em> <select class="form-control edgtf-input edgtf-form-element" id="slideelementfontfamily_<?php echo esc_attr($no); ?>" name="slideelementfontfamily[]" placeholder=""> <option value="-1"><?php esc_html_e('Default', 'baristawp'); ?></option> <?php foreach($barista_edge_fonts_array as $fontArray) { ?> <option <?php if (isset($slide_element['slideelementfontfamily']) && $slide_element['slideelementfontfamily'] == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } ?> value="<?php echo esc_attr(str_replace(' ', '+', $fontArray["family"])); ?>"><?php echo esc_html($fontArray["family"]); ?></option> <?php } ?> </select> </div> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Font Style', 'baristawp'); ?></em> <select class="form-control edgtf-input edgtf-form-element" id="slideelementfontstyle_<?php echo esc_attr($no); ?>" name="slideelementfontstyle[]" placeholder=""> <option value="" <?php if (isset($slide_element['slideelementfontstyle'])) {echo esc_attr($slide_element['slideelementfontstyle']) == "" ? "selected" : "";} ?>></option> <option value="normal" <?php if (isset($slide_element['slideelementfontstyle'])) {echo esc_attr($slide_element['slideelementfontstyle']) == "normal" ? "selected" : "";} ?>><?php esc_html_e('normal', 'baristawp'); ?></option> <option value="italic" <?php if (isset($slide_element['slideelementfontstyle'])) {echo esc_attr($slide_element['slideelementfontstyle']) == "italic" ? "selected" : "";} ?>><?php esc_html_e('italic', 'baristawp'); ?></option> </select> </div> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Font Weight', 'baristawp'); ?></em> <select class="form-control edgtf-input edgtf-form-element" id="slideelementfontweight_<?php echo esc_attr($no); ?>" name="slideelementfontweight[]" placeholder=""> <option value="" <?php if (isset($slide_element['slideelementfontweight'])) {echo esc_attr($slide_element['slideelementfontweight']) == "" ? "selected" : "";} ?>></option> <?php for ($i=1; $i<=9; $i++) { ?> <option value="<?php echo esc_attr($i*100); ?>" <?php if (isset($slide_element['slideelementfontweight'])) {echo (int)$slide_element['slideelementfontweight'] == $i*100 ? "selected" : "";} ?>><?php echo esc_html($i*100); ?></option> <?php } ?> </select> </div> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Text Transform', 'baristawp'); ?></em> <select class="form-control edgtf-input edgtf-form-element" id="slideelementtexttransform_<?php echo esc_attr($no); ?>" name="slideelementtexttransform[]" placeholder=""> <option value="" <?php if (isset($slide_element['slideelementtexttransform'])) {echo esc_attr($slide_element['slideelementtexttransform']) == "" ? "selected" : "";} ?>></option> <option value="none" <?php if (isset($slide_element['slideelementtexttransform'])) {echo esc_attr($slide_element['slideelementtexttransform']) == "none" ? "selected" : "";} ?>><?php esc_html_e('None', 'baristawp'); ?></option> <option value="capitalize" <?php if (isset($slide_element['slideelementtexttransform'])) {echo esc_attr($slide_element['slideelementtexttransform']) == "capitalize" ? "selected" : "";} ?>><?php esc_html_e('Capitalize', 'baristawp'); ?></option> <option value="uppercase" <?php if (isset($slide_element['slideelementtexttransform'])) {echo esc_attr($slide_element['slideelementtexttransform']) == "uppercase" ? "selected" : "";} ?>><?php esc_html_e('Uppercase', 'baristawp'); ?></option> <option value="lowercase" <?php if (isset($slide_element['slideelementtexttransform'])) {echo esc_attr($slide_element['slideelementtexttransform']) == "lowercase" ? "selected" : "";} ?>><?php esc_html_e('Lowercase', 'baristawp'); ?></option> </select> </div> </div> <div class="row next-row"> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Background Color', 'baristawp'); ?></em> <input type="text" id="slideelementtextbgndcolor_<?php esc_attr($no); ?>" name="slideelementtextbgndcolor[]" value="<?php echo isset($slide_element['slideelementtextbgndcolor']) ? esc_attr($slide_element['slideelementtextbgndcolor']) : ''; ?>" class="my-color-field"/> </div> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Background Transparency (0-1)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementtextbgndtransparency_<?php esc_attr($no); ?>" name="slideelementtextbgndtransparency[]" value="<?php echo isset($slide_element['slideelementtextbgndtransparency']) ? esc_attr($slide_element['slideelementtextbgndtransparency']) : ''; ?>" placeholder=""> </div> </div> <div class="row next-row"> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Border Thickness (px)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementtextborderthickness_<?php esc_attr($no); ?>" name="slideelementtextborderthickness[]" value="<?php echo isset($slide_element['slideelementtextborderthickness']) ? esc_attr($slide_element['slideelementtextborderthickness']) : ''; ?>" placeholder=""> </div> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Border Style', 'baristawp'); ?></em> <select class="form-control edgtf-input edgtf-form-element" id="slideelementtextborderstyle_<?php echo esc_attr($no); ?>" name="slideelementtextborderstyle[]" placeholder=""> <option value="" <?php if (isset($slide_element['slideelementtextborderstyle'])) {echo esc_attr($slide_element['slideelementtextborderstyle']) == "" ? "selected" : "";} ?>></option> <option value="solid" <?php if (isset($slide_element['slideelementtextborderstyle'])) {echo esc_attr($slide_element['slideelementtextborderstyle']) == "solid" ? "selected" : "";} ?>><?php esc_html_e('solid', 'baristawp'); ?></option> <option value="dashed" <?php if (isset($slide_element['slideelementtextborderstyle'])) {echo esc_attr($slide_element['slideelementtextborderstyle']) == "dashed" ? "selected" : "";} ?>><?php esc_html_e('dashed', 'baristawp'); ?></option> <option value="dotted" <?php if (isset($slide_element['slideelementtextborderstyle'])) {echo esc_attr($slide_element['slideelementtextborderstyle']) == "dotted" ? "selected" : "";} ?>><?php esc_html_e('dotted', 'baristawp'); ?></option> <option value="double" <?php if (isset($slide_element['slideelementtextborderstyle'])) {echo esc_attr($slide_element['slideelementtextborderstyle']) == "double" ? "selected" : "";} ?>><?php esc_html_e('double', 'baristawp'); ?></option> <option value="groove" <?php if (isset($slide_element['slideelementtextborderstyle'])) {echo esc_attr($slide_element['slideelementtextborderstyle']) == "groove" ? "selected" : "";} ?>><?php esc_html_e('groove', 'baristawp'); ?></option> <option value="ridge" <?php if (isset($slide_element['slideelementtextborderstyle'])) {echo esc_attr($slide_element['slideelementtextborderstyle']) == "ridge" ? "selected" : "";} ?>><?php esc_html_e('ridge', 'baristawp'); ?></option> <option value="inset" <?php if (isset($slide_element['slideelementtextborderstyle'])) {echo esc_attr($slide_element['slideelementtextborderstyle']) == "inset" ? "selected" : "";} ?>><?php esc_html_e('inset', 'baristawp'); ?></option> <option value="outset" <?php if (isset($slide_element['slideelementtextborderstyle'])) {echo esc_attr($slide_element['slideelementtextborderstyle']) == "outset" ? "selected" : "";} ?>><?php esc_html_e('outset', 'baristawp'); ?></option> </select> </div> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Border Color', 'baristawp'); ?></em> <input type="text" id="slideelementtextbordercolor_<?php esc_attr($no); ?>" name="slideelementtextbordercolor[]" value="<?php echo isset($slide_element['slideelementtextbordercolor']) ? esc_attr($slide_element['slideelementtextbordercolor']) : ''; ?>" class="my-color-field"/> </div> </div> </div> </div> <div class="edgtf-slide-element-type-fields edgtf-setf-image"<?php if ($slide_element['slideelementtype'] != "image") { ?> style="display: none"<?php } ?>> <div class="row next-row"> <div class="col-lg-12"> <em class="edgtf-field-description"><?php esc_html_e('Image', 'baristawp'); ?></em> <div class="edgtf-media-uploader"> <div<?php if ($slide_element['slideelementimageurl'] == "") { ?> style="display: none"<?php } ?> class="edgtf-media-image-holder"> <img src="<?php if ($slide_element['slideelementimageurl'] != "") { echo esc_url(barista_edge_get_attachment_thumb_url($slide_element['slideelementimageurl'])); } ?>" alt="" class="edgtf-media-image img-thumbnail"/> </div> <div style="display: none" class="form-control edgtf-input edgtf-form-element edgtf-media-meta-fields"> <input type="hidden" class="edgtf-media-upload-url" id="slideelementimageurl_<?php esc_attr($no); ?>" name="slideelementimageurl[]" value="<?php echo esc_attr($slide_element['slideelementimageurl']); ?>"/> <input type="hidden" class="edgtf-media-upload-height" name="slideelementimageuploadheight[]" value="<?php echo esc_attr($slide_element['slideelementimageuploadheight']); ?>"/> <input type="hidden" class="edgtf-media-upload-width" name="slideelementimageuploadwidth[]" value="<?php echo esc_attr($slide_element['slideelementimageuploadwidth']); ?>"/> </div> <a class="edgtf-media-upload-btn btn btn-sm btn-primary" href="javascript:void(0)" data-frame-title="<?php esc_html_e('Select Image', 'baristawp'); ?>" data-frame-button-text="<?php esc_html_e('Select Image', 'baristawp'); ?>"><?php esc_html_e('Upload', 'baristawp'); ?></a> <a style="display: none;" href="javascript: void(0)" class="edgtf-media-remove-btn btn btn-default btn-sm"><?php esc_html_e('Remove', 'baristawp'); ?></a> </div> </div> </div> <div class="row next-row"> <div class="col-lg-6"> <em class="edgtf-field-description"><?php esc_html_e('Relative width (F/C*100 or blank for auto width)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementimagewidth_<?php esc_attr($no); ?>" name="slideelementimagewidth[]" value="<?php echo isset($slide_element['slideelementimagewidth']) ? esc_attr($slide_element['slideelementimagewidth']) : ''; ?>" placeholder=""> </div> <div class="col-lg-6"> <em class="edgtf-field-description"><?php esc_html_e('Relative height (G/D*100 or blank for auto height)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementimageheight_<?php esc_attr($no); ?>" name="slideelementimageheight[]" value="<?php echo isset($slide_element['slideelementimageheight']) ? esc_attr($slide_element['slideelementimageheight']) : ''; ?>" placeholder=""> </div> </div> <div class="row next-row edgtf-slide-element-custom-only"<?php if (!$custom_positions) { ?> style="display:none"<?php } ?>> <div class="col-lg-6"> <em class="edgtf-field-description"><?php esc_html_e('Relative position - Left (X/C*100)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementimageleft_<?php esc_attr($no); ?>" name="slideelementimageleft[]" value="<?php echo isset($slide_element['slideelementimageleft']) ? esc_attr($slide_element['slideelementimageleft']) : ''; ?>" placeholder=""> </div> <div class="col-lg-6"> <em class="edgtf-field-description"><?php esc_html_e('Relative position - Top (Y/D*100)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementimagetop_<?php esc_attr($no); ?>" name="slideelementimagetop[]" value="<?php echo isset($slide_element['slideelementimagetop']) ? esc_attr($slide_element['slideelementimagetop']) : ''; ?>" placeholder=""> </div> </div> <div class="row next-row"> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Link', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementimagelink_<?php echo esc_attr($no); ?>" name="slideelementimagelink[]" value="<?php echo isset($slide_element['slideelementimagelink']) ? esc_attr($slide_element['slideelementimagelink']) : ''; ?>" placeholder=""> </div> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Target', 'baristawp'); ?></em> <select class="form-control edgtf-input edgtf-form-element" id="slideelementimagetarget_<?php echo esc_attr($no); ?>" name="slideelementimagetarget[]" placeholder=""> <option value="_self" <?php if (isset($slide_element['slideelementimagetarget'])) {echo esc_attr($slide_element['slideelementimagetarget']) == "_self" ? "selected" : "";} ?>><?php esc_html_e('Self', 'baristawp'); ?></option> <option value="_blank" <?php if (isset($slide_element['slideelementimagetarget'])) {echo esc_attr($slide_element['slideelementimagetarget']) == "_blank" ? "selected" : "";} ?>><?php esc_html_e('Blank', 'baristawp'); ?></option> </select> </div> </div> <div class="row next-row"> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Border Thickness (px)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementimageborderthickness_<?php esc_attr($no); ?>" name="slideelementimageborderthickness[]" value="<?php echo isset($slide_element['slideelementimageborderthickness']) ? esc_attr($slide_element['slideelementimageborderthickness']) : ''; ?>" placeholder=""> </div> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Border Style', 'baristawp'); ?></em> <select class="form-control edgtf-input edgtf-form-element" id="slideelementimageborderstyle_<?php echo esc_attr($no); ?>" name="slideelementimageborderstyle[]" placeholder=""> <option value="" <?php if (isset($slide_element['slideelementimageborderstyle'])) {echo esc_attr($slide_element['slideelementimageborderstyle']) == "" ? "selected" : "";} ?>></option> <option value="solid" <?php if (isset($slide_element['slideelementimageborderstyle'])) {echo esc_attr($slide_element['slideelementimageborderstyle']) == "solid" ? "selected" : "";} ?>><?php esc_html_e('solid', 'baristawp'); ?></option> <option value="dashed" <?php if (isset($slide_element['slideelementimageborderstyle'])) {echo esc_attr($slide_element['slideelementimageborderstyle']) == "dashed" ? "selected" : "";} ?>><?php esc_html_e('dashed', 'baristawp'); ?></option> <option value="dotted" <?php if (isset($slide_element['slideelementimageborderstyle'])) {echo esc_attr($slide_element['slideelementimageborderstyle']) == "dotted" ? "selected" : "";} ?>><?php esc_html_e('dotted', 'baristawp'); ?></option> <option value="double" <?php if (isset($slide_element['slideelementimageborderstyle'])) {echo esc_attr($slide_element['slideelementimageborderstyle']) == "double" ? "selected" : "";} ?>><?php esc_html_e('double', 'baristawp'); ?></option> <option value="groove" <?php if (isset($slide_element['slideelementimageborderstyle'])) {echo esc_attr($slide_element['slideelementimageborderstyle']) == "groove" ? "selected" : "";} ?>><?php esc_html_e('groove', 'baristawp'); ?></option> <option value="ridge" <?php if (isset($slide_element['slideelementimageborderstyle'])) {echo esc_attr($slide_element['slideelementimageborderstyle']) == "ridge" ? "selected" : "";} ?>><?php esc_html_e('ridge', 'baristawp'); ?></option> <option value="inset" <?php if (isset($slide_element['slideelementimageborderstyle'])) {echo esc_attr($slide_element['slideelementimageborderstyle']) == "inset" ? "selected" : "";} ?>><?php esc_html_e('inset', 'baristawp'); ?></option> <option value="outset" <?php if (isset($slide_element['slideelementimageborderstyle'])) {echo esc_attr($slide_element['slideelementimageborderstyle']) == "outset" ? "selected" : "";} ?>><?php esc_html_e('outset', 'baristawp'); ?></option> </select> </div> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Border Color', 'baristawp'); ?></em> <input type="text" id="slideelementimagebordercolor_<?php esc_attr($no); ?>" name="slideelementimagebordercolor[]" value="<?php echo isset($slide_element['slideelementimagebordercolor']) ? esc_attr($slide_element['slideelementimagebordercolor']) : ''; ?>" class="my-color-field"/> </div> </div> </div> <div class="edgtf-slide-element-type-fields edgtf-setf-button"<?php if ($slide_element['slideelementtype'] != "button") { ?> style="display: none"<?php } ?>> <div class="row next-row edgtf-slide-element-custom-only"<?php if (!$custom_positions) { ?> style="display:none"<?php } ?>> <div class="col-lg-6"> <em class="edgtf-field-description"><?php esc_html_e('Relative position - Left (X/C*100)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementbuttonleft_<?php esc_attr($no); ?>" name="slideelementbuttonleft[]" value="<?php echo isset($slide_element['slideelementbuttonleft']) ? esc_attr($slide_element['slideelementbuttonleft']) : ''; ?>" placeholder=""> </div> <div class="col-lg-6"> <em class="edgtf-field-description"><?php esc_html_e('Relative position - Top (Y/D*100)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementbuttontop_<?php esc_attr($no); ?>" name="slideelementbuttontop[]" value="<?php echo isset($slide_element['slideelementbuttontop']) ? esc_attr($slide_element['slideelementbuttontop']) : ''; ?>" placeholder=""> </div> </div> <div class="row next-row"> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Button Text', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementbuttontext_<?php echo esc_attr($no); ?>" name="slideelementbuttontext[]" value="<?php echo isset($slide_element['slideelementbuttontext']) ? esc_attr($slide_element['slideelementbuttontext']) : ''; ?>" placeholder=""> </div> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Link', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementbuttonlink_<?php echo esc_attr($no); ?>" name="slideelementbuttonlink[]" value="<?php echo isset($slide_element['slideelementbuttonlink']) ? esc_attr($slide_element['slideelementbuttonlink']) : ''; ?>" placeholder=""> </div> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Target', 'baristawp'); ?></em> <select class="form-control edgtf-input edgtf-form-element" id="slideelementbuttontarget_<?php echo esc_attr($no); ?>" name="slideelementbuttontarget[]" placeholder=""> <option value="_self" <?php if (isset($slide_element['slideelementbuttontarget'])) {echo esc_attr($slide_element['slideelementbuttontarget']) == "_self" ? "selected" : "";} ?>><?php esc_html_e('Self', 'baristawp'); ?></option> <option value="_blank" <?php if (isset($slide_element['slideelementbuttontarget'])) {echo esc_attr($slide_element['slideelementbuttontarget']) == "_blank" ? "selected" : "";} ?>><?php esc_html_e('Blank', 'baristawp'); ?></option> </select> </div> </div> <div class="row next-row"> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Button Size', 'baristawp'); ?></em> <select class="form-control edgtf-input edgtf-form-element" id="slideelementbuttonsize_<?php echo esc_attr($no); ?>" name="slideelementbuttonsize[]" placeholder=""> <option value="" <?php if (isset($slide_element['slideelementbuttonsize'])) {echo esc_attr($slide_element['slideelementbuttonsize']) == "" ? "selected" : "";} ?>><?php esc_html_e('Default', 'baristawp'); ?></option> <option value="small" <?php if (isset($slide_element['slideelementbuttonsize'])) {echo esc_attr($slide_element['slideelementbuttonsize']) == "small" ? "selected" : "";} ?>><?php esc_html_e('Small', 'baristawp'); ?></option> <option value="medium" <?php if (isset($slide_element['slideelementbuttonsize'])) {echo esc_attr($slide_element['slideelementbuttonsize']) == "medium" ? "selected" : "";} ?>><?php esc_html_e('Medium', 'baristawp'); ?></option> <option value="large" <?php if (isset($slide_element['slideelementbuttonsize'])) {echo esc_attr($slide_element['slideelementbuttonsize']) == "large" ? "selected" : "";} ?>><?php esc_html_e('Large', 'baristawp'); ?></option> <option value="huge" <?php if (isset($slide_element['slideelementbuttonsize'])) {echo esc_attr($slide_element['slideelementbuttonsize']) == "huge" ? "selected" : "";} ?>><?php esc_html_e('Extra Large', 'baristawp'); ?></option> </select> </div> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Button Type', 'baristawp'); ?></em> <select class="form-control edgtf-input edgtf-form-element" id="slideelementbuttontype_<?php echo esc_attr($no); ?>" name="slideelementbuttontype[]" placeholder=""> <option value="" <?php if (isset($slide_element['slideelementbuttontype'])) {echo esc_attr($slide_element['slideelementbuttontype']) == "" ? "selected" : "";} ?>><?php esc_html_e('Default', 'baristawp'); ?></option> <option value="outline" <?php if (isset($slide_element['slideelementbuttontype'])) {echo esc_attr($slide_element['slideelementbuttontype']) == "outline" ? "selected" : "";} ?>><?php esc_html_e('Outline', 'baristawp'); ?></option> <option value="solid" <?php if (isset($slide_element['slideelementbuttontype'])) {echo esc_attr($slide_element['slideelementbuttontype']) == "solid" ? "selected" : "";} ?>><?php esc_html_e('Solid', 'baristawp'); ?></option> </select> </div> <div class="col-lg-3 edgtf-slide-element-all-but-custom"<?php if ($custom_positions) { ?> style="display:none"<?php } ?>> <em class="edgtf-field-description"><?php esc_html_e('Keep in Line with Other Buttons?', 'baristawp'); ?></em> <select class="form-control edgtf-input edgtf-form-element" id="slideelementbuttoninline_<?php echo esc_attr($no); ?>" name="slideelementbuttoninline[]" placeholder=""> <option value="no" <?php if (isset($slide_element['slideelementbuttoninline'])) {echo esc_attr($slide_element['slideelementbuttoninline']) == "no" ? "selected" : "";} ?>><?php esc_html_e('No', 'baristawp'); ?></option> <option value="yes" <?php if (isset($slide_element['slideelementbuttoninline'])) {echo esc_attr($slide_element['slideelementbuttoninline']) == "yes" ? "selected" : "";} ?>><?php esc_html_e('Yes', 'baristawp'); ?></option> </select> </div> </div> <div class="row next-row"> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Font Size (px)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementbuttonfontsize_<?php echo esc_attr($no); ?>" name="slideelementbuttonfontsize[]" value="<?php echo isset($slide_element['slideelementbuttonfontsize']) ? esc_attr($slide_element['slideelementbuttonfontsize']) : ''; ?>" placeholder=""> </div> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Font Weight (px)', 'baristawp'); ?></em> <select class="form-control edgtf-input edgtf-form-element" id="slideelementbuttonfontweight_<?php echo esc_attr($no); ?>" name="slideelementbuttonfontweight[]" placeholder=""> <option value="" <?php if (isset($slide_element['slideelementbuttonfontweight'])) {echo esc_attr($slide_element['slideelementbuttonfontweight']) == "" ? "selected" : "";} ?>></option> <?php for ($i=1; $i<=9; $i++) { ?> <option value="<?php echo esc_attr($i*100); ?>" <?php if (isset($slide_element['slideelementbuttonfontweight'])) {echo (int)$slide_element['slideelementbuttonfontweight'] == $i*100 ? "selected" : "";} ?>><?php echo esc_html($i*100); ?></option> <?php } ?> </select> </div> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Font Color', 'baristawp'); ?></em> <input type="text" id="slideelementbuttonfontcolor_<?php esc_attr($no); ?>" name="slideelementbuttonfontcolor[]" value="<?php echo isset($slide_element['slideelementbuttonfontcolor']) ? esc_attr($slide_element['slideelementbuttonfontcolor']) : ''; ?>" class="my-color-field"/> </div> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Font Hover Color', 'baristawp'); ?></em> <input type="text" id="slideelementbuttonfonthovercolor_<?php esc_attr($no); ?>" name="slideelementbuttonfonthovercolor[]" value="<?php echo isset($slide_element['slideelementbuttonfonthovercolor']) ? esc_attr($slide_element['slideelementbuttonfonthovercolor']) : ''; ?>" class="my-color-field"/> </div> </div> <div class="row next-row"> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Background Color', 'baristawp'); ?></em> <input type="text" id="slideelementbuttonbgndcolor_<?php esc_attr($no); ?>" name="slideelementbuttonbgndcolor[]" value="<?php echo isset($slide_element['slideelementbuttonbgndcolor']) ? esc_attr($slide_element['slideelementbuttonbgndcolor']) : ''; ?>" class="my-color-field"/> </div> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Background Hover Color', 'baristawp'); ?></em> <input type="text" id="slideelementbuttonbgndhovercolor_<?php esc_attr($no); ?>" name="slideelementbuttonbgndhovercolor[]" value="<?php echo isset($slide_element['slideelementbuttonbgndhovercolor']) ? esc_attr($slide_element['slideelementbuttonbgndhovercolor']) : ''; ?>" class="my-color-field"/> </div> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Border Color', 'baristawp'); ?></em> <input type="text" id="slideelementbuttonbordercolor_<?php esc_attr($no); ?>" name="slideelementbuttonbordercolor[]" value="<?php echo isset($slide_element['slideelementbuttonbordercolor']) ? esc_attr($slide_element['slideelementbuttonbordercolor']) : ''; ?>" class="my-color-field"/> </div> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Border Hover Color', 'baristawp'); ?></em> <input type="text" id="slideelementbuttonborderhovercolor_<?php esc_attr($no); ?>" name="slideelementbuttonborderhovercolor[]" value="<?php echo isset($slide_element['slideelementbuttonborderhovercolor']) ? esc_attr($slide_element['slideelementbuttonborderhovercolor']) : ''; ?>" class="my-color-field"/> </div> </div> <div class="row next-row"> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Icon Pack', 'baristawp'); ?></em> <select class="form-control edgtf-input edgtf-form-element edgtf-slide-element-button-icon-pack" id="slideelementbuttoniconpack_<?php echo esc_attr($no); ?>" name="slideelementbuttoniconpack[]" placeholder=""> <?php $icon_packs = $barista_edge_IconCollections->getIconCollectionsEmpty("no_icon"); foreach ($icon_packs as $key=>$value) { ?> <option <?php if (isset($slide_element['slideelementbuttoniconpack']) && $slide_element['slideelementbuttoniconpack'] == $key) { echo "selected='selected'"; } ?> value="<?php echo esc_attr($key); ?>"><?php echo esc_html($value); ?></option> <?php } ?> </select> </div> <?php foreach ($barista_edge_IconCollections->iconCollections as $collection_key => $collection_object) { $icons_array = $collection_object->getIconsArray(); ?> <div class="col-lg-3 edgtf-slide-element-button-icon-collection <?php echo esc_attr($collection_key); ?>"<?php if (!isset($slide_element['slideelementbuttoniconpack']) || $slide_element['slideelementbuttoniconpack'] != $collection_key) { ?> style="display: none"<?php } ?>> <em class="edgtf-field-description"><?php esc_html_e('Button Icon', 'baristawp'); ?></em> <select class="form-control edgtf-input edgtf-form-element" id="slideelementbuttonicon_<?php echo esc_attr($collection_key).'_'.esc_attr($no); ?>" name="slideelementbuttonicon_<?php echo esc_attr($collection_key); ?>[]" placeholder=""> <?php foreach ($icons_array as $key=>$value) { ?> <option <?php if (isset($slide_element['slideelementbuttonicon_'.$collection_key]) && $slide_element['slideelementbuttonicon_'.$collection_key] == $key) { echo "selected='selected'"; } ?> value="<?php echo esc_attr($key); ?>"><?php echo esc_html($value); ?></option> <?php } ?> </select> </div> <?php } ?> </div> </div> <div class="edgtf-slide-element-type-fields edgtf-setf-section-link"<?php if ($slide_element['slideelementtype'] != "section-link") { ?> style="display: none"<?php } ?>> <!-- <div class="row next-row edgtf-slide-element-custom-only"<?php if (!$custom_positions) { ?> style="display:none"<?php } ?>> <div class="col-lg-6"> <em class="edgtf-field-description">Relative position - Left (X/C*100)</em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementsectionlinkleft_<?php esc_attr($no); ?>" name="slideelementsectionlinkleft[]" value="<?php echo isset($slide_element['slideelementsectionlinkleft']) ? esc_attr($slide_element['slideelementsectionlinkleft']) : ''; ?>" placeholder=""> </div> <div class="col-lg-6"> <em class="edgtf-field-description">Relative position - Top (Y/D*100)</em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementsectionlinktop_<?php esc_attr($no); ?>" name="slideelementsectionlinktop[]" value="<?php echo isset($slide_element['slideelementsectionlinktop']) ? esc_attr($slide_element['slideelementsectionlinktop']) : ''; ?>" placeholder=""> </div> </div> --> <div class="row next-row"> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Target Section Anchor (i.e. "#products")', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementsectionlinkanchor_<?php esc_attr($no); ?>" name="slideelementsectionlinkanchor[]" value="<?php echo isset($slide_element['slideelementsectionlinkanchor']) ? esc_attr($slide_element['slideelementsectionlinkanchor']) : ''; ?>" placeholder=""> </div> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Anchor Link Text (i.e. "Scroll Down")', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementsectionlinktext_<?php esc_attr($no); ?>" name="slideelementsectionlinktext[]" value="<?php echo isset($slide_element['slideelementsectionlinktext']) ? esc_attr($slide_element['slideelementsectionlinktext']) : ''; ?>" placeholder=""> </div> </div> </div> <div class="row next-row"> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Animation', 'baristawp'); ?></em> <select class="form-control edgtf-input edgtf-form-element" id="slideelementanimation_<?php echo esc_attr($no); ?>" name="slideelementanimation[]" placeholder=""> <option value="default" <?php if (isset($slide_element['slideelementanimation'])) {echo esc_attr($slide_element['slideelementanimation']) == "default" ? "selected" : "";} ?>><?php esc_html_e('Default', 'baristawp'); ?></option> <option value="none" <?php if (isset($slide_element['slideelementanimation'])) {echo esc_attr($slide_element['slideelementanimation']) == "none" ? "selected" : "";} ?>><?php esc_html_e('No Animation', 'baristawp'); ?></option> <option value="flip" <?php if (isset($slide_element['slideelementanimation'])) {echo esc_attr($slide_element['slideelementanimation']) == "flip" ? "selected" : "";} ?>><?php esc_html_e('Flip', 'baristawp'); ?></option> <option value="Spin" <?php if (isset($slide_element['slideelementanimation'])) {echo esc_attr($slide_element['slideelementanimation']) == "Spin" ? "selected" : "";} ?>><?php esc_html_e('Spin', 'baristawp'); ?></option> <option value="fade" <?php if (isset($slide_element['slideelementanimation'])) {echo esc_attr($slide_element['slideelementanimation']) == "fade" ? "selected" : "";} ?>><?php esc_html_e('Fade In', 'baristawp'); ?></option> <option value="from_bottom" <?php if (isset($slide_element['slideelementanimation'])) {echo esc_attr($slide_element['slideelementanimation']) == "from_bottom" ? "selected" : "";} ?>><?php esc_html_e('Fly In From Bottom', 'baristawp'); ?></option> <option value="from_top" <?php if (isset($slide_element['slideelementanimation'])) {echo esc_attr($slide_element['slideelementanimation']) == "from_top" ? "selected" : "";} ?>><?php esc_html_e('Fly In From Top', 'baristawp'); ?></option> <option value="from_left" <?php if (isset($slide_element['slideelementanimation'])) {echo esc_attr($slide_element['slideelementanimation']) == "from_left" ? "selected" : "";} ?>><?php esc_html_e('Fly In From Left', 'baristawp'); ?></option> <option value="from_right" <?php if (isset($slide_element['slideelementanimation'])) {echo esc_attr($slide_element['slideelementanimation']) == "from_right" ? "selected" : "";} ?>><?php esc_html_e('Fly In From Right', 'baristawp'); ?></option> </select> </div> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Animation Delay (i.e. "0.5s" or "400ms")', 'baristawp');?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementanimationdelay_<?php esc_attr($no); ?>" name="slideelementanimationdelay[]" value="<?php echo isset($slide_element['slideelementanimationdelay']) ? esc_attr($slide_element['slideelementanimationdelay']) : ''; ?>" placeholder=""> </div> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Animation Duration (i.e. "0.5s" or "400ms")', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementanimationduration_<?php esc_attr($no); ?>" name="slideelementanimationduration[]" value="<?php echo isset($slide_element['slideelementanimationduration']) ? esc_attr($slide_element['slideelementanimationduration']) : ''; ?>" placeholder=""> </div> </div> <div class="row next-row"> <div class="col-lg-3"> <em class="edgtf-field-description"><?php esc_html_e('Element Responsiveness', 'baristawp'); ?></em> <select class="form-control edgtf-input edgtf-form-element edgtf-slide-element-responsiveness-selector" id="slideelementresponsive_<?php echo esc_attr($no); ?>" name="slideelementresponsive[]" placeholder=""> <option value="proportional" <?php if (isset($slide_element['slideelementresponsive'])) {echo esc_attr($slide_element['slideelementresponsive']) == "proportional" ? "selected" : "";} ?>><?php esc_html_e('Preserve proportions', 'baristawp'); ?></option> <option value="stages" <?php if (isset($slide_element['slideelementresponsive'])) {echo esc_attr($slide_element['slideelementresponsive']) == "stages" ? "selected" : "";} ?>><?php esc_html_e('Scale based on stage coefficients', 'baristawp'); ?></option> </select> </div> </div> <div class="edgtf-slide-responsive-scale-factors"<?php if (isset($slide_element['slideelementresponsive']) && $slide_element['slideelementresponsive'] == 'proportional') { ?> style="display:none"<?php } ?>> <div class="row next-row"> <div class="col-lg-12"> <em class="edgtf-field-description"><?php esc_html_e('Enter below the scale factors for each responsive stage, relative to the values above (or to the original size for images).', 'baristawp'); ?><br/><?php esc_html_e('Scale factor of 1 leaves the element at the same size as for the default screen width of ', 'baristawp'); ?><span class="edgtf-slide-dynamic-def-width"><?php echo esc_html($default_screen_width); ?></span><?php esc_html_e('px, while setting it to zero hides the element.', 'baristawp'); ?><div class="edgtf-slide-element-custom-only"<?php if (!$custom_positions) { ?> style="display:none"<?php } ?>><?php esc_html_e('If you also wish to change the position of the element for a certain stage, enter the desired position in the corresponding fields.', 'baristawp'); ?></div></em> </div> </div> <div class="row next-row"> <div class="col-lg-2"> <em class="edgtf-field-description"><?php esc_html_e('Mobile','baristawp'); ?><br><?php esc_html_e('up to', 'baristawp'); ?> <?php echo esc_html($screen_widths["mobile"]); ?>px)</em> </div> <div class="col-lg-2"> <em class="edgtf-field-description"><?php esc_html_e('Scale Factor', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementscalemobile_<?php esc_attr($no); ?>" name="slideelementscalemobile[]" value="<?php echo isset($slide_element['slideelementscalemobile']) ? esc_attr($slide_element['slideelementscalemobile']) : ''; ?>" placeholder="0.5"> </div> <div class="col-lg-3 edgtf-slide-element-custom-only"<?php if (!$custom_positions) { ?> style="display:none"<?php } ?>> <em class="edgtf-field-description"><?php esc_html_e('Relative position - Left (X/C*100)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementleftmobile_<?php esc_attr($no); ?>" name="slideelementleftmobile[]" value="<?php echo isset($slide_element['slideelementleftmobile']) ? esc_attr($slide_element['slideelementleftmobile']) : ''; ?>" placeholder=""> </div> <div class="col-lg-3 edgtf-slide-element-custom-only"<?php if (!$custom_positions) { ?> style="display:none"<?php } ?>> <em class="edgtf-field-description"><?php esc_html_e('Relative position - Top (Y/D*100)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementtopmobile_<?php esc_attr($no); ?>" name="slideelementtopmobile[]" value="<?php echo isset($slide_element['slideelementtopmobile']) ? esc_attr($slide_element['slideelementtopmobile']) : ''; ?>" placeholder=""> </div> </div> <div class="row next-row"> <div class="col-lg-2"> <em class="edgtf-field-description"><?php esc_html_e('Tablet (Portrait)', 'baristawp'); ?><br>(<?php echo esc_html($screen_widths["mobile"]+1); ?>px - <?php echo esc_html($screen_widths["tabletp"]); ?>px)</em> </div> <div class="col-lg-2"> <em class="edgtf-field-description"><?php esc_html_e('Scale Factor', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementscaletabletp_<?php esc_attr($no); ?>" name="slideelementscaletabletp[]" value="<?php echo isset($slide_element['slideelementscaletabletp']) ? esc_attr($slide_element['slideelementscaletabletp']) : ''; ?>" placeholder="0.6"> </div> <div class="col-lg-3 edgtf-slide-element-custom-only"<?php if (!$custom_positions) { ?> style="display:none"<?php } ?>> <em class="edgtf-field-description"><?php esc_html_e('Relative position - Left (X/C*100)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementlefttabletp_<?php esc_attr($no); ?>" name="slideelementlefttabletp[]" value="<?php echo isset($slide_element['slideelementlefttabletp']) ? esc_attr($slide_element['slideelementlefttabletp']) : ''; ?>" placeholder=""> </div> <div class="col-lg-3 edgtf-slide-element-custom-only"<?php if (!$custom_positions) { ?> style="display:none"<?php } ?>> <em class="edgtf-field-description"><?php esc_html_e('Relative position - Top (Y/D*100)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementtoptabletp_<?php esc_attr($no); ?>" name="slideelementtoptabletp[]" value="<?php echo isset($slide_element['slideelementtoptabletp']) ? esc_attr($slide_element['slideelementtoptabletp']) : ''; ?>" placeholder=""> </div> </div> <div class="row next-row"> <div class="col-lg-2"> <em class="edgtf-field-description"><?php esc_html_e('Tablet (Landscape)', 'baristawp'); ?><br>(<?php echo esc_html($screen_widths["tabletp"]+1); ?>px - <?php echo esc_html($screen_widths["tabletl"]); ?>px)</em> </div> <div class="col-lg-2"> <em class="edgtf-field-description"><?php esc_html_e('Scale Factor', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementscaletabletl_<?php esc_attr($no); ?>" name="slideelementscaletabletl[]" value="<?php echo isset($slide_element['slideelementscaletabletl']) ? esc_attr($slide_element['slideelementscaletabletl']) : ''; ?>" placeholder="0.7"> </div> <div class="col-lg-3 edgtf-slide-element-custom-only"<?php if (!$custom_positions) { ?> style="display:none"<?php } ?>> <em class="edgtf-field-description"><?php esc_html_e('Relative position - Left (X/C*100)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementlefttabletl_<?php esc_attr($no); ?>" name="slideelementlefttabletl[]" value="<?php echo isset($slide_element['slideelementlefttabletl']) ? esc_attr($slide_element['slideelementlefttabletl']) : ''; ?>" placeholder=""> </div> <div class="col-lg-3 edgtf-slide-element-custom-only"<?php if (!$custom_positions) { ?> style="display:none"<?php } ?>> <em class="edgtf-field-description"><?php esc_html_e('Relative position - Top (Y/D*100)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementtoptabletl_<?php esc_attr($no); ?>" name="slideelementtoptabletl[]" value="<?php echo isset($slide_element['slideelementtoptabletl']) ? esc_attr($slide_element['slideelementtoptabletl']) : ''; ?>" placeholder=""> </div> </div> <div class="row next-row"> <div class="col-lg-2"> <em class="edgtf-field-description"><?php esc_html_e('Laptop', 'baristawp'); ?><br>(<?php echo esc_html($screen_widths["tabletl"]+1); ?>px - <?php echo esc_html($screen_widths["laptop"]); ?>px)</em> </div> <div class="col-lg-2"> <em class="edgtf-field-description"><?php esc_html_e('Scale Factor', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementscalelaptop_<?php esc_attr($no); ?>" name="slideelementscalelaptop[]" value="<?php echo isset($slide_element['slideelementscalelaptop']) ? esc_attr($slide_element['slideelementscalelaptop']) : ''; ?>" placeholder="0.8"> </div> <div class="col-lg-3 edgtf-slide-element-custom-only"<?php if (!$custom_positions) { ?> style="display:none"<?php } ?>> <em class="edgtf-field-description"><?php esc_html_e('Relative position - Left (X/C*100)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementleftlaptop_<?php esc_attr($no); ?>" name="slideelementleftlaptop[]" value="<?php echo isset($slide_element['slideelementleftlaptop']) ? esc_attr($slide_element['slideelementleftlaptop']) : ''; ?>" placeholder=""> </div> <div class="col-lg-3 edgtf-slide-element-custom-only"<?php if (!$custom_positions) { ?> style="display:none"<?php } ?>> <em class="edgtf-field-description"><?php esc_html_e('Relative position - Top (Y/D*100)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementtoplaptop_<?php esc_attr($no); ?>" name="slideelementtoplaptop[]" value="<?php echo isset($slide_element['slideelementtoplaptop']) ? esc_attr($slide_element['slideelementtoplaptop']) : ''; ?>" placeholder=""> </div> </div> <div class="row next-row"> <div class="col-lg-2"> <em class="edgtf-field-description"><?php esc_html_e('Desktop', 'baristawp'); ?><br>(above <?php echo esc_html($screen_widths["laptop"]); ?>px)</em> </div> <div class="col-lg-2"> <em class="edgtf-field-description"><?php esc_html_e('Scale Factor', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementscaledesktop_<?php esc_attr($no); ?>" name="slideelementscaledesktop[]" value="<?php echo isset($slide_element['slideelementscaledesktop']) ? esc_attr($slide_element['slideelementscaledesktop']) : ''; ?>" placeholder="1"> </div> <div class="col-lg-3 edgtf-slide-element-custom-only"<?php if (!$custom_positions) { ?> style="display:none"<?php } ?>> <em class="edgtf-field-description"><?php esc_html_e('Relative position - Left (X/C*100)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementleftdesktop_<?php esc_attr($no); ?>" name="slideelementleftdesktop[]" value="<?php echo isset($slide_element['slideelementleftdesktop']) ? esc_attr($slide_element['slideelementleftdesktop']) : ''; ?>" placeholder=""> </div> <div class="col-lg-3 edgtf-slide-element-custom-only"<?php if (!$custom_positions) { ?> style="display:none"<?php } ?>> <em class="edgtf-field-description"><?php esc_html_e('Relative position - Top (Y/D*100)', 'baristawp'); ?></em> <input type="text" class="form-control edgtf-input edgtf-form-element" id="slideelementtopdesktop_<?php esc_attr($no); ?>" name="slideelementtopdesktop[]" value="<?php echo isset($slide_element['slideelementtopdesktop']) ? esc_attr($slide_element['slideelementtopdesktop']) : ''; ?>" placeholder=""> </div> </div> </div> </div><!-- close div.edgtf-section-content --> </div><!-- close div.container-fluid --> </div> </div> </div> <?php $no++; } ?> <div class="edgtf-slide-element-add"> <a class="edgtf-add-item btn btn-sm btn-primary" href="#"> <?php esc_html_e('Add New Item', 'baristawp'); ?></a> <a class="edgtf-toggle-all-item btn btn-sm btn-default pull-right" href="#"> <?php esc_html_e('Expand All', 'baristawp'); ?></a> <?php /* <a class="edgtf-remove-last-item-row btn btn-sm btn-default pull-right" href="#"> Remove Last Row</a> */ ?> </div> <?php } } /* Class: BaristaEdgeHolderFrameScheme A class that initializes elements for Slider */ class BaristaEdgeHolderFrameScheme implements iBaristaEdgeRender { private $label; private $description; function __construct($label="",$description="") { $this->label = $label; $this->description = $description; } public function render($factory) { ?> <div class="edgtf-slide-elements-holder-frame-scheme"><img src="<?php echo esc_url(EDGE_ASSETS_ROOT . '/img/holder-frame-scheme.png'); ?>"></div> <?php } }