API tools faq
paste
Advertisement
cydside

Bootsrap

cydside
Jun 10th, 2023 (edited)
681
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 12.06 KB | None | 0 0
raw download clone embed print report
  1. <div class="modal fade" id="edit" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="editLabel"
  2.     aria-hidden="true">
  3.  
  4.     <div class="modal fade" id="feedback" data-backdrop="static" data-keyboard="false" tabindex="-1">
  5.         <div class="modal-dialog modal-dialog-centered">
  6.             <div class="modal-content">
  7.                 <div class="modal-header">
  8.                     <h5 class="modal-title">Attenzione</h5>
  9.                 </div>
  10.                 <div class="modal-body">
  11.                     <div class="alert alert-danger" role="alert" id="feedback-body">
  12.                     </div>
  13.                 </div>
  14.                 <div class="modal-footer">
  15.                     <button type="button" id="feedback-chiudi" class="btn btn-secondary">Chiudi</button>
  16.                 </div>
  17.             </div>
  18.         </div>
  19.     </div>
  20.  
  21.     <div class="modal-dialog modal-lg modal-dialog-scrollable">
  22.         <div class="modal-content">
  23.             <div class="modal-header">
  24.                 <h5 class="modal-title" id="edit-title">Modal title</h5>
  25.             </div>
  26.  
  27.             <div class="modal-body" id="edit-body">
  28.  
  29.                 <!-- EDITING ADDRESS -->
  30.                 <div class="modal fade" id="addr-modal" data-backdrop="static" data-keyboard="false" tabindex="-1">
  31.                     <div class="modal-dialog modal-dialog-centered">
  32.                         <div class="modal-content">
  33.                             <div class="modal-header">
  34.                                 <h5 class="modal-title" id="addr-modal-title">Controllo indirizzo</h5>
  35.                             </div>
  36.                             <div class="modal-body" id="addr-modal-body">
  37.                                 <div class="alert alert-secondary" role="alert">
  38.                                     <h5><b>Indirizzi proposti:</b><br></h5>
  39.                                     <div id="addr-modal-addr-list">
  40.                                     </div>
  41.                                 </div>
  42.                             </div>
  43.                             <div class="modal-footer">
  44.                                 <button id="addr-modal-cancel" type="button" class="btn btn-danger">Annulla</button>
  45.                                 <button id="addr-modal-save" type="button" class="btn btn-primary">Salva</button>
  46.                             </div>
  47.                         </div>
  48.                     </div>
  49.                 </div>
  50.  
  51.                 <nav>
  52.                     <div class="nav nav-tabs" id="nav-tab" role="tablist">
  53.                         <a class="nav-link active" id="cus" data-toggle="tab" href="#cus-dets" role="tab"
  54.                             aria-controls="cus-dets" aria-selected="true">Dati Cliente</a>
  55.                         <a class="nav-link" id="one" data-toggle="tab" href="#one-dets" role="tab"
  56.                             aria-controls="one-dets" aria-selected="true">Fatturazione</a>
  57.                         <a class="nav-link" id="two" data-toggle="tab" href="#two-dets" role="tab"
  58.                             aria-controls="two-dets" aria-selected="false">Sede</a>
  59.                         <a class="nav-link" id="three" data-toggle="tab" href="#three-dets" role="tab"
  60.                             aria-controls="three-dets" aria-selected="false">Destinazione merce</a>
  61.                     </div>
  62.                 </nav>
  63.  
  64.                 <div class="tab-content" id="nav-tabContent">
  65.  
  66.                     <!-- DETTAGLI CLIETE -->
  67.                     <div class="tab-pane fade show active" id="cus-dets" role="tabpanel" aria-labelledby="cus-dets-tab">
  68.                         <div class="form-row mt-33">
  69.                             <div class="form-group col-md-6">
  70.                                 <label for="ndrs">Nome o Ragione Sociale</label>
  71.                                 <input type="text" class="form-control" id="ndrs">
  72.                             </div>
  73.                             <div class="form-group col-md-6">
  74.                                 <label for="cogn">Cognome</label>
  75.                                 <input type="text" class="form-control" id="cogn">
  76.                             </div>
  77.                         </div>
  78.  
  79.                         <div class="form-row">
  80.                             <div class="form-group col-md-6">
  81.                                 <label for="piva">Partita IVA</label>
  82.                                 <input type="text" class="form-control" id="piva">
  83.                             </div>
  84.                             <div class="form-group col-md-6">
  85.                                 <label for="cf">Codice fiscale</label>
  86.                                 <input type="text" class="form-control" id="cf">
  87.                             </div>
  88.                         </div>
  89.  
  90.                         <div class="form-row">
  91.                             <div class="form-group col-md-6">
  92.                                 <label for="pec">Indirizzo email PEC</label>
  93.                                 <input type="text" class="form-control" id="pec">
  94.                             </div>
  95.                             <div class="form-group col-md-6">
  96.                                 <label for="csdi">Codice SDI</label>
  97.                                 <input type="text" class="form-control" id="csdi">
  98.                             </div>
  99.                         </div>
  100.  
  101.                         <div class="form-row">
  102.                             <div class="form-group col-md-3">
  103.                                 <label for="ca">Corso Antincendio</label>
  104.                                 <select id="ca" class="form-control" value="">
  105.                                     <option value="Si">Si</option>
  106.                                     <option selected value="No">No</option>
  107.                                 </select>
  108.                             </div>
  109.                             <div class="form-group col-md-9">
  110.                                 <label for="note">Note</label>
  111.                                 <input type="text" class="form-control" id="note">
  112.                             </div>
  113.                         </div>
  114.  
  115.                         <div class="form-row">
  116.                             <div class="form-group col-md-9">
  117.                                 <label for="ammc">Amministratore</label>
  118.                                 <select id="ammc" class="form-control" value="">
  119.                                     <!-- Load values -->
  120.                                 </select>
  121.                             </div>
  122.                             <div class="form-group col-md-3">
  123.                                 <label for="pali">Aliq. IVA pref.</label>
  124.                                 <select id="pali" class="form-control" value="">
  125.                                     <!-- Load values -->
  126.                                 </select>
  127.                             </div>
  128.                         </div>
  129.  
  130.                     </div>
  131.  
  132.                     <!-- FATTURAZIONE -->
  133.                     <div class="tab-pane fade" id="one-dets" role="tabpanel" aria-labelledby="one-dets-tab">
  134.                         <div class="form-row mt-3">
  135.                             <div class="form-group col-md-6">
  136.                                 <label for="one-loc">Località (Comune)</label>
  137.                                 <input type="text" class="form-control" id="one-loc">
  138.                             </div>
  139.                             <div class="form-group col-md-3">
  140.                                 <label for="one-prov">Provincia</label>
  141.                                 <input type="text" class="form-control" id="one-prov">
  142.                             </div>
  143.                             <div class="form-group col-md-3">
  144.                                 <label for="one-cap">CAP</label>
  145.                                 <input type="text" class="form-control" id="one-cap">
  146.                             </div>
  147.                         </div>
  148.                         <div class="form-row">
  149.                             <div class="form-group col-md-6">
  150.                                 <label for="one-dug">Indirizzo (Via/Piazza)</label>
  151.                                 <input type="text" class="form-control" id="one-dug">
  152.                             </div>
  153.                             <div class="form-group col-md-3">
  154.                                 <label for="one-lat">Latitudine</label>
  155.                                 <input type="text" class="form-control" id="one-lat">
  156.                             </div>
  157.                             <div class="form-group col-md-3">
  158.                                 <label for="one-lon">Longitudine</label>
  159.                                 <input type="text" class="form-control" id="one-lon">
  160.                             </div>
  161.                         </div>
  162.                         <div class="form-row">
  163.                             <div class="form-group col-md-6">
  164.                                 <label for="one-mail">Email</label>
  165.                                 <input type="text" class="form-control" id="one-mail">
  166.                             </div>
  167.                             <div class="form-group col-md-3">
  168.                                 <label for="one-tel">Tel.</label>
  169.                                 <input type="text" class="form-control" id="one-tel">
  170.                             </div>
  171.                             <div class="form-group col-md-3">
  172.                                 <label for="one-fax">Fax</label>
  173.                                 <input type="text" class="form-control" id="one-fax">
  174.                             </div>
  175.                         </div>
  176.                         <div class="form-row">
  177.                             <div class="form-group col-md-12">
  178.                                 <label for="one-note">Note</label>
  179.                                 <input type="text" class="form-control" id="one-note">
  180.                             </div>
  181.                         </div>
  182.                         <div class="form-row">
  183.                             <div class="form-group col-md-10">
  184.                                 <button type="button" class="btn btn-info btn-block get-coor" data-groupid="one">
  185.                                     <span class="fas fa-globe"></span> Controlla l'indirizzo e ottieni le coordinate
  186.                                 </button>
  187.                             </div>
  188.                             <div class="form-group col-md-2" id="one-spinner">
  189.                             </div>
  190.                         </div>
  191.  
  192.                     </div>
  193.  
  194.                     <!-- SEDE -->
  195.                     <div class="tab-pane fade" id="two-dets" role="tabpanel" aria-labelledby="two-dets-tab">
  196.                         <div class="form-row mt-3">
  197.                             <div class="form-group col-md-6">
  198.                                 <label for="two-loc">Località (Comune)</label>
  199.                                 <input type="text" class="form-control" id="two-loc">
  200.                             </div>
  201.                             <div class="form-group col-md-3">
  202.                                 <label for="two-prov">Provincia</label>
  203.                                 <input type="text" class="form-control" id="two-prov">
  204.                             </div>
  205.                             <div class="form-group col-md-3">
  206.                                 <label for="two-cap">CAP</label>
  207.                                 <input type="text" class="form-control" id="two-cap">
  208.                             </div>
  209.                         </div>
  210.                         <div class="form-row">
  211.                             <div class="form-group col-md-6">
  212.                                 <label for="two-dug">Indirizzo (Via/Piazza)</label>
  213.                                 <input type="text" class="form-control" id="two-dug">
  214.                             </div>
  215.                             <div class="form-group col-md-3">
  216.                                 <label for="two-lat">Latitudine</label>
  217.                                 <input type="text" class="form-control" id="two-lat">
  218.                             </div>
  219.                             <div class="form-group col-md-3">
  220.                                 <label for="two-lon">Longitudine</label>
  221.                                 <input type="text" class="form-control" id="two-lon">
  222.                             </div>
  223.                         </div>
  224.                         <div class="form-row">
  225.                             <div class="form-group col-md-6">
  226.                                 <label for="two-mail">Email</label>
  227.                                 <input type="text" class="form-control" id="two-mail">
  228.                             </div>
  229.                             <div class="form-group col-md-3">
  230.                                 <label for="two-tel">Tel.</label>
  231.                                 <input type="text" class="form-control" id="two-tel">
  232.                             </div>
  233.                             <div class="form-group col-md-3">
  234.                                 <label for="two-fax">Fax</label>
  235.                                 <input type="text" class="form-control" id="two-fax">
  236.                             </div>
  237.                         </div>
  238.                         <div class="form-row">
  239.                             <div class="form-group col-md-12">
  240.                                 <label for="two-note">Note</label>
  241.                                 <input type="text" class="form-control" id="two-note">
  242.                             </div>
  243.                         </div>
  244.  
  245.                         <div class="form-row">
  246.                             <div class="form-group col-md-10">
  247.                                 <button type="button" class="btn btn-info btn-block get-coor" data-groupid="two">
  248.                                     <span class="fas fa-globe"></span> Controlla l'indirizzo e ottieni le coordinate
  249.                                 </button>
  250.                             </div>
  251.                             <div class="form-group col-md-2" id="two-spinner">
  252.                             </div>
  253.                         </div>
  254.                     </div>
  255.  
  256.                     <!-- DESTINAZIONE MERCE -->
  257.                     <div class="tab-pane fade" id="three-dets" role="tabpanel" aria-labelledby="three-dets-tab">
  258.                         <div class="form-row mt-3">
  259.                             <div class="form-group col-md-6">
  260.                                 <label for="three-loc">Località (Comune)</label>
  261.                                 <input type="text" class="form-control" id="three-loc">
  262.                             </div>
  263.                             <div class="form-group col-md-3">
  264.                                 <label for="three-prov">Provincia</label>
  265.                                 <input type="text" class="form-control" id="three-prov">
  266.                             </div>
  267.                             <div class="form-group col-md-3">
  268.                                 <label for="three-cap">CAP</label>
  269.                                 <input type="text" class="form-control" id="three-cap">
  270.                             </div>
  271.                         </div>
  272.                         <div class="form-row">
  273.                             <div class="form-group col-md-6">
  274.                                 <label for="three-dug">Indirizzo (Via/Piazza)</label>
  275.                                 <input type="text" class="form-control" id="three-dug">
  276.                             </div>
  277.                             <div class="form-group col-md-3">
  278.                                 <label for="three-lat">Latitudine</label>
  279.                                 <input type="text" class="form-control" id="three-lat">
  280.                             </div>
  281.                             <div class="form-group col-md-3">
  282.                                 <label for="three-lon">Longitudine</label>
  283.                                 <input type="text" class="form-control" id="three-lon">
  284.                             </div>
  285.                         </div>
  286.                         <div class="form-row">
  287.                             <div class="form-group col-md-6">
  288.                                 <label for="three-mail">Email</label>
  289.                                 <input type="text" class="form-control" id="three-mail">
  290.                             </div>
  291.                             <div class="form-group col-md-3">
  292.                                 <label for="three-tel">Tel.</label>
  293.                                 <input type="text" class="form-control" id="three-tel">
  294.                             </div>
  295.                             <div class="form-group col-md-3">
  296.                                 <label for="three-fax">Fax</label>
  297.                                 <input type="text" class="form-control" id="three-fax">
  298.                             </div>
  299.                         </div>
  300.                         <div class="form-row">
  301.                             <div class="form-group col-md-12">
  302.                                 <label for="three-note">Note</label>
  303.                                 <input type="text" class="form-control" id="three-note">
  304.                             </div>
  305.                         </div>
  306.  
  307.                         <div class="form-row">
  308.                             <div class="form-group col-md-10">
  309.                                 <button type="button" class="btn btn-info btn-block get-coor" data-groupid="three">
  310.                                     <span class="fas fa-globe"></span> Controlla l'indirizzo e ottieni le coordinate
  311.                                 </button>
  312.                             </div>
  313.                             <div class="form-group col-md-2" id="three-spinner">
  314.                             </div>
  315.                         </div>
  316.  
  317.                     </div>
  318.                 </div>
  319.             </div>
  320.  
  321.             <div class="modal-footer" id="edit-footer">
  322.                 <button id="chiudi" type="button" class="btn btn-secondary" data-dismiss="modal">Chiudi</button>
  323.                 <button id="salva" type="button" class="btn btn-primary">Salva</button>
  324.             </div>
  325.         </div>
  326.     </div>
  327. </div>
  328.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!