├── .env.template
├── .gitignore
├── README.md
├── backend
├── core
│ ├── __init__.py
│ ├── admin
│ │ └── __init__.py
│ ├── apps.py
│ ├── forms
│ │ ├── __init__.py
│ │ └── input.py
│ ├── migrations
│ │ └── __init__.py
│ ├── models
│ │ └── __init__.py
│ ├── tasks.py
│ ├── tests.py
│ ├── urls.py
│ └── views
│ │ ├── __init__.py
│ │ ├── generate_logo.py
│ │ └── home.py
├── django_chatgpt
│ ├── __init__.py
│ ├── asgi.py
│ ├── settings.py
│ ├── urls.py
│ └── wsgi.py
├── docker
│ ├── docker_files
│ │ └── Dockerfile
│ └── entrypoints
│ │ └── entrypoint.sh
├── manage.py
├── requirements.txt
├── static
│ ├── dog.png
│ ├── jquery-3.5.1.min.js
│ ├── main.css
│ └── main.js
├── templates
│ ├── generate_logo.html
│ └── index.html
└── utils
│ ├── __init__.py
│ ├── decorators
│ └── __init__.py
│ └── mixins
│ └── __init__.py
├── docker-compose.yml
└── makefile
/.env.template:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env bash
2 | export DEBUG=1
3 | export SECRET_KEY=thisisademosecretkey
4 | export DJANGO_ALLOWED_HOSTS=localhost 127.0.0.1 [::1]
5 | export DB_ENGINE=django.db.backends.postgresql
6 | export DB_USER=dev
7 | export DB_PASSWORD=dev
8 | export DB_HOST=db
9 | export DB_NAME=dev
10 | export DB_PORT=5432
11 | export OPENAI_API_KEY=
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | venv/
2 |
3 | *.pyc
4 | __pycache__/
5 |
6 | instance/
7 |
8 | .pytest_cache/
9 | .coverage
10 | htmlcov/
11 |
12 | dist/
13 | build/
14 | *.egg-info/
15 |
16 | .DS_STORE
17 |
18 | .env
19 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # ChatGPT Django Tutorial
2 |
3 | 
4 | ***
5 | ***
6 |
7 | ## Prerequisites
8 | * [Docker & Docker Compose](https://docs.docker.com/desktop/) (Local Development with Docker only)
9 |
10 |
11 | ***
12 | ***
13 |
14 | ## Repository
15 | Clone or pull from the dev branch before you begin coding.
16 | ```
17 | #cloning
18 | git clone git@github.com:bobby-didcoding/django-chatgpt.git .
19 |
20 | ```
21 |
22 | ***
23 | ***
24 |
25 |
26 |
27 | ## Environment variable and secrets
28 | 1. Create a .env file from .env.template
29 | ```
30 | #Unix and MacOS
31 | cd backend && cp .env.template .env
32 |
33 | #windows
34 | cd sandbox && copy .env.template .env
35 | ```
36 |
37 | 2. Add your ChatGPT api key tha can be found [here](https://platform.openai.com/account/api-keys)
38 |
39 | ***
40 | ***
41 |
42 | ## Fire up Docker:
43 |
44 | >Note: You will need to make sure Docker is running on your machine!
45 |
46 | Use the following command to build the docker images:
47 | ```
48 | docker-compose up -d --build
49 | ```
50 |
51 | Alternatively, If you have [make](https://platform.openai.com/account/api-keys) installed, you can run the following command:
52 | ```
53 | make build
54 | ```
55 |
56 | ### Finished
57 | You should now be up and running!
58 |
59 | * The web app is running on http://localhost:8000
60 |
61 | ***
62 | ***
63 |
64 | ### References
65 | This project is based on the official ChatGPT quick-start tutorial that can be found [here](https://platform.openai.com/docs/quickstart/build-your-application)
66 |
67 | The Flask app that this Django app is based on can be found [here](https://github.com/openai/openai-quickstart-python)
--------------------------------------------------------------------------------
/backend/core/__init__.py:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bobby-didcoding/django-chatgpt/3d44f933480744d1f80e3842a73b83d2d9637cfa/backend/core/__init__.py
--------------------------------------------------------------------------------
/backend/core/admin/__init__.py:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bobby-didcoding/django-chatgpt/3d44f933480744d1f80e3842a73b83d2d9637cfa/backend/core/admin/__init__.py
--------------------------------------------------------------------------------
/backend/core/apps.py:
--------------------------------------------------------------------------------
1 | # --------------------------------------------------------------
2 | # Django imports
3 | # --------------------------------------------------------------
4 | from django.apps import AppConfig
5 |
6 |
7 | class CoreConfig(AppConfig):
8 | default_auto_field = 'django.db.models.BigAutoField'
9 | name = 'core'
10 |
--------------------------------------------------------------------------------
/backend/core/forms/__init__.py:
--------------------------------------------------------------------------------
1 | # --------------------------------------------------------------
2 | # App imports
3 | # --------------------------------------------------------------
4 |
5 | from core.forms.input import InputForm
6 |
7 | __all__ = [
8 | InputForm
9 | ]
10 |
--------------------------------------------------------------------------------
/backend/core/forms/input.py:
--------------------------------------------------------------------------------
1 | # --------------------------------------------------------------
2 | # Django imports
3 | # --------------------------------------------------------------
4 | from django import forms
5 |
6 |
7 | class InputForm(forms.Form):
8 | '''
9 | Basic form for our animal name suggestion form and logo generator form
10 | '''
11 |
12 | input = forms.CharField(max_length=100, required=True,
13 | widget=forms.TextInput(attrs={
14 | 'placeholder': 'Give me something to work on...'}))
15 |
16 | class Meta:
17 | fields = ('input',)
--------------------------------------------------------------------------------
/backend/core/migrations/__init__.py:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bobby-didcoding/django-chatgpt/3d44f933480744d1f80e3842a73b83d2d9637cfa/backend/core/migrations/__init__.py
--------------------------------------------------------------------------------
/backend/core/models/__init__.py:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/backend/core/tasks.py:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bobby-didcoding/django-chatgpt/3d44f933480744d1f80e3842a73b83d2d9637cfa/backend/core/tasks.py
--------------------------------------------------------------------------------
/backend/core/tests.py:
--------------------------------------------------------------------------------
1 | # --------------------------------------------------------------
2 | # Django imports
3 | # --------------------------------------------------------------
4 | from django.test import TestCase
5 |
6 | # Create your tests here.
7 |
--------------------------------------------------------------------------------
/backend/core/urls.py:
--------------------------------------------------------------------------------
1 | from django.urls import path
2 | from . import views
3 |
4 | app_name = "core"
5 |
6 | urlpatterns = [
7 | path("", views.HomeView.as_view(), name="home"),
8 | path("generate-logo/", views.GenerateLogoView.as_view(), name="generate-logo"),
9 | ]
--------------------------------------------------------------------------------
/backend/core/views/__init__.py:
--------------------------------------------------------------------------------
1 | # --------------------------------------------------------------
2 | # App imports
3 | # --------------------------------------------------------------
4 | from core.views.home import HomeView
5 | from core.views.generate_logo import GenerateLogoView
6 |
7 |
8 | __all__ = [
9 | HomeView,
10 | GenerateLogoView
11 | ]
12 |
--------------------------------------------------------------------------------
/backend/core/views/generate_logo.py:
--------------------------------------------------------------------------------
1 | # --------------------------------------------------------------
2 | # Django imports
3 | # --------------------------------------------------------------
4 | from django.views import generic
5 | from django.utils.decorators import method_decorator
6 | from django.http import JsonResponse
7 | from django.conf import settings
8 |
9 | # --------------------------------------------------------------
10 | # App imports
11 | # --------------------------------------------------------------
12 | from core.forms import InputForm
13 |
14 | # --------------------------------------------------------------
15 | # Project imports
16 | # --------------------------------------------------------------
17 | from utils.decorators import ajax_required
18 | from utils.mixins import FormErrors
19 |
20 | # --------------------------------------------------------------
21 | # 3rd Party imports
22 | # --------------------------------------------------------------
23 | import openai
24 |
25 | openai.api_key = settings.OPENAI_API_KEY
26 |
27 | class GenerateLogoView(generic.FormView):
28 | """
29 | FormView used for our generate logo page.
30 |
31 | **Template:**
32 |
33 | :template:`generate_logo.html`
34 | """
35 | template_name = "generate_logo.html"
36 | form_class = InputForm
37 | success_url = "/"
38 |
39 | @method_decorator(ajax_required)
40 | def post(self, request,*args, **kwargs):
41 | data = {'result': 'Error', 'message': "Something went wrong, please try again", "redirect": False, "data":None}
42 | form = InputForm(request.POST)
43 | if form.is_valid():
44 |
45 | input = form.cleaned_data.get("input")
46 |
47 | response = openai.Image.create(
48 | prompt=input,
49 | n=1,
50 | size="1024x1024"
51 | )
52 | data.update({
53 | 'result': "Success",
54 | 'message': "ChatGPT has created this logo",
55 | 'data': response['data'][0]['url']
56 | })
57 | return JsonResponse(data)
58 |
59 | else:
60 | data["message"] = FormErrors(form)
61 | return JsonResponse(data, status=400)
62 |
--------------------------------------------------------------------------------
/backend/core/views/home.py:
--------------------------------------------------------------------------------
1 | # --------------------------------------------------------------
2 | # Django imports
3 | # --------------------------------------------------------------
4 | from django.views import generic
5 | from django.utils.decorators import method_decorator
6 | from django.http import JsonResponse
7 | from django.conf import settings
8 |
9 | # --------------------------------------------------------------
10 | # App imports
11 | # --------------------------------------------------------------
12 | from core.forms import InputForm
13 |
14 | # --------------------------------------------------------------
15 | # Project imports
16 | # --------------------------------------------------------------
17 | from utils.decorators import ajax_required
18 | from utils.mixins import FormErrors
19 |
20 | # --------------------------------------------------------------
21 | # 3rd Party imports
22 | # --------------------------------------------------------------
23 | import openai
24 |
25 | openai.api_key = settings.OPENAI_API_KEY
26 |
27 | class HomeView(generic.FormView):
28 | """
29 | FormView used for our home page.
30 |
31 | **Template:**
32 |
33 | :template:`index.html`
34 | """
35 | template_name = "index.html"
36 | form_class = InputForm
37 | success_url = "/"
38 |
39 | def generate_prompt(self, input):
40 | return f'Suggest three {input} animal names'
41 |
42 | @method_decorator(ajax_required)
43 | def post(self, request,*args, **kwargs):
44 | data = {'result': 'Error', 'message': "Something went wrong, please try again", "redirect": False, "data":None}
45 | form = InputForm(request.POST)
46 | if form.is_valid():
47 |
48 | input = form.cleaned_data.get("input")
49 |
50 | response = openai.Completion.create(
51 | model="text-davinci-003",
52 | prompt=self.generate_prompt(input),
53 | temperature=0.6,
54 | )
55 | data.update({
56 | 'result': "Success",
57 | 'message': "ChatGPT has suggested some names",
58 | 'data': list(filter(None,response.choices[0].text.splitlines( )))
59 | })
60 | return JsonResponse(data)
61 |
62 | else:
63 | data["message"] = FormErrors(form)
64 | return JsonResponse(data, status=400)
65 |
--------------------------------------------------------------------------------
/backend/django_chatgpt/__init__.py:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bobby-didcoding/django-chatgpt/3d44f933480744d1f80e3842a73b83d2d9637cfa/backend/django_chatgpt/__init__.py
--------------------------------------------------------------------------------
/backend/django_chatgpt/asgi.py:
--------------------------------------------------------------------------------
1 | """
2 | ASGI config for django_chatgpt project.
3 |
4 | It exposes the ASGI callable as a module-level variable named ``application``.
5 |
6 | For more information on this file, see
7 | https://docs.djangoproject.com/en/4.1/howto/deployment/asgi/
8 | """
9 |
10 | import os
11 |
12 | from django.core.asgi import get_asgi_application
13 |
14 | os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'django_chatgpt.settings')
15 |
16 | application = get_asgi_application()
17 |
--------------------------------------------------------------------------------
/backend/django_chatgpt/settings.py:
--------------------------------------------------------------------------------
1 | from pathlib import Path
2 | from dotenv import load_dotenv
3 | import os
4 | import socket
5 | load_dotenv()
6 |
7 | # Build paths inside the project like this: BASE_DIR / 'subdir'.
8 | BASE_DIR = Path(__file__).resolve().parent.parent
9 |
10 | SECRET_KEY = os.environ.get("SECRET_KEY")
11 | DEBUG = int(os.environ.get("DEBUG", default=0))
12 |
13 | ALLOWED_HOSTS = os.environ.get("DJANGO_ALLOWED_HOSTS").split(" ")
14 | DATABASES = {
15 | "default": {
16 | "ENGINE": os.environ.get("DB_ENGINE", "django.db.backends.sqlite3"),
17 | "NAME": os.environ.get("DB_NAME", BASE_DIR / "db.sqlite3"),
18 | "USER": os.environ.get("DB_USER", "user"),
19 | "PASSWORD": os.environ.get("DB_PASSWORD", "password"),
20 | "HOST": os.environ.get("DB_HOST", "localhost"),
21 | "PORT": os.environ.get("DB_PORT", "5432"),
22 | }
23 | }
24 |
25 |
26 | # Application definition
27 |
28 | INSTALLED_APPS = [
29 | 'django.contrib.admin',
30 | 'django.contrib.auth',
31 | 'django.contrib.contenttypes',
32 | 'django.contrib.sessions',
33 | 'django.contrib.messages',
34 | 'django.contrib.staticfiles',
35 | 'core'
36 | ]
37 |
38 | MIDDLEWARE = [
39 | 'django.middleware.security.SecurityMiddleware',
40 | 'django.contrib.sessions.middleware.SessionMiddleware',
41 | 'django.middleware.common.CommonMiddleware',
42 | 'django.middleware.csrf.CsrfViewMiddleware',
43 | 'django.contrib.auth.middleware.AuthenticationMiddleware',
44 | 'django.contrib.messages.middleware.MessageMiddleware',
45 | 'django.middleware.clickjacking.XFrameOptionsMiddleware',
46 | ]
47 |
48 | ROOT_URLCONF = 'django_chatgpt.urls'
49 |
50 | TEMPLATES = [
51 | {
52 | 'BACKEND': 'django.template.backends.django.DjangoTemplates',
53 | 'DIRS': [
54 | 'templates'
55 | ],
56 | 'APP_DIRS': True,
57 | 'OPTIONS': {
58 | 'context_processors': [
59 | 'django.template.context_processors.debug',
60 | 'django.template.context_processors.request',
61 | 'django.contrib.auth.context_processors.auth',
62 | 'django.contrib.messages.context_processors.messages',
63 | ],
64 | },
65 | },
66 | ]
67 |
68 | WSGI_APPLICATION = 'django_chatgpt.wsgi.application'
69 |
70 | # Password validation
71 | # https://docs.djangoproject.com/en/4.1/ref/settings/#auth-password-validators
72 |
73 | AUTH_PASSWORD_VALIDATORS = [
74 | {
75 | 'NAME': 'django.contrib.auth.password_validation.UserAttributeSimilarityValidator',
76 | },
77 | {
78 | 'NAME': 'django.contrib.auth.password_validation.MinimumLengthValidator',
79 | },
80 | {
81 | 'NAME': 'django.contrib.auth.password_validation.CommonPasswordValidator',
82 | },
83 | {
84 | 'NAME': 'django.contrib.auth.password_validation.NumericPasswordValidator',
85 | },
86 | ]
87 |
88 |
89 | # Internationalization
90 | # https://docs.djangoproject.com/en/4.1/topics/i18n/
91 |
92 | LANGUAGE_CODE = 'en-gb'
93 | TIME_ZONE = 'Europe/London'
94 | USE_I18N = True
95 | USE_TZ = True
96 |
97 |
98 | # Static files (CSS, JavaScript, Images)
99 | # https://docs.djangoproject.com/en/4.1/howto/static-files/
100 |
101 | STATICFILES_DIRS = [
102 | os.path.join(BASE_DIR, 'static'),
103 | os.path.join(BASE_DIR, 'media')
104 | ]
105 |
106 | STATIC_URL = "/static/"
107 | STATIC_ROOT = BASE_DIR / "staticfiles"
108 |
109 | MEDIA_URL = "/media/"
110 | MEDIA_ROOT = BASE_DIR / "mediafiles"
111 |
112 | # Default primary key field type
113 | # https://docs.djangoproject.com/en/4.1/ref/settings/#default-auto-field
114 |
115 | DEFAULT_AUTO_FIELD = 'django.db.models.BigAutoField'
116 |
117 | OPENAI_API_KEY = os.environ.get("OPENAI_API_KEY")
--------------------------------------------------------------------------------
/backend/django_chatgpt/urls.py:
--------------------------------------------------------------------------------
1 | # --------------------------------------------------------------
2 | # Django imports
3 | # --------------------------------------------------------------
4 | from django.urls import path, include
5 | from django.conf import settings
6 | from django.conf.urls.static import static
7 | from django.contrib import admin
8 |
9 | urlpatterns = [
10 | path('admin/', admin.site.urls),
11 | path('', include('core.urls', namespace="core")),
12 | ]
13 |
14 | if settings.DEBUG == 1:
15 | urlpatterns += static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)
16 | urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
17 | else:
18 | urlpatterns += static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)
19 |
20 |
--------------------------------------------------------------------------------
/backend/django_chatgpt/wsgi.py:
--------------------------------------------------------------------------------
1 | """
2 | WSGI config for django_chatgpt project.
3 |
4 | It exposes the WSGI callable as a module-level variable named ``application``.
5 |
6 | For more information on this file, see
7 | https://docs.djangoproject.com/en/4.1/howto/deployment/wsgi/
8 | """
9 |
10 | import os
11 |
12 | from django.core.wsgi import get_wsgi_application
13 |
14 | os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'django_chatgpt.settings')
15 |
16 | application = get_wsgi_application()
17 |
--------------------------------------------------------------------------------
/backend/docker/docker_files/Dockerfile:
--------------------------------------------------------------------------------
1 | FROM python:3.10
2 |
3 | ### 1. Set environment variables
4 | ENV PYTHONUNBUFFERED 1
5 | ENV PYTHONDONTWRITEBYTECODE 1
6 |
7 | ### 2. Setup working dir
8 | RUN mkdir /code
9 | COPY . /code/
10 | WORKDIR /code
11 |
12 | ### 3. Install dependancies
13 | RUN set -e; \
14 | /usr/local/bin/python -m pip install --upgrade pip ;\
15 | python -m pip install --default-timeout=100 -r /code/requirements.txt ;\
16 | chmod +x /code/docker/entrypoints/entrypoint.sh ;
17 |
18 | EXPOSE 8000
19 | ENTRYPOINT ["/code/docker/entrypoints/entrypoint.sh"]
--------------------------------------------------------------------------------
/backend/docker/entrypoints/entrypoint.sh:
--------------------------------------------------------------------------------
1 | #!/bin/sh
2 | python manage.py makemigrations
3 | python manage.py migrate
4 | exec "$@"
5 |
6 |
--------------------------------------------------------------------------------
/backend/manage.py:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env python
2 | """Django's command-line utility for administrative tasks."""
3 | import os
4 | import sys
5 |
6 |
7 | def main():
8 | """Run administrative tasks."""
9 | os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'django_chatgpt.settings')
10 | try:
11 | from django.core.management import execute_from_command_line
12 | except ImportError as exc:
13 | raise ImportError(
14 | "Couldn't import Django. Are you sure it's installed and "
15 | "available on your PYTHONPATH environment variable? Did you "
16 | "forget to activate a virtual environment?"
17 | ) from exc
18 | execute_from_command_line(sys.argv)
19 |
20 |
21 | if __name__ == '__main__':
22 | main()
23 |
--------------------------------------------------------------------------------
/backend/requirements.txt:
--------------------------------------------------------------------------------
1 | aiohttp==3.8.4
2 | aiosignal==1.3.1
3 | asgiref==3.6.0
4 | async-timeout==4.0.2
5 | attrs==22.2.0
6 | autopep8==1.6.0
7 | certifi==2021.10.8
8 | charset-normalizer==2.0.7
9 | click==8.0.3
10 | Django==4.1.7
11 | et-xmlfile==1.1.0
12 | frozenlist==1.3.3
13 | idna==3.3
14 | itsdangerous==2.0.1
15 | MarkupSafe==2.0.1
16 | multidict==6.0.4
17 | numpy==1.21.3
18 | openai==0.27.2
19 | openpyxl==3.0.9
20 | pandas==1.3.4
21 | pandas-stubs==1.2.0.35
22 | psycopg2-binary==2.9.5
23 | pycodestyle==2.8.0
24 | python-dateutil==2.8.2
25 | python-dotenv==0.19.2
26 | pytz==2021.3
27 | requests==2.26.0
28 | six==1.16.0
29 | sqlparse==0.4.3
30 | toml==0.10.2
31 | tqdm==4.62.3
32 | urllib3==1.26.7
33 | Werkzeug==2.0.2
34 | yarl==1.8.2
--------------------------------------------------------------------------------
/backend/static/dog.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bobby-didcoding/django-chatgpt/3d44f933480744d1f80e3842a73b83d2d9637cfa/backend/static/dog.png
--------------------------------------------------------------------------------
/backend/static/jquery-3.5.1.min.js:
--------------------------------------------------------------------------------
1 | /*! jQuery v3.5.1 | (c) JS Foundation and other contributors | jquery.org/license */
2 | !function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(C,e){"use strict";var t=[],r=Object.getPrototypeOf,s=t.slice,g=t.flat?function(e){return t.flat.call(e)}:function(e){return t.concat.apply([],e)},u=t.push,i=t.indexOf,n={},o=n.toString,v=n.hasOwnProperty,a=v.toString,l=a.call(Object),y={},m=function(e){return"function"==typeof e&&"number"!=typeof e.nodeType},x=function(e){return null!=e&&e===e.window},E=C.document,c={type:!0,src:!0,nonce:!0,noModule:!0};function b(e,t,n){var r,i,o=(n=n||E).createElement("script");if(o.text=e,t)for(r in c)(i=t[r]||t.getAttribute&&t.getAttribute(r))&&o.setAttribute(r,i);n.head.appendChild(o).parentNode.removeChild(o)}function w(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?n[o.call(e)]||"object":typeof e}var f="3.5.1",S=function(e,t){return new S.fn.init(e,t)};function p(e){var t=!!e&&"length"in e&&e.length,n=w(e);return!m(e)&&!x(e)&&("array"===n||0===t||"number"==typeof t&&0+~]|"+M+")"+M+"*"),U=new RegExp(M+"|>"),X=new RegExp(F),V=new RegExp("^"+I+"$"),G={ID:new RegExp("^#("+I+")"),CLASS:new RegExp("^\\.("+I+")"),TAG:new RegExp("^("+I+"|[*])"),ATTR:new RegExp("^"+W),PSEUDO:new RegExp("^"+F),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+M+"*(even|odd|(([+-]|)(\\d*)n|)"+M+"*(?:([+-]|)"+M+"*(\\d+)|))"+M+"*\\)|)","i"),bool:new RegExp("^(?:"+R+")$","i"),needsContext:new RegExp("^"+M+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+M+"*((?:-\\d)?\\d*)"+M+"*\\)|)(?=[^-]|$)","i")},Y=/HTML$/i,Q=/^(?:input|select|textarea|button)$/i,J=/^h\d$/i,K=/^[^{]+\{\s*\[native \w/,Z=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,ee=/[+~]/,te=new RegExp("\\\\[\\da-fA-F]{1,6}"+M+"?|\\\\([^\\r\\n\\f])","g"),ne=function(e,t){var n="0x"+e.slice(1)-65536;return t||(n<0?String.fromCharCode(n+65536):String.fromCharCode(n>>10|55296,1023&n|56320))},re=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,ie=function(e,t){return t?"\0"===e?"\ufffd":e.slice(0,-1)+"\\"+e.charCodeAt(e.length-1).toString(16)+" ":"\\"+e},oe=function(){T()},ae=be(function(e){return!0===e.disabled&&"fieldset"===e.nodeName.toLowerCase()},{dir:"parentNode",next:"legend"});try{H.apply(t=O.call(p.childNodes),p.childNodes),t[p.childNodes.length].nodeType}catch(e){H={apply:t.length?function(e,t){L.apply(e,O.call(t))}:function(e,t){var n=e.length,r=0;while(e[n++]=t[r++]);e.length=n-1}}}function se(t,e,n,r){var i,o,a,s,u,l,c,f=e&&e.ownerDocument,p=e?e.nodeType:9;if(n=n||[],"string"!=typeof t||!t||1!==p&&9!==p&&11!==p)return n;if(!r&&(T(e),e=e||C,E)){if(11!==p&&(u=Z.exec(t)))if(i=u[1]){if(9===p){if(!(a=e.getElementById(i)))return n;if(a.id===i)return n.push(a),n}else if(f&&(a=f.getElementById(i))&&y(e,a)&&a.id===i)return n.push(a),n}else{if(u[2])return H.apply(n,e.getElementsByTagName(t)),n;if((i=u[3])&&d.getElementsByClassName&&e.getElementsByClassName)return H.apply(n,e.getElementsByClassName(i)),n}if(d.qsa&&!N[t+" "]&&(!v||!v.test(t))&&(1!==p||"object"!==e.nodeName.toLowerCase())){if(c=t,f=e,1===p&&(U.test(t)||z.test(t))){(f=ee.test(t)&&ye(e.parentNode)||e)===e&&d.scope||((s=e.getAttribute("id"))?s=s.replace(re,ie):e.setAttribute("id",s=S)),o=(l=h(t)).length;while(o--)l[o]=(s?"#"+s:":scope")+" "+xe(l[o]);c=l.join(",")}try{return H.apply(n,f.querySelectorAll(c)),n}catch(e){N(t,!0)}finally{s===S&&e.removeAttribute("id")}}}return g(t.replace($,"$1"),e,n,r)}function ue(){var r=[];return function e(t,n){return r.push(t+" ")>b.cacheLength&&delete e[r.shift()],e[t+" "]=n}}function le(e){return e[S]=!0,e}function ce(e){var t=C.createElement("fieldset");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function fe(e,t){var n=e.split("|"),r=n.length;while(r--)b.attrHandle[n[r]]=t}function pe(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&e.sourceIndex-t.sourceIndex;if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function de(t){return function(e){return"input"===e.nodeName.toLowerCase()&&e.type===t}}function he(n){return function(e){var t=e.nodeName.toLowerCase();return("input"===t||"button"===t)&&e.type===n}}function ge(t){return function(e){return"form"in e?e.parentNode&&!1===e.disabled?"label"in e?"label"in e.parentNode?e.parentNode.disabled===t:e.disabled===t:e.isDisabled===t||e.isDisabled!==!t&&ae(e)===t:e.disabled===t:"label"in e&&e.disabled===t}}function ve(a){return le(function(o){return o=+o,le(function(e,t){var n,r=a([],e.length,o),i=r.length;while(i--)e[n=r[i]]&&(e[n]=!(t[n]=e[n]))})})}function ye(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e}for(e in d=se.support={},i=se.isXML=function(e){var t=e.namespaceURI,n=(e.ownerDocument||e).documentElement;return!Y.test(t||n&&n.nodeName||"HTML")},T=se.setDocument=function(e){var t,n,r=e?e.ownerDocument||e:p;return r!=C&&9===r.nodeType&&r.documentElement&&(a=(C=r).documentElement,E=!i(C),p!=C&&(n=C.defaultView)&&n.top!==n&&(n.addEventListener?n.addEventListener("unload",oe,!1):n.attachEvent&&n.attachEvent("onunload",oe)),d.scope=ce(function(e){return a.appendChild(e).appendChild(C.createElement("div")),"undefined"!=typeof e.querySelectorAll&&!e.querySelectorAll(":scope fieldset div").length}),d.attributes=ce(function(e){return e.className="i",!e.getAttribute("className")}),d.getElementsByTagName=ce(function(e){return e.appendChild(C.createComment("")),!e.getElementsByTagName("*").length}),d.getElementsByClassName=K.test(C.getElementsByClassName),d.getById=ce(function(e){return a.appendChild(e).id=S,!C.getElementsByName||!C.getElementsByName(S).length}),d.getById?(b.filter.ID=function(e){var t=e.replace(te,ne);return function(e){return e.getAttribute("id")===t}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n=t.getElementById(e);return n?[n]:[]}}):(b.filter.ID=function(e){var n=e.replace(te,ne);return function(e){var t="undefined"!=typeof e.getAttributeNode&&e.getAttributeNode("id");return t&&t.value===n}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n,r,i,o=t.getElementById(e);if(o){if((n=o.getAttributeNode("id"))&&n.value===e)return[o];i=t.getElementsByName(e),r=0;while(o=i[r++])if((n=o.getAttributeNode("id"))&&n.value===e)return[o]}return[]}}),b.find.TAG=d.getElementsByTagName?function(e,t){return"undefined"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):d.qsa?t.querySelectorAll(e):void 0}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},b.find.CLASS=d.getElementsByClassName&&function(e,t){if("undefined"!=typeof t.getElementsByClassName&&E)return t.getElementsByClassName(e)},s=[],v=[],(d.qsa=K.test(C.querySelectorAll))&&(ce(function(e){var t;a.appendChild(e).innerHTML="",e.querySelectorAll("[msallowcapture^='']").length&&v.push("[*^$]="+M+"*(?:''|\"\")"),e.querySelectorAll("[selected]").length||v.push("\\["+M+"*(?:value|"+R+")"),e.querySelectorAll("[id~="+S+"-]").length||v.push("~="),(t=C.createElement("input")).setAttribute("name",""),e.appendChild(t),e.querySelectorAll("[name='']").length||v.push("\\["+M+"*name"+M+"*="+M+"*(?:''|\"\")"),e.querySelectorAll(":checked").length||v.push(":checked"),e.querySelectorAll("a#"+S+"+*").length||v.push(".#.+[+~]"),e.querySelectorAll("\\\f"),v.push("[\\r\\n\\f]")}),ce(function(e){e.innerHTML="";var t=C.createElement("input");t.setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),e.querySelectorAll("[name=d]").length&&v.push("name"+M+"*[*^$|!~]?="),2!==e.querySelectorAll(":enabled").length&&v.push(":enabled",":disabled"),a.appendChild(e).disabled=!0,2!==e.querySelectorAll(":disabled").length&&v.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),v.push(",.*:")})),(d.matchesSelector=K.test(c=a.matches||a.webkitMatchesSelector||a.mozMatchesSelector||a.oMatchesSelector||a.msMatchesSelector))&&ce(function(e){d.disconnectedMatch=c.call(e,"*"),c.call(e,"[s!='']:x"),s.push("!=",F)}),v=v.length&&new RegExp(v.join("|")),s=s.length&&new RegExp(s.join("|")),t=K.test(a.compareDocumentPosition),y=t||K.test(a.contains)?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},D=t?function(e,t){if(e===t)return l=!0,0;var n=!e.compareDocumentPosition-!t.compareDocumentPosition;return n||(1&(n=(e.ownerDocument||e)==(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!d.sortDetached&&t.compareDocumentPosition(e)===n?e==C||e.ownerDocument==p&&y(p,e)?-1:t==C||t.ownerDocument==p&&y(p,t)?1:u?P(u,e)-P(u,t):0:4&n?-1:1)}:function(e,t){if(e===t)return l=!0,0;var n,r=0,i=e.parentNode,o=t.parentNode,a=[e],s=[t];if(!i||!o)return e==C?-1:t==C?1:i?-1:o?1:u?P(u,e)-P(u,t):0;if(i===o)return pe(e,t);n=e;while(n=n.parentNode)a.unshift(n);n=t;while(n=n.parentNode)s.unshift(n);while(a[r]===s[r])r++;return r?pe(a[r],s[r]):a[r]==p?-1:s[r]==p?1:0}),C},se.matches=function(e,t){return se(e,null,null,t)},se.matchesSelector=function(e,t){if(T(e),d.matchesSelector&&E&&!N[t+" "]&&(!s||!s.test(t))&&(!v||!v.test(t)))try{var n=c.call(e,t);if(n||d.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(e){N(t,!0)}return 0":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(te,ne),e[3]=(e[3]||e[4]||e[5]||"").replace(te,ne),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||se.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&se.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return G.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&X.test(n)&&(t=h(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(te,ne).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=m[e+" "];return t||(t=new RegExp("(^|"+M+")"+e+"("+M+"|$)"))&&m(e,function(e){return t.test("string"==typeof e.className&&e.className||"undefined"!=typeof e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(n,r,i){return function(e){var t=se.attr(e,n);return null==t?"!="===r:!r||(t+="","="===r?t===i:"!="===r?t!==i:"^="===r?i&&0===t.indexOf(i):"*="===r?i&&-1:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;function D(e,n,r){return m(n)?S.grep(e,function(e,t){return!!n.call(e,t,e)!==r}):n.nodeType?S.grep(e,function(e){return e===n!==r}):"string"!=typeof n?S.grep(e,function(e){return-1)[^>]*|#([\w-]+))$/;(S.fn.init=function(e,t,n){var r,i;if(!e)return this;if(n=n||j,"string"==typeof e){if(!(r="<"===e[0]&&">"===e[e.length-1]&&3<=e.length?[null,e,null]:q.exec(e))||!r[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(r[1]){if(t=t instanceof S?t[0]:t,S.merge(this,S.parseHTML(r[1],t&&t.nodeType?t.ownerDocument||t:E,!0)),N.test(r[1])&&S.isPlainObject(t))for(r in t)m(this[r])?this[r](t[r]):this.attr(r,t[r]);return this}return(i=E.getElementById(r[2]))&&(this[0]=i,this.length=1),this}return e.nodeType?(this[0]=e,this.length=1,this):m(e)?void 0!==n.ready?n.ready(e):e(S):S.makeArray(e,this)}).prototype=S.fn,j=S(E);var L=/^(?:parents|prev(?:Until|All))/,H={children:!0,contents:!0,next:!0,prev:!0};function O(e,t){while((e=e[t])&&1!==e.nodeType);return e}S.fn.extend({has:function(e){var t=S(e,this),n=t.length;return this.filter(function(){for(var e=0;e\x20\t\r\n\f]*)/i,he=/^$|^module$|\/(?:java|ecma)script/i;ce=E.createDocumentFragment().appendChild(E.createElement("div")),(fe=E.createElement("input")).setAttribute("type","radio"),fe.setAttribute("checked","checked"),fe.setAttribute("name","t"),ce.appendChild(fe),y.checkClone=ce.cloneNode(!0).cloneNode(!0).lastChild.checked,ce.innerHTML="",y.noCloneChecked=!!ce.cloneNode(!0).lastChild.defaultValue,ce.innerHTML="",y.option=!!ce.lastChild;var ge={thead:[1,""],col:[2,""],tr:[2,""],td:[3,""],_default:[0,"",""]};function ve(e,t){var n;return n="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):[],void 0===t||t&&A(e,t)?S.merge([e],n):n}function ye(e,t){for(var n=0,r=e.length;n",""]);var me=/<|?\w+;/;function xe(e,t,n,r,i){for(var o,a,s,u,l,c,f=t.createDocumentFragment(),p=[],d=0,h=e.length;d\s*$/g;function qe(e,t){return A(e,"table")&&A(11!==t.nodeType?t:t.firstChild,"tr")&&S(e).children("tbody")[0]||e}function Le(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function He(e){return"true/"===(e.type||"").slice(0,5)?e.type=e.type.slice(5):e.removeAttribute("type"),e}function Oe(e,t){var n,r,i,o,a,s;if(1===t.nodeType){if(Y.hasData(e)&&(s=Y.get(e).events))for(i in Y.remove(t,"handle events"),s)for(n=0,r=s[i].length;n").attr(n.scriptAttrs||{}).prop({charset:n.scriptCharset,src:n.url}).on("load error",i=function(e){r.remove(),i=null,e&&t("error"===e.type?404:200,e.type)}),E.head.appendChild(r[0])},abort:function(){i&&i()}}});var Ut,Xt=[],Vt=/(=)\?(?=&|$)|\?\?/;S.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=Xt.pop()||S.expando+"_"+Ct.guid++;return this[e]=!0,e}}),S.ajaxPrefilter("json jsonp",function(e,t,n){var r,i,o,a=!1!==e.jsonp&&(Vt.test(e.url)?"url":"string"==typeof e.data&&0===(e.contentType||"").indexOf("application/x-www-form-urlencoded")&&Vt.test(e.data)&&"data");if(a||"jsonp"===e.dataTypes[0])return r=e.jsonpCallback=m(e.jsonpCallback)?e.jsonpCallback():e.jsonpCallback,a?e[a]=e[a].replace(Vt,"$1"+r):!1!==e.jsonp&&(e.url+=(Et.test(e.url)?"&":"?")+e.jsonp+"="+r),e.converters["script json"]=function(){return o||S.error(r+" was not called"),o[0]},e.dataTypes[0]="json",i=C[r],C[r]=function(){o=arguments},n.always(function(){void 0===i?S(C).removeProp(r):C[r]=i,e[r]&&(e.jsonpCallback=t.jsonpCallback,Xt.push(r)),o&&m(i)&&i(o[0]),o=i=void 0}),"script"}),y.createHTMLDocument=((Ut=E.implementation.createHTMLDocument("").body).innerHTML="",2===Ut.childNodes.length),S.parseHTML=function(e,t,n){return"string"!=typeof e?[]:("boolean"==typeof t&&(n=t,t=!1),t||(y.createHTMLDocument?((r=(t=E.implementation.createHTMLDocument("")).createElement("base")).href=E.location.href,t.head.appendChild(r)):t=E),o=!n&&[],(i=N.exec(e))?[t.createElement(i[1])]:(i=xe([e],t,o),o&&o.length&&S(o).remove(),S.merge([],i.childNodes)));var r,i,o},S.fn.load=function(e,t,n){var r,i,o,a=this,s=e.indexOf(" ");return-1").append(S.parseHTML(e)).find(r):e)}).always(n&&function(e,t){a.each(function(){n.apply(this,o||[e.responseText,t,e])})}),this},S.expr.pseudos.animated=function(t){return S.grep(S.timers,function(e){return t===e.elem}).length},S.offset={setOffset:function(e,t,n){var r,i,o,a,s,u,l=S.css(e,"position"),c=S(e),f={};"static"===l&&(e.style.position="relative"),s=c.offset(),o=S.css(e,"top"),u=S.css(e,"left"),("absolute"===l||"fixed"===l)&&-1<(o+u).indexOf("auto")?(a=(r=c.position()).top,i=r.left):(a=parseFloat(o)||0,i=parseFloat(u)||0),m(t)&&(t=t.call(e,n,S.extend({},s))),null!=t.top&&(f.top=t.top-s.top+a),null!=t.left&&(f.left=t.left-s.left+i),"using"in t?t.using.call(e,f):("number"==typeof f.top&&(f.top+="px"),"number"==typeof f.left&&(f.left+="px"),c.css(f))}},S.fn.extend({offset:function(t){if(arguments.length)return void 0===t?this:this.each(function(e){S.offset.setOffset(this,t,e)});var e,n,r=this[0];return r?r.getClientRects().length?(e=r.getBoundingClientRect(),n=r.ownerDocument.defaultView,{top:e.top+n.pageYOffset,left:e.left+n.pageXOffset}):{top:0,left:0}:void 0},position:function(){if(this[0]){var e,t,n,r=this[0],i={top:0,left:0};if("fixed"===S.css(r,"position"))t=r.getBoundingClientRect();else{t=this.offset(),n=r.ownerDocument,e=r.offsetParent||n.documentElement;while(e&&(e===n.body||e===n.documentElement)&&"static"===S.css(e,"position"))e=e.parentNode;e&&e!==r&&1===e.nodeType&&((i=S(e).offset()).top+=S.css(e,"borderTopWidth",!0),i.left+=S.css(e,"borderLeftWidth",!0))}return{top:t.top-i.top-S.css(r,"marginTop",!0),left:t.left-i.left-S.css(r,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent;while(e&&"static"===S.css(e,"position"))e=e.offsetParent;return e||re})}}),S.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(t,i){var o="pageYOffset"===i;S.fn[t]=function(e){return $(this,function(e,t,n){var r;if(x(e)?r=e:9===e.nodeType&&(r=e.defaultView),void 0===n)return r?r[i]:e[t];r?r.scrollTo(o?r.pageXOffset:n,o?n:r.pageYOffset):e[t]=n},t,e,arguments.length)}}),S.each(["top","left"],function(e,n){S.cssHooks[n]=$e(y.pixelPosition,function(e,t){if(t)return t=Be(e,n),Me.test(t)?S(e).position()[n]+"px":t})}),S.each({Height:"height",Width:"width"},function(a,s){S.each({padding:"inner"+a,content:s,"":"outer"+a},function(r,o){S.fn[o]=function(e,t){var n=arguments.length&&(r||"boolean"!=typeof e),i=r||(!0===e||!0===t?"margin":"border");return $(this,function(e,t,n){var r;return x(e)?0===o.indexOf("outer")?e["inner"+a]:e.document.documentElement["client"+a]:9===e.nodeType?(r=e.documentElement,Math.max(e.body["scroll"+a],r["scroll"+a],e.body["offset"+a],r["offset"+a],r["client"+a])):void 0===n?S.css(e,t,i):S.style(e,t,n,i)},s,n?e:void 0,n)}})}),S.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){S.fn[t]=function(e){return this.on(t,e)}}),S.fn.extend({bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)},delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)},hover:function(e,t){return this.mouseenter(e).mouseleave(t||e)}}),S.each("blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(" "),function(e,n){S.fn[n]=function(e,t){return 0Loading...');
7 | };
8 | function CustomFormSubmitResponse(e) {
9 | var el = $(e);
10 | el.removeAttr('disabled').text(temp_button_text);
11 | };
12 |
13 | function getSubmitButton(form){
14 | return form.find(":submit")
15 | }
16 |
17 |
18 | var DemoFunctions = function(){
19 |
20 | "use strict"
21 |
22 | var basicForm = function (){
23 | var form = $('#basicform')
24 | var submitButton = getSubmitButton(form)
25 | form.submit(function(event){
26 | event.preventDefault();
27 | CustomFormSubmitPost(submitButton);
28 | var formData = form.serialize()
29 | $.ajax({
30 | url: form.attr("action"),
31 | method: form.attr("method"),
32 | data: formData,
33 | success: function(json){
34 | CustomFormSubmitResponse(submitButton);
35 | var names = json["data"]
36 | $('.names').remove();
37 | for (var i = 0; i < names.length; i++) {
38 | $('.result').append(""+names[i]+"");
39 | }
40 | },
41 | error: function(json){
42 | CustomFormSubmitResponse(submitButton);
43 | console.log(json.status + ": " + json.responseText);
44 | }
45 | })
46 | });
47 | };
48 |
49 | var basicImageForm = function (){
50 | var form = $('#basicimageform')
51 | var submitButton = getSubmitButton(form)
52 | form.submit(function(event){
53 | event.preventDefault();
54 | CustomFormSubmitPost(submitButton);
55 | var formData = form.serialize()
56 | $.ajax({
57 | url: form.attr("action"),
58 | method: form.attr("method"),
59 | data: formData,
60 | success: function(json){
61 | CustomFormSubmitResponse(submitButton);
62 | var image = json["data"]
63 | $('.images').remove();
64 | $('.result').append(
65 | "
"
66 | );
67 |
68 | },
69 | error: function(json){
70 | CustomFormSubmitResponse(submitButton);
71 | console.log(json.status + ": " + json.responseText);
72 | }
73 | })
74 | });
75 | };
76 |
77 | /* Function ============ */
78 | return {
79 | init:function(){
80 | basicForm();
81 | basicImageForm();
82 | },
83 | }
84 |
85 | }();
86 |
87 | /* Document.ready Start */
88 | jQuery(document).ready(function() {
89 | 'use strict';
90 | DemoFunctions.init();
91 |
92 | });
93 |
94 | $(function() {
95 | // This function gets cookie with a given name
96 | function getCookie(name) {
97 | var cookieValue = null;
98 | if (document.cookie && document.cookie != '') {
99 | var cookies = document.cookie.split(';');
100 | for (var i = 0; i < cookies.length; i++) {
101 | var cookie = jQuery.trim(cookies[i]);
102 | // Does this cookie string begin with the name we want?
103 | if (cookie.substring(0, name.length + 1) == (name + '=')) {
104 | cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
105 | break;
106 | }
107 | }
108 | }
109 | return cookieValue;
110 | }
111 | var csrftoken = getCookie('csrftoken');
112 | function csrfSafeMethod(method) {
113 | // these HTTP methods do not require CSRF protection
114 | return (/^(GET|HEAD|OPTIONS|TRACE)$/.test(method));
115 | }
116 | function sameOrigin(url) {
117 | // test that a given url is a same-origin URL
118 | // url could be relative or scheme relative or absolute
119 | var host = document.location.host; // host + port
120 | var protocol = document.location.protocol;
121 | var sr_origin = '//' + host;
122 | var origin = protocol + sr_origin;
123 | // Allow absolute or scheme relative URLs to same origin
124 | return (url == origin || url.slice(0, origin.length + 1) == origin + '/') ||
125 | (url == sr_origin || url.slice(0, sr_origin.length + 1) == sr_origin + '/') ||
126 | // or any other URL that isn't scheme relative or absolute i.e relative.
127 | !(/^(\/\/|http:|https:).*/.test(url));
128 | }
129 | $.ajaxSetup({
130 | beforeSend: function(json, settings) {
131 | if (!csrfSafeMethod(settings.type) && sameOrigin(settings.url)) {
132 | // Send the token to same-origin, relative URLs only.
133 | // Send the token only if the method warrants CSRF protection
134 | // Using the CSRFToken value acquired earlier
135 | json.setRequestHeader("X-CSRFToken", csrftoken);
136 | }
137 | }
138 | });
139 | })
140 |
--------------------------------------------------------------------------------
/backend/templates/generate_logo.html:
--------------------------------------------------------------------------------
1 | {% load static %}
2 |
3 |
4 | Django ChatGPT demo
5 |
9 |
10 |
11 |
12 |
13 | {% comment %}
{% endcomment %}
14 | Use AI to create a logo
15 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
--------------------------------------------------------------------------------
/backend/templates/index.html:
--------------------------------------------------------------------------------
1 | {% load static %}
2 |
3 |
4 | Django ChatGPT demo
5 |
9 |
10 |
11 |
12 |
13 |
14 | Name my pet
15 |
20 |
21 |
25 |
26 |
27 |
28 |
29 |
--------------------------------------------------------------------------------
/backend/utils/__init__.py:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bobby-didcoding/django-chatgpt/3d44f933480744d1f80e3842a73b83d2d9637cfa/backend/utils/__init__.py
--------------------------------------------------------------------------------
/backend/utils/decorators/__init__.py:
--------------------------------------------------------------------------------
1 | # --------------------------------------------------------------
2 | # Django imports
3 | # --------------------------------------------------------------
4 | from django.http import HttpResponseBadRequest
5 |
6 | def ajax_required(f):
7 | """
8 | AJAX request required decorator
9 | use it in your views:
10 |
11 | @ajax_required
12 | def my_view(request):
13 | ....
14 |
15 | """
16 | def wrap(request, *args, **kwargs):
17 | if not request.headers.get('x-requested-with') == 'XMLHttpRequest':
18 | return HttpResponseBadRequest('Invalid request')
19 | return f(request, *args, **kwargs)
20 |
21 | wrap.__doc__ = f.__doc__
22 | wrap.__name__ = f.__name__
23 | return wrap
24 |
25 |
--------------------------------------------------------------------------------
/backend/utils/mixins/__init__.py:
--------------------------------------------------------------------------------
1 | def FormErrors(*args):
2 | '''
3 | Handles form error that are passed back to AJAX calls
4 | '''
5 | message = ""
6 | for f in args:
7 | if f.errors:
8 | message = f.errors.as_text()
9 | return message
10 |
11 |
--------------------------------------------------------------------------------
/docker-compose.yml:
--------------------------------------------------------------------------------
1 | version: '3.8'
2 |
3 | services:
4 | db:
5 | image: postgres
6 | restart: unless-stopped
7 | volumes:
8 | - demo_data:/var/lib/postgresql/data
9 | environment:
10 | - POSTGRES_USER=${DB_USER}
11 | - POSTGRES_PASSWORD=${DB_PASSWORD}
12 | - POSTGRES_DB=${DB_NAME}
13 | - POSTGRES_PORT= ${DB_PORT}
14 | ports:
15 | - "5432:5432"
16 | container_name: demo_db
17 |
18 | app:
19 | build:
20 | context: ./backend
21 | dockerfile: docker/docker_files/Dockerfile
22 | platform: linux/amd64
23 | restart: unless-stopped
24 | command: python manage.py runserver 0.0.0.0:8000
25 | volumes:
26 | - ./backend:/code
27 | ports:
28 | - 8000:8000
29 | env_file:
30 | - ./.env
31 | depends_on:
32 | - db
33 | container_name: demo_app
34 |
35 |
36 | volumes:
37 | demo_data:
38 |
--------------------------------------------------------------------------------
/makefile:
--------------------------------------------------------------------------------
1 | ifneq (,$(wildcard ./.env))
2 | include .env
3 | export
4 | ENV_FILE_PARAM = --env-file .env
5 | endif
6 |
7 | build:
8 | docker-compose up -d --build --remove-orphans
9 |
10 | up:
11 | docker-compose up
12 |
13 | down:
14 | docker-compose down
15 |
16 | down_v:
17 | docker-compose down -v
18 |
19 | logs:
20 | docker-compose logs
21 |
22 | app_logs:
23 | docker-compose logs app
24 |
25 | db_logs:
26 | docker-compose logs db
27 |
28 | migrate:
29 | docker-compose exec app python manage.py migrate --noinput
30 |
31 | makemigrations:
32 | docker-compose exec app python manage.py makemigrations
33 |
34 | shell:
35 | docker-compose exec app python manage.py shell
36 |
37 | superuser:
38 | docker-compose exec app python manage.py createsuperuser
39 |
40 | test:
41 | docker-compose exec app python manage.py test
42 |
43 | prune:
44 | docker system prune
45 |
46 | enter_app:
47 | docker exec -it demo_app bash
48 |
--------------------------------------------------------------------------------