golden hour

/home/godaofbq/elitehyperbarics.com/wp-content/plugins/oxygen/component-framework/includes/aos

File/Folder	Size	Actions
aos.php	18.2 KB
global-aos.view.php	5.5 KB
page-aos.view.php	5.26 KB

Edit: global-aos.view.php

<?php 
	
		/**
		 * Manage > Settings > Global Styles > Animate On Scroll
		 *
		 */ 
		
		global $oxygen_toolbar;

<?php $oxygen_toolbar->settings_breadcrumbs(	
							__('Animate On Scroll','oxygen'),
							__('Global Styles','oxygen'),
							'default-styles'); ?>
			
		<div class='oxygen-control-row'>
			<div class='oxygen-control-wrapper' id='oxygen-typography-font-family'>
				<label class='oxygen-control-label'><?php _e("Animation Type","oxygen"); ?></label>
				<div class='oxygen-control'>
					<div class="oxygen-select oxygen-select-box-wrapper">
						<div class="oxygen-select-box">
							<div class="oxygen-select-box-current"
								ng-class="{'oxygen-option-default':!$parent.iframeScope.globalSettings['aos']['type']}">
								{{$parent.iframeScope.globalSettings['aos']['type']}}
							</div>
							<div class="oxygen-select-box-dropdown"></div>
						</div>
						<div class="oxygen-select-box-options">
							<div class="oxygen-select-box-option" 
								ng-click="$parent.iframeScope.globalSettings['aos']['type'] = ''">&nbsp;</div>
							<?php foreach ($this->animations_list as $name => $label) : ?>
							<div class="oxygen-select-box-option" 
								ng-click="$parent.iframeScope.globalSettings['aos']['type']='<?php echo $name; ?>'"><?php echo $label; ?>
							</div>
							<?php endforeach; ?>
						</div>
					</div>
				</div>
			</div>
		</div>

<div class='oxygen-control-row'>
			<?php $oxygen_toolbar->global_slider_measure_box_with_wrapper('global',"['aos']['duration']",__('Animation Duration','oxygen'), 'ms', 50, 3000, null, 50); ?>
		</div>

<div class='oxygen-control-row'>
			<div class='oxygen-control-wrapper'>
				<label class='oxygen-control-label'><?php _e("Animation Anchor","oxygen"); ?></label>
				<div class='oxygen-control'>
					<div class="oxygen-select oxygen-select-box-wrapper">
						<div class="oxygen-select-box"
							ng-class="{'oxygen-option-default':false}">
							<div class="oxygen-select-box-current"
								ng-class="{'oxygen-option-default':!$parent.iframeScope.globalSettings['aos']['anchor-placement']}">
								{{$parent.iframeScope.globalSettings['aos']['anchor-placement']}}
							</div>
							<div class="oxygen-select-box-dropdown"></div>
						</div>
						<div class="oxygen-select-box-options">
							<div class="oxygen-select-box-option" 
								ng-click="$parent.iframeScope.globalSettings['aos']['anchor-placement']=''">&nbsp;</div>
							<?php foreach ($this->anchor_placements as $name => $label) : ?>
							<div class="oxygen-select-box-option" 
								ng-click="$parent.iframeScope.globalSettings['aos']['anchor-placement']='<?php echo $name; ?>'"><?php echo $label; ?>
							</div>
							<?php endforeach; ?>
						</div>
					</div>
				</div>
			</div>
		</div>

<div class='oxygen-control-row'>
			<div class='oxygen-control-wrapper'>
				<label class='oxygen-control-label'><?php _e("Animation Easing","oxygen"); ?></label>
				<div class='oxygen-control'>
					<div class="oxygen-select oxygen-select-box-wrapper">
						<div class="oxygen-select-box"
							ng-class="{'oxygen-option-default':false}">
							<div class="oxygen-select-box-current"
								ng-class="{'oxygen-option-default':!$parent.iframeScope.globalSettings['aos']['easing']}">
								{{$parent.iframeScope.globalSettings['aos']['easing']}}
							</div>
							<div class="oxygen-select-box-dropdown"></div>
						</div>
						<div class="oxygen-select-box-options">
							<div class="oxygen-select-box-option" 
								ng-click="$parent.iframeScope.globalSettings['aos']['easing']=''">&nbsp;</div>
							<?php foreach ($this->easing_functions as $name => $label) : ?>
							<div class="oxygen-select-box-option" 
								ng-click="$parent.iframeScope.globalSettings['aos']['easing']='<?php echo $name; ?>'"><?php echo $label; ?>
							</div>
							<?php endforeach; ?>
						</div>
					</div>
				</div>
			</div>
		</div>

<div class='oxygen-control-row'>
			<?php $oxygen_toolbar->global_measure_box_with_wrapper('global', "['aos']['offset']", __('Animation Trigger Offset','oxygen'), 'px'); ?>
		</div>

<div class='oxygen-control-row'>
			<?php $oxygen_toolbar->global_measure_box_with_wrapper('global', "['aos']['delay']", __('Animation Delay','oxygen'), 'ms'); ?>
		</div>

<div class='oxygen-control-row'>
	        <div class='oxygen-control-wrapper'>
	            <label class='oxygen-control-label'><?php _e("Animate Only Once","oxygen"); ?></label>
	            <div class='oxygen-control'>
	                <div class='oxygen-button-list'>
	                    <?php $oxygen_toolbar->global_button_list_button('global', "['aos']['once']", 'true', __('yes','oxygen')); ?>
	                    <?php $oxygen_toolbar->global_button_list_button('global', "['aos']['once']", 'false', __('no','oxygen')); ?>
	                </div>
	            </div>
	        </div>
	    </div>

<?php $oxygen_toolbar->global_media_queries_list_with_wrapper('global', "['aos']['disable']", __('Disable On','oxygen'), false, false, false); ?>