| <div class="panel_headline"><?php echo $headline?></div> | |
| <div class="subview_content"> | |
| <h3>Goal <?php $this->out($goal_number);?> Settings</h3> | |
| <form name="goal-entry" method="POST"> | |
| <table class="management" width="100%"> | |
| <thead> | |
| </thead> | |
| <tbody> | |
| <tr> | |
| <th valign="top">Name:</th> | |
| <td> | |
| <input name="<?php echo $this->getNs();?>goal[goal_name]" type="text" size="40" value="<?php $this->out($goal['goal_name']);?>"> | |
| </td> | |
| </tr> | |
| <tr> | |
| <th valign="top">Group: | |
| <p class="formInstructions"> | |
| The group that you want to assign this goal to. Goal groups are presented as a tab view on most reports. | |
| </p> | |
| </th> | |
| <td> | |
| <select name="<?php echo $this->getNs();?>goal[goal_group]"> | |
| <?php foreach ($goal_groups as $k => $group): ?> | |
| <option value="<?php $this->out($k, false);?>" <?php if ( isset( $goal['goal_group'] ) && $goal['goal_group'] == $k ) { echo 'SELECTED';}?>><?php | |
| if ( !empty( $group ) ) { | |
| $this->out($k." - $group"); | |
| } else { | |
| $this->out($k); | |
| } | |
| ?></option> | |
| <?php endforeach;?> | |
| </select> | |
| <BR><BR>Edit the group label: | |
| <input name="<?php echo $this->getNs();?>new_goal_group_name" type="text" size="20" value="<?php $this->out($goal_groups[$goal['goal_group']]);?>"> | |
| </td> | |
| </tr> | |
| <tr> | |
| <th valign="top">Status:</th> | |
| <td> | |
| <select name="<?php echo $this->getNs();?>goal[goal_status]"> | |
| <option value="active" <?php if (isset($goal['goal_status']) && $goal['goal_status'] != 'disabled'){echo 'SELECTED';}?>> | |
| Active | |
| </option> | |
| <option value="disabled" <?php if (isset($goal['goal_status']) && $goal['goal_status'] === 'disabled'){echo 'SELECTED';}?>> | |
| Disabled | |
| </option> | |
| </select> | |
| </td> | |
| </tr> | |
| <tr> | |
| <th valign="top"> | |
| Value: | |
| <p class="formInstructions"> | |
| The value associated with achieving this goal. | |
| </p> | |
| </th> | |
| <td> | |
| <input name="<?php echo $this->getNs();?>goal[goal_value]" type="text" size="20" value="<?php $this->out($goal['goal_value']);?>"> | |
| <span class="optional">Optional</span> | |
| </td> | |
| </tr> | |
| <tr> | |
| <th valign="top"> | |
| Type: | |
| <p class="formInstructions"> | |
| The type of goal. | |
| </p> | |
| </th> | |
| <td> | |
| <input type="radio" name="<?php echo $this->getNs();?>goal[goal_type]" value="url_destination" <?php if (isset($goal['goal_type']) && $goal['goal_type'] === 'url_destination'){echo 'CHECKED';}?> > URL Destination<BR> | |
| <input type="radio" name="<?php echo $this->getNs();?>goal[goal_type]" value="pages_per_visit" <?php if (isset($goal['goal_type']) && $goal['goal_type'] === 'pages_per_visit'){echo 'CHECKED';}?> > Pages / Visit<BR> | |
| <input type="radio" name="<?php echo $this->getNs();?>goal[goal_type]" value="visit_duration" <?php if (isset($goal['goal_type']) && $goal['goal_type'] === 'visit_duration'){echo 'CHECKED';}?> > Visit Duration <BR> | |
| </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <!-- URL destination specific options --> | |
| <div id="url_destination_details" class="goal-detail"> | |
| <h3>Goal Details</h3> | |
| <table class="management"> | |
| <tr> | |
| <th>Match Type:</th> | |
| <td> | |
| <select name="<?php echo $this->getNs();?>goal[details][match_type]"> | |
| <option value="begins" <?php if (isset($goal['details']['match_type']) && $goal['details']['match_type'] === 'begins'){echo 'SELECTED';}?>> | |
| Begins With | |
| </option> | |
| <option value="exact" <?php if (isset($goal['details']['match_type']) && $goal['details']['match_type'] === 'exact'){echo 'SELECTED';}?>> | |
| Exact Match | |
| </option> | |
| <option value="regex" <?php if (isset($goal['details']['match_type']) && $goal['details']['match_type'] === 'regex'){echo 'SELECTED';}?>> | |
| Regular Expression | |
| </option> | |
| </select> | |
| </td> | |
| </tr> | |
| <tr> | |
| <th> | |
| Goal URL: | |
| <p class="formInstructions"> | |
| Example: /register.html | |
| </p> | |
| </th> | |
| <td> | |
| <input name="<?php echo $this->getNs();?>goal[details][goal_url]" value="<?php $this->out($goal['details']['goal_url']);?>" type="text" size="60" value="<?php $this->out($goal['url']);?>"> | |
| </td> | |
| </tr> | |
| </table> | |
| <h3>Funnel</h3> | |
| <table class="management" id="funnel-steps"> | |
| <TR> | |
| <th></th> | |
| <th>Step URL</th> | |
| <th>Name</th> | |
| <th>Is Required?</th> | |
| <th></th> | |
| </TR> | |
| </table> | |
| <BR> | |
| <a name="steps-end" href="# steps-end" id="addStep">Add New Funnel Step</a> | |
| </div> | |
| <!-- pages per visit goal type specific options --> | |
| <div id="pages_per_visit_details" class="goal-detail"> | |
| <h3>Goal Details</h3> | |
| Not implemented yet. | |
| </div> | |
| <!-- visit duration goal type specific options --> | |
| <div id="visit_duration_details" class="goal-detail"> | |
| <h3>Goal Details</h3> | |
| Not implemented yet. | |
| </div> | |
| <input type="hidden" name="<?php echo $this->getNs();?>goal[goal_number]" value="<?php $this->out($goal_number, false);?>"> | |
| <input type="hidden" name="<?php echo $this->getNs();?>siteId" value="<?php $this->out($siteId, false);?>"> | |
| <input type="hidden" name="<?php echo $this->getNs();?>action" value="base.optionsGoalEdit"> | |
| <?php echo $this->createNonceFormField('base.optionsGoalEdit');?> | |
| <BR> | |
| <input type="submit" value="Submit"> | |
| </form> | |
| </div> | |
| <script> | |
| OWA.setSetting('debug', true); | |
| jQuery(document).ready(function() { | |
| showGoalDetails(); | |
| // show hide the right goal type details | |
| jQuery("input[name='owa_goal[goal_type]']").change(function(e) { | |
| showGoalDetails(); | |
| }); | |
| jQuery('#addStep').click(function() { | |
| addNewStep(); | |
| }); | |
| if (OWA.util.countObjectProperties(steps) > 0) { | |
| populateGoalSteps(); | |
| } | |
| }); | |
| function showGoalDetails() { | |
| var val = jQuery("input[name='owa_goal[goal_type]']:checked").val(); | |
| OWA.debug(val); | |
| jQuery('.goal-detail').hide(); | |
| var selector = '#'+val+'_details'; | |
| OWA.debug(selector); | |
| jQuery(selector).show(); | |
| } | |
| function populateGoalSteps() { | |
| OWA.debug('pop'); | |
| for (step in steps) { | |
| renderStep(steps[step]); | |
| } | |
| } | |
| function addNewStep() { | |
| var count = OWA.util.countObjectProperties(steps); | |
| OWA.debug('count: '+count); | |
| var num; | |
| if (count === 0) { | |
| num = 1; | |
| } else { | |
| num = count + 1; | |
| } | |
| if (num < 11) { | |
| OWA.debug('num: '+num); | |
| var empty_step = {step_number: num, is_required: '', name: '', url: ''}; | |
| renderStep(empty_step); | |
| steps[num] = empty_step; | |
| } else { | |
| alert("Sorry but funnels can only have 10 steps."); | |
| } | |
| } | |
| function renderStep(step) { | |
| jQuery('#funnel-steps tr:last').after(jQuery('#funnel-step').jqote(step, '*')); | |
| } | |
| </script> | |
| <script type="text/x-jqote-template" id="funnel-step"> | |
| <![CDATA[ | |
| <tr> | |
| <th class="">Step <*= this.step_number *></th> | |
| <td class=""><input type="text" size="20" name="owa_goal[details][funnel_steps][<*= this.step_number *>][url]" value="<*= this.url *>"></td> | |
| <td class=""><input type="text" size="20" name="owa_goal[details][funnel_steps][<*= this.step_number *>][name]" value="<*= this.name *>"></td> | |
| <td class=""> | |
| <input type="checkbox" size="20" name="owa_goal[details][funnel_steps][<*= this.step_number *>][is_required]" value="true" | |
| <* if ( this.is_required ) { *> | |
| CHECKED | |
| <* } *> | |
| > | |
| </td> | |
| </tr> | |
| ]]> | |
| </script> | |
| <script> | |
| var steps = []; | |
| <?php if (array_key_exists('funnel_steps', $goal['details'])):?> | |
| <?php $this->out(sprintf("steps = %s;", json_encode($goal['details']['funnel_steps'])), false); ?> | |
| <?php endif;?> | |
| </script> |