partials/abtesting/main.html

   1 <div>
   2   {{tab_val}}<br>
   3
   4   <div ui-jq="tabs" id="alltabs">
   5     <ul>
   6
   7       <li><a href="#tabs-1" ng-click="campaign_clicked()">Campaign</a></li>
   8       <li><a href="#tabs-2" ng-click="compose_clicked()">Compose</a></li>
   9       <li><a href="#tabs-3" ng-click="rec_clicked()">Recipients and Winner Criteria</a></li>
  10       <li><a href="#tabs-4" ng-click="preview_clicked()">Preview and Send</a></li>
  11     </ul>
  12
  13     <div id="tabs-1">
  14
  15       <form name="myForm">
  16
  17         <h3> What would you like to test ?</h3><br><br>
  18
  19         &nbsp <input type="radio" ng-model="template" ng-value="templates[0]" ng-click="init(2)" ng-checked="template.val==1"> Subject Lines <br/><br>
  20         &nbsp <input type="radio" ng-model="template" ng-value="templates[1]" ng-click="init(3)" ng-checked="template.val==2"> From Names <br/><br>
  21         &nbsp <input type="radio" ng-model="template" ng-value="templates[2]" ng-click="init(1)" ng-checked="template.val==3"> Two different Emails <br/><br>
  22         &nbsp
  23         <div style="position:relative; left:220px; top: 30px;"  nextbutton></div>
  24         <div style="position:relative; left:300px; top:-1px;" cancelbutton></div>
  25
  26
  27       </form>
  28     </div>
  29
  30     <div id="tabs-2">
  31
  32       <form>
  33         <div  ng-include="template.url">
  34
  35         </div>
  36         <div style="position:relative; left:200px; top:61px;" prevbutton></div>
  37         <div style="position:relative; left:300px; top: 30px;" submitform nextbutton></div>
  38         <div style="position:relative; left:375px; top:-1px;" cancelbutton></div>
  39
  40       </form >
  41     </div>
  42
  43     <div id="tabs-3">
  44
  45       <form name="impform" novalidate>
  46         <h3>Select the groups you would like to add</h3><br>
  47
  48
  49         &nbsp<br>
  50         <select multiple chsgroup>
  51           <option id="1" ng-repeat="grp in groups" value="{{grp.id}} group include {{grp.title}}"> {{grp.title}}
  52           </option>
  53           <option ng-repeat="grp in groups" value="{{grp.id}} group exclude {{grp.title}}"> {{grp.title}}</option>
  54           <option ng-repeat="ml in mailList" value="{{ml.id}} mail include {{ml.title}}"> {{ml.name}}</option>
  55           <option ng-repeat="ml in mailList" value="{{ml.id}} mail exclude {{ml.title}}"> {{ml.name}}</option>
  56         </select>
  57         <br> <br><br><br>
  58         {{incGroup}}<br>{{excGroup}}
  59
  60         <h3>Select the size of your test group</h3><br>
  61         &nbsp Percentage Selected - {{currentABTest.group_percentage}}%
  62
  63         <div sliderbar id="trial" style="margin: 10px;" ></div>
  64
  65         <h3>How will the winner be decided</h3><br>
  66         &nbsp <input type="radio" ng-model="currentABTest.winner_criteria_id" value=1 name="cri" required> Open <br/><br>
  67         &nbsp <input type="radio" ng-model="currentABTest.winner_criteria_id" value=2 name="cri" checked="checked">
  68         Total Unique Clicks <br/><br>
  69         &nbsp <input type="radio" ng-model="currentABTest.winner_criteria_id" value=3 name="cri"> Total
  70         Clicks on a particular link <br/><br>
  71         <!-- Remove automated
  72                        <h3>Do you want the A/B test to be automated </h3>
  73                        &nbsp<input type="radio" ng-model="automated" value="Yes" ng-click="setifyes(1)" name="auto" required>Yes &nbsp
  74                        &nbsp<input type="radio" ng-model="automated" value="No" ng-click="setifyes(2)" name="auto" checked="checked"> No <br/><br>
  75
  76                        <tpmax ng-show="ifyes">
  77
  78                            <h3> Please enter the confidence level at which a decision can be made</h3>
  79                            &nbsp &nbsp <input type="text" style="height: 20px; width: 25px;" ng-model="conf" numbar=99 ><br><br>
  80                            <div ng-show="conf==null || conf ==0 || conf>99" style="color: red;">&nbsp Please Enter a Valid Number</div>
  81
  82                            <h3>If the confidence level is not reached what do you want us to do?</h3>
  83                            &nbsp <input type="radio" ng-model="ifnot" value="Inform me" name="ifnot"/> Inform me <br/><br>
  84                            &nbsp <input type="radio" checked="checked" ng-model="ifnot" value="Send Version A" name="ifnot" /> Send Version A <br/><br>
  85                            &nbsp <input type="radio" ng-model="ifnot" value="Send Version B" name="ifnot"/> Send Version B <br/><br>
  86
  87
  88                            <div nextbutton></div>
  89
  90                        </tpmax>
  91        -->
  92         <h3>Declare the winner by when?</h3><br>
  93         <table>
  94           <tbody>
  95
  96         <tr >
  97           <td class="label">Date</td>
  98           <td>
  99             <input type="text" chsdate ng-model="currentABTest.date" >
 100           </td>
 101           <td class="label" >Time</td>
 102           <td>
 103             <input type="text" placeholder="hh:mm:ss" ng-model="currentABTest.time">
 104           </td>
 105         </tr>
 106
 107         </tbody>
 108         </table>
 109
 110         <div id="help" >
 111           Enter the time in the 12:32:45 format where 12 is the hour, 32 the minutes and 45 the seconds.
 112         </div>
 113         <br>
 114         <br>
 115
 116
 117         <div style="position:relative; left:200px; top:30px;" prevbutton></div>
 118         <div style="position:relative; left:300px; top: 00px;" nextbutton></div>
 119         <div style="position:relative; left:375px; top: -31px;" cancelbutton></div>
 120
 121       </form>
 122     </div>
 123
 124     <div id="tabs-4">
 125
 126       <h3>Details</h3><br>
 127       <table>
 128         <tr>
 129           <td>Test Criteria</td>
 130           <td>{{template.name}}</td>
 131         </tr>
 132         <tr>
 133           <td>Groups Included</td>
 134           <td>{{incGroup}}</td>
 135         </tr>
 136         <tr>
 137           <td>Groups Excluded</td>
 138           <td>{{excGroup}}</td>
 139         </tr>
 140         <tr>
 141           <td>Size of Test Group</td>
 142           <td>{{currentABTest.group_percentage}}</td>
 143         </tr>
 144         <tr>
 145           <td>Winner Criteria</td>
 146           <td>{{winner_criteria}}</td>
 147         </tr>
 148 <!--
 149         <tr ng-show="automated=='Yes'">
 150           <td>Minum Confidence Level</td>
 151           <td>{{conf}}%</td>
 152         </tr>
 153         <tr ng-show="automated=='Yes'">
 154           <td>If Level not Achieved</td>
 155           <td>{{ifnot}}</td>
 156         </tr>
 157 -->
 158         <tr>
 159           <td>Declare Winner By</td>
 160           <td>{{currentABTest.date}} Date &nbsp {{currentABTest.time}} Time</td>
 161         </tr>
 162       </table>
 163
 164       <h3><a href="#">Preview Mailing</a></h3><br>
 165
 166       <h3>When to Start</h3><br>
 167
 168       <div>
 169         <input type="radio" name="Start" ng-model="start" value="now"> Now &nbsp
 170         <input type="radio" name="Start" ng-model="start" value="later"> Later
 171
 172         &nbsp &nbsp <input type="text" class="dateplugin" ng-show="start=='later'" ng-model="send_date" datepick>
 173       </div>
 174
 175
 176       <br><br>
 177
 178       <div>
 179
 180         <div style="position:relative; left:200px; top:60px;" prevbutton></div>
 181         <div class="crm-submit-buttons" style="position:relative; left:295px; top: 30px;">
 182           <div class="crm-button crm-button-type-upload crm-button_qf_Contact_upload_view">
 183             <input type="submit" value="Submit & Send" id="campaignbutton _qf_Contact_upload_view-top"
 184                    class="btn btn-primary" nexttab={{tab_val}}>
 185           </div>
 186         </div>
 187         <div style="position:relative; left:430px; top:-1px;" cancelbutton></div>
 188
 189       </div>
 190
 191     </div>
 192   </div>
 193 </div>