' + response_text + ''; 142 | } 143 | document.write(xhr.responseText); 144 | } 145 | }, 146 | 147 | set_progress: function(percent){ 148 | this.$modal_bar.attr('aria-valuenow', percent); 149 | this.$modal_bar.text(percent + '%'); 150 | this.$modal_bar.css('width', percent + '%'); 151 | }, 152 | 153 | progress: function(/*ProgressEvent*/e){ 154 | var percent = Math.round((e.loaded / e.total) * 100); 155 | this.set_progress(percent); 156 | }, 157 | 158 | // replace_form replaces the contents of the current form 159 | // with the form in the html argument. 160 | // We use the id of the current form to find the new form in the html 161 | replace_form: function(html){ 162 | var new_form; 163 | var form_id = this.$form.attr('id'); 164 | if(form_id !== undefined){ 165 | new_form = $(html).find('#' + form_id); 166 | } 167 | else{ 168 | new_form = $(html).find('form'); 169 | } 170 | 171 | // add the filestyle again 172 | new_form.find(':file').filestyle({buttonBefore: true}); 173 | this.$form.html(new_form.children()); 174 | } 175 | }; 176 | 177 | $.fn.uploadprogress = function(options, value){ 178 | return this.each(function(){ 179 | var _options = $.extend({}, $.fn.uploadprogress.defaults, options); 180 | var file_progress = new Uploadprogress(this, _options); 181 | file_progress.constructor(); 182 | }); 183 | }; 184 | 185 | $.fn.uploadprogress.defaults = { 186 | template: template 187 | //redirect_url: ... 188 | 189 | // need to customize stuff? Add here, and change code accordingly. 190 | }; 191 | 192 | })(window.jQuery); 193 | -------------------------------------------------------------------------------- /test/README.md: -------------------------------------------------------------------------------- 1 | # Bootstrap UploadProgress test using Django 2 | 3 | This is a test of bootstrap-uploadprogress using Django. It uses 4 | uploading of software packages -- which are usually large files -- to 5 | demonstrate the functionality. 6 | 7 | ## Getting started 8 | 9 | Install Django and friends 10 | ``` 11 | $ pip install -r requirements.txt 12 | ``` 13 | 14 | Install Javascript prerequisites 15 | ``` 16 | $ ./manange.py bower install 17 | ``` 18 | 19 | Run development server 20 | ``` 21 | $ ./manage.py runserver 22 | ``` 23 | 24 | ## Test 25 | 26 | Point browser to http://localhost:8000 27 | 28 | ``` 29 | $ firefox localhost:8080 30 | ``` 31 | 32 | Go and upload something big. 33 | -------------------------------------------------------------------------------- /test/db.sqlite3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jakobadam/bootstrap-uploadprogress/76aa8344bd914950053788879443a1d2cec5a9f9/test/db.sqlite3 -------------------------------------------------------------------------------- /test/manage.py: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env python 2 | import os 3 | import sys 4 | 5 | if __name__ == "__main__": 6 | os.environ.setdefault("DJANGO_SETTINGS_MODULE", "project.settings") 7 | try: 8 | from django.core.management import execute_from_command_line 9 | except ImportError: 10 | # The above import may fail for some other reason. Ensure that the 11 | # issue is really that Django is missing to avoid masking other 12 | # exceptions on Python 2. 13 | try: 14 | import django 15 | except ImportError: 16 | raise ImportError( 17 | "Couldn't import Django. Are you sure it's installed and " 18 | "available on your PYTHONPATH environment variable? Did you " 19 | "forget to activate a virtual environment?" 20 | ) 21 | raise 22 | execute_from_command_line(sys.argv) 23 | -------------------------------------------------------------------------------- /test/project/__init__.py: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jakobadam/bootstrap-uploadprogress/76aa8344bd914950053788879443a1d2cec5a9f9/test/project/__init__.py -------------------------------------------------------------------------------- /test/project/progress/__init__.py: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jakobadam/bootstrap-uploadprogress/76aa8344bd914950053788879443a1d2cec5a9f9/test/project/progress/__init__.py -------------------------------------------------------------------------------- /test/project/progress/admin.py: -------------------------------------------------------------------------------- 1 | from django.contrib import admin 2 | 3 | # Register your models here. 4 | -------------------------------------------------------------------------------- /test/project/progress/apps.py: -------------------------------------------------------------------------------- 1 | from __future__ import unicode_literals 2 | 3 | from django.apps import AppConfig 4 | 5 | 6 | class ProgressConfig(AppConfig): 7 | name = 'progress' 8 | -------------------------------------------------------------------------------- /test/project/progress/forms.py: -------------------------------------------------------------------------------- 1 | from django import forms 2 | 3 | from models import Package 4 | 5 | def _get_widget(placeholder): 6 | return forms.TextInput(attrs={'placeholder':placeholder}) 7 | 8 | class PackageForm(forms.ModelForm): 9 | 10 | class Meta: 11 | exclude = [] 12 | model = Package 13 | widgets = { 14 | 'name': _get_widget('Enter package name') 15 | } 16 | 17 | 18 | -------------------------------------------------------------------------------- /test/project/progress/migrations/0001_initial.py: -------------------------------------------------------------------------------- 1 | # -*- coding: utf-8 -*- 2 | # Generated by Django 1.10.1 on 2016-09-13 16:02 3 | from __future__ import unicode_literals 4 | 5 | import django.core.validators 6 | from django.db import migrations, models 7 | import re 8 | 9 | 10 | class Migration(migrations.Migration): 11 | 12 | initial = True 13 | 14 | dependencies = [ 15 | ] 16 | 17 | operations = [ 18 | migrations.CreateModel( 19 | name='Package', 20 | fields=[ 21 | ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')), 22 | ('name', models.CharField(db_index=True, max_length=512, validators=[django.core.validators.RegexValidator(re.compile(b'^[-a-zA-Z0-9_() .]+$'), b'Use ASCII characters only')], verbose_name=b'Software name')), 23 | ('file', models.FileField(upload_to=b'', verbose_name=b'File')), 24 | ], 25 | options={ 26 | 'ordering': ('name',), 27 | }, 28 | ), 29 | ] 30 | -------------------------------------------------------------------------------- /test/project/progress/migrations/__init__.py: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jakobadam/bootstrap-uploadprogress/76aa8344bd914950053788879443a1d2cec5a9f9/test/project/progress/migrations/__init__.py -------------------------------------------------------------------------------- /test/project/progress/models.py: -------------------------------------------------------------------------------- 1 | import re 2 | 3 | from django.db import models 4 | from django.core.validators import RegexValidator 5 | 6 | RE_PACKAGE_NAME = re.compile(r'^[-a-zA-Z0-9_() .]+$') 7 | 8 | class Package(models.Model): 9 | 10 | class Meta: 11 | ordering = ('name',) 12 | 13 | name = models.CharField( 14 | db_index=True, 15 | max_length=512, 16 | verbose_name='Software name', 17 | validators=[RegexValidator(RE_PACKAGE_NAME, 'Use ASCII characters only')] 18 | ) 19 | 20 | file = models.FileField( 21 | verbose_name='File' 22 | ) 23 | -------------------------------------------------------------------------------- /test/project/progress/templates/base.html: -------------------------------------------------------------------------------- 1 | {% load static %} 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 |
| Name | 16 |Size | 17 |Actions | 18 |
|---|---|---|
| {{package.name}} | 24 |{{package.file.size|filesizeformat}} | 25 |26 | 35 | | 36 |