<turbo-stream action="dialog" target="users-configure-view-modal-component">
    <template>
      
<dialog-helper>
  <dialog style="min-height: 360px" id="op-user-list-configure-dialog" aria-modal="true" aria-labelledby="op-user-list-configure-dialog-title" aria-describedby="op-user-list-configure-dialog-description" data-view-component="true" class="Overlay Overlay-whenNarrow Overlay--size-large Overlay--motion-scaleFade Overlay--disableScroll">
    <div data-view-component="true" class="Overlay-header Overlay-header--large">
  <div class="Overlay-headerContentWrap">
    <div class="Overlay-titleWrap">
      <h1 class="Overlay-title " id="op-user-list-configure-dialog-title">
        Configure view
      </h1>
        
    </div>
    <div class="Overlay-actionWrap">
      <button data-close-dialog-id="op-user-list-configure-dialog" aria-label="Close" aria-label="Close" type="button" data-view-component="true" class="close-button Overlay-closeButton"><svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-x">
    <path d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.75.75 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.75.75 0 0 1-.734-.215L8 9.06l-3.22 3.22a.75.75 0 0 1-1.042-.018.75.75 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06"></path>
</svg></button>
    </div>
  </div>
  
</div>
      
  <div data-view-component="true" class="Overlay-body">
    <form id="op-user-list-configure-query-form" data-turbo-stream="false" action="/users" accept-charset="UTF-8" method="get">
        
        
      <opce-draggable-autocompleter data-options="[{&quot;id&quot;:&quot;admin&quot;,&quot;name&quot;:&quot;Administrator&quot;},{&quot;id&quot;:&quot;created_at&quot;,&quot;name&quot;:&quot;Created on&quot;},{&quot;id&quot;:&quot;mail&quot;,&quot;name&quot;:&quot;Email&quot;},{&quot;id&quot;:&quot;firstname&quot;,&quot;name&quot;:&quot;First name&quot;},{&quot;id&quot;:&quot;last_login_on&quot;,&quot;name&quot;:&quot;Last login&quot;},{&quot;id&quot;:&quot;lastname&quot;,&quot;name&quot;:&quot;Last name&quot;},{&quot;id&quot;:&quot;login&quot;,&quot;name&quot;:&quot;Username&quot;}]" data-selected="[{&quot;id&quot;:&quot;login&quot;,&quot;name&quot;:&quot;Username&quot;},{&quot;id&quot;:&quot;firstname&quot;,&quot;name&quot;:&quot;First name&quot;},{&quot;id&quot;:&quot;lastname&quot;,&quot;name&quot;:&quot;Last name&quot;},{&quot;id&quot;:&quot;mail&quot;,&quot;name&quot;:&quot;Email&quot;},{&quot;id&quot;:&quot;admin&quot;,&quot;name&quot;:&quot;Administrator&quot;},{&quot;id&quot;:&quot;created_at&quot;,&quot;name&quot;:&quot;Created on&quot;},{&quot;id&quot;:&quot;last_login_on&quot;,&quot;name&quot;:&quot;Last login&quot;}]" data-name="&quot;columns&quot;" data-id="&quot;columns-select&quot;" data-drag-area-name="&quot;columns-select_dragarea&quot;" data-form-control-id="&quot;columns-select_autocompleter&quot;" data-input-label="&quot;Add columns&quot;" data-input-placeholder="&quot;Select a column&quot;" data-drag-area-label="&quot;Manage and reorder columns&quot;" data-append-to-component="true" class="op-angular-component"></opce-draggable-autocompleter>
</form></div>  <div data-view-component="true" class="Overlay-footer Overlay-footer--alignEnd">
    <button data-close-dialog-id="op-user-list-configure-dialog" type="button" data-view-component="true" class="Button--secondary Button--medium Button">  <span class="Button-content">
    <span class="Button-label">Cancel</span>
  </span>
</button>

    <button data-test-selector="op-user-list-configure-dialog-submit" form="op-user-list-configure-query-form" type="submit" data-view-component="true" class="Button--primary Button--medium Button">  <span class="Button-content">
    <span class="Button-label">Apply</span>
  </span>
</button>

</div>
</dialog></dialog-helper>

    </template>
</turbo-stream>