Adding webpage form (Not working yet/Adjusts to make)

Zambom
1 parent 152fb646
Showing 30 changed files with 775 additions and 3 deletions Show diff stats
amadeus/settings.py
amadeus/static/js/jquery.formset.js
amadeus/static/js/topics.js
amadeus/urls.py
pendencies/__init__.py
pendencies/admin.py
pendencies/apps.py
pendencies/forms.py
pendencies/migrations/0001_initial.py
pendencies/migrations/0002_pendencies_resource.py
pendencies/migrations/__init__.py
pendencies/models.py
pendencies/tests.py
pendencies/views.py
students_group/migrations/0003_auto_20170119_1543.py
topics/migrations/0005_resource.py
topics/models.py
topics/templates/topics/list.html
webpage/__init__.py
webpage/admin.py
@@ -60,6 +60,8 @@ INSTALLED_APPS = [
     'subjects',
     'students_group',
     'topics',
+    'pendencies',
+    'webpage',
     'mailsender',
     'security',
     'themes'
@@ -0,0 +1,170 @@
+/**
+ * jQuery Formset 1.2
+ * @author Stanislaus Madueke (stan DOT madueke AT gmail DOT com)
+ * @requires jQuery 1.2.6 or later
+ *
+ * Copyright (c) 2009, Stanislaus Madueke
+ * All rights reserved.
+ *
+ * Licensed under the New BSD License
+ * See: http://www.opensource.org/licenses/bsd-license.php
+ */
+;(function($) {
+    $.fn.formset = function(opts)
+    {
+        var options = $.extend({}, $.fn.formset.defaults, opts),
+            flatExtraClasses = options.extraClasses.join(' '),
+            $$ = $(this),
+
+            applyExtraClasses = function(row, ndx) {
+                if (options.extraClasses) {
+                    row.removeClass(flatExtraClasses);
+                    row.addClass(options.extraClasses[ndx % options.extraClasses.length]);
+                }
+            },
+
+            updateElementIndex = function(elem, prefix, ndx) {
+                var idRegex = new RegExp('(' + prefix + '-\\d+-)|(^)'),
+                    replacement = prefix + '-' + ndx + '-';
+                if (elem.attr("for")) elem.attr("for", elem.attr("for").replace(idRegex, replacement));
+                if (elem.attr('id')) elem.attr('id', elem.attr('id').replace(idRegex, replacement));
+                if (elem.attr('name')) elem.attr('name', elem.attr('name').replace(idRegex, replacement));
+            },
+
+            hasChildElements = function(row) {
+                return row.find('input,select,textarea,label').length > 0;
+            },
+
+            insertDeleteLink = function(row) {
+                if (row.is('TR')) {
+                    // If the forms are laid out in table rows, insert
+                    // the remove button into the last table cell:
+                    row.children(':last').append('<a class="' + options.deleteCssClass +'" href="javascript:void(0)">' + options.deleteText + '</a>');
+                } else if (row.is('UL') || row.is('OL')) {
+                    // If they're laid out as an ordered/unordered list,
+                    // insert an <li> after the last list item:
+                    row.append('<li><a class="' + options.deleteCssClass + '" href="javascript:void(0)">' + options.deleteText +'</a></li>');
+                } else {
+                    // Otherwise, just insert the remove button as the
+                    // last child element of the form's container:
+                    row.append('<a class="' + options.deleteCssClass + '" href="javascript:void(0)">' + options.deleteText +'</a>');
+                }
+                row.find('a.' + options.deleteCssClass).click(function() {
+                    var row = $(this).parents('.' + options.formCssClass),
+                        del = row.find('input:hidden[id $= "-DELETE"]');
+                    if (del.length) {
+                        // We're dealing with an inline formset; rather than remove
+                        // this form from the DOM, we'll mark it as deleted and hide
+                        // it, then let Django handle the deleting:
+                        del.val('on');
+                        row.hide();
+                    } else {
+                        row.remove();
+                        // Update the TOTAL_FORMS form count.
+                        // Also update names and IDs for all remaining form controls so they remain in sequence:
+                        var forms = $('.' + options.formCssClass).not('.formset-custom-template');
+                        $('#id_' + options.prefix + '-TOTAL_FORMS').val(forms.length);
+                        for (var i=0, formCount=forms.length; i<formCount; i++) {
+                            applyExtraClasses(forms.eq(i), i);
+                            forms.eq(i).find('input,select,textarea,label').each(function() {
+                                updateElementIndex($(this), options.prefix, i);
+                            });
+                        }
+                    }
+                    // If a post-delete callback was provided, call it with the deleted form:
+                    if (options.removed) options.removed(row);
+                    return false;
+                });
+            };
+
+        $$.each(function(i) {
+            var row = $(this),
+                del = row.find('input:checkbox[id $= "-DELETE"]');
+            if (del.length) {
+                // If you specify "can_delete = True" when creating an inline formset,
+                // Django adds a checkbox to each form in the formset.
+                // Replace the default checkbox with a hidden field:
+                del.before('<input type="hidden" name="' + del.attr('name') +'" id="' + del.attr('id') +'" />');
+                del.remove();
+            }
+            if (hasChildElements(row)) {
+                insertDeleteLink(row);
+                row.addClass(options.formCssClass);
+                applyExtraClasses(row, i);
+            }
+        });
+
+        if ($$.length) {
+            var addButton, template;
+            if (options.formTemplate) {
+                // If a form template was specified, we'll clone it to generate new form instances:
+                template = (options.formTemplate instanceof $) ? options.formTemplate : $(options.formTemplate);
+                template.removeAttr('id').addClass(options.formCssClass).addClass('formset-custom-template');
+                template.find('input,select,textarea,label').each(function() {
+                    updateElementIndex($(this), options.prefix, 2012);
+                });
+                insertDeleteLink(template);
+            } else {
+                // Otherwise, use the last form in the formset; this works much better if you've got
+                // extra (>= 1) forms (thnaks to justhamade for pointing this out):
+                template = $('.' + options.formCssClass + ':last').clone(true).removeAttr('id');
+                template.find('input:hidden[id $= "-DELETE"]').remove();
+                template.find('input,select,textarea,label').each(function() {
+                    var elem = $(this);
+                    // If this is a checkbox or radiobutton, uncheck it.
+                    // This fixes Issue 1, reported by Wilson.Andrew.J:
+                    if (elem.is('input:checkbox') || elem.is('input:radio')) {
+                        elem.attr('checked', false);
+                    } else {
+                        elem.val('');
+                    }
+                });
+            }
+            // FIXME: Perhaps using $.data would be a better idea?
+            options.formTemplate = template;
+
+            if ($$.attr('tagName') == 'TR') {
+                // If forms are laid out as table rows, insert the
+                // "add" button in a new table row:
+                var numCols = $$.eq(0).children().length;
+                $$.parent().append('<tr><td colspan="' + numCols + '"><a class="' + options.addCssClass + '" href="javascript:void(0)">' + options.addText + '</a></tr>');
+                addButton = $$.parent().find('tr:last a');
+                addButton.parents('tr').addClass(options.formCssClass + '-add');
+            } else {
+                // Otherwise, insert it immediately after the last form:
+                $$.filter(':last').after('<a class="' + options.addCssClass + '" href="javascript:void(0)">' + options.addText + '</a>');
+                addButton = $$.filter(':last').next();
+            }
+            addButton.click(function() {
+                var formCount = parseInt($('#id_' + options.prefix + '-TOTAL_FORMS').val()),
+                    row = options.formTemplate.clone(true).removeClass('formset-custom-template'),
+                    buttonRow = $(this).parents('tr.' + options.formCssClass + '-add').get(0) || this;
+                applyExtraClasses(row, formCount);
+                row.insertBefore($(buttonRow)).show();
+                row.find('input,select,textarea,label').each(function() {
+                    updateElementIndex($(this), options.prefix, formCount);
+                });
+                $('#id_' + options.prefix + '-TOTAL_FORMS').val(formCount + 1);
+                // If a post-add callback was supplied, call it with the added form:
+                if (options.added) options.added(row);
+                return false;
+            });
+        }
+
+        return $$;
+    }
+
+    /* Setup plugin defaults */
+    $.fn.formset.defaults = {
+        prefix: 'form',                  // The form prefix for your django formset
+        formTemplate: null,              // The jQuery selection cloned to generate new form instances
+        addText: 'add another',          // Text for the add link
+        deleteText: 'remove',            // Text for the delete link
+        addCssClass: 'add-row',          // CSS class applied to the add link
+        deleteCssClass: 'delete-row',    // CSS class applied to the delete link
+        formCssClass: 'dynamic-form',    // CSS class applied to each form in a formset
+        extraClasses: [],                // Additional CSS classes, which will be applied to each form in turn
+        added: null,                     // Function called each time a new form is added
+        removed: null                    // Function called each time a form is deleted
+    };
+})(jQuery)
@@ -73,4 +73,12 @@ function delete_topic(url) {
 		$('.modal').modal('show');
 	});
-}
 \ No newline at end of file
+}
+
+$(".add_resource").on('show.bs.dropdown', function () {
+    $(this).find('i').switchClass("fa-angle-right", "fa-angle-down", 250, "easeInOutQuad");
+});
+
+$(".add_resource").on('hide.bs.dropdown', function () {
+    $(this).find('i').switchClass("fa-angle-down", "fa-angle-right", 250, "easeInOutQuad");
+});
 \ No newline at end of file
@@ -29,6 +29,7 @@ urlpatterns = [
     url(r'^subjects/', include('subjects.urls', namespace = 'subjects')),
     url(r'^groups/', include('students_group.urls', namespace = 'groups')),
     url(r'^topics/', include('topics.urls', namespace = 'topics')),
+    url(r'^webpages/', include('webpage.urls', namespace = 'webpages')),
     url(r'^mailsender/', include('mailsender.urls', namespace = 'mailsender')),
     url(r'^security/', include('security.urls', namespace = 'security')),
     url(r'^themes/', include('themes.urls', namespace = 'themes')),
@@ -0,0 +1,3 @@
+from django.contrib import admin
+
+# Register your models here.
@@ -0,0 +1,5 @@
+from django.apps import AppConfig
+
+
+class PendenciesConfig(AppConfig):
+    name = 'pendencies'
@@ -0,0 +1,10 @@
+# coding=utf-8
+from django import forms
+from django.utils.translation import ugettext_lazy as _
+
+from .models import Pendencies
+
+class PendenciesForm(forms.ModelForm):
+	class Meta:
+		model = Pendencies
+		fields = ['action', 'begin_date', 'end_date']
 \ No newline at end of file
@@ -0,0 +1,25 @@
+# -*- coding: utf-8 -*-
+# Generated by Django 1.10 on 2017-01-19 21:09
+from __future__ import unicode_literals
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    initial = True
+
+    dependencies = [
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='Pendencies',
+            fields=[
+                ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('action', models.CharField(choices=[('view', 'Visualize'), ('create', 'Create'), ('answer', 'Answer'), ('access', 'Access')], max_length=100, verbose_name='Action')),
+                ('begin_date', models.DateTimeField(blank=True, null=True, verbose_name='Begin Date')),
+                ('end_date', models.DateTimeField(blank=True, null=True, verbose_name='End Date')),
+            ],
+        ),
+    ]
@@ -0,0 +1,24 @@
+# -*- coding: utf-8 -*-
+# Generated by Django 1.10 on 2017-01-19 21:09
+from __future__ import unicode_literals
+
+from django.db import migrations, models
+import django.db.models.deletion
+
+
+class Migration(migrations.Migration):
+
+    initial = True
+
+    dependencies = [
+        ('topics', '0005_resource'),
+        ('pendencies', '0001_initial'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='pendencies',
+            name='resource',
+            field=models.ForeignKey(null=True, on_delete=django.db.models.deletion.CASCADE, related_name='pendencies_resource', to='topics.Resource', verbose_name='Resource'),
+        ),
+    ]
@@ -0,0 +1,11 @@
+from django.db import models
+from autoslug.fields import AutoSlugField
+from django.utils.translation import ugettext_lazy as _
+
+from topics.models import Resource
+
+class Pendencies(models.Model):
+	action = models.CharField(_('Action'), max_length = 100, choices = (("view", _("Visualize")), ("create", _("Create")), ("answer", _("Answer")), ("access", _("Access"))))
+	begin_date = models.DateTimeField(_('Begin Date'), null = True, blank = True)
+	end_date = models.DateTimeField(_('End Date'), null = True, blank = True)
+	resource = models.ForeignKey(Resource, verbose_name = _('Resource'), related_name = 'pendencies_resource', null = True)
 \ No newline at end of file
@@ -0,0 +1,3 @@
+from django.test import TestCase
+
+# Create your tests here.
@@ -0,0 +1,3 @@
+from django.shortcuts import render
+
+# Create your views here.
@@ -0,0 +1,19 @@
+# -*- coding: utf-8 -*-
+# Generated by Django 1.10 on 2017-01-19 18:43
+from __future__ import unicode_literals
+
+from django.db import migrations
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('students_group', '0002_auto_20170118_1800'),
+    ]
+
+    operations = [
+        migrations.AlterModelOptions(
+            name='studentsgroup',
+            options={'ordering': ['name'], 'verbose_name': 'Students Group', 'verbose_name_plural': 'Students Groups'},
+        ),
+    ]
@@ -0,0 +1,44 @@
+# -*- coding: utf-8 -*-
+# Generated by Django 1.10 on 2017-01-19 21:09
+from __future__ import unicode_literals
+
+import autoslug.fields
+from django.conf import settings
+from django.db import migrations, models
+import django.db.models.deletion
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('subjects', '0012_auto_20170112_1408'),
+        migrations.swappable_dependency(settings.AUTH_USER_MODEL),
+        ('students_group', '0003_auto_20170119_1543'),
+        ('topics', '0004_auto_20170118_1711'),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='Resource',
+            fields=[
+                ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('name', models.CharField(max_length=200, verbose_name='Name')),
+                ('slug', autoslug.fields.AutoSlugField(editable=False, populate_from='name', unique=True, verbose_name='Slug')),
+                ('brief_description', models.TextField(blank=True, verbose_name='Brief Description')),
+                ('show_window', models.BooleanField(default=False, verbose_name='Show in new window')),
+                ('all_students', models.BooleanField(default=False, verbose_name='All Students')),
+                ('visible', models.BooleanField(default=True, verbose_name='Visible')),
+                ('order', models.PositiveSmallIntegerField(null=True, verbose_name='Order')),
+                ('create_date', models.DateTimeField(auto_now_add=True, verbose_name='Create Date')),
+                ('last_update', models.DateTimeField(auto_now=True, verbose_name='Last Update')),
+                ('groups', models.ManyToManyField(blank=True, related_name='resource_groups', to='students_group.StudentsGroup', verbose_name='Groups')),
+                ('students', models.ManyToManyField(blank=True, related_name='resource_students', to=settings.AUTH_USER_MODEL, verbose_name='Students')),
+                ('tags', models.ManyToManyField(blank=True, related_name='resource_tags', to='subjects.Tag', verbose_name='Markers')),
+                ('topic', models.ForeignKey(null=True, on_delete=django.db.models.deletion.CASCADE, related_name='resource_topic', to='topics.Topic', verbose_name='Topic')),
+            ],
+            options={
+                'verbose_name': 'Resource',
+                'verbose_name_plural': 'Resources',
+            },
+        ),
+    ]
@@ -2,7 +2,9 @@ from django.db import models
 from autoslug.fields import AutoSlugField
 from django.utils.translation import ugettext_lazy as _
-from subjects.models import Subject
+from subjects.models import Subject, Tag
+from students_group.models import StudentsGroup
+from users.models import User
 class Topic(models.Model):
 	name = models.CharField(_('Name'), max_length = 200)
@@ -21,4 +23,26 @@ class Topic(models.Model):
 		ordering = ['order']
 	def __str__(self):
-		return self.name
 \ No newline at end of file
+		return self.name
+
+class Resource(models.Model):
+	name = models.CharField(_('Name'), max_length = 200)
+	slug = AutoSlugField(_("Slug"), populate_from = 'name', unique = True)
+	brief_description = models.TextField(_('Brief Description'), blank = True)
+	show_window = models.BooleanField(_('Show in new window'), default = False)
+	all_students = models.BooleanField(_('All Students'), default = False)
+	visible = models.BooleanField(_('Visible'), default = True)
+	order = models.PositiveSmallIntegerField(_('Order'), null = True)
+	topic = models.ForeignKey(Topic, verbose_name = _('Topic'), related_name = "resource_topic", null = True)
+	students = models.ManyToManyField(User, verbose_name = _('Students'), related_name = 'resource_students', blank = True)
+	groups = models.ManyToManyField(StudentsGroup, verbose_name = _('Groups'), related_name = 'resource_groups', blank = True)
+	tags = models.ManyToManyField(Tag, verbose_name = _('Markers'), related_name = 'resource_tags', blank = True)
+	create_date = models.DateTimeField(_('Create Date'), auto_now_add = True)
+	last_update = models.DateTimeField(_('Last Update'), auto_now = True)
+
+	class Meta:
+		verbose_name = _('Resource')
+		verbose_name_plural = _('Resources')
+
+	def __str__(self):
+		return self.name
@@ -41,6 +41,23 @@
 	    			{% autoescape off %}
 						{{ topic.description }}
 					{% endautoescape %}
+
+					{% if has_subject_permissions %}
+						<div class="row text-center">
+							<div class="btn-group add_resource">
+						  		<button type="button" class="btn btn-success btn-raised dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+						  			<i class="fa fa-angle-right"></i> {% trans 'Add Resource' %}
+							  	</button>
+							  	<ul class="dropdown-menu">
+							    	<li><a href="#">{% trans 'Video Embed' %}</a></li>
+							    	<li><a href="#">{% trans 'Forum' %}</a></li>
+							    	<li><a href="#">{% trans 'File Link' %}</a></li>
+							    	<li><a href="{% url 'webpages:create' topic.slug %}">{% trans 'Webpage' %}</a></li>
+							    	<li><a href="#">{% trans 'Questionary' %}</a></li>
+							  	</ul>
+							</div>
+						</div>
+					{% endif %}
 			    </div>
 		    </div>
 		{% endif %}
@@ -0,0 +1,3 @@
+from django.contrib import admin
+
+# Register your models here.
@@ -0,0 +1,5 @@
+from django.apps import AppConfig
+
+
+class WebpageConfig(AppConfig):
+    name = 'webpage'
@@ -0,0 +1,24 @@
+# coding=utf-8
+from django import forms
+from django.forms.models import inlineformset_factory
+from django.utils.translation import ugettext_lazy as _
+
+from pendencies.forms import PendenciesForm
+from pendencies.models import Pendencies
+
+from .models import Webpage
+
+class WebpageForm(forms.ModelForm):
+	tags = forms.CharField(label = _('Tags'), required = False)
+
+	class Meta:
+		model = Webpage
+		fields = ['name', 'content', 'brief_description', 'all_students', 'students', 'groups', 'show_window', 'visible']
+		widgets = {
+			'content': forms.Textarea,
+			'brief_description': forms.Textarea,
+			'students': forms.SelectMultiple,
+			'groups': forms.SelectMultiple,
+		}
+
+InlinePendenciesFormset = inlineformset_factory(Webpage, Pendencies, form = PendenciesForm, extra = 1, can_delete = True)
 \ No newline at end of file
@@ -0,0 +1,30 @@
+# -*- coding: utf-8 -*-
+# Generated by Django 1.10 on 2017-01-19 21:09
+from __future__ import unicode_literals
+
+from django.db import migrations, models
+import django.db.models.deletion
+
+
+class Migration(migrations.Migration):
+
+    initial = True
+
+    dependencies = [
+        ('topics', '0005_resource'),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='Webpage',
+            fields=[
+                ('resource_ptr', models.OneToOneField(auto_created=True, on_delete=django.db.models.deletion.CASCADE, parent_link=True, primary_key=True, serialize=False, to='topics.Resource')),
+                ('content', models.TextField(verbose_name='HTML Page Content')),
+            ],
+            options={
+                'verbose_name': 'WebPage',
+                'verbose_name_plural': 'WebPages',
+            },
+            bases=('topics.resource',),
+        ),
+    ]
@@ -0,0 +1,15 @@
+from django.db import models
+from autoslug.fields import AutoSlugField
+from django.utils.translation import ugettext_lazy as _
+
+from topics.models import Resource
+
+class Webpage(Resource):
+	content = models.TextField(_('HTML Page Content'))
+
+	class Meta:
+		verbose_name = _('WebPage')
+		verbose_name_plural = _('WebPages')
+
+	def __str__(self):
+		return self.name
 \ No newline at end of file
@@ -0,0 +1,224 @@
+{% load static i18n %}
+{% load widget_tweaks %}
+
+<form method="post" action="" enctype="multipart/form-data">
+	{% csrf_token %}
+
+	<div class="form-group{% if form.has_error %} has-error {% endif %} is-fileinput">
+		<label for="{{ form.name.auto_id }}">{{ form.name.label }} <span>*</span></label>
+		{% render_field form.name class='form-control' %}
+	</div>
+
+	<div class="form-group{% if form.has_error %} has-error {% endif %} is-fileinput">
+		<label for="{{ form.content.auto_id }}">{{ form.content.label }} <span>*</span></label>
+		{% render_field form.content class='form-control text_wysiwyg' %}
+	</div>
+
+	<legend>{% trans 'Common resources settings' %}</legend>
+
+	<div class="form-group{% if form.has_error %} has-error {% endif %} is-fileinput">
+		<label for="{{ form.brief_description.auto_id }}">{{ form.brief_description.label }}</label>
+		{% render_field form.brief_description class='form-control text_wysiwyg' %}
+	</div>
+
+	<div class="form-group{% if form.has_error %} has-error {% endif %} is-fileinput">
+		<label for="{{ form.tags.auto_id }}">{{ form.tags.label }}</label>
+		{% render_field form.tags class='form-control'  data-role="tagsinput" %}
+	</div>
+
+	<div class="panel-group" id="professors_accordion" role="tablist" aria-multiselectable="true">
+		<div class="panel panel-info">
+			<div class="panel-heading">
+    			<div class="row">
+        			<div class="col-md-12">
+            			<a data-parent="#professors_accordion" data-toggle="collapse" href="#notifications">
+            				<h4 class="panel-title">
+                    			<button class="btn btn-default btn-xs text-center cat-selector"><i class="fa fa-angle-right fa-2x" aria-hidden="true"></i></button><label>{% trans 'Pendencies Notifications' %}</label>
+            				</h4>
+            			</a>
+            		</div>
+            	</div>
+            </div>
+            <div id="notifications" class="panel-collapse collapse">
+            	{{ pendencies_form.management_form }}
+                {{ pendencies_form.non_form_errors }}
+
+            	{% for notify in pendencies_form %}
+            		<div class="notifies">
+            			{% if notify.instance.pk %}{{ notify.DELETE }}{% endif %}
+	            		<div class="form-group{% if form.has_error %} has-error {% endif %}">
+	            			<label for="{{ notify.action.auto_id }}">
+	            				{{ notify.action.label }} {% render_field notify.action class='form-control' %}
+	        				</label>
+	            		</div>
+	            		<div class="form-group{% if form.has_error %} has-error {% endif %}">
+	            			<div class=" checkbox">
+		            			<label>
+			      					<input type="checkbox" class="begin_date" /> {{ notify.begin_date.label }}
+			  					</label>
+	  				 			{% render_field notify.begin_date class='form-control' %}
+			  				</div>
+	            		</div>
+	            		<div class="form-group{% if form.has_error %} has-error {% endif %}">
+	            			<div class=" checkbox">
+		            			<label>
+			      					<input type="checkbox" class="end_date" /> {{ notify.end_date.label }}
+			  					</label>
+	  				 			{% render_field notify.end_date class='form-control' %}
+			  				</div>
+	            		</div>
+	            	</div>
+            	{% endfor %}
+            </div>
+        </div>
+
+        <div class="panel panel-info">
+			<div class="panel-heading">
+    			<div class="row">
+        			<div class="col-md-12">
+            			<a data-parent="#professors_accordion" data-toggle="collapse" href="#students">
+            				<h4 class="panel-title">
+                    			<button class="btn btn-default btn-xs text-center cat-selector"><i class="fa fa-angle-right fa-2x" aria-hidden="true"></i></button><label for="{{ form.students.auto_id }}">{{ form.students.label }}</label>
+            				</h4>
+            			</a>
+            		</div>
+            	</div>
+            </div>
+            <div id="students" class="panel-collapse collapse">
+            	<div class="form-group{% if form.has_error %} has-error {% endif %}">
+            		<div class=" checkbox">
+            			<label for="{{ form.all_students.auto_id }}">
+	      					{% render_field form.all_students %} {{ form.all_students.label }}
+	  					</label>
+	  				</div>
+            	</div>
+
+            	<p><em>{% trans 'Attribute students to webpage' %}:</em></p>
+            	{% render_field form.students class='form-control' %}
+
+            	<br clear="all" />
+
+            	<p><em>{% trans 'Attribute groups to webpage' %}:</em></p>
+            	{% render_field form.groups class='form-control' %}
+            </div>
+        </div>
+	</div>
+
+	<div class="form-group{% if form.has_error %} has-error {% endif %}">
+		<div class=" checkbox">
+			<label for="{{ form.show_window.auto_id }}">
+				{% render_field form.show_window %} {{ form.show_window.label }}
+			</label>
+		</div>
+	</div>
+
+	<div class="form-group{% if form.has_error %} has-error {% endif %}">
+		<div class=" checkbox">
+			<label for="{{ form.visible.auto_id }}">
+				{% render_field form.visible %} {{ form.visible.label }}
+			</label>
+		</div>
+	</div>
+
+	<div class="col-md-12 col-lg-12 col-sm-12 col-xs-12">
+		<div class="text-center">
+			<input type="submit" value="{% trans 'Save' %}" class="btn btn-raised btn-success" />
+		</div>
+	</div>
+</form>
+<script type="text/javascript">
+	$(function() {
+		$('.notifies').formset({
+			addText: '{% trans "Add new notification" %}',
+			deleteText: '{% trans "Remove this" %}'
+		}); 
+	});
+
+	$('#id_groups').multiSelect({
+	  selectableHeader: "<input type='text' class='search-input category-search-users' autocomplete='off' placeholder=' '>",
+	  selectionHeader: "<input type='text' class='search-input category-search-users' autocomplete='off' placeholder=''>",
+	  afterInit: function(ms){
+	    var that = this,
+	        $selectableSearch = that.$selectableUl.prev(),
+	        $selectionSearch = that.$selectionUl.prev(),
+	        selectableSearchString = '#'+that.$container.attr('id')+' .ms-elem-selectable:not(.ms-selected)',
+	        selectionSearchString = '#'+that.$container.attr('id')+' .ms-elem-selection.ms-selected';
+
+	    that.qs1 = $selectableSearch.quicksearch(selectableSearchString)
+	    .on('keydown', function(e){
+	      if (e.which === 40){
+	        that.$selectableUl.focus();
+	        return false;
+	      }
+	    });
+
+	    that.qs2 = $selectionSearch.quicksearch(selectionSearchString)
+	    .on('keydown', function(e){
+	      if (e.which == 40){
+	        that.$selectionUl.focus();
+	        return false;
+	      }
+	    });
+	  },
+	  afterSelect: function(){
+	    this.qs1.cache();
+	    this.qs2.cache();
+	  },
+	  afterDeselect: function(){
+	    this.qs1.cache();
+	    this.qs2.cache();
+	  }
+	});// Used to create multi-select css style
+
+	$('#id_students').multiSelect({
+	  selectableHeader: "<input type='text' class='search-input category-search-users' autocomplete='off' placeholder=' '>",
+	  selectionHeader: "<input type='text' class='search-input category-search-users' autocomplete='off' placeholder=''>",
+	  afterInit: function(ms){
+	    var that = this,
+	        $selectableSearch = that.$selectableUl.prev(),
+	        $selectionSearch = that.$selectionUl.prev(),
+	        selectableSearchString = '#'+that.$container.attr('id')+' .ms-elem-selectable:not(.ms-selected)',
+	        selectionSearchString = '#'+that.$container.attr('id')+' .ms-elem-selection.ms-selected';
+
+	    that.qs1 = $selectableSearch.quicksearch(selectableSearchString)
+	    .on('keydown', function(e){
+	      if (e.which === 40){
+	        that.$selectableUl.focus();
+	        return false;
+	      }
+	    });
+
+	    that.qs2 = $selectionSearch.quicksearch(selectionSearchString)
+	    .on('keydown', function(e){
+	      if (e.which == 40){
+	        that.$selectionUl.focus();
+	        return false;
+	      }
+	    });
+	  },
+	  afterSelect: function(){
+	    this.qs1.cache();
+	    this.qs2.cache();
+	  },
+	  afterDeselect: function(){
+	    this.qs1.cache();
+	    this.qs2.cache();
+	  }
+	});// Used to create multi-select css style
+
+	$('.collapse').on('show.bs.collapse', function (e) {
+	if($(this).is(e.target)){
+    	var btn = $(this).parent().find('.fa-angle-right');
+
+    	btn.switchClass("fa-angle-right", "fa-angle-down", 250, "easeInOutQuad");
+    }
+    });
+
+    $('.collapse').on('hide.bs.collapse', function (e) {
+    	if($(this).is(e.target)){
+        	var btn = $(this).parent().find('.fa-angle-down');
+
+        	btn.switchClass("fa-angle-down", "fa-angle-right", 250, "easeInOutQuad");
+        }
+    });
+</script>
 \ No newline at end of file
@@ -0,0 +1,35 @@
+{% extends 'subjects/view.html' %}
+
+{% load static i18n django_bootstrap_breadcrumbs %}
+
+{% block style %}
+	{{block.super}}
+	<link rel="stylesheet" type="text/css" href="{% static "css/bootstrap-tagsinput.css" %}">
+{% endblock %}
+
+{% block javascript %}
+	{{block.super}}
+	<script type="text/javascript" src="{% static "js/bootstrap-tagsinput.js" %} "></script>
+	<script type="text/javascript" src="{% static "js/jquery.formset.js" %} "></script>
+{% endblock %}
+
+{% block breadcrumbs %}
+	{{ block.super }}
+
+	{% breadcrumb topic 'subjects:view' topic.subject.slug %}
+	
+	{% trans 'Create Webpage' as bread %}
+	{% breadcrumb bread 'webpages:create' topic.slug %}
+{% endblock %}
+
+{% block content %}
+	<div class="card">
+		<div class="card-content">
+			<div class="card-body">
+				{% include 'webpages/_form.html' %}
+			</div>
+		</div>
+	</div>
+	<br clear="all" />
+	<br clear="all" />
+{% endblock %}
@@ -0,0 +1,3 @@
+from django.test import TestCase
+
+# Create your tests here.
@@ -0,0 +1,8 @@
+from django.conf.urls import url
+from django.contrib.auth import views as auth_views
+
+from . import views
+
+urlpatterns = [
+	url(r'^create/(?P<slug>[\w_-]+)/$', views.CreateView.as_view(), name = 'create'),
+]
@@ -0,0 +1,56 @@
+from django.shortcuts import get_object_or_404, redirect, render
+from django.views import generic
+from django.contrib import messages
+from django.core.urlresolvers import reverse, reverse_lazy
+from django.utils.translation import ugettext_lazy as _
+from django.contrib.auth.mixins import LoginRequiredMixin
+
+from amadeus.permissions import has_subject_permissions
+
+from topics.models import Topic
+
+from .forms import WebpageForm, InlinePendenciesFormset
+from .models import Webpage
+
+class CreateView(LoginRequiredMixin, generic.edit.CreateView):
+	login_url = reverse_lazy("users:login")
+	redirect_field_name = 'next'
+
+	template_name = 'webpages/create.html'
+	form_class = WebpageForm
+
+	def dispatch(self, request, *args, **kwargs):
+		slug = self.kwargs.get('slug', '')
+		topic = get_object_or_404(Topic, slug = slug)
+
+		if not has_subject_permissions(request.user, topic.subject):
+			return redirect(reverse_lazy('subjects:home'))
+
+		return super(CreateView, self).dispatch(request, *args, **kwargs)
+
+	def get(self, request, *args, **kwargs):
+		self.object = None
+		
+		form_class = self.get_form_class()
+		form = self.get_form(form_class)
+		pendencies_form = InlinePendenciesFormset()
+
+		return self.render_to_response(self.get_context_data(form = form,pendencies_form = pendencies_form))
+
+	def get_context_data(self, **kwargs):
+		context = super(CreateView, self).get_context_data(**kwargs)
+
+		context['title'] = _('Create Webpage')
+
+		slug = self.kwargs.get('slug', '')
+		topic = get_object_or_404(Topic, slug = slug)
+
+		context['topic'] = topic
+		context['subject'] = topic.subject
+
+		return context
+
+	def get_success_url(self):
+		messages.success(self.request, _('Topic "%s" was created successfully!')%(self.object.name))
+
+		return reverse_lazy('subjects:view', kwargs = {'slug': self.object.topic.subject.slug})
 \ No newline at end of file
@@ -0,0 +1,170 @@		@@ -0,0 +1,170 @@
	1	+/**
	2	+ * jQuery Formset 1.2
	3	+ * @author Stanislaus Madueke (stan DOT madueke AT gmail DOT com)
	4	+ * @requires jQuery 1.2.6 or later
	5	+ *
	6	+ * Copyright (c) 2009, Stanislaus Madueke
	7	+ * All rights reserved.
	8	+ *
	9	+ * Licensed under the New BSD License
	10	+ * See: http://www.opensource.org/licenses/bsd-license.php
	11	+ */
	12	+;(function($) {
	13	+ $.fn.formset = function(opts)
	14	+ {
	15	+ var options = $.extend({}, $.fn.formset.defaults, opts),
	16	+ flatExtraClasses = options.extraClasses.join(' '),
	17	+ $$ = $(this),
	18	+
	19	+ applyExtraClasses = function(row, ndx) {
	20	+ if (options.extraClasses) {
	21	+ row.removeClass(flatExtraClasses);
	22	+ row.addClass(options.extraClasses[ndx % options.extraClasses.length]);
	23	+ }
	24	+ },
	25	+
	26	+ updateElementIndex = function(elem, prefix, ndx) {
	27	+ var idRegex = new RegExp('(' + prefix + '-\\d+-)\|(^)'),
	28	+ replacement = prefix + '-' + ndx + '-';
	29	+ if (elem.attr("for")) elem.attr("for", elem.attr("for").replace(idRegex, replacement));
	30	+ if (elem.attr('id')) elem.attr('id', elem.attr('id').replace(idRegex, replacement));
	31	+ if (elem.attr('name')) elem.attr('name', elem.attr('name').replace(idRegex, replacement));
	32	+ },
	33	+
	34	+ hasChildElements = function(row) {
	35	+ return row.find('input,select,textarea,label').length > 0;
	36	+ },
	37	+
	38	+ insertDeleteLink = function(row) {
	39	+ if (row.is('TR')) {
	40	+ // If the forms are laid out in table rows, insert
	41	+ // the remove button into the last table cell:
	42	+ row.children(':last').append('<a class="' + options.deleteCssClass +'" href="javascript:void(0)">' + options.deleteText + '</a>');
	43	+ } else if (row.is('UL') \|\| row.is('OL')) {
	44	+ // If they're laid out as an ordered/unordered list,
	45	+ // insert an <li> after the last list item:
	46	+ row.append('<li><a class="' + options.deleteCssClass + '" href="javascript:void(0)">' + options.deleteText +'</a></li>');
	47	+ } else {
	48	+ // Otherwise, just insert the remove button as the
	49	+ // last child element of the form's container:
	50	+ row.append('<a class="' + options.deleteCssClass + '" href="javascript:void(0)">' + options.deleteText +'</a>');
	51	+ }
	52	+ row.find('a.' + options.deleteCssClass).click(function() {
	53	+ var row = $(this).parents('.' + options.formCssClass),
	54	+ del = row.find('input:hidden[id $= "-DELETE"]');
	55	+ if (del.length) {
	56	+ // We're dealing with an inline formset; rather than remove
	57	+ // this form from the DOM, we'll mark it as deleted and hide
	58	+ // it, then let Django handle the deleting:
	59	+ del.val('on');
	60	+ row.hide();
	61	+ } else {
	62	+ row.remove();
	63	+ // Update the TOTAL_FORMS form count.
	64	+ // Also update names and IDs for all remaining form controls so they remain in sequence:
	65	+ var forms = $('.' + options.formCssClass).not('.formset-custom-template');
	66	+ $('#id_' + options.prefix + '-TOTAL_FORMS').val(forms.length);
	67	+ for (var i=0, formCount=forms.length; i<formCount; i++) {
	68	+ applyExtraClasses(forms.eq(i), i);
	69	+ forms.eq(i).find('input,select,textarea,label').each(function() {
	70	+ updateElementIndex($(this), options.prefix, i);
	71	+ });
	72	+ }
	73	+ }
	74	+ // If a post-delete callback was provided, call it with the deleted form:
	75	+ if (options.removed) options.removed(row);
	76	+ return false;
	77	+ });
	78	+ };
	79	+
	80	+ $$.each(function(i) {
	81	+ var row = $(this),
	82	+ del = row.find('input:checkbox[id $= "-DELETE"]');
	83	+ if (del.length) {
	84	+ // If you specify "can_delete = True" when creating an inline formset,
	85	+ // Django adds a checkbox to each form in the formset.
	86	+ // Replace the default checkbox with a hidden field:
	87	+ del.before('<input type="hidden" name="' + del.attr('name') +'" id="' + del.attr('id') +'" />');
	88	+ del.remove();
	89	+ }
	90	+ if (hasChildElements(row)) {
	91	+ insertDeleteLink(row);
	92	+ row.addClass(options.formCssClass);
	93	+ applyExtraClasses(row, i);
	94	+ }
	95	+ });
	96	+
	97	+ if ($$.length) {
	98	+ var addButton, template;
	99	+ if (options.formTemplate) {
	100	+ // If a form template was specified, we'll clone it to generate new form instances:
	101	+ template = (options.formTemplate instanceof $) ? options.formTemplate : $(options.formTemplate);
	102	+ template.removeAttr('id').addClass(options.formCssClass).addClass('formset-custom-template');
	103	+ template.find('input,select,textarea,label').each(function() {
	104	+ updateElementIndex($(this), options.prefix, 2012);
	105	+ });
	106	+ insertDeleteLink(template);
	107	+ } else {
	108	+ // Otherwise, use the last form in the formset; this works much better if you've got
	109	+ // extra (>= 1) forms (thnaks to justhamade for pointing this out):
	110	+ template = $('.' + options.formCssClass + ':last').clone(true).removeAttr('id');
	111	+ template.find('input:hidden[id $= "-DELETE"]').remove();
	112	+ template.find('input,select,textarea,label').each(function() {
	113	+ var elem = $(this);
	114	+ // If this is a checkbox or radiobutton, uncheck it.
	115	+ // This fixes Issue 1, reported by Wilson.Andrew.J:
	116	+ if (elem.is('input:checkbox') \|\| elem.is('input:radio')) {
	117	+ elem.attr('checked', false);
	118	+ } else {
	119	+ elem.val('');
	120	+ }
	121	+ });
	122	+ }
	123	+ // FIXME: Perhaps using $.data would be a better idea?
	124	+ options.formTemplate = template;
	125	+
	126	+ if ($$.attr('tagName') == 'TR') {
	127	+ // If forms are laid out as table rows, insert the
	128	+ // "add" button in a new table row:
	129	+ var numCols = $$.eq(0).children().length;
	130	+ $$.parent().append('<tr><td colspan="' + numCols + '"><a class="' + options.addCssClass + '" href="javascript:void(0)">' + options.addText + '</a></tr>');
	131	+ addButton = $$.parent().find('tr:last a');
	132	+ addButton.parents('tr').addClass(options.formCssClass + '-add');
	133	+ } else {
	134	+ // Otherwise, insert it immediately after the last form:
	135	+ $$.filter(':last').after('<a class="' + options.addCssClass + '" href="javascript:void(0)">' + options.addText + '</a>');
	136	+ addButton = $$.filter(':last').next();
	137	+ }
	138	+ addButton.click(function() {
	139	+ var formCount = parseInt($('#id_' + options.prefix + '-TOTAL_FORMS').val()),
	140	+ row = options.formTemplate.clone(true).removeClass('formset-custom-template'),
	141	+ buttonRow = $(this).parents('tr.' + options.formCssClass + '-add').get(0) \|\| this;
	142	+ applyExtraClasses(row, formCount);
	143	+ row.insertBefore($(buttonRow)).show();
	144	+ row.find('input,select,textarea,label').each(function() {
	145	+ updateElementIndex($(this), options.prefix, formCount);
	146	+ });
	147	+ $('#id_' + options.prefix + '-TOTAL_FORMS').val(formCount + 1);
	148	+ // If a post-add callback was supplied, call it with the added form:
	149	+ if (options.added) options.added(row);
	150	+ return false;
	151	+ });
	152	+ }
	153	+
	154	+ return $$;
	155	+ }
	156	+
	157	+ /* Setup plugin defaults */
	158	+ $.fn.formset.defaults = {
	159	+ prefix: 'form', // The form prefix for your django formset
	160	+ formTemplate: null, // The jQuery selection cloned to generate new form instances
	161	+ addText: 'add another', // Text for the add link
	162	+ deleteText: 'remove', // Text for the delete link
	163	+ addCssClass: 'add-row', // CSS class applied to the add link
	164	+ deleteCssClass: 'delete-row', // CSS class applied to the delete link
	165	+ formCssClass: 'dynamic-form', // CSS class applied to each form in a formset
	166	+ extraClasses: [], // Additional CSS classes, which will be applied to each form in turn
	167	+ added: null, // Function called each time a new form is added
	168	+ removed: null // Function called each time a form is deleted
	169	+ };
	170	+})(jQuery)
	@@ -73,4 +73,12 @@ function delete_topic(url) {		@@ -73,4 +73,12 @@ function delete_topic(url) {
73		73
74	$('.modal').modal('show');	74	$('.modal').modal('show');
75	});	75	});
76	-}
77	\ No newline at end of file	76	\ No newline at end of file
		77	+}
		78	+
		79	+$(".add_resource").on('show.bs.dropdown', function () {
		80	+ $(this).find('i').switchClass("fa-angle-right", "fa-angle-down", 250, "easeInOutQuad");
		81	+});
		82	+
		83	+$(".add_resource").on('hide.bs.dropdown', function () {
		84	+ $(this).find('i').switchClass("fa-angle-down", "fa-angle-right", 250, "easeInOutQuad");
		85	+});
78	\ No newline at end of file	86	\ No newline at end of file
@@ -0,0 +1,3 @@		@@ -0,0 +1,3 @@
	1	+from django.contrib import admin
	2	+
	3	+# Register your models here.
@@ -0,0 +1,5 @@		@@ -0,0 +1,5 @@
	1	+from django.apps import AppConfig
	2	+
	3	+
	4	+class PendenciesConfig(AppConfig):
	5	+ name = 'pendencies'
	@@ -0,0 +1,10 @@		@@ -0,0 +1,10 @@
		1	+# coding=utf-8
		2	+from django import forms
		3	+from django.utils.translation import ugettext_lazy as _
		4	+
		5	+from .models import Pendencies
		6	+
		7	+class PendenciesForm(forms.ModelForm):
		8	+ class Meta:
		9	+ model = Pendencies
		10	+ fields = ['action', 'begin_date', 'end_date']
0	\ No newline at end of file	11	\ No newline at end of file
@@ -0,0 +1,25 @@		@@ -0,0 +1,25 @@
	1	+# -- coding: utf-8 --
	2	+# Generated by Django 1.10 on 2017-01-19 21:09
	3	+from __future__ import unicode_literals
	4	+
	5	+from django.db import migrations, models
	6	+
	7	+
	8	+class Migration(migrations.Migration):
	9	+
	10	+ initial = True
	11	+
	12	+ dependencies = [
	13	+ ]
	14	+
	15	+ operations = [
	16	+ migrations.CreateModel(
	17	+ name='Pendencies',
	18	+ fields=[
	19	+ ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
	20	+ ('action', models.CharField(choices=[('view', 'Visualize'), ('create', 'Create'), ('answer', 'Answer'), ('access', 'Access')], max_length=100, verbose_name='Action')),
	21	+ ('begin_date', models.DateTimeField(blank=True, null=True, verbose_name='Begin Date')),
	22	+ ('end_date', models.DateTimeField(blank=True, null=True, verbose_name='End Date')),
	23	+ ],
	24	+ ),
	25	+ ]
@@ -0,0 +1,24 @@		@@ -0,0 +1,24 @@
	1	+# -- coding: utf-8 --
	2	+# Generated by Django 1.10 on 2017-01-19 21:09
	3	+from __future__ import unicode_literals
	4	+
	5	+from django.db import migrations, models
	6	+import django.db.models.deletion
	7	+
	8	+
	9	+class Migration(migrations.Migration):
	10	+
	11	+ initial = True
	12	+
	13	+ dependencies = [
	14	+ ('topics', '0005_resource'),
	15	+ ('pendencies', '0001_initial'),
	16	+ ]
	17	+
	18	+ operations = [
	19	+ migrations.AddField(
	20	+ model_name='pendencies',
	21	+ name='resource',
	22	+ field=models.ForeignKey(null=True, on_delete=django.db.models.deletion.CASCADE, related_name='pendencies_resource', to='topics.Resource', verbose_name='Resource'),
	23	+ ),
	24	+ ]
	@@ -0,0 +1,11 @@		@@ -0,0 +1,11 @@
		1	+from django.db import models
		2	+from autoslug.fields import AutoSlugField
		3	+from django.utils.translation import ugettext_lazy as _
		4	+
		5	+from topics.models import Resource
		6	+
		7	+class Pendencies(models.Model):
		8	+ action = models.CharField(_('Action'), max_length = 100, choices = (("view", _("Visualize")), ("create", _("Create")), ("answer", _("Answer")), ("access", _("Access"))))
		9	+ begin_date = models.DateTimeField(_('Begin Date'), null = True, blank = True)
		10	+ end_date = models.DateTimeField(_('End Date'), null = True, blank = True)
		11	+ resource = models.ForeignKey(Resource, verbose_name = _('Resource'), related_name = 'pendencies_resource', null = True)
0	\ No newline at end of file	12	\ No newline at end of file
@@ -0,0 +1,3 @@		@@ -0,0 +1,3 @@
	1	+from django.test import TestCase
	2	+
	3	+# Create your tests here.
@@ -0,0 +1,3 @@		@@ -0,0 +1,3 @@
	1	+from django.shortcuts import render
	2	+
	3	+# Create your views here.