• Index
  • Core
    • button
    • link
    • base-header
    • base-section
    • base-heading
    • counter
    • img
    • icon
    • modal
    • footer
    • pagination
    • header
    • photogallery
    • cart-navigation
    • listing-navigation
    • listing-switch
    • tabs
  • Sections
    • posts-grid-section
    • post-detail-section
    • posts-list-section
    • usps-section
    • banner-section
    • faq-section
    • signpost-section
    • text-and-media-section
    • events-section
    • calendar-section
    • contact-form-section
    • steps-section
    • newsletter-section
    • hero-slider-section
    • documents-section
    • persons-section
    • testimonials-section
    • pricetable-section
    • priceplan-section
    • jobs-section
    • error-404-section
    • breadcrumbs-section
    • content-section
    • category-list-section
    • intro-section
    • registration-section
    • seo-section
    • team-image-section
    • gallery-section
    • cart-steps-section
    • products-listing-section
    • basket-thank-you-section
    • address-section
    • product-info-section
    • order-detail-section
    • order-section
    • ordered-products-section
    • product-detail
    • individual-print-section
    • filters-section
    • company-references-section
    • person-references-section
    • numbers-section
    • timeline-section
    • contact-boxes-section
    • reviews-section
    • print-configuration-footer-section
    • print-configuration-price-section
    • user-configurations-section
    • products-slider-section
  • Items
    • post-item
    • tag-item
    • alert-item
    • category-item
    • partner-item
    • information-item
    • content-toggle-item
    • product-item
    • product-overview-item
    • price-item
    • availability-item
    • progress-item
    • total-price-item
    • cart-item
    • tooltip-item
    • order-info-item
    • product-order-item
    • print-info-item
    • comparator-item
    • print-variant-item
  • Fields
    • text-field
    • password-field
    • file-field
    • textarea
    • single-select-field
    • single-select-inline-field
    • checkbox-field
    • checkbox-select-field
    • switch-field
    • date-field
    • color-field
    • radio-box-field
    • address-box-field
    • range-slider-field
  • Forms
    • contact-form
    • newsletter-form
    • registration-form
    • discount-form
    • address-form
    • user-info-form
    • review-form
    • send-cv-form
    • print-configuration-form
  • Widgets
    • cart-overview-widget
  • Modals
    • dimesions-modal
    • print-info-modal
    • product-out-of-stock-modal
    • wishlist-share-modal
    • print-method-modal
    • send-cv-modal
    • edit-comparator-name-modal
    • print-configuration-modal
    • delete-comparator-modal
    • delete-comparator-product-modal
    • delete-configuration-modal
  • Aside
    • documents-aside
    • delivery-aside
    • user-panel-aside

Delete configuration in comparator modal

  • figma
  • Preview
  • Twig
  • Html
  • Open

    Odstranit konfiguraci

    Opravdu si přejete odstranit konfiguraci tisku?

    PP23-00487-001
    Zrušit odstranění Opravdu odstranit
  •         {% include "@Components/button/button.twig" with {props: {
        title: "Open",
        data: {
          "modal-target": "modal-delete-configuration"
        }
      }
    } %}
    
    {% include "@Components/modals/delete-configuration-modal/delete-configuration-modal.twig" with {props: {
      configuration_id: "PP23-00487-001",
      delete_url: "/delete-configuration"
    }} %}
    
          
  •           <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --primary" href='#' data-modal-target="modal-delete-configuration">
          <span class="btn__title u-z-index-1">
          Open
        </span>
          
      
      </a>
    
    
      <div class="c-modal --size-sm m-delete-configuration --hidden" id="modal-delete-configuration">
      <div class="c-modal__dialog">
    
        <div class="c-modal__content u-rounded-4">
          <div class="c-modal__inner d-flex flex-column">
    
                      <header class="c-modal__header d-flex flex-column gap-1">
                <h2 class="u-h3 c-modal__heading">Odstranit konfiguraci</h2>
                          </header>
            
            <div class="c-modal__body ">
                  <h2 class="base-heading mb-0 u-fw-700 u-h5">
                Opravdu si přejete odstranit konfiguraci tisku?
          </h2>
    
        <div class="u-fw-600 mt-1 --js-configuration-id">
                  PP23-00487-001
              </div>
    
        <div class="d-flex flex-column gap-2 mt-5">
          <span class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --outline        --full-width w-100  c-modal__close">
          <span class="btn__title u-z-index-1">
          Zrušit odstranění
        </span>
          
          <span class="btn__icon d-flex align-items-center justify-content-center">
            
      <span class="icon d-flex align-items-center justify-content-center">
              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#15324F" fill-rule="evenodd" d="M6.868 8 2.434 3.565l1.131-1.13L8 6.867l4.434-4.434 1.132 1.131L9.13 8l4.434 4.434-1.13 1.132L8 9.13l-4.435 4.434-1.13-1.13L6.867 8Z" clip-rule="evenodd"/></svg>      </span>
        </span>
      
      </span>
    
                          <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --primary        --full-width w-100  m-delete-configuration__delete-button --js-delete-configuration-confirm" href='/delete-configuration?id=PP23-00487-001' data-default-url="/delete-configuration">
          <span class="btn__title u-z-index-1">
          Opravdu odstranit
        </span>
          
          <span class="btn__icon d-flex align-items-center justify-content-center">
            
      <span class="icon d-flex align-items-center justify-content-center">
              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.037 0A1.456 1.456 0 0 0 4.58 1.456v1.162H1.309V4.22h1.308v9.669A2.11 2.11 0 0 0 4.727 16h6.545a2.11 2.11 0 0 0 2.11-2.11V4.22h1.309V2.619h-3.272V1.456A1.456 1.456 0 0 0 9.963 0H6.037Zm.147 2.618V1.603h3.632v1.015H6.184ZM4.22 13.89V4.22h7.558v9.67a.507.507 0 0 1-.507.507H4.728a.507.507 0 0 1-.507-.507Zm1.816-7.2h1.308v5.236H6.037V6.691Zm3.926 0H8.654v5.236h1.31V6.691Z" clip-rule="evenodd"/></svg>      </span>
        </span>
      
      </a>
              </div>
              </div>
    
            
            <div class="c-modal__button-container">
              <button class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --sm    --icon-only     c-modal__close c-modal__close-cross" aria-label="close modal">
      
          <span class="btn__icon d-flex align-items-center justify-content-center">
            
      <span class="icon d-flex align-items-center justify-content-center  --lg">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#15324F" fill-rule="evenodd" d="M10.869 12 5.435 6.565l1.13-1.13L12 10.867l5.435-5.434 1.13 1.131L13.133 12l5.434 5.434-1.131 1.131L12 13.131l-5.434 5.434-1.131-1.13L10.869 12Z" clip-rule="evenodd"/></svg>      </span>
        </span>
      
      </button>
            </div>
    
          </div>
        </div>
    
      </div>
    
    </div>