trco / django-bootstrap-modal-forms Goto Github PK

 [Deprecation] Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check https://xhr.spec.whatwg.org/.      --> jquery-3.2.1.min.js:4

# --- views.py

class PerfilEdit(BSModalUpdateView):
	model = Perfil
	template_name = 'projeto/perfil_add.html'
	form_class = PerfilEditForm

	def get_success_url(self):
		return reverse_lazy('projeto_edit', kwargs={'pk': self.kwargs.get('projeto_pk')})


class PerfilDelete(BSModalDeleteView):
	model = Perfil
	template_name = 'projeto/perfil_del.html'
	success_message = 'Perfil excluído'

	def get_success_url(self):
		return reverse_lazy('projeto_edit', kwargs={'pk': self.kwargs.get('projeto_pk')})

# --- urls.py
	path('perfil_edit/<pk>/<int:projeto_pk>', PerfilEdit.as_view(), name='perfil_edit'),
	path('perfil_del/<pk>/<int:projeto_pk>', PerfilDelete.as_view(), name='perfil_del'),

#--- template
# --- Buttons
<button class="btn-xs btn-success edit_perfil" type="button" data-id="{% url 'perfil_edit' i.pk projeto_id %}"><i class="fa fa-edit"></i> <span>Editar</span></button>
<button class="btn-xs btn-danger del_perfil" type="button" data-id="{% url 'perfil_del' i.pk projeto_id %}"><i class="fa fa-trash"></i> <span>Excluir</span></button>

# --- script
        $(".edit_perfil").each(function(){
            $(this).modalForm({
                formURL: $(this).data('id'),
            });
         });
        $(".del_perfil").each(function(){
            $(this).modalForm({
                formURL: $(this).data('id'),
            });
         });


#--- url trying after success sample:
http://127.0.0.1:8000/projetos/perfil_del/17/1

class MemberDeleteModal(BSModalDeleteView,DeleteView):
    template_name='reportDeleteModalForm.html'
    model=Member
    
    success_message = 'SUCCESS'
    success_url = "/member"
    
   **#overloading DeleteView's delete function**
    def delete(self, request, *args, **kwargs):
        print("delete done")     # don't show this
        self.object = self.get_object()
        success_url = self.get_success_url()
        self.object.member_status=2
        return HttpResponseRedirect(success_url)
```


 

Uncaught TypeError: $(...).load is not a function
    at newForm (jquery.bootstrap.modal.forms.js:5)
    at HTMLButtonElement.<anonymous> (jquery.bootstrap.modal.forms.js:66)
    at HTMLButtonElement.dispatch (jquery-3.3.1.slim.min.js:2)
    at HTMLButtonElement.v.handle (jquery-3.3.1.slim.min.js:2)

    <!-- show images modal -->
    <div class="modal fade" id="imagemodal" tabindex="-1">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-body">
                    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                    <img src="" class="imagepreview" style="width:100%">
                </div>
            </div>
        </div>
    </div>

    <script>
        $(function() {
            $('.pop').on('click', function() {
                $('.imagepreview').attr('src', $(this).find('img').attr('src'));
                });
        });
    </script>

<div class="modal fade" tabindex="-1" role="dialog" id="modal">
    <div class="modal-dialog" role="document">
      <div class="modal-content"></div>
    </div>
  </div>

{% block extrahead %}
{{ form.media }}            {# Adds date-picker required JS and CSS #}
{% load crispy_forms_tags %}
{% load widget_tweaks %}
{% endblock extrahead %}   

<form method="post" action="">
  {% csrf_token %}

  <div class="modal-header">
    <h3 class="modal-title">Create Prescription</h3>
    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
      <span aria-hidden="true">&times;</span>
    </button>
  </div>

  <div class="modal-body">

    <div class="{% if form.non_field_errors %}invalid{% endif %} mb-2">
      {% for error in form.non_field_errors %}
        {{ error }}
      {% endfor %}
    </div>

    {% for field in form %}
      <div class="form-group">
        <label for="{{ field.id_for_label }}">{{ field.label }}</label>
        {% render_field field class="form-control" placeholder=field.label %}
        <div class="{% if field.errors %} invalid{% endif %}">
          {% for error in field.errors %}
            <p class="help-block">{{ error }}</p>
          {% endfor %}
        </div>
      </div>
    {% endfor %}
  </div>

  <div class="modal-footer">
    <button type="button" class="submit-btn btn btn-primary">Next</button>
  </div>

</form>

{% extends 'app/main/base.html' %}

{% block extracss %}
<link rel="stylesheet" type="text/css" href="static/assets/DataTables/datatables.css"/>
{% endblock extracss %}


{% block content %}
{% include "app/veterinary/snippets/_modal.html" %}
{% include "app/veterinary/snippets/rxtable.html" %}
{% endblock content %}

{% block extrascripts %}
<script type="text/javascript" src="static/assets/DataTables/datatables.min.js"></script>

<script type="text/javascript">
    $(document).ready(function() {
    // Create button
    $(".create-prescription").modalForm({
      formURL: "{% url 'create_prescription' %}"});

    // Update buttons
    $(".update-prescription").each(function () {
      $(this).modalForm({formURL: $(this).data('id')});
    });

    // Read book buttons
    $(".read-prescription").each(function () {
      $(this).modalForm({formURL: $(this).data('id')});
    });

    // Delete book buttons
    $(".delete-prescription").each(function () {
      $(this).modalForm({formURL: $(this).data('id')});
    });

  });

$(document).ready( function () {
  $('#vrxTable').DataTable({
  "order": [[ 6, "desc" ]],
  "paging": false,
  "info": false,
  "searching": false,
  "columnDefs": [ {
    "targets": 0,
    "orderable": false
} ]
});
})
</script>

{% endblock extrascripts %}

@login_required(login_url="/login")
# Home (Logged In Dashboard) page view
def vhome(request):
    prescription_table = Prescription.objects.filter(veterinary_practice = request.user.veterinary_practice) # veterinary practice id
    context = {'prescription_table': prescription_table}
    return render(request, 'app/veterinary/vhome.html', context)

class PrescriptionCreateView(BSModalCreateView):
    template_name = 'app/veterinary/snippets/create_prescription.html'
    form_class = PrescriptionForm

    def form_valid(self, form):
        self.object = form.save(commit=False)
        self.object.prescription_type = 'Prescriber-Initiated' # prescription type
        self.object.status = Prescription_status.objects.get(pk=2) # draft status
        self.object.veterinary_practice = self.request.user.veterinary_practice # veterinary practice id
        self.object.save()
        return redirect('vhome')

class PrescriptionReadView(BSModalReadView):
    model = Prescription
    template_name = 'app/veterinary/snippets/read_prescription.html'

class PrescriptionForm(BSModalForm):
    class Meta:
        model = Prescription
        fields = ['patient', 'prescriber', 'medication', 'quantity', 'directions', 'refills', 'earliest_permitted_fill_date', 'daw',]
        widgets = {
             'earliest_permitted_fill_date': DatePickerInput(), # default date-format %m/%d/%Y will be used
         }

    def __init__(self, *args, **kwargs):
        super(PrescriptionForm, self).__init__(*args, **kwargs)
        self.fields['prescriber'].queryset = CustomUser.objects.filter(veterinary_practice=self.request.user.veterinary_practice, prescriber=True)

Traceback:

File "/Users/jc/Documents/dev_env/lib/python3.6/site-packages/django/core/handlers/exception.py" in inner
  34.             response = get_response(request)

File "/Users/jc/Documents/dev_env/lib/python3.6/site-packages/django/core/handlers/base.py" in _get_response
  126.                 response = self.process_exception_by_middleware(e, request)

File "/Users/jc/Documents/dev_env/lib/python3.6/site-packages/django/core/handlers/base.py" in _get_response
  124.                 response = wrapped_callback(request, *callback_args, **callback_kwargs)

File "/Users/jc/Documents/dev_env/lib/python3.6/site-packages/django/views/generic/base.py" in view
  68.             return self.dispatch(request, *args, **kwargs)

File "/Users/jc/Documents/dev_env/lib/python3.6/site-packages/django/views/generic/base.py" in dispatch
  88.         return handler(request, *args, **kwargs)

File "/Users/jc/Documents/dev_env/lib/python3.6/site-packages/django/views/generic/edit.py" in post
  172.         return super().post(request, *args, **kwargs)

File "/Users/jc/Documents/dev_env/lib/python3.6/site-packages/django/views/generic/edit.py" in post
  142.             return self.form_valid(form)

File "/Users/jc/Documents/dev_env/tera/emc/views.py" in form_valid
  64.                 projectimages.save()

File "/Users/jc/Documents/dev_env/lib/python3.6/site-packages/django/forms/models.py" in save
  669.         return self.save_existing_objects(commit) + self.save_new_objects(commit)

File "/Users/jc/Documents/dev_env/lib/python3.6/site-packages/django/forms/models.py" in save_new_objects
  803.             self.new_objects.append(self.save_new(form, commit=commit))

File "/Users/jc/Documents/dev_env/lib/python3.6/site-packages/django/forms/models.py" in save_new
  945.         obj = form.save(commit=False)

File "/Users/jc/Documents/dev_env/lib/python3.6/site-packages/bootstrap_modal_forms/mixins.py" in save
  41.         if not self.request.is_ajax():

Exception Type: AttributeError at /project/add/
Exception Value: 'NoneType' object has no attribute 'is_ajax'

class ProjectCreate(BSModalCreateView):
    form_class = ProjectForm
    template_name = 'project_form.html'
    success_message = 'Success: %(project_name)s was created.'

    def get_success_url(self):
        return reverse_lazy('project-detail', kwargs={'project': self.object.slug})

    def get_context_data(self, **kwargs):
        data = super(ProjectCreate, self).get_context_data(**kwargs)
        if self.request.POST:
            data['projectimages'] = ProjectFormSet(self.request.POST, self.request.FILES,)
        else:
            data['projectimages'] = ProjectFormSet()
        return data

    def form_valid(self, form):
        form.instance.date_created = timezone.now()
        context = self.get_context_data()
        projectimages = context['projectimages']
        with transaction.atomic():
            self.object = form.save()

            if projectimages.is_valid():
                projectimages.instance = self.object
                projectimages.save()
        
        return super(ProjectCreate, self).form_valid(form)

class ProjectForm(BSModalForm):
    class Meta:
        model = Project
        exclude = ['date_created', 'slug']

ProjectFormSet = inlineformset_factory(
    Project,
    ProjectImage,
    can_delete=True,
    form=ProjectForm,
    extra=1,
)

class Project(models.Model):
    project_name = models.CharField(max_length=100)
    date_created = models.DateTimeField('Created on')
    slug = models.SlugField(unique=True)
   
    def __str__(self):
        return self.project_name

    def save(self, *args, **kwargs):
        self.slug = slugify(str(self))
        super(Project, self).save(*args, **kwargs)

    def get_absolute_url(self):
        return reverse('project-list')

class ProjectImage(models.Model):
    image =  models.ImageField(verbose_name='Additional Images', upload_to=project_directory_path)
    project = models.ForeignKey(Project, on_delete=models.PROTECT)
    annotation = models.CharField(max_length=200, blank=True)

from django.shortcuts import render
from django.urls import reverse, reverse_lazy
from django.views.generic import ListView, DetailView, CreateView, UpdateView, DeleteView
from django.contrib.auth.mixins import LoginRequiredMixin
from django.contrib.auth.models import User
from django.contrib.auth.decorators import login_required
from .models import EventCard, Task
from .forms import EventCardForm
from bootstrap_modal_forms.generic import BSModalCreateView 

@login_required
def home(request):
    events = EventCard.objects.all().filter(users__username=request.user.username)
    tasklist = {}
    for event in events:
        tasklist[event.event_name] = event.task_set.all().filter(users__username=request.user.username) 
    context = {'events': events, 'tasklist': tasklist}
    return render(request, 'board/home.html', context)

class EventListView(LoginRequiredMixin, ListView):
    model = EventCard
    template_name = 'board/events.html'
    context_object_name = 'events'
    ordering = ['date']

class EventDetailView(LoginRequiredMixin, DetailView):
    model = EventCard

class EventCreateView(LoginRequiredMixin, CreateView):
    model = EventCard
    fields = ['event_name', 'small_description', 'big_description', 'date', 'room']

    def form_valid(self, form):
        self.object = form.save()
        self.object.users.add(self.request.user)
        self.object.save()
        return super().form_valid(form)

class EventUpdateView(LoginRequiredMixin, UpdateView):
    model = EventCard
    fields = ['event_name', 'small_description', 'big_description', 'date', 'room']

    def form_valid(self, form):
        self.object = form.save()
        self.object.users.add(self.request.user)
        self.object.save()
        return super().form_valid(form)

class EventDeleteView(LoginRequiredMixin, DeleteView):
    model = EventCard
    success_url = '/home/events'

class ModalEventCreateView(BSModalCreateView):
    template_name = 'board/eventcard_form.html'
    form_class = 'EventCardForm'
    success_message = 'Success! Event was created!'
    success_url = reverse_lazy('events')

from .models import EventCard
from bootstrap_modal_forms.forms import BSModalForm

class EventCardForm(BSModalForm):
    class Meta:
        model = EventCard
        fields = ['event_name', 'small_description', 'big_description', 'date', 'room']

from django.urls import path
from .views import EventListView, EventDetailView, EventCreateView, EventUpdateView, EventDeleteView, ModalEventCreateView
from . import views as board_views
from users import views as user_views
from django.conf.urls import url

urlpatterns = [
    path('', board_views.home, name = 'home'),
    path('events/', EventListView.as_view(), name = 'events'),
    path('profile/', user_views.profile, name = 'profile'),
    path('event/new/', EventCreateView.as_view(), name='event-create'),
    path('event/<pk>/update', EventUpdateView.as_view(), name='event-update'),
    path('event/<pk>/', EventDetailView.as_view(), name='event-detail'),
    path('event/<pk>/delete', EventDeleteView.as_view(), name='event-delete'),
    path('event/create/', board_views.ModalEventCreateView.as_view(), name='create-event')
]

from django import forms
from .models import *
from bootstrap_datepicker_plus import DatePickerInput
from bootstrap_modal_forms.forms import BSModalForm


class PrescriptionForm(BSModalForm):
    class Meta:
        model = Prescription
        fields = ['prescriber',]

...
from django.shortcuts import render, redirect
from django import forms
from .models import *
from .forms import *
from bootstrap_modal_forms.generic import BSModalCreateView
from django.urls import reverse_lazy


class PrescriptionCreateView(BSModalCreateView):
    template_name = 'create_prescription.html'
    form_class = PrescriptionForm
    success_message = 'Success: Prescription was created.'
    success_url = reverse_lazy('vhome')

from django.contrib import admin
from django.urls import path
from .import views
from django.contrib.auth import views as auth_views

urlpatterns = [
    path('', views.index, name='index'),
    path('vhome', views.vhome, name='vhome'),
    path('create/', views.PrescriptionCreateView.as_view(), name='create_prescription'),
   ]

INSTALLED_APPS = [
...
    'bootstrap4',
    'crispy_forms',
    'bootstrap_datepicker_plus',
    'bootstrap_modal_forms',
    'widget_tweaks',
]

<div class="modal fade" tabindex="-1" role="dialog" id="modal">
    <div class="modal-dialog" role="document">
      <div class="modal-content"></div>
    </div>
  </div>

{% load widget_tweaks %}

<form method="post" action="">
  {% csrf_token %}

  <div class="modal-header">
    <h3 class="modal-title">Create Prescription</h3>
    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
      <span aria-hidden="true">&times;</span>
    </button>
  </div>

  <div class="modal-body">

    <div class="{% if form.non_field_errors %}invalid{% endif %} mb-2">
      {% for error in form.non_field_errors %}
        {{ error }}
      {% endfor %}
    </div>

    {% for field in form %}
      <div class="form-group">
        <label for="{{ field.id_for_label }}">{{ field.label }}</label>
        {% render_field field class="form-control" placeholder=field.label %}
        <div class="{% if field.errors %} invalid{% endif %}">
          {% for error in field.errors %}
            <p class="help-block">{{ error }}</p>
          {% endfor %}
        </div>
      </div>
    {% endfor %}
  </div>

  <div class="modal-footer">
    <button type="button" class="submit-btn btn btn-primary">Create</button>
  </div>

</form>

{% load static %}

{% load bootstrap4 %}
{% bootstrap_css %}
{% bootstrap_javascript jquery='full' %}


{% block extrahead %}
{{ form.media }} 
{% endblock %}


<!doctype html>
<html lang="en">
  <head>
    <title>myapp</title>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=yes">

    {% block stylesheets %}
    <!-- BEGIN PLUGINS STYLES -->
    <!-- plugins styles goes here -->
    <link rel="stylesheet" href="static/assets/css/bootstrap.css">
    <!-- END PLUGINS STYLES -->

    <!-- BEGIN THEME STYLES -->
    <link rel="stylesheet" href="static/assets/stylesheets/theme.min.css" data-skin="default">
    <link rel="stylesheet" href="static/assets/stylesheets/theme-dark.min.css" data-skin="dark">
    <link rel="stylesheet" href="static/assets/stylesheets/custom.css">

    <!-- Disable unused skin immediately -->
    <script>
      var skin = localStorage.getItem('skin') || 'default';
      var unusedLink = document.querySelector('link[data-skin]:not([data-skin="'+ skin +'"])');

      unusedLink.setAttribute('rel', '');
      unusedLink.setAttribute('disabled', true);
    </script>
    <!-- END THEME STYLES -->

    <!-- BEGIN PAGE LEVEL STYLES -->
    <!-- styles for specific page goes here -->
    <!-- END PAGE LEVEL STYLES -->
    {% endblock stylesheets %}


  </head>
  <body>
  <!-- .app -->
<div class="app">
  
  
  <!-- .app-header -->
  <header class="app-header app-header-light">
      
    
    <!-- .top-bar -->
      <div class="top-bar"
        <!-- .top-bar-brand -->
        <div class="top-bar-brand">
          <img src="{% static 'assets/images/color_logo_no_background.png' %}" class="px-3" height="50px" alt="">
        </div>
        <!-- /.top-bar-brand -->

        <!-- .top-bar-list -->
          <div class="top-bar-list">
                    
          <!-- .top-bar-item -->
          {% if 'vhome' in request.path %}
          <div class="top-bar-item top-bar-item-full">
            <!-- .top-bar-search -->
            <div class="top-bar-search px-3">
              <div class="input-group input-group-search">
                <div class="input-group-prepend">
                  <span class="input-group-text">
                    <span class="oi oi-magnifying-glass"></span>
                  </span>
                </div>
                <input type="text" class="form-control" aria-label="Search" placeholder="Search">
              </div>
            </div>
            <!-- /.top-bar-search -->
          </div>
          <!-- /.top-bar-item -->
          {% endif %}
<!-- .top-bar-item -->
<div class="top-bar-item top-bar-item-right px-3 d-none d-sm-flex">
  <!-- .nav -->
  <ul class="header-nav nav">
    <!-- .nav-item -->
    <li class="nav-item">
      <a class="nav-link" href="#">
        <span class="oi oi-grid-three-up"></span>
      </a>
    </li>
    <!-- /.nav-item -->
  </ul>
  <!-- /.nav -->
  <!-- .btn-account -->
  <div class="dropdown">
      <button class="btn-account d-none d-md-flex" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        <span class="account-summary pr-lg-8 d-none d-lg-block">
            {% if request.user.is_authenticated %}
          <span class="account-name">Welcome, {{ request.user.first_name }}</span>
          <span class="account-description">{{ request.user.practice.business_name }}</span>
        </span>
      </button>
      <!-- .dropdown-menu -->
      <div class="dropdown-menu">
        <div class="dropdown-arrow"></div>
        <a class="dropdown-item" href="/vhome"><span class="dropdown-icon oi oi-home"></span> Dashboard</a>
        <a class="dropdown-item" href="/help"><span class="dropdown-icon oi oi-help"></span> Help</a>
        <div class="dropdown-divider"></div>
        <form class="logout-link" action="{% url 'logout' %}" method="POST">
            <span class="dropdown-icon oi oi-help"></span>
          {% csrf_token %}
          <button type="submit" class="btn btn-logout text-center"> Log Out</button>
        </form>
      </div>
      {% endif %}
      <!-- /.dropdown-menu -->
    </div>
    <!-- /.btn-account -->
  </div>
  

<!-- /.top-bar-item -->
</div>
<!-- /.top-bar-list -->
</div>
<!-- /.top-bar -->
</header>



<!-- .app-main -->
  <main class="app-main">
    <!-- .wrapper -->
    <div class="wrapper">
  <!-- your awesome app content goes here -->
    <!-- .page -->
    {% block content %}
    {% endblock %}
    <!-- /.page -->
  </div>
  <!-- /.wrapper -->
</main>
<!-- /.app-main -->
</div>
<!-- /.app -->


    {% block scripts %}
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <!-- BEGIN BASE JS -->
    <script src="{% static 'assets/js/jquery-3.2.1.min.js' %}"></script>
    <script src="{% static 'assets/vendor/bootstrap/js/popper.min.js' %}"></script>
    <script src="{% static 'assets/js/bootstrap.js' %}"></script>

    <!-- BEGIN PLUGINS JS -->
    <script src="{% static 'assets/vendor/stacked-menu/stacked-menu.min.js' %}"></script>
    <script src="{% static 'js/jquery.bootstrap.modal.forms.js' %}"></script>
    <!-- END PLUGINS JS -->

    <!-- BEGIN THEME JS -->
    <script src="{% static 'assets/javascript/theme.min.js' %}"></script>
    <!-- END THEME JS -->

    <!-- BEGIN PAGE LEVEL JS -->
    <!-- your js for specific page goes here -->
    <!-- END PAGE LEVEL JS -->
    {% endblock scripts %}

    {% block extrascripts %}
    {% endblock extrascripts %}
  
  
  
  </body>
</html>

{% extends 'myapp/base.html' %}

{% block content %}

    {% include "myapp/_modal.html" %}

    <!-- django-bootstrap-modal-forms plugin code -->
    <button class="create-prescription btn btn-primary" type="button" name="button"><span class="fa fa-plus mr-2"></span>Create Prescription</button>

{% endblock content %}


{% block extrascripts %}
  <script type="text/javascript">
     $(document).ready(function() {
      // Create button
      $(".create-prescription").modalForm({
          formURL: "{% url 'create_prescription' %}"});
      // Hide message
      $(".alert").fadeTo(2000, 500).slideUp(500, function(){
        $(".alert").slideUp(500);
      });
    });
  </script>
{% endblock extrascripts %}

class PrescriptionCreateView(BSModalCreateView):
    template_name = 'myapp/create_prescription.html'
    form_class = PrescriptionForm

    def form_valid(self, form):
        self.object = form.save(commit=False)
        self.object.status = Prescription_status.objects.get(pk=1) # draft status
        self.object.practice = self.request.user.practice # practice id
        self.object.save()
        return redirect('read_prescription', pk=self.object.myapp_order_id)

class PrescriptionReadView(BSModalReadView):
    model = Prescription
    template_name = 'myapp/read_prescription.html'

class PrescriptionForm(BSModalForm):
    class Meta:
        model = Prescription
        fields = ['prescriber', 'medication', 'quantity', 'directions', 'refills', 'earliest_permitted_fill_date', 'daw',]
        widgets = {
             'earliest_permitted_fill_date': DatePickerInput(), # default date-format %m/%d/%Y will be used
         }

    def __init__(self, *args, **kwargs):
        super(PrescriptionForm, self).__init__(*args, **kwargs)
        self.fields['prescriber'].queryset = CustomUser.objects.filter(practice=self.request.user.practice, prescriber=False)

urlpatterns = [
    path('', views.index, name='index'),
    path('login', views.login_view, name='login'),
    path('logout', views.logout_view, name='logout'),
    path('password_reset', views.passwordreset, name='password_reset'),
    path('help', views.help, name='help'),
    path('vhome', views.vhome, name='vhome'),
    path('create', views.PrescriptionCreateView.as_view(), name='create_prescription'),
    path('read/<int:pk>', views.PrescriptionReadView.as_view(), name='read_prescription'),
   ]

{% block extrahead %}
{% load crispy_forms_tags %}
{% load widget_tweaks %}
{% endblock %}

<div class="modal-header">
  <h3 class="modal-title">Confirm RX Details</h3>
  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
    <span aria-hidden="true">&times;</span>
  </button>
</div>

<div class="modal-body">

  <div class="">
    Prescriber:
    {{ prescription.prescriber }}
  </div>
  <div class="">
    Medication:
    {{ prescription.medication }}
  </div>
  <div class="">
    Quantity:
    {{ prescription.quantity }}
  </div>
  <div class="">
    Directions:
    {{ prescription.directions }}
  </div>
  <div class="">
    Refills:
    {{ prescription.refills }}
  </div>
  <div class="">
    Earliest Permitted Fill Date:
    {{ prescription.earliest_permitted_fill_date }}
  </div>
  <div class="">
    DAW:
    {{ prescription.daw }}
  </div>


</div>

<div class="modal-footer">
  <button type="button" class="btn btn-default" data-dismiss="modal">Save</button>
</div>

{% extends 'myapp/base.html' %}

{% block content %}

    {% include "myapp/_modal.html" %}

    <!-- django-bootstrap-modal-forms plugin code -->
    <button class="create-prescription btn btn-primary" type="button" name="button"><span class="fa fa-plus mr-2"></span>Create Prescription</button>

{% endblock content %}


{% block extrascripts %}
  <script type="text/javascript">
     $(document).ready(function() {
      // Create button
      $(".create-prescription").modalForm({
          formURL: "{% url 'create_prescription' %}"});
      $(".read-book").each(function () {
      $(this).modalForm({formURL: $(this).data('id')});
    });
          // Update buttons
    $(".update-prescription").each(function () {
      $(this).modalForm({formURL: $(this).data('id')});
    });
      // Hide message
      $(".alert").fadeTo(2000, 500).slideUp(500, function(){
        $(".alert").slideUp(500);
      });
    });
  </script>

{% endblock extrascripts %}

    def post(self, request, *args, **kwargs):
        messages.success(request, self.success_message)
        return super(DeleteMessageMixin, self).delete(request, *args, **kwargs)

    return self.delete(request, *args, **kwargs)

<button type="button" class="create-comment btn btn-sm" 
     data-id="{{ form.authrecord_id.value }}">Add comment</button>