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>Limit by Rep:</label>
 120                             <select class="form-control" id="plot_filter" name="plot_filter" style="max-width: 100%">
 121                             </select>
 122                         </center>
 123                     </div>
 124                     <div class="col-md-5">
 125                         <center>
 126                             <br><label>Copies per label:</label>
 127                             <input class="form-control" id="copies_per_plot" name="copies_per_plot" type="number" value="1" style="max-width: 100%;">
 128                         </center>
 129                     </div>
 130                     <div class="col-md-1"></div>
 131                 </div>
 132                 <div class="col-md-12">
 133                     <div class="col-md-1"></div>
 134                     <div class="col-md-5">
 135                         <center>
 136                             <br><label>Total # to download:</label>
 137                             <input class="form-control" id="label_designer_labels_to_download" name="label_designer_labels_to_download" type="number" placeholder="10" style="max-width: 100%;">
 138                         </center>
 139                     </div>
 140                     <div class="col-md-5"></div>
 141                     <div class="col-md-1"></div>
 142                 </div>
 143                 <div class="col-md-12">
 144                     <div class="col-md-1"></div>
 145                     <div class="col-md-10">
 146                         <br /><br />
 147                         <p><strong>Position of First Label:</strong><br />
 148                         Set the column and row number of where to print the first label, if using a sheet that has already been partially used</p>
 149                     </div>
 150                     <div class="col-md-1"></div>
 151                 </div>
 152                 <div class="col-md-12">
 153                     <div class="col-md-1"></div>
 154                     <div class="col-md-5">
 155                         <center>
 156                             <br><label>Start Column:</label>
 157                             <input class="form-control" id="start_col" name="start_col" type="number" value="1" style="max-width: 100%;">
 158                         </center>
 159                     </div>
 160                     <div class="col-md-5">
 161                         <center>
 162                             <br><label>Start Row:</label>
 163                             <input class="form-control" id="start_row" name="start_row" type="number" value="1" style="max-width: 100%;">
 164                         </center>
 165                     </div>
 166                     <div class="col-md-1"></div>
 167                 </div>
 168             </div>
 169             <div class="modal-footer">
 170                 <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
 171                 <button id="d3-edit-additional-settings" type="button" class="btn btn-primary" data-dismiss="modal">Save</button>
 172             </div>
 173         </div>
 174     </div>
 175 </div>
 176
 177 <div class="modal fade" id="batchDownloadModal" tabindex="-1" role="dialog" aria-labelledby="batchDownloadModal" aria-hidden="true">
 178     <div class="modal-dialog" role="document">
 179         <div class="modal-content">
 180             <div class="modal-body">
 181                 <div class="col-md-12" id="">
 182                     <div class="col-md-1"></div>
 183                     <div class="col-md-10">
 184                         <center>
 185                             <label>Batch Download:</label>
 186                         <br>
 187                         <p id="batch_download_message"></p>
 188                     </center>
 189                     </div>
 190                     <div class="col-md-1"></div>
 191                 </div>
 192                 <div class="col-md-12">
 193                     <div class="col-md-1"></div>
 194                     <div class="col-md-5">
 195                         <center>
 196                             <br><label>Start Number:</label><br>
 197                             <input class="form-control" placeholder="0" type="number" id="label_designer_start_number" style="max-width: 100%;">
 198                         </center>
 199                     </div>
 200                     <div class="col-md-5">
 201                         <center>
 202                             <br><label>End Number:</label><br>
 203                             <input class="form-control" placeholder="1000" type="number" id="label_designer_end_number" style="max-width: 100%;">
 204                         </center>
 205                     </div>
 206                     <div class="col-md-1"></div>
 207                 </div>
 208             </div>
 209             <div class="modal-footer">
 210                 <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
 211                 <button id="d3-batch-download-submit" type="button" class="btn btn-primary" data-dismiss="modal">Download</button>
 212             </div>
 213         </div>
 214     </div>
 215 </div>