gerrit.onap Code Review - portal/sdk.git/blob

   1 <style>
   2 table tbody td {
   3         border: none;
   4 }
   5
   6 table tbody tr {
   7         border: none;
   8 }
   9
  10 table {
  11         border: none;
  12         margin-bottom: 0px;
  13 }
  14
  15 #RangeTable {
  16         margin-top: 5px;
  17         border: 1px solid black;
  18 }
  19 </style>
  20
  21 <div id="page-content">
  22         <h1 class="heading-page">Report Chart Configuration</h1>
  23
  24         <div ng-show="showLoader" class="span loader-container">
  25                 <i class="icon-primary-spinner" role="img"
  26                         aria-label="Please wait while we load your content"></i>
  27         </div>
  28
  29
  30         <div ng-hide="showLoader">
  31                 <div>
  32                         <div class="form-row">
  33                                 <label for="checkbox1" class="checkbox"> <input
  34                                         id="checkbox1" type="checkbox" ng-model="reportRunJson.animation" /><i
  35                                         class="skin"></i><span>Animation</span>
  36                                 </label>
  37                         </div>
  38                         <table>
  39                                 <thead>
  40                                         <tr>
  41                                                 <th width="30%">Chart Type</th>
  42                                                 <th></th>
  43                                         </tr>
  44                                 </thead>
  45
  46                                 <tbody>
  47                                         <tr>
  48                                                 <td><select name="chartType" b2b-dropdown
  49                                                         ng-model="reportRunJson.chartType">
  50                                                                 <option b2b-dropdown-list option-repeat="d in chartTypeOptions"
  51                                                                         value="{{d.value}}">{{d.text}}</option>
  52                                                 </select></td>
  53                                                 <td></td>
  54                                         </tr>
  55                                 </tbody>
  56                         </table>
  57
  58                         <table>
  59                                 <thead>
  60                                         <tr>
  61                                                 <th width="50px">Width (px)</th>
  62                                                 <th>Height (px)</th>
  63                                         </tr>
  64                                 </thead>
  65                                 <tbody>
  66                                         <tr>
  67                                                 <td><input type="text" name="displayName"
  68                                                         ng-model="reportRunJson.width" style="width: 100px;"></td>
  69                                                 <td><input type="text" name="displayName"
  70                                                         ng-model="reportRunJson.height" style="width: 100px;"></td>
  71                                         </tr>
  72                                 </tbody>
  73                         </table>
  74
  75                         <table>
  76                                 <thead>
  77                                         <tr>
  78                                                 <th width="50px">Title</th>
  79                                         </tr>
  80                                 </thead>
  81                                 <tbody>
  82                                         <tr>
  83                                                 <fieldset role="radiogroup" radio-group-accessibility>
  84                                                         <td><label for="optionsRadiosShowTitleTrue" class="radio">
  85                                                                         <input type="radio" ng-model="reportRunJson.showTitle"
  86                                                                         id="optionsRadiosShowTitleTrue"
  87                                                                         name="optionsRadiosShowTitleTrue" value="true"> <i
  88                                                                         class="skin"></i> <span>Show</span>
  89                                                         </label></td>
  90                                                         <td><label for="optionsRadiosShowTitleFalse" class="radio">
  91                                                                         <input type="radio" ng-model="reportRunJson.showTitle"
  92                                                                         id="optionsRadiosShowTitleFalse"
  93                                                                         name="optionsRadiosShowTitleFalse" value="false"> <i
  94                                                                         class="skin"></i> <span>Hide</span>
  95                                                         </label></td>
  96                                                 </fieldset>
  97                                         </tr>
  98
  99                                 </tbody>
 100                         </table>
 101
 102                         <table>
 103                                 <thead>
 104                                         <tr>
 105                                                 <th width="30%">Domain Axis</th>
 106                                                 <th width="30%">Category</th>
 107                                                 <th width="40%"></th>
 108                                         </tr>
 109                                 </thead>
 110                                 <tbody>
 111                                         <tr>
 112                                                 <td><select name="chartType" b2b-dropdown
 113                                                         ng-model="reportRunJson.domainAxis">
 114                                                                 <option b2b-dropdown-list
 115                                                                         option-repeat="d in reportRunJson.chartColumnJSONList"
 116                                                                         value="{{d.value}}">{{d.title}}</option>
 117                                                 </select></td>
 118                                                 <td><select name="chartType" b2b-dropdown
 119                                                         ng-model="reportRunJson.categoryAxis">
 120                                                                 <option b2b-dropdown-list
 121                                                                         option-repeat="d in reportRunJson.chartColumnJSONList"
 122                                                                         value="{{d.value}}">{{d.title}}</option>
 123                                                 </select></td>
 124                                         </tr>
 125                                 </tbody>
 126                         </table>
 127
 128
 129                         <div id="RangeTable">
 130
 131                                 <table ng-repeat="rangeReport in reportRunJson.rangeAxisList">
 132                                         <thead>
 133                                                 <tr>
 134                                                         <th width="18%">Range Axis</th>
 135                                                         <th width="15%">Y Axis</th>
 136                                                         <th width="15%">Chart Title</th>
 137                                                         <th width="22%">Color</th>
 138                                                         <th width="25%">Line Type</th>
 139                                                         <th></th>
 140                                                 </tr>
 141                                         </thead>
 142                                         <tbody>
 143                                                 <tr>
 144                                                         <td><select name="chartType" b2b-dropdown
 145                                                                 ng-model="rangeReport.rangeAxisLabelJSON.value"
 146                                                                 placeholder-text="Select"
 147                                                                 ng-disabled="rangeReport.removed=='true'">
 148                                                                         <option b2b-dropdown-list
 149                                                                                 option-repeat="d in reportRunJson.chartColumnJSONList"
 150                                                                                 value="{{d.value}}">{{d.title}}</option>
 151                                                         </select></td>
 152                                                         <td><input type="text" name="displayName"
 153                                                                 ng-model="rangeReport.rangeYAxis"
 154                                                                 ng-disabled="rangeReport.removed=='true'" style="width: 100px;">
 155                                                         </td>
 156                                                         <td><input type="text" name="displayName"
 157                                                                 ng-model="rangeReport.rangeChartGroup"
 158                                                                 ng-disabled="rangeReport.removed=='true'" style="width: 150px;">
 159                                                         </td>
 160                                                         <td><select name="chartType" b2b-dropdown
 161                                                                 ng-model="rangeReport.rangeColor"
 162                                                                 ng-disabled="rangeReport.removed=='true'">
 163                                                                         <option b2b-dropdown-list option-repeat="d in rangeColors"
 164                                                                                 value="{{d.value}}">{{d.title}}</option>
 165                                                         </select></td>
 166                                                         <td><select name="lineType" b2b-dropdown
 167                                                                 ng-model="rangeReport.rangeLineType"
 168                                                                 ng-disabled="rangeReport.removed=='true'">
 169                                                                         <option b2b-dropdown-list option-repeat="d in lineTypes"
 170                                                                                 value="{{d.value}}">{{d.title}}</option>
 171                                                         </select></td>
 172                                                         <td><span>
 173                                                                         <button ng-if="rangeReport.removed!='true'" type="submit"
 174                                                                                 style="width: 90px; height: 35px; margin-left: 5px;"
 175                                                                                 class="btn btn-secondary btn-small"
 176                                                                                 ng-click="removeRangeAxisRow($index)">Remove</button>
 177                                                                         <button ng-if="rangeReport.removed=='true'" type="submit"
 178                                                                                 style="width: 90px; height: 35px; margin-left: 5px;"
 179                                                                                 class="btn btn-secondary btn-small" disabled="disabled">Removed</button>
 180                                                         </span></td>
 181                                                 </tr>
 182
 183                                         </tbody>
 184                                 </table>
 185                                 <div align="right" style="margin-right:20px">
 186                                         <button type="submit" class="btn btn-secondary btn-small" ng-click="addRangeAxisRow()">Add</button>
 187                                 </div>
 188                         </div>
 189                 </div>
 190
 191                 <div ng-show=false style="min-height: 500px" data-ng-init="init()">
 192                         <div class="fn-ebz-container">
 193                                 <label class="fn-ebz-text-label">Chart Type</label><BR>
 194                                 <div class="form-field" att-select="chartTypes"
 195                                         ng-model="reportRunJson.chartTypeJSON"
 196                                         placeholder="Select an Option" show-input-filter="true"
 197                                         ng-change="actionClicked()"></div>
 198                         </div>
 199
 200
 201                         <div class="fn-ebz-container" style="position: relative; top: -8px;">
 202                                 <label class="fn-ebz-text-label">Animate</label><BR>
 203                                 <div>
 204                                         <input type="checkbox" ng-model="reportRunJson.animation"
 205                                                 att-checkbox data-ng-value="true">
 206                                 </div>
 207                         </div>
 208                         <BR>
 209
 210                         <div class="fn-ebz-container">
 211                                 <label class="fn-ebz-text-label">Width (Px)</label><BR> <input
 212                                         type="text" name="chartWidth" maxlength=4 only-digits
 213                                         ng-model="reportRunJson.width" style="width: 80px" />
 214                         </div>
 215
 216                         <div class="fn-ebz-container">
 217                                 <label class="fn-ebz-text-label">Height (Px)</label><BR> <input
 218                                         type="text" name="chartHeight" maxlength=4 only-digits
 219                                         ng-model="reportRunJson.height" style="width: 80px" />
 220                         </div>
 221                         <BR>
 222
 223                         <div class="fn-ebz-container">
 224                                 <label class="fn-ebz-text-label">Title</label><BR> <span><input
 225                                         name="tle" type="radio" ng-model="reportRunJson.showTitle"
 226                                         data-ng-value="true" />Show</span> <span><input name="tle"
 227                                         type="radio" ng-model="reportRunJson.showTitle"
 228                                         data-ng-value="false" />Hide</span>
 229                         </div>
 230                         <BR>
 231
 232
 233                         <div class="fn-ebz-container">
 234                                 <label class="fn-ebz-text-label">Domain Axis</label><BR>
 235                                 <div class="form-field"
 236                                         att-select="reportRunJson.chartColumnJSONList"
 237                                         ng-model="reportRunJson.domainAxisJSON"
 238                                         placeholder="Select an Option" show-input-filter="true"></div>
 239                         </div>
 240
 241                         <div class="fn-ebz-container">
 242                                 <label class="fn-ebz-text-label">Category</label><BR>
 243                                 <div class="form-field"
 244                                         att-select="reportRunJson.chartColumnJSONList"
 245                                         ng-model="reportRunJson.categoryAxis" placeholder=""
 246                                         show-input-filter="true"></div>
 247                         </div>
 248                         <BR>
 249
 250                         <div
 251                                 style="border: 2px; border-style: solid; border-color: #808080; margin-bottom: 9px">
 252                                 <div ng-repeat="rangeReport in reportRunJson.rangeAxisList">
 253                                         <div style="margin-left: 5px">
 254                                                 <div class="fn-ebz-container">
 255                                                         <label class="fn-ebz-text-label">Range Axis</label><BR>
 256                                                         <div class="form-field"
 257                                                                 att-select="reportRunJson.chartColumnJSONList"
 258                                                                 ng-model="rangeReport.rangeAxisLabelJSON"
 259                                                                 placeholder="Select an Option" show-input-filter="true"></div>
 260                                                 </div>
 261
 262
 263                                                 <div class="fn-ebz-container">
 264                                                         <label class="fn-ebz-text-label">Y Axis</label><BR> <input
 265                                                                 id="yaxs" type="text" name="yAxis" maxlength=50
 266                                                                 ng-model=rangeReport.rangeYAxis style="width: 100px" />
 267                                                 </div>
 268
 269                                                 <div class="fn-ebz-container">
 270                                                         <label class="fn-ebz-text-label">Chart Title</label><BR> <input
 271                                                                 type="text" name="chartTitle" maxlength=50
 272                                                                 ng-model="rangeReport.rangeChartGroup" style="width: 200px" />
 273                                                 </div>
 274
 275                                                 <div class="fn-ebz-container">
 276                                                         <label class="fn-ebz-text-label">Color</label><BR>
 277                                                         <div class="form-field" att-select="rangeColors"
 278                                                                 ng-model="rangeReport.rangeColorJSON"
 279                                                                 placeholder="Select an Option" show-input-filter="true"></div>
 280                                                 </div>
 281
 282                                                 <div class="fn-ebz-container">
 283                                                         <label class="fn-ebz-text-label">Line Type</label><BR>
 284                                                         <div class="form-field" att-select="lineTypes"
 285                                                                 ng-model="rangeReport.rangeLineTypeJSON"
 286                                                                 placeholder="Select an Option" show-input-filter="true"></div>
 287                                                 </div>
 288
 289                                                 <div class="fn-ebz-container"
 290                                                         ng-show="reportRunJson.chartTypeJSON.value=='FlexTimeChart' ||
 291                         reportRunJson.chartTypeJSON.value=='AnnotationChart'"
 292                                                         style="position: relative; top: -8px;">
 293                                                         <label class="fn-ebz-text-label">Area</label><BR> <input
 294                                                                 type="checkbox" ng-model="rangeReport.showAsArea" att-checkbox
 295                                                                 data-ng-value="true">
 296                                                 </div>
 297
 298                                                 <div class="fn-ebz-container"
 299                                                         style="position: relative; top: 25px;">
 300                                                         <a href="javascript:void(0)" ng-show="{{$index==0}}"
 301                                                                 style="float: right;" att-button btn-type="secondary"
 302                                                                 size="small" att-accessibility-click="13,32"
 303                                                                 ng-click="addRangeAxisRow(rangeReport);">Add</a> <a
 304                                                                 href="javascript:void(0)" ng-show="{{$index>0}}"
 305                                                                 style="float: right;" att-button btn-type="secondary"
 306                                                                 size="small" att-accessibility-click="13,32"
 307                                                                 ng-click="removeRangeAxisRow($index);"> Remove</a>
 308                                                 </div>
 309                                         </div>
 310                                 </div>
 311                         </div>
 312                         <BR>
 313
 314                         <accordion close-others="true" css="att-accordion--no-box">
 315                         <accordion-group id="additionalOptions" heading="Additional Options"
 316                                 child-length="10">
 317                         <div class="fn-ebz-container">
 318                                 <label class="fn-ebz-text-label">Primary Axis Label</label><BR>
 319                                 <input type="text" name="prAxis" maxlength=50
 320                                         ng-model="reportRunJson.primaryAxisLabel" style="width: 210px" />
 321                         </div>
 322                         <div class="fn-ebz-container">
 323                                 <label class="fn-ebz-text-label">Secondary Axis Label</label><BR>
 324                                 <input type="text" name="secAxis" maxlength=75
 325                                         ng-model="reportRunJson.secondaryAxisLabel" style="width: 210px" />
 326                         </div>
 327                         <BR>
 328                         <div class="fn-ebz-container">
 329                                 <label class="fn-ebz-text-label">Range Axis Minimum Range</label><BR>
 330                                 <input type="text" name="rAxisMinRange" only-digits
 331                                         ng-model="reportRunJson.minRange" style="width: 210px" />
 332                         </div>
 333                         <div class="fn-ebz-container">
 334                                 <label class="fn-ebz-text-label">Maximum Range</label><BR> <input
 335                                         type="text" name="rAxisMaxRange" only-digits
 336                                         ng-model="reportRunJson.maxRange" ng-maxLength="35"
 337                                         style="width: 210px" />
 338                         </div>
 339                         <BR>
 340                         </accordion-group> </accordion>
 341
 342
 343
 344
 345                         <div ng-show="reportRunJson.chartType=='BarChart3D'">
 346
 347                                 <accordion close-others="true" css="att-accordion--no-box">
 348                                 <accordion-group id="accBar" heading="Bar Chart Options"
 349                                         child-length="10">
 350
 351
 352                                 <div
 353                                         style="border: 2px; border-style: solid; border-color: #808080; margin-bottom: 9px">
 354                                         <div class="fn-ebz-container"
 355                                                 style="position: relative; margin: 10px;">
 356                                                 <label class="fn-ebz-text-label">Orientation</label><BR> <span><input
 357                                                         name="orient" type="radio"
 358                                                         ng-model="reportRunJson.barChartOptions.verticalOrientation"
 359                                                         data-ng-value="true" />Vertical</span> <span><input name="orient"
 360                                                         type="radio"
 361                                                         ng-model="reportRunJson.barChartOptions.verticalOrientation"
 362                                                         data-ng-value="false" />Horizontal</span>
 363                                         </div>
 364
 365                                         <div class="fn-ebz-container"
 366                                                 style="position: relative; margin: 10px;">
 367                                                 <label class="fn-ebz-text-label">Stacked</label><BR> <span><input
 368                                                         name="stack" type="radio"
 369                                                         ng-model="reportRunJson.barChartOptions.stackedChart"
 370                                                         data-ng-value="true" />Yes</span> <span><input name="stack"
 371                                                         type="radio"
 372                                                         ng-model="reportRunJson.barChartOptions.stackedChart"
 373                                                         data-ng-value="false" />No</span>
 374                                         </div>
 375
 376                                         <div class="fn-ebz-container"
 377                                                 style="position: relative; margin: 10px;">
 378                                                 <label class="fn-ebz-text-label">Show Controls</label><BR> <span><input
 379                                                         name="shwcontrol" type="radio"
 380                                                         ng-model="reportRunJson.barChartOptions.displayBarControls"
 381                                                         data-ng-value="true" />Yes</span> <span><input name="shwcontrol"
 382                                                         type="radio"
 383                                                         ng-model="reportRunJson.barChartOptions.displayBarControls"
 384                                                         data-ng-value="false" />No</span>
 385                                         </div>
 386
 387                                         <div class="fn-ebz-container"
 388                                                 style="position: relative; margin: 10px;">
 389                                                 <label class="fn-ebz-text-label">XAxis Date Type</label><BR>
 390                                                 <span><input name="xAxisDtype" type="radio"
 391                                                         ng-model="reportRunJson.barChartOptions.xAxisDateType"
 392                                                         data-ng-value="true" />Yes</span> <span><input name="xAxisDtype"
 393                                                         type="radio"
 394                                                         ng-model="reportRunJson.barChartOptions.xAxisDateType"
 395                                                         data-ng-value="false" />No</span>
 396                                         </div>
 397
 398                                         <div class="fn-ebz-container"
 399                                                 style="position: relative; margin: 10px;">
 400                                                 <label class="fn-ebz-text-label">Display less XAxis
 401                                                         tickers</label><BR> <span><input name="xTicker" type="radio"
 402                                                         ng-model="reportRunJson.barChartOptions.minimizeXAxisTickers"
 403                                                         data-ng-value="true" />Yes</span> <span><input name="xTicker"
 404                                                         type="radio"
 405                                                         ng-model="reportRunJson.barChartOptions.minimizeXAxisTickers"
 406                                                         data-ng-value="false" />No</span>
 407                                         </div>
 408                                         <BR>
 409
 410                                         <div class="fn-ebz-container"
 411                                                 style="position: relative; margin: 10px;">
 412                                                 <label class="fn-ebz-text-label">Is Time Axis?</label><BR> <span><input
 413                                                         name="timeAxis" type="radio"
 414                                                         ng-model="reportRunJson.barChartOptions.timeAxis"
 415                                                         data-ng-value="true" />Yes</span> <span><input name="timeAxis"
 416                                                         type="radio" ng-model="reportRunJson.barChartOptions.timeAxis"
 417                                                         data-ng-value="false" />No</span>
 418                                         </div>
 419
 420                                         <div class="fn-ebz-container"
 421                                                 style="position: relative; margin: 10px;">
 422                                                 <label class="fn-ebz-text-label">Log Scale (Y Axis)</label><BR>
 423                                                 <span><input type="checkbox"
 424                                                         ng-model="reportRunJson.barChartOptions.yAxisLogScale"
 425                                                         att-checkbox data-ng-value="true"></span>
 426
 427                                         </div>
 428                                 </div>
 429
 430                                 </accordion-group> </accordion>
 431                         </div>
 432                         {{reportRunJson.chartType}}
 433                         <div ng-show="reportRunJson.chartType=='TimeSeriesChart'">
 434                                 <accordion close-others="true" css="att-accordion--no-box">
 435                                 <accordion-group id="accTimeChart"
 436                                         heading="Time Series Chart Options" child-length="10">
 437
 438                                 <div
 439                                         style="border: 2px; border-style: solid; border-color: #808080; margin-bottom: 9px">
 440                                         <div style="margin-left: 5px">
 441                                                 <div class="fn-ebz-container">
 442                                                         <label class="fn-ebz-text-label">Render as</label><BR> <span><input
 443                                                                 name="renderAs" type="radio"
 444                                                                 ng-model="reportRunJson.timeSeriesChartOptions.lineChartRenderer"
 445                                                                 value="line" />Line</span> <span><input name="orient"
 446                                                                 type="radio"
 447                                                                 ng-model="reportRunJson.timeSeriesChartOptions.lineChartRenderer"
 448                                                                 value="area" />Area</span>
 449                                                 </div>
 450
 451                                                 <div class="fn-ebz-container"
 452                                                         style="position: relative; margin: 10px;">
 453                                                         <label class="fn-ebz-text-label">X Axis Label</label><BR> <span><input
 454                                                                 type="checkbox"
 455                                                                 ng-model="reportRunJson.timeSeriesChartOptions.showXAxisLabel"
 456                                                                 att-checkbox data-ng-value="true"></span>
 457                                                 </div>
 458                                                 <BR>
 459
 460                                                 <div class="fn-ebz-container"
 461                                                         style="position: relative; bottom: 10px;">
 462                                                         <label class="fn-ebz-text-label">X Axis <br>Tickers
 463                                                         </label><BR> <span style="position: relative; top: 10px;"><input
 464                                                                 type="checkbox"
 465                                                                 ng-model="reportRunJson.timeSeriesChartOptions.addXAxisTicker"
 466                                                                 att-checkbox data-ng-value="true"></span>
 467                                                 </div>
 468
 469                                                 <div class="fn-ebz-container"
 470                                                         style="position: relative; margin: 20px;">
 471                                                         <label class="fn-ebz-text-label">Is Time Axis?</label><BR> <span><input
 472                                                                 name="timeAxisChart" type="radio"
 473                                                                 ng-model="reportRunJson.timeSeriesChartOptions.nonTimeAxis"
 474                                                                 data-ng-value="true" />Yes</span> <span><input
 475                                                                 name="timeAxisChart" type="radio"
 476                                                                 ng-model="reportRunJson.timeSeriesChartOptions.nonTimeAxis"
 477                                                                 data-ng-value="false" />No</span>
 478                                                 </div>
 479
 480                                                 <div class="fn-ebz-container"
 481                                                         style="position: relative; margin: 10px;">
 482                                                         <label class="fn-ebz-text-label">Multi Series?</label><BR> <span><input
 483                                                                 name="mSeries" type="radio"
 484                                                                 ng-model="reportRunJson.timeSeriesChartOptions.multiSeries"
 485                                                                 data-ng-value="true" />Yes</span> <span><input name="mSeries"
 486                                                                 type="radio"
 487                                                                 ng-model="reportRunJson.timeSeriesChartOptions.multiSeries"
 488                                                                 data-ng-value="false" />No</span>
 489                                                 </div>
 490                                         </div>
 491                                 </div>
 492
 493                                 </accordion-group> </accordion>
 494
 495                         </div>
 496
 497                         <div>
 498
 499                                 <accordion close-others="true" css="att-accordion--no-box">
 500                                 <accordion-group id="accFlexTimeChart"
 501                                         heading="Flex Time Series Chart Options" child-length="10">
 502
 503                                 <div
 504                                         style="border: 2px; border-style: solid; border-color: #808080; margin-bottom: 9px">
 505                                         <div style="margin-left: 5px">
 506                                                 <div class="fn-ebz-container">
 507                                                         <label class="fn-ebz-text-label">Zoom-In Window</label><BR>
 508                                                         <span><input type="text" name="zWindow" only-digits
 509                                                                 maxlength=3
 510                                                                 ng-model="reportRunJson.flexTimeSeriesChartOptions.zoomIn"></span>
 511                                                 </div>
 512
 513                                                 <div class="fn-ebz-container"
 514                                                         style="position: relative; margin: 10px;">
 515                                                         <label class="fn-ebz-text-label">Time Axis Type</label><BR>
 516                                                         <span><input name="timeAxisType" type="radio"
 517                                                                 ng-model="reportRunJson.flexTimeSeriesChartOptions.timeAxisType"
 518                                                                 value="weekly" />Weekly</span> <span><input name="timeAxisType"
 519                                                                 type="radio"
 520                                                                 ng-model="reportRunJson.flexTimeSeriesChartOptions.timeAxisType"
 521                                                                 value="daily" />Daily</span> <span><input name="timeAxisType"
 522                                                                 type="radio"
 523                                                                 ng-model="reportRunJson.flexTimeSeriesChartOptions.timeAxisType"
 524                                                                 value="hourly" />Hourly</span> <span><input name="timeAxisType"
 525                                                                 type="radio"
 526                                                                 ng-model="reportRunJson.flexTimeSeriesChartOptions.timeAxisType"
 527                                                                 value="30min" />30 Min</span>
 528                                                 </div>
 529                                         </div>
 530                                 </div>
 531                                 </accordion-group> </accordion>
 532
 533                         </div>
 534
 535
 536
 537
 538
 539
 540
 541
 542                         <accordion close-others="true" css="att-accordion--no-box">
 543                         <accordion-group id="accCommonOptions" heading="Common Options"
 544                                 child-length="10">
 545
 546                         <div
 547                                 style="border: 2px; border-style: solid; border-color: #808080; margin-bottom: 9px">
 548                                 <div style="margin-left: 5px">
 549                                         <div class="fn-ebz-container">
 550                                                 <label class="fn-ebz-text-label">Legend Angle</label><BR> <span><input
 551                                                         name="langle" type="radio"
 552                                                         ng-model="reportRunJson.commonChartOptions.legendLabelAngle"
 553                                                         value="up45" />up 45&deg;</span> <span><input name="langle"
 554                                                         type="radio"
 555                                                         ng-model="reportRunJson.commonChartOptions.legendLabelAngle"
 556                                                         value="up90" />up 90&deg;</span> <span><input name="langle"
 557                                                         type="radio"
 558                                                         ng-model="reportRunJson.commonChartOptions.legendLabelAngle"
 559                                                         value="down45" />down 45&deg;</span> <span><input name="langle"
 560                                                         type="radio"
 561                                                         ng-model="reportRunJson.commonChartOptions.legendLabelAngle"
 562                                                         value="down90" />down 90&deg;</span> <span><input name="langle"
 563                                                         type="radio"
 564                                                         ng-model="reportRunJson.commonChartOptions.legendLabelAngle"
 565                                                         value="standard" />Standard</span>
 566                                         </div>
 567
 568                                         <div class="fn-ebz-container"
 569                                                 style="position: relative; margin: 15px;">
 570                                                 <label class="fn-ebz-text-label">Legend Position</label><BR>
 571                                                 <span><input name="lgPosition" type="radio"
 572                                                         ng-model="reportRunJson.commonChartOptions.legendPosition"
 573                                                         value="top" />Top</span> <span><input name="lgPosition"
 574                                                         type="radio"
 575                                                         ng-model="reportRunJson.commonChartOptions.legendPosition"
 576                                                         value="bottom" />Bottom</span>
 577                                         </div>
 578                                         <BR>
 579
 580                                         <div class="fn-ebz-container">
 581                                                 <label class="fn-ebz-text-label">Legend</label><BR> <span><input
 582                                                         name="lgd" type="radio"
 583                                                         ng-model="reportRunJson.commonChartOptions.hideLegend"
 584                                                         data-ng-value="false" />Yes</span> <span><input name="lgd"
 585                                                         type="radio"
 586                                                         ng-model="reportRunJson.commonChartOptions.hideLegend"
 587                                                         data-ng-value="true" />No</span>
 588                                         </div>
 589
 590                                         <div class="fn-ebz-container"
 591                                                 style="position: relative; margin: 10px;">
 592                                                 <label class="fn-ebz-text-label">Animation</label><BR> <span><input
 593                                                         name="anmtate" type="radio"
 594                                                         ng-model="reportRunJson.commonChartOptions.animateAnimatedChart"
 595                                                         data-ng-value="true" />Yes</span> <span><input name="anmtate"
 596                                                         type="radio"
 597                                                         ng-model="reportRunJson.commonChartOptions.animateAnimatedChart"
 598                                                         data-ng-value="false" />No</span>
 599                                         </div>
 600                                         <BR>
 601
 602                                         <div class="fn-ebz-container">
 603                                                 <label class="fn-ebz-text-label">Top Margin</label><BR> <input
 604                                                         type="text" name="reportRunJson.commonChartOptions.topMargin"
 605                                                         only-digits maxlength=3
 606                                                         ng-model="reportRunJson.commonChartOptions.topMargin"
 607                                                         style="width: 210px" />
 608                                         </div>
 609                                         <div class="fn-ebz-container">
 610                                                 <label class="fn-ebz-text-label">Bottom Margin</label><BR> <input
 611                                                         type="text" name="reportRunJson.commonChartOptions.bottomMargin"
 612                                                         only-digits maxlength=3
 613                                                         ng-model="reportRunJson.commonChartOptions.bottomMargin"
 614                                                         style="width: 210px" />
 615                                         </div>
 616                                         <div class="fn-ebz-container">
 617                                                 <label class="fn-ebz-text-label">Left Margin</label><BR> <input
 618                                                         type="text" name="reportRunJson.commonChartOptions.leftMargin"
 619                                                         only-digits maxlength=3
 620                                                         ng-model="reportRunJson.commonChartOptions.leftMargin"
 621                                                         style="width: 210px" />
 622                                         </div>
 623                                         <div class="fn-ebz-container">
 624                                                 <label class="fn-ebz-text-label">Right Margin</label><BR> <input
 625                                                         type="text" name="reportRunJson.commonChartOptions.rightMargin"
 626                                                         only-digits maxlength=3
 627                                                         ng-model="reportRunJson.commonChartOptions.rightMargin"
 628                                                         style="width: 210px">
 629                                         </div>
 630                                         <BR>
 631                                 </div>
 632                         </div>
 633                         </accordion-group> </accordion>
 634                         <br />
 635                         <br /> <a href="javascript:void(0)" att-button btn-type="primary"
 636                                 att-accessibility-click="13,32" ng-click="saveChartData();">Save</a>
 637                         <a
 638                                 href="report#/report_run/c_master={{reportRunJson.reportID}}&refresh=Y"
 639                                 att-button btn-type="primary" att-accessibility-click="13,32">Run</a>
 640                 </div>
 641
 642                 <div>
 643                         <b2b-expanders class="mpc-expanders" is-open="additionalOptionOpen">
 644                         <b2b-expander-heading>
 645                         <div class="row">
 646                                 <div class="span6">
 647                                         <div class="heading-medium b2b-blue"
 648                                                 ng-class=" { 'b2b-toggle-header-active': !additionalOptionOpen, 'b2b-toggle-header-inactive': additionalOptionOpen } ">Additional
 649                                                 Options</div>
 650                                         <p class="p-small"></p>
 651                                 </div>
 652                                 <div style="position: absolute; right: 250px;" class="span1">
 653                                         <i class="pull-right b2b-toggle-header-icon" b2b-expander-toggle
 654                                                 b2b-accessibility-click="13,32"
 655                                                 expand-icon="icon-primary-collapsed"
 656                                                 collapse-icon="icon-primary-expanded" tabindex="0"
 657                                                 aria-posinset="1" aria-setsize="2"></i>
 658                                 </div>
 659                         </div>
 660                         </b2b-expander-heading> <b2b-expander-body>
 661                         <div>
 662                                 <div id="RangeTable">
 663                                         <table>
 664                                                 <thead>
 665                                                         <tr>
 666                                                                 <th width="30%">Primary Axis Label</th>
 667                                                                 <th width="30%">Secondary Axis Label</th>
 668                                                                 <th></th>
 669                                                         </tr>
 670                                                 </thead>
 671                                                 <tbody>
 672                                                         <tr>
 673                                                                 <td><input type="text" name="primaryAxisLabel"
 674                                                                         ng-model="reportRunJson.primaryAxisLabel" style="width: 200px;">
 675                                                                 </td>
 676                                                                 <td><input type="text" name="secondaryAxisLabel"
 677                                                                         ng-model="reportRunJson.secondaryAxisLabel"
 678                                                                         style="width: 200px;"></td>
 679                                                         </tr>
 680                                                 </tbody>
 681                                         </table>
 682                                         <table>
 683                                                 <thead>
 684                                                         <tr>
 685                                                                 <th width="30%">Range Axis Minimum Range</th>
 686                                                                 <th width="30%">Maximum Range</th>
 687                                                                 <th></th>
 688                                                         </tr>
 689                                                 </thead>
 690                                                 <tbody>
 691                                                         <tr>
 692                                                                 <td><input type="text" name="minRange"
 693                                                                         ng-model="reportRunJson.minRange" style="width: 200px;">
 694                                                                 </td>
 695                                                                 <td><input type="text" name="maxRange"
 696                                                                         ng-model="reportRunJson.maxRange" style="width: 200px;">
 697                                                                 </td>
 698                                                         </tr>
 699                                                 </tbody>
 700                                         </table>
 701                                 </div>
 702                         </div>
 703                         </b2b-expander-body> </b2b-expanders>
 704
 705                         <!-- BAR CHART OPTION SECTION STARTS HERE -->
 706                         <b2b-expanders ng-show="reportRunJson.chartType=='BarChart3D'"
 707                                 class="mpc-expanders" is-open="barChartOptionOpen">
 708                         <b2b-expander-heading>
 709                         <div class="row">
 710                                 <div class="span6">
 711                                         <div class="heading-medium b2b-blue"
 712                                                 ng-class=" { 'b2b-toggle-header-active': !barChartOptionOpen, 'b2b-toggle-header-inactive': barChartOptionOpen } ">Bar
 713                                                 Chart Options</div>
 714                                         <p class="p-small"></p>
 715                                 </div>
 716                                 <div style="position: absolute; right: 250px;" class="span1">
 717                                         <i class="pull-right b2b-toggle-header-icon" b2b-expander-toggle
 718                                                 b2b-accessibility-click="13,32"
 719                                                 expand-icon="icon-primary-collapsed"
 720                                                 collapse-icon="icon-primary-expanded" tabindex="0"
 721                                                 aria-posinset="1" aria-setsize="2"></i>
 722                                 </div>
 723                         </div>
 724                         </b2b-expander-heading> <b2b-expander-body>
 725                         <div>
 726                                 <div id="RangeTable">
 727                                         <table>
 728                                                 <thead>
 729                                                         <tr>
 730                                                                 <th width="25%">Orientation</th>
 731                                                                 <th width="18%">Stacked</th>
 732                                                                 <th width="18%">Show Controls</th>
 733                                                                 <th width="18%">XAxis Date Type</th>
 734                                                                 <th width="21%">Display less XAxis tickers</th>
 735                                                                 <th></th>
 736                                                         </tr>
 737                                                 </thead>
 738                                                 <tbody>
 739                                                         <tr>
 740                                                                 <td><label for="optionsOrientationVertical" class="radio">
 741                                                                                 <input type="radio"
 742                                                                                 ng-model="reportRunJson.barChartOptions.verticalOrientation"
 743                                                                                 id="optionsOrientationVertical"
 744                                                                                 name="optionsOrientationVertical" value="true"> <i
 745                                                                                 class="skin"></i> <span>Vertical</span>
 746                                                                 </label> <label for="optionsOrientationHorizontal" class="radio">
 747                                                                                 <input type="radio"
 748                                                                                 ng-model="reportRunJson.barChartOptions.verticalOrientation"
 749                                                                                 id="optionsOrientationHorizontal"
 750                                                                                 name="optionsOrientationHorizontal" value="false"> <i
 751                                                                                 class="skin"></i> <span>Horizontal</span>
 752                                                                 </label></td>
 753
 754                                                                 <td><label for="optionsStackedYes" class="radio"> <input
 755                                                                                 type="radio"
 756                                                                                 ng-model="reportRunJson.barChartOptions.stackedChart"
 757                                                                                 id="optionsStackedYes" name="optionsStackedYes" value="true">
 758                                                                                 <i class="skin"></i> <span>Yes</span>
 759                                                                 </label> <label for="optionsStackedNo" class="radio"> <input
 760                                                                                 type="radio"
 761                                                                                 ng-model="reportRunJson.barChartOptions.stackedChart"
 762                                                                                 id="optionsStackedNo" name="optionsStackedNo" value="false">
 763                                                                                 <i class="skin"></i> <span>No</span>
 764                                                                 </label></td>
 765                                                                 <td><label for="optionsShowControlYes" class="radio">
 766                                                                                 <input type="radio"
 767                                                                                 ng-model="reportRunJson.barChartOptions.displayBarControls"
 768                                                                                 id="optionsShowControlYes" name="optionsShowControlYes"
 769                                                                                 value="true"> <i class="skin"></i> <span>Yes</span>
 770                                                                 </label> <label for="optionsShowControlNo" class="radio"> <input
 771                                                                                 type="radio"
 772                                                                                 ng-model="reportRunJson.barChartOptions.displayBarControls"
 773                                                                                 id="optionsShowControlNo" name="optionsShowControlNo"
 774                                                                                 value="false"> <i class="skin"></i> <span>No</span>
 775                                                                 </label></td>
 776                                                                 <td><label for="optionsXAxisDateTypeYes" class="radio">
 777                                                                                 <input type="radio"
 778                                                                                 ng-model="reportRunJson.barChartOptions.xAxisDateType"
 779                                                                                 id="optionsXAxisDateTypeYes" name="optionsXAxisDateTypeYes"
 780                                                                                 value="true"> <i class="skin"></i> <span>Yes</span>
 781                                                                 </label> <label for="optionsXAxisDateTypeNo" class="radio"> <input
 782                                                                                 type="radio"
 783                                                                                 ng-model="reportRunJson.barChartOptions.xAxisDateType"
 784                                                                                 id="optionsXAxisDateTypeNo" name="optionsXAxisDateTypeNo"
 785                                                                                 value="false"> <i class="skin"></i> <span>No</span>
 786                                                                 </label></td>
 787                                                                 <td><label for="optionsMinimizeXAxisTickersYes"
 788                                                                         class="radio"> <input type="radio"
 789                                                                                 ng-model="reportRunJson.barChartOptions.minimizeXAxisTickers"
 790                                                                                 id="optionsMinimizeXAxisTickersYes"
 791                                                                                 name="optionsMinimizeXAxisTickersYes" value="true"> <i
 792                                                                                 class="skin"></i> <span>Yes</span>
 793                                                                 </label> <label for="optionsMinimizeXAxisTickersNo" class="radio">
 794                                                                                 <input type="radio"
 795                                                                                 ng-model="reportRunJson.barChartOptions.minimizeXAxisTickers"
 796                                                                                 id="optionsMinimizeXAxisTickersNo"
 797                                                                                 name="optionsMinimizeXAxisTickersNo" value="false"> <i
 798                                                                                 class="skin"></i> <span>No</span>
 799                                                                 </label></td>
 800                                                         </tr>
 801                                                 </tbody>
 802                                         </table>
 803                                         <table>
 804                                                 <thead>
 805                                                         <tr>
 806                                                                 <th width="25%">Is Time Axis?</th>
 807                                                                 <th width="25%">Log Scale (Y Axis)</th>
 808                                                                 <th></th>
 809                                                         </tr>
 810                                                 </thead>
 811                                                 <tbody>
 812                                                         <tr>
 813                                                                 <td><label for="optionsTimeAxisYes" class="radio">
 814                                                                                 <input type="radio"
 815                                                                                 ng-model="reportRunJson.barChartOptions.timeAxis"
 816                                                                                 id="optionsTimeAxisYes" name="optionsTimeAxisYes" value="true">
 817                                                                                 <i class="skin"></i> <span>Yes</span>
 818                                                                 </label> <label for="optionsTimeAxisNo" class="radio"> <input
 819                                                                                 type="radio" ng-model="reportRunJson.barChartOptions.timeAxis"
 820                                                                                 id="optionsTimeAxisNo" name="optionsTimeAxisNo" value="false">
 821                                                                                 <i class="skin"></i> <span>No</span>
 822                                                                 </label></td>
 823                                                                 <td><label for="logScaleYAxisCheckBox" class="checkbox">
 824                                                                                 <input id="logScaleYAxisCheckBox" type="checkbox"
 825                                                                                 ng-model="reportRunJson.barChartOptions.yAxisLogScale" /><i
 826                                                                                 class="skin"></i><span></span>
 827                                                                 </label></td>
 828                                                         </tr>
 829                                                 </tbody>
 830                                         </table>
 831                                 </div>
 832                         </div>
 833                         </b2b-expander-body> </b2b-expanders>
 834                         <!-- BAR CHART OPTION SECTION ENDS HERE -->
 835
 836                         <!-- TIME SERIES CHART OPTION SECTION STARTS HERE -->
 837                         <b2b-expanders ng-show="reportRunJson.chartType=='TimeSeriesChart'"
 838                                 class="mpc-expanders" is-open="timeSeriesChartOptionOpen">
 839                         <b2b-expander-heading>
 840                         <div class="row">
 841                                 <div class="span6">
 842                                         <div class="heading-medium b2b-blue"
 843                                                 ng-class=" { 'b2b-toggle-header-active': !timeSeriesChartOptionOpen, 'b2b-toggle-header-inactive': timeSeriesChartOptionOpen } ">Time
 844                                                 Series Chart Options</div>
 845                                         <p class="p-small"></p>
 846                                 </div>
 847                                 <div style="position: absolute; right: 250px;" class="span1">
 848                                         <i class="pull-right b2b-toggle-header-icon" b2b-expander-toggle
 849                                                 b2b-accessibility-click="13,32"
 850                                                 expand-icon="icon-primary-collapsed"
 851                                                 collapse-icon="icon-primary-expanded" tabindex="0"
 852                                                 aria-posinset="1" aria-setsize="2"></i>
 853                                 </div>
 854                         </div>
 855                         </b2b-expander-heading> <b2b-expander-body>
 856                         <div>
 857                                 <div>
 858                                         <table>
 859                                                 <thead>
 860                                                         <tr>
 861                                                                 <th width="20%">Render as</th>
 862                                                                 <th width="20%">X Axis Label</th>
 863                                                                 <th width="20%">X Axis Tickers</th>
 864                                                                 <th width="20%">Is Time Axis?</th>
 865                                                                 <th width="20%">Multi Series</th>
 866                                                         </tr>
 867                                                 </thead>
 868                                                 <tbody>
 869                                                         <tr>
 870                                                                 <td><label for="optionsLineChartRendererLine" class="radio">
 871                                                                                 <input type="radio"
 872                                                                                 ng-model="reportRunJson.timeSeriesChartOptions.lineChartRenderer"
 873                                                                                 id="optionsLineChartRendererLine"
 874                                                                                 name="optionsLineChartRendererLine" value="line"> <i
 875                                                                                 class="skin"></i> <span>Line</span>
 876                                                                 </label> <label for="optionsLineChartRendererArea" class="radio">
 877                                                                                 <input type="radio"
 878                                                                                 ng-model="reportRunJson.timeSeriesChartOptions.lineChartRenderer"
 879                                                                                 id="optionsLineChartRendererArea"
 880                                                                                 name="optionsLineChartRendererArea" value="area"> <i
 881                                                                                 class="skin"></i> <span>Area</span>
 882                                                                 </label></td>
 883                                                                 <td><label for="xAxisLabelCheckBox" class="checkbox">
 884                                                                                 <input id="xAxisLabelCheckBox" type="checkbox"
 885                                                                                 ng-model="reportRunJson.timeSeriesChartOptions.showXAxisLabel" /><i
 886                                                                                 class="skin"></i><span></span>
 887                                                                 </label></td>
 888                                                                 <td><label for="addXAxisTickerCheckBox" class="checkbox">
 889                                                                                 <input id="addXAxisTickerCheckBox" type="checkbox"
 890                                                                                 ng-model="reportRunJson.timeSeriesChartOptions.addXAxisTicker" /><i
 891                                                                                 class="skin"></i><span></span>
 892                                                                 </label></td>
 893                                                                 <td><label for="isTimeAxisCheckBox" class="checkbox">
 894                                                                                 <input id="isTimeAxisCheckBox" type="checkbox"
 895                                                                                 ng-model="reportRunJson.timeSeriesChartOptions.nonTimeAxis" /><i
 896                                                                                 class="skin"></i><span></span>
 897                                                                 </label></td>
 898                                                                 <td><label for="multiSeriesCheckBox" class="checkbox">
 899                                                                                 <input id="multiSeriesCheckBox" type="checkbox"
 900                                                                                 ng-model="reportRunJson.timeSeriesChartOptions.multiSeries" /><i
 901                                                                                 class="skin"></i><span></span>
 902                                                                 </label></td>
 903                                                         </tr>
 904                                                 </tbody>
 905                                         </table>
 906                                 </div>
 907                         </div>
 908                         </b2b-expander-body> </b2b-expanders>
 909                         <!-- TIME SERIES CHART OPTION SECTION ENDS HERE -->
 910
 911                         <b2b-expanders class="mpc-expanders" is-open="commonOptionOpen">
 912                         <b2b-expander-heading>
 913                         <div class="row">
 914                                 <div class="span6">
 915                                         <div class="heading-medium b2b-blue"
 916                                                 ng-class=" { 'b2b-toggle-header-active': !commonOptionOpen, 'b2b-toggle-header-inactive': commonOptionOpen } ">Common
 917                                                 Options</div>
 918                                         <p class="p-small"></p>
 919                                 </div>
 920                                 <div style="position: absolute; right: 250px;" class="span1">
 921                                         <i class="pull-right b2b-toggle-header-icon" b2b-expander-toggle
 922                                                 b2b-accessibility-click="13,32"
 923                                                 expand-icon="icon-primary-collapsed"
 924                                                 collapse-icon="icon-primary-expanded" tabindex="0"
 925                                                 aria-posinset="1" aria-setsize="2"></i>
 926                                 </div>
 927                         </div>
 928                         </b2b-expander-heading> <b2b-expander-body>
 929                         <div>
 930                                 <div>
 931                                         <div
 932                                                 style="border: 2px; border-style: solid; border-color: #808080; margin-bottom: 9px">
 933                                                 <div style="margin-left: 0px">
 934                                                         <table>
 935                                                                 <thead>
 936                                                                         <tr>
 937                                                                                 <th>Legend Angle</th>
 938                                                                                 <th>Legend Position</th>
 939                                                                         </tr>
 940                                                                 </thead>
 941                                                                 <tbody>
 942                                                                         <tr>
 943                                                                                 <fieldset role="radiogroup" radio-group-accessibility>
 944                                                                                         <td><label for="optionsRadios1" class="radio"> <input
 945                                                                                                         type="radio"
 946                                                                                                         ng-model="reportRunJson.commonChartOptions.legendLabelAngle"
 947                                                                                                         id="optionsRadios1" name="optionsRadio1" value="up45">
 948                                                                                                         <i class="skin"></i> <span>up 45&deg;</span>
 949                                                                                         </label> <label for="optionsRadios2" class="radio"> <input
 950                                                                                                         type="radio"
 951                                                                                                         ng-model="reportRunJson.commonChartOptions.legendLabelAngle"
 952                                                                                                         id="optionsRadios2" name="optionsRadio2" value="up90">
 953                                                                                                         <i class="skin"></i> <span>up 90&deg;</span>
 954                                                                                         </label> <label for="optionsRadios3" class="radio"> <input
 955                                                                                                         type="radio"
 956                                                                                                         ng-model="reportRunJson.commonChartOptions.legendLabelAngle"
 957                                                                                                         id="optionsRadios3" name="optionsRadio3" value="down45">
 958                                                                                                         <i class="skin"></i> <span>down 45&deg;</span>
 959                                                                                         </label> <label for="optionsRadios4444" class="radio"> <input
 960                                                                                                         type="radio"
 961                                                                                                         ng-model="reportRunJson.commonChartOptions.legendLabelAngle"
 962                                                                                                         id="optionsRadios4444" name="optionsRadio44" value="down90">
 963                                                                                                         <i class="skin"></i> <span>down 90&deg;</span>
 964                                                                                         </label> <label for="optionsRadios5555" class="radio"> <input
 965                                                                                                         type="radio"
 966                                                                                                         ng-model="reportRunJson.commonChartOptions.legendLabelAngle"
 967                                                                                                         id="optionsRadios5555" name="optionsRadio55"
 968                                                                                                         value="standard"> <i class="skin"></i> <span>Standard</span>
 969                                                                                         </label></td>
 970                                                                                 </fieldset>
 971
 972                                                                                 <fieldset role="radiogroup" radio-group-accessibility>
 973                                                                                         <td><label for="optionsRadiosTop" class="radio">
 974                                                                                                         <input type="radio"
 975                                                                                                         ng-model="reportRunJson.commonChartOptions.legendPosition"
 976                                                                                                         id="optionsRadiosTop" name="optionsRadioTop" value="top">
 977                                                                                                         <i class="skin"></i> <span>Top</span>
 978                                                                                         </label> <label for="optionsRadiosBottom" class="radio"> <input
 979                                                                                                         type="radio"
 980                                                                                                         ng-model="reportRunJson.commonChartOptions.legendPosition"
 981                                                                                                         id="optionsRadiosBottom" name="optionsRadioBottom"
 982                                                                                                         value="bottom"> <i class="skin"></i> <span>Bottom</span>
 983                                                                                         </label></td>
 984                                                                                 </fieldset>
 985                                                                         </tr>
 986                                                                 </tbody>
 987                                                         </table>
 988
 989
 990                                                         <table>
 991                                                                 <thead>
 992                                                                         <tr>
 993                                                                                 <th width="20%">Legend</th>
 994                                                                                 <th width="20%">Animation</th>
 995                                                                                 <th></th>
 996                                                                         </tr>
 997                                                                 </thead>
 998                                                                 <tbody>
 999                                                                         <tr>
1000                                                                                 <fieldset role="radiogroup" radio-group-accessibility>
1001                                                                                         <td><label for="optionsRadiosHideLegendFalse"
1002                                                                                                 class="radio"> <input type="radio"
1003                                                                                                         ng-model="reportRunJson.commonChartOptions.hideLegend"
1004                                                                                                         id="optionsRadiosHideLegendFalse"
1005                                                                                                         name="optionsRadiosHideLegendFalse" value="false">
1006                                                                                                         <i class="skin"></i> <span>Yes</span>
1007                                                                                         </label> <label for="optionsRadiosHideLegendTrue" class="radio">
1008                                                                                                         <input type="radio"
1009                                                                                                         ng-model="reportRunJson.commonChartOptions.hideLegend"
1010                                                                                                         id="optionsRadiosHideLegendTrue"
1011                                                                                                         name="optionsRadiosHideLegendTrue" value="true"> <i
1012                                                                                                         class="skin"></i> <span>No</span>
1013                                                                                         </label></td>
1014                                                                                 </fieldset>
1015
1016                                                                                 <fieldset role="radiogroup" radio-group-accessibility>
1017                                                                                         <td><label for="optionsRadiosAnimateChartTrue"
1018                                                                                                 class="radio"> <input type="radio"
1019                                                                                                         ng-model="reportRunJson.commonChartOptions.animateAnimatedChart"
1020                                                                                                         id="optionsRadiosAnimateChartTrue"
1021                                                                                                         name="optionsRadiosAnimateChartTrue" value="true">
1022                                                                                                         <i class="skin"></i> <span>Yes</span>
1023                                                                                         </label> <label for="optionsRadiosAnimateChartFalse" class="radio">
1024                                                                                                         <input type="radio"
1025                                                                                                         ng-model="reportRunJson.commonChartOptions.animateAnimatedChart"
1026                                                                                                         id="optionsRadiosAnimateChartFalse"
1027                                                                                                         name="optionsRadiosAnimateChartFalse" value="false">
1028                                                                                                         <i class="skin"></i> <span>No</span>
1029                                                                                         </label></td>
1030                                                                                 </fieldset>
1031                                                                                 <td></td>
1032                                                                         </tr>
1033                                                                 </tbody>
1034                                                         </table>
1035
1036                                                         <table>
1037                                                                 <thead>
1038                                                                         <tr>
1039                                                                                 <th width="25%">Top Margin</th>
1040                                                                                 <th width="25%">Bottom Margin</th>
1041                                                                                 <th width="25%">Left Margin</th>
1042                                                                                 <th width="25%">Right Margin</th>
1043                                                                         </tr>
1044                                                                 </thead>
1045                                                                 <tbody>
1046                                                                         <tr>
1047                                                                                 <td><input type="text" name="topMargin"
1048                                                                                         ng-model="reportRunJson.commonChartOptions.topMargin"
1049                                                                                         style="width: 200px;"></td>
1050                                                                                 <td><input type="text" name="bottomMargin"
1051                                                                                         ng-model="reportRunJson.commonChartOptions.bottomMargin"
1052                                                                                         style="width: 200px;"></td>
1053                                                                                 <td><input type="text" name="leftMargin"
1054                                                                                         ng-model="reportRunJson.commonChartOptions.leftMargin"
1055                                                                                         style="width: 200px;"></td>
1056                                                                                 <td><input type="text" name="rightMargin"
1057                                                                                         ng-model="reportRunJson.commonChartOptions.rightMargin"
1058                                                                                         style="width: 200px;"></td>
1059                                                                         </tr>
1060                                                                 </tbody>
1061                                                         </table>
1062                                                 </div>
1063                                         </div>
1064                                 </div>
1065                         </b2b-expander-body> </b2b-expanders>
1066
1067                 </div>
1068         </div>
1069         <div>
1070                 <button type="submit"
1071                         style="width: 90px; height: 35px; margin-top: 20px; margin-left: 5px;"
1072                         class="btn btn-alt btn-small" ng-click="saveChartData();">Save</button>
1073                 <a
1074                         href="report#/report_run/c_master={{reportRunJson.reportID}}&refresh=Y">
1075                         <button type="submit"
1076                                 style="width: 90px; height: 35px; margin-top: 20px; margin-left: 5px;"
1077                                 class="btn btn-alt btn-small">Run</button>
1078                 </a>
1079         </div>
1080 </div>