mason/tools/label_designer/label_designer_modals.mas

   1 <div class="modal fade" id="customFieldModal" tabindex="-1" role="dialog" aria-labelledby="customFieldModal" aria-hidden="true">
   2     <div class="modal-dialog" role="document">
   3         <div class="modal-content">
   4             <div class="modal-body">
   5                 <div class="row">
   6                     <center><label>Custom_Field:</label></center>
   7                     <div class="col-md-3"></div>
   8                     <div class="col-md-6">
   9                         <center>
  10                             <input type="text" class="form-control" id="d3-custom-input" placeholder="Type here" autofocus>
  11                         </center>
  12                     </div>
  13                     <div class="col-md-3"></div>
  14                 </div>
  15                 <br>
  16                 <div class="row">
  17                     <div class="col-md-6">
  18                         <center>
  19                             <label>Add Variable:</label><br>
  20                             <select id="d3-custom-add-field-input" class="form-control"></select>
  21                         </center>
  22                     </div>
  23                     <div class="col-md-6">
  24                         <center>
  25                             <label>Add Custom Number:</label><br>
  26                             <input type="number" class="form-control" id="start_number" placeholder="Start Number">
  27                             <input type="number" class="form-control" id="increment_number" placeholder="Increment Number">
  28                             <button class="btn btn-primary" id="d3-add-number">Add</button>
  29                         </center>
  30                     </div>
  31                 </div>
  32                 <br>
  33                 <div class="row">
  34                     <center><button class="btn btn-primary" id="d3-custom-preview">See Preview</button></center><br><br>
  35                     <div class="col-md-3"></div>
  36                     <div class="col-md-6">
  37                         <center><p id="d3-custom-content"></p></center>
  38                     </div>
  39                     <div class="col-md-3"></div>
  40                 </div>
  41             </div>
  42             <div class="modal-footer">
  43                 <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
  44                 <button id="d3-custom-field-save" type="button" class="btn btn-primary" data-dismiss="modal">Ok</button>
  45             </div>
  46         </div>
  47     </div>
  48 </div>
  49
  50
  51
  52 <div class="modal fade" id="editAdditionalSettingsModal" tabindex="-1" role="dialog" aria-labelledby="editAdditionalSettingsModal" aria-hidden="true">
  53     <div class="modal-dialog" role="document">
  54         <div class="modal-content">
  55             <div class="modal-body">
  56                 <div class="col-md-12">
  57                     <div class="col-md-1"></div>
  58                     <div class="col-md-10">
  59                         <center>
  60                             <label>Additional Settings:</label>
  61                         <br>
  62                         <img src="/static/img/print_setting_options.png" class="img-responsive" alt="printer settings" height="196" width="480" style="border: 1px solid black;">
  63                     </center>
  64                     </div>
  65                     <div class="col-md-1"></div>
  66                 </div>
  67                 <div class="col-md-12" id="">
  68                     <div class="col-md-1"></div>
  69                     <div class="col-md-5">
  70                         <center>
  71                             <br><label>Top Margin:</label><br>
  72                             <input class="form-control" placeholder="Top Margin in pixels (72/inch)" type="number" id="top_margin" style="max-width: 100%;">
  73                         </center>
  74                     </div>
  75                     <div class="col-md-5">
  76                         <center>
  77                             <br><label>Left Margin:</label><br>
  78                             <input class="form-control" placeholder="Left Margin in pixels (72/inch)" type="number" id="left_margin" style="max-width: 100%;">
  79                         </center>
  80                     </div>
  81                     <div class="col-md-1"></div>
  82                 </div>
  83                 <div class="col-md-12" id="">
  84                     <div class="col-md-1"></div>
  85                     <div class="col-md-5">
  86                         <center>
  87                             <br><label>Horizontal Gap:</label><br>
  88                             <input class="form-control" placeholder="Horizontal Gap in pixels (72/inch)" type="number" id="horizontal_gap" style="max-width: 100%;">
  89                         </center>
  90                     </div>
  91                     <div class="col-md-5">
  92                         <center>
  93                             <br><label>Vertical Gap:</label><br>
  94                             <input class="form-control" placeholder="Vertical Gap in pixels (72/inch)" type="number" id="vertical_gap" style="max-width: 100%;">
  95                         </center>
  96                     </div>
  97                     <div class="col-md-1"></div>
  98                 </div>
  99                 <div class="col-md-12" id="">
 100                     <div class="col-md-1"></div>
 101                     <div class="col-md-5">
 102                         <center>
 103                             <br><label>Number of Columns:</label>
 104                             <input class="form-control" placeholder="Num labels across" type="number" id="number_of_columns" style="max-width: 100%;">
 105                         </center>
 106                     </div>
 107                     <div class="col-md-5">
 108                         <center>
 109                             <br><label>Number of Rows:</label>
 110                             <input class="form-control" placeholder="Num labels down" type="number" id="number_of_rows" style="max-width: 100%;">
 111                         </center>
 112                     </div>
 113                     <div class="col-md-1"></div>
 114                 </div>
 115                 <div class="col-md-12">
 116                     <div class="col-md-1"></div>
 117                     <div class="col-md-5">
 118                         <center>
 119                         <br><label>Sort Labels by:</label>
 120                             <select class="form-control" id="sort_order" name="sort_by" style="max-width: 100%">
 121                             </select>
 122                         </center>
 123                     </div>
 124                     <div class="col-md-5">
 125                         <center>
 126                         <br><label>Limit by Rep:</label>
 127                             <select class="form-control" id="plot_filter" name="plot_filter" style="max-width: 100%">
 128                             </select>
 129                         </center>
 130                     </div>
 131                     <div class="col-md-1"></div>
 132                 </div>
 133                 <div class="col-md-12">
 134                     <div class="col-md-1"></div>
 135                     <div class="col-md-5">
 136                         <center>
 137                             <br><label>Copies per label:</label>
 138                             <input class="form-control" id="copies_per_plot" name="copies_per_plot" type="number" value="1" style="max-width: 100%;">
 139                         </center>
 140                     </div>
 141                     <div class="col-md-5">
 142                         <center>
 143                             <br><label>Total # to download:</label>
 144                             <input class="form-control" id="label_designer_labels_to_download" name="label_designer_labels_to_download" type="number" placeholder="10" style="max-width: 100%;">
 145                         </center>
 146                     </div>
 147                     <div class="col-md-1"></div>
 148                 </div>
 149                 <div class="col-md-12">
 150                     <div class="col-md-1"></div>
 151                     <div class="col-md-10">
 152                         <br /><br />
 153                         <p><strong>Position of First Label:</strong><br />
 154                         Set the column and row number of where to print the first label, if using a sheet that has already been partially used</p>
 155                     </div>
 156                     <div class="col-md-1"></div>
 157                 </div>
 158                 <div class="col-md-12">
 159                     <div class="col-md-1"></div>
 160                     <div class="col-md-5">
 161                         <center>
 162                             <br><label>Start Column:</label>
 163                             <input class="form-control" id="start_col" name="start_col" type="number" value="1" style="max-width: 100%;">
 164                         </center>
 165                     </div>
 166                     <div class="col-md-5">
 167                         <center>
 168                             <br><label>Start Row:</label>
 169                             <input class="form-control" id="start_row" name="start_row" type="number" value="1" style="max-width: 100%;">
 170                         </center>
 171                     </div>
 172                     <div class="col-md-1"></div>
 173                 </div>
 174             </div>
 175             <div class="modal-footer">
 176                 <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
 177                 <button id="d3-edit-additional-settings" type="button" class="btn btn-primary" data-dismiss="modal">Save</button>
 178             </div>
 179         </div>
 180     </div>
 181 </div>
 182
 183 <div class="modal fade" id="batchDownloadModal" tabindex="-1" role="dialog" aria-labelledby="batchDownloadModal" aria-hidden="true">
 184     <div class="modal-dialog" role="document">
 185         <div class="modal-content">
 186             <div class="modal-body">
 187                 <div class="col-md-12" id="">
 188                     <div class="col-md-1"></div>
 189                     <div class="col-md-10">
 190                         <center>
 191                             <label>Batch Download:</label>
 192                         <br>
 193                         <p id="batch_download_message"></p>
 194                     </center>
 195                     </div>
 196                     <div class="col-md-1"></div>
 197                 </div>
 198                 <div class="col-md-12">
 199                     <div class="col-md-1"></div>
 200                     <div class="col-md-5">
 201                         <center>
 202                             <br><label>Start Number:</label><br>
 203                             <input class="form-control" placeholder="0" type="number" id="label_designer_start_number" style="max-width: 100%;">
 204                         </center>
 205                     </div>
 206                     <div class="col-md-5">
 207                         <center>
 208                             <br><label>End Number:</label><br>
 209                             <input class="form-control" placeholder="1000" type="number" id="label_designer_end_number" style="max-width: 100%;">
 210                         </center>
 211                     </div>
 212                     <div class="col-md-1"></div>
 213                 </div>
 214             </div>
 215             <div class="modal-footer">
 216                 <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
 217                 <button id="d3-batch-download-submit" type="button" class="btn btn-primary" data-dismiss="modal">Download</button>
 218             </div>
 219         </div>
 220     </div>
 221 </div>