partials/abtesting/main.html

   1
   2
   3 <div>
   4
   5     {{tab_val}}
   6     <div ui-jq="tabs" id="alltabs" >
   7         <ul>
   8
   9             <li><a href="#tabs-1" ng-click="campaign_clicked()" >Campaign</a></li>
  10             <li><a href="#tabs-2" ng-click="compose_clicked()">Compose</a></li>
  11             <li><a href="#tabs-3" ng-click="rec_clicked()">Recipients and Winner Criteria</a> </li>
  12             <li><a href="#tabs-4" ng-click="preview_clicked()">Preview and Send</a></li>
  13         </ul>
  14
  15         <div  id="tabs-1" >
  16
  17             <form name="myForm" >
  18
  19                 <h3> What would you like to test ?</h3><br><br>
  20
  21                 &nbsp <input type="radio" ng-model="template" ng-value="templates[0]">  Subject Lines <br/><br>
  22                 &nbsp <input type="radio" ng-model="template" ng-value="templates[1]"> From Names <br/><br>
  23                 &nbsp <input type="radio" ng-model="template" ng-value="templates[2]"> Two different Emails <br/><br>
  24                 &nbsp <div style="position:relative; left:250px;" nextbutton></div>
  25             </form>
  26         </div>
  27
  28         <div id="tabs-2"  >
  29
  30             <form>
  31             <div  ng-include="template.url">
  32             </div>
  33                 <div style="position:relative; left:200px; top:30px;" prevbutton></div><div style="position:relative; left:300px;"nextbutton></div>
  34             </form>
  35         </div>
  36
  37         <div id="tabs-3">
  38
  39             <form name="impform"  novalidate>
  40                 <h3>Select the groups you would like to add</h3><br>
  41                 &nbsp<select multiple groupselect required name ="grps" required ng-model="groups_selected">
  42                 <option ng-repeat="grp in groups" value={{grp.title}} >{{grp.title}}</option>
  43             </select><br><br>
  44
  45
  46                 <h3>Select the size of your test group</h3><br>
  47                 &nbsp Percentage Selected - {{slide_value}}%
  48
  49                 <div sliderbar id="trial" style="margin: 10px;"></div>
  50
  51                 <h3 style="text-decoration: underline;">How will the winner be decided</h3><br>
  52                 &nbsp <input type="radio" ng-model="winner_criteria" value="Open" name="cri" required> Open <br/><br>
  53                 &nbsp <input type="radio" ng-model="winner_criteria" value="Total Unique Clicks" name="cri" checked="checked" > Total Unique Clicks <br/><br>
  54                 &nbsp <input type="radio" ng-model="winner_criteria" value="Total Clicks on a particular link" name="cri" > Total Clicks on a particular link <br/><br>
  55
  56                 <h3>Do you want the A/B test to be automated </h3>
  57                 &nbsp<input type="radio" ng-model="automated" value="Yes" ng-click="setifyes(1)" name="auto" required>Yes &nbsp
  58                 &nbsp<input type="radio" ng-model="automated" value="No" ng-click="setifyes(2)" name="auto" checked="checked"> No <br/><br>
  59
  60                 <tpmax ng-show="ifyes">
  61
  62                     <h3> Please enter the confidence level at which a decision can be made</h3>
  63                     &nbsp &nbsp <input type="text" style="height: 20px; width: 25px;" ng-model="conf" numbar=99 ><br><br>
  64                     <div ng-show="conf==null || conf ==0 || conf>99" style="color: red;">&nbsp Please Enter a Valid Number</div>
  65
  66                     <h3>If the confidence level is not reached what do you want us to do?</h3>
  67                     &nbsp <input type="radio" ng-model="ifnot" value="Inform me" name="ifnot"/> Inform me <br/><br>
  68                     &nbsp <input type="radio" checked="checked" ng-model="ifnot" value="Send Version A" name="ifnot" /> Send Version A <br/><br>
  69                     &nbsp <input type="radio" ng-model="ifnot" value="Send Version B" name="ifnot"/> Send Version B <br/><br>
  70
  71
  72                     <div nextbutton></div>
  73
  74                 </tpmax>
  75
  76                 <h3>Declare the winner in how much time?</h3><br>
  77                 &nbsp <input type="text" style="height: 20px; width: 15px;" ng-model="days" numbar=7 name="d"> Days
  78                 &nbsp <input type="text" style="height: 20px; width: 15px;" ng-model="hours" numbar=23 name="h"> Hours
  79                 &nbsp <input type="text" style="height: 20px; width: 15px;" ng-model="minutes" numbar=59 name="m"> Minutes
  80                 <div ng-show="((days == null || days ==0 ) && (hours==null|| hours == 0 ) && (minutes==null || minutes ==0 )|| days>99 || minutes>59 || hours >23) " style="color: red;">&nbsp Please a Valid Time</div>
  81                 <br>
  82                 <br>
  83
  84
  85                 <div style="position:relative; left:200px; top:30px;" prevbutton></div><div style="position:relative; left:300px;"nextbutton></div>
  86
  87             </form>
  88         </div>
  89
  90         <div id="tabs-4">
  91
  92             <h3>Details</h3><br>
  93             <table>
  94             <tr>
  95                 <td>Test Criteria</td>
  96                 <td>{{template.name}}</td>
  97             </tr>
  98             <tr>
  99                  <td>Groups Selected</td>
 100                  <td>{{groups_selected}}</td>
 101             </tr>
 102             <tr>
 103                  <td>Size of Test Group</td>
 104                  <td>{{slide_value}}</td>
 105             </tr>
 106             <tr>
 107                  <td>Winner Criteria</td>
 108                  <td>{{winner_criteria}}</td>
 109             </tr>
 110             <tr>
 111                  <td>Automated</td>
 112                  <td>{{automated}}</td>
 113             </tr>
 114             <tr ng-show="automated=='Yes'">
 115                  <td>Minum Confidence Level</td>
 116                  <td>{{conf}}%</td>
 117             </tr>
 118             <tr ng-show="automated=='Yes'">
 119                  <td>If Level not Achieved</td>
 120                  <td>{{ifnot}}</td>
 121             </tr>
 122             <tr>
 123                  <td>Declare Winner in</td>
 124                  <td>{{days}} Days {{hours}} Hours {{minutes}} Minutes</td>
 125             </tr>
 126             </table>
 127
 128             <h3><a href="#">Preview Mailing</a></h3><br>
 129
 130             <h3>When to Start</h3><br>
 131             <div>
 132             <input type="radio" name="Start" ng-model="start" value="now"> Now &nbsp
 133             <input type="radio" name="Start"  ng-model="start" value="later"> Later
 134
 135             &nbsp &nbsp <input type="text" datepick class = "dateplugin" ng-show="start=='later'" ng-model="send_date" >
 136             </div>
 137             <br><br>
 138             <div>
 139             <div style="position:relative; left:200px; top:30px;" prevbutton></div><div class="crm-submit-buttons"  style="position:relative; left:300px;">
 140             <div class = "crm-button crm-button-type-upload crm-button_qf_Contact_upload_view"   >
 141                 <input type="submit" value="Submit & Send"  id="campaignbutton _qf_Contact_upload_view-top" class="btn btn-primary" nexttab={{tab_val}}>
 142                 </div></div></div>
 143
 144         </div>
 145     </div>
 146 </div>