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                             <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                             <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><br>
 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><br>
 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 form-inline">
 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><br>
 122                         </center>
 123                     </div>
 124                     <div class="col-md-1"></div>
 125                     <div class="col-md-4">
 126                         <center>
 127                         <br><label>Limit by Rep:</label>
 128                             <select class="form-control" id="plot_filter" name="plot_filter" style="max-width: 100%">
 129                             </select><br>
 130                         </center>
 131                     </div>
 132                     <div class="col-md-1"></div>
 133                 </div>
 134                 <div class="col-md-12 form-inline" id="">
 135                     <div class="col-md-1"></div>
 136                     <div class="col-md-4">
 137                         <center>
 138                             <br><label>Copies per label:</label>
 139                             <input class="form-control" id="copies_per_plot" name="copies_per_plot" type="number" value="1" style="max-width: 100%;">
 140                         </center>
 141                     </div>
 142                     <div class="col-md-1"></div>
 143                     <div class="col-md-4">
 144                         <center>
 145                             <br><label>Total # to download:</label>
 146                             <input class="form-control" id="label_designer_labels_to_download" name="label_designer_labels_to_download" type="number" placeholder="10" style="max-width: 100%;">
 147                         </center>
 148                     </div>
 149                     <div class="col-md-1"></div>
 150                 </div>
 151             </div>
 152             <div class="modal-footer">
 153                 <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
 154                 <button id="d3-edit-additional-settings" type="button" class="btn btn-primary" data-dismiss="modal">Save</button>
 155             </div>
 156         </div>
 157     </div>
 158 </div>
 159
 160 <div class="modal fade" id="batchDownloadModal" tabindex="-1" role="dialog" aria-labelledby="batchDownloadModal" aria-hidden="true">
 161     <div class="modal-dialog" role="document">
 162         <div class="modal-content">
 163             <div class="modal-body">
 164                 <div class="col-md-12" id="">
 165                     <div class="col-md-1"></div>
 166                     <div class="col-md-10">
 167                         <center>
 168                             <label>Batch Download:</label>
 169                         <br>
 170                         <p id="batch_download_message"></p>
 171                     </center>
 172                     </div>
 173                     <div class="col-md-1"></div>
 174                 </div>
 175                 <div class="col-md-12">
 176                     <div class="col-md-1"></div>
 177                     <div class="col-md-5">
 178                         <center>
 179                             <br><label>Start Number:</label><br>
 180                             <input class="form-control" placeholder="0" type="number" id="label_designer_start_number" style="max-width: 100%;">
 181                         </center>
 182                     </div>
 183                     <div class="col-md-5">
 184                         <center>
 185                             <br><label>End Number:</label><br>
 186                             <input class="form-control" placeholder="1000" type="number" id="label_designer_end_number" style="max-width: 100%;">
 187                         </center>
 188                     </div>
 189                     <div class="col-md-1"></div>
 190                 </div>
 191             </div>
 192             <div class="modal-footer">
 193                 <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
 194                 <button id="d3-batch-download-submit" type="button" class="btn btn-primary" data-dismiss="modal">Download</button>
 195             </div>
 196         </div>
 197     </div>
 198 </div>