https://github.com/edouard-lopez/ui-confirm-link

CSS-only mechanism to require a confirmation before allowing an action (Django template)
https://github.com/edouard-lopez/ui-confirm-link

confirmation confirmation-button delete-button

Last synced: 23 days ago
JSON representation

CSS-only mechanism to require a confirmation before allowing an action (Django template)

• Host: GitHub
• URL: https://github.com/edouard-lopez/ui-confirm-link
• Owner: edouard-lopez
• License: mit
• Created: 2016-08-01T12:27:58.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2016-08-01T12:35:57.000Z (over 8 years ago)
• Last Synced: 2024-05-02T00:48:54.000Z (8 months ago)
• Topics: confirmation, confirmation-button, delete-button
• Language: CSS
• Size: 6.84 KB
• Stars: 0
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Confirmation Link

CSS-only mechanism to require a confirmation before allowing an action.

Currently only available as a `Django` template.

## Requirements

* (optional) [Bootstrap](http://getbootstrap.com/) `≥3` ;

## Preview

![default](preview/confirm-link-01-default.png "Default") ← default

![clicked](preview/confirm-link-02-clicked.png "Clicked") ← clicked

![require-corfirmation](preview/confirm-link-03-require-corfirmation.png "Require-corfirmation") ← require corfirmation

## Usage

1. Import the `SCSS` in your main stylesheet: 

        @import "confirm-link";

2. add the `HTML` code from [./_confirm-link.html](./_confirm-link.html) to your form ;

    ```python

    {% url 'core:remove_measure' measure.id as action_url %}

    {% trans 'supprimer' as delete %}

    {% include 'components/widgets/_confirm-link.html' with item=measure url=action_url action=delete %}

    ```