partials/abtesting/main.html

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