Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Modal SemanticUI #6141

Open
ghost opened this issue Feb 6, 2018 · 1 comment
Open

Modal SemanticUI #6141

ghost opened this issue Feb 6, 2018 · 1 comment
Labels

Comments

@ghost
Copy link

ghost commented Feb 6, 2018

Hi guys. I am really confused on how to "copy" modal with iteration (for, while). I implement the modal trigger inside accordion which contains many items. But when i try to do CRUD with all of the item in the accordion, it affects the last item instead of the item i've choosen. It's like button is "copied" but not with modal. Do you get it? Sorry my english is bad.
Here's my code:

`  {% for event in events %}`
<button type="button" class="ui button primary btn_verifikasi">Verifikasi</button>
        
        <div class="ui mini modal verifikasi">
          <i class="close icon"></i>
          <div class="header">
            Peringatan! Apakah anda yakin ingin memverifikasi event?
          </div>
          
          

          <div class="content">
            
            <form action="/manajemen_event/verifikasi/{{event.id_event}}" method="POST">
              
              <div class="ui form">
                  {% if person.role == "tatausaha"%}
                  <div class="field">
                    <label>Venue</label>
                    <input type="text" name="venue" id="venue" placeholder="Venue" value="{{event.nama_venue}}">
                  </div>
                  {% endif %}
                 <div class="field">
                   <label>Catatan</label>
                   
                   <textarea rows="2" name="catatan" placeholder="Masukkan Catatan (Optional)">{{event.id_event}}</textarea>
                 </div>
               </div>
               <br/>
               <button class="ui button primary" type="submit">Lanjutkan</button>
            </form>
          </div>
        </div>
        
          
        <button type="button" class="ui button red btn_tolak_verifikasi">Tolak Verifikasi</button>
        <div class="ui mini modal tolak">
          <i class="close icon"></i>
          <div class="header">
            Peringatan! Apakah anda yakin ingin menolak verifikasi?
          </div>
          <div class="content">
            <form action="/manajemen_event/verifikasi/{{event.id_event}}" method="POST">
              <div class="ui form">
                
                 <div class="field">
                   <label>Catatan</label>
                   <textarea rows="2" name="catatan" placeholder="Masukkan Catatan (Optional)"></textarea>
                 </div>
               </div>
               <br/>
               <button class="ui button primary" type="submit">Lanjutkan</button>
            </form>
            
          </div>
          
        </div>
`        {% endfor %}`
      
@stale
Copy link

stale bot commented May 7, 2018

This issue has been automatically marked as stale because it has not had recent activity. It will be closed in 30 days if no further activity occurs. Thank you for your contributions.

@stale stale bot added the stale label May 7, 2018
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

0 participants