Initial commit

meat-source · meat-source · commit 7bfdf22d63e2 · 2020-04-20T20:07:33.000+03:00
diff --git a/demo/app/__init__.py b/demo/app/__init__.py
diff --git a/demo/app/admin.py b/demo/app/admin.py
@@ -0,0 +1,3 @@
+from django.contrib import admin
+
+# Register your models here.
diff --git a/demo/app/apps.py b/demo/app/apps.py
@@ -0,0 +1,5 @@
+from django.apps import AppConfig
+
+
+class AppConfig(AppConfig):
+    name = 'app'
diff --git a/demo/app/migrations/__init__.py b/demo/app/migrations/__init__.py
diff --git a/demo/app/models.py b/demo/app/models.py
@@ -0,0 +1,3 @@
+from django.db import models
+
+# Create your models here.
diff --git a/demo/app/templates/example_not_wrap.html b/demo/app/templates/example_not_wrap.html
@@ -0,0 +1,2 @@
+<center id="script_2">если вы это видите значит скрипт не работает!</center>
+<script>document.getElementById('script_2').innerHTML = 'эти данные без обертки div (нельзя применять к внешним скриптам!)'</script>
diff --git a/demo/app/templates/example_only_desktop.html b/demo/app/templates/example_only_desktop.html
@@ -0,0 +1 @@
+<center>Эти данные загружаются только для персональных пк (ajax)</center>
diff --git a/demo/app/templates/example_only_tablet.html b/demo/app/templates/example_only_tablet.html
@@ -0,0 +1 @@
+<center>Эти данные загружаются только для планшета (ajax)</center>
diff --git a/demo/app/templates/example_scripts.html b/demo/app/templates/example_scripts.html
@@ -0,0 +1,7 @@
+<center style="margin:20px 0;"><i># Скрипты внутренний - скрипт 1, внешний - скрипт 2 (есть src). </i>(ajax):</center>
+
+<center id="script_1" style="margin:20px 0;">если вы это видите значит скрипт не работает!</center>
+<script>document.getElementById('script_1').innerHTML = 'скрипт 1 подгружен'</script>
+<script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3Acf62ff10c3a3bfa99e60801b25cb1b672af8f94fbdf50b8a7919031f71cf0542&amp;width=500&amp;height=400&amp;lang=ru_RU&amp;scroll=false"></script>
+<center>скрипт 2 подгружен:</center>
+<center style="margin-bottom:20px;"><i>(внешние скрипты подгружаются после данных шаблона. это последняя строка)</i></center>
diff --git a/demo/app/templates/folder/example_only_mobile.html b/demo/app/templates/folder/example_only_mobile.html
@@ -0,0 +1 @@
+<center>Эти данные загружаются только для мобильных устройств (ajax)</center>
diff --git a/demo/app/templates/index.html b/demo/app/templates/index.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en">
+{% load tags %}
+<head>
+    <meta charset="UTF-8">
+    <title>Demo django-template-include-ajax</title>
+    <style>
+        html,body{
+            width:100%;
+        }
+    </style>
+</head>
+<body >
+<center>Данные без ajax</center><br>
+{% include_ajax 'example_only_tablet.html' minWidth='576' maxWidth='1025' %}
+{% include_ajax 'folder/example_only_mobile.html' maxWidth='576' %}
+{% include_ajax 'example_only_desktop.html' minWidth='1025' %}
+
+
+<div style="width:100%">
+	<div style="margin:auto;width:500px">
+{% include_ajax 'example_scripts.html' %}
+	</div>
+</div>
+<br>
+{% include_ajax 'example_not_wrap.html' delWrap='True' %}
+<br><br><br><br>
+
+
+
+
+</body>
+</html>
diff --git a/demo/app/templatetags/__init__.py b/demo/app/templatetags/__init__.py
diff --git a/demo/app/templatetags/tags.py b/demo/app/templatetags/tags.py
@@ -0,0 +1,121 @@
+from django import template
+from django.utils.safestring import mark_safe
+
+register = template.Library()
+
+
+@register.simple_tag(name='include_ajax')
+def include_ajax(template, minWidth='undefined', maxWidth='undefined', delWrap =False):
+    """
+    Назначение: django-Тег для отложенной загрузки шаблона через ajax. Поддерживает, как внутренние так и внешние
+    скрипты (через html-тег <sсript>). Имеет необязательное условие на минимальную и максимальную ширину экрана, при
+    котором загружается шаблон. Также имеет необязательный аргумент delWrap, который убирает обертку вокруг содержимого.
+    По умолчанию отключен.(ПРИ ВКЛЮЧЕНИИ НЕ ДАЕТ ЗАГРУЗИТСЯ ВНЕШНИМ СКРИПТАМ).
+
+    тестировалось на django 2.1.10
+    Создатель Вячеслав Уколов. вопросы и предложения по почте - (ukolovsl88@gmail.com)
+
+
+    ВНИМАНИЕ: рабочие скрипты после загрузки и исполнения самоудаляются !
+    ВНИМАНИЕ №2: внешние скрипты записываются в конец блока (т.е после данных)
+    ВНИМАНИЕ №3: ваш шаблон будет обернут в <div> вы можете убрать обертку раскомментировав строку ниже, но при этом не
+    будут успевать срабатывать внешние скрипты (допустим яндекс карта)
+    смысл такой: на вход приходит имя шаблона. Допольнительно максимальная и/или минимальная ширина экрана браузера
+    на выходе <div> с именем шаблона и солью + два скрипта один это ajax (загружает данные) и
+    onload вешает обработчик событий на конец загрузки страницы с запуском ajax
+    данная функция должна использоваться вместе вьъюхой и урл
+    вьюха:
+        def include_ajax(request, template):
+            template = template.replace('&', '/')  # для шаблонов вложенных в папку
+            try:
+                return render(request, template)
+            except TemplateDoesNotExist:
+                return HttpResponse(status=404)
+    урл (в проекте!):
+        path('include-ajax/<template>', include_ajax),
+    """
+    # Функция Include - Ajax - запроса(непосредственно запрос)
+    import random
+    a = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 'a', 'b', 'c', 'd', 'e', 'f', 'm', 'i', 'k', 'l', 'o', 'p', 'r', 's', 't', 'n']
+    # соль
+    sol = ''.join(map(str, random.sample(a, 5)))
+    # удаляет  скрипты после работы
+    del_garbage = "document.getElementById('ajax_" + sol + "').remove();document.getElementById('onload_" + sol \
+                  + "').remove();"
+    # Если есть аргументы ширины сравниваем с окном браузера и выходим если не подходит
+    if minWidth != 'undefined' or maxWidth != 'undefined':
+        mobile_or_destktop = "if (screen.width < " + minWidth + " || screen.width > " \
+                             + maxWidth + "){" + del_garbage + " return}"
+
+    else:
+        mobile_or_destktop = ''
+    # выполняет скрипты в теле ajax
+    execute_script = """function executeScripts (obj){ 
+        var head = document.getElementsByTagName('head')[0];
+        var scripts = obj.getElementsByTagName('script');
+        
+        for(var i = 0; i < scripts.length; i++){
+            let str = scripts[i].outerHTML;
+            let newSrc =  str.match(/data-script-src=['"][^'"]*[^"]/gi);
+            if(newSrc != null){
+                newSrc = newSrc[0].replace('data-script-src=','');
+                newSrc = newSrc.replace(/['"]/g,'');
+            }
+            eval(scripts[i].innerHTML);
+            
+            if(newSrc != null){
+                var script = document.createElement('script');
+                script.type = 'text/javascript';
+                script.src = newSrc;
+                obj.appendChild(script);
+                //scripts[i].src = '';
+            }
+        }
+    }"""
+    # Сборка и вставка скриптов после пирнятия ответа серверра
+    # (block.outerHTML=block.innerHTML убирает обертку, но при этом не успевают сработать внешние скрипты)
+    if delWrap:
+        post_send = execute_script + "executeScripts(block);" + del_garbage + "block.outerHTML= block.innerHTML"
+    else:
+        post_send = execute_script + "executeScripts(block);" + del_garbage  # + "block.outerHTML= block.innerHTML"
+
+    # непосредственно сам ajax
+    include_ajax = """<script id='ajax_""" + sol + """'>
+    function SendAjax_""" + sol + """(){
+        """ + mobile_or_destktop + """
+        var url =document.location.protocol +'//'+ document.location.host
+            + '/include-ajax/""" + template.replace('/', '&') + """';
+        var request = new XMLHttpRequest();
+        request.open('GET', url);
+        request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
+        request.addEventListener('readystatechange', () => {
+            if (request.status === 200 && request.readyState  === XMLHttpRequest.DONE) {
+                var block = document.getElementById('""" + template + """');
+                function replace_src(str){return str.replace(/src/g,'data-script-src')};
+                block.innerHTML = request.responseText.replace(/<script.*<\/script>/g, replace_src);
+                // console.log(block.innerHTML)
+                console.log( 'include-ajax: подгружен template - ' + '""" + template + """');
+                """ + post_send + """
+            }
+            if (request.status != 200){
+                console.error( 'include-ajax: подгрузка шаблона не удалась - ' + '""" + template + """ --- ' 
+                    + request.status + ' --- ' + request.statusText)
+            };
+        });
+        request.send();
+    }
+    </script>"""
+    # вешаем событие
+    onload_body = """<script id='onload_""" + sol + """'>
+        function addEvent_""" + sol + """(elem, type, handler){
+            if(elem.addEventListener){    elem.addEventListener(type, handler, false);}
+            else {    elem.attachEvent('on'+type, handler);}
+            return false;
+        };
+        addEvent_""" + sol + """(window, 'load', SendAjax_""" + sol + """);
+    </script>"""
+    # обертка для будущего блока
+    block = "<div data-defer-template id='" + template + "'></div>"
+    response = block + include_ajax + onload_body
+
+    return mark_safe(response)
diff --git a/demo/app/tests.py b/demo/app/tests.py
@@ -0,0 +1,3 @@
+from django.test import TestCase
+
+# Create your tests here.
diff --git a/demo/app/views.py b/demo/app/views.py
@@ -0,0 +1,16 @@
+from django.http import HttpResponse
+from django.shortcuts import render
+from django.template import TemplateDoesNotExist
+
+
+def include_ajax(request, template):
+    template = template.replace('&', '/')  # для шаблонов вложенных в папку
+    try:
+        return render(request, template)
+    except TemplateDoesNotExist:
+        return HttpResponse(status=404)
+
+
+# Create your views here.
+def demo(request):
+    return render(request, 'index.html')
diff --git a/demo/demo/__init__.py b/demo/demo/__init__.py
diff --git a/demo/demo/settings.py b/demo/demo/settings.py
@@ -0,0 +1,121 @@
+"""
+Django settings for demo project.
+
+Generated by 'django-admin startproject' using Django 2.2.10.
+
+For more information on this file, see
+https://docs.djangoproject.com/en/2.2/topics/settings/
+
+For the full list of settings and their values, see
+https://docs.djangoproject.com/en/2.2/ref/settings/
+"""
+
+import os
+
+# Build paths inside the project like this: os.path.join(BASE_DIR, ...)
+BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
+
+
+# Quick-start development settings - unsuitable for production
+# See https://docs.djangoproject.com/en/2.2/howto/deployment/checklist/
+
+# SECURITY WARNING: keep the secret key used in production secret!
+SECRET_KEY = '33b!i6249g)(26w-c9fs&hvxrm9+_w$3+e31p8ornihpv-nd5i'
+
+# SECURITY WARNING: don't run with debug turned on in production!
+DEBUG = True
+
+ALLOWED_HOSTS = []
+
+
+# Application definition
+
+INSTALLED_APPS = [
+    'django.contrib.admin',
+    'django.contrib.auth',
+    'django.contrib.contenttypes',
+    'django.contrib.sessions',
+    'django.contrib.messages',
+    'django.contrib.staticfiles',
+    'app',
+]
+
+MIDDLEWARE = [
+    'django.middleware.security.SecurityMiddleware',
+    'django.contrib.sessions.middleware.SessionMiddleware',
+    'django.middleware.common.CommonMiddleware',
+    'django.middleware.csrf.CsrfViewMiddleware',
+    'django.contrib.auth.middleware.AuthenticationMiddleware',
+    'django.contrib.messages.middleware.MessageMiddleware',
+    'django.middleware.clickjacking.XFrameOptionsMiddleware',
+]
+
+ROOT_URLCONF = 'demo.urls'
+
+TEMPLATES = [
+    {
+        'BACKEND': 'django.template.backends.django.DjangoTemplates',
+        'DIRS': [],
+        'APP_DIRS': True,
+        'OPTIONS': {
+            'context_processors': [
+                'django.template.context_processors.debug',
+                'django.template.context_processors.request',
+                'django.contrib.auth.context_processors.auth',
+                'django.contrib.messages.context_processors.messages',
+            ],
+        },
+    },
+]
+
+WSGI_APPLICATION = 'demo.wsgi.application'
+
+
+# Database
+# https://docs.djangoproject.com/en/2.2/ref/settings/#databases
+
+DATABASES = {
+    'default': {
+        'ENGINE': 'django.db.backends.sqlite3',
+        'NAME': os.path.join(BASE_DIR, 'db.sqlite3'),
+    }
+}
+
+
+# Password validation
+# https://docs.djangoproject.com/en/2.2/ref/settings/#auth-password-validators
+
+AUTH_PASSWORD_VALIDATORS = [
+    {
+        'NAME': 'django.contrib.auth.password_validation.UserAttributeSimilarityValidator',
+    },
+    {
+        'NAME': 'django.contrib.auth.password_validation.MinimumLengthValidator',
+    },
+    {
+        'NAME': 'django.contrib.auth.password_validation.CommonPasswordValidator',
+    },
+    {
+        'NAME': 'django.contrib.auth.password_validation.NumericPasswordValidator',
+    },
+]
+
+
+# Internationalization
+# https://docs.djangoproject.com/en/2.2/topics/i18n/
+
+LANGUAGE_CODE = 'en-us'
+
+TIME_ZONE = 'UTC'
+
+USE_I18N = True
+
+USE_L10N = True
+
+USE_TZ = True
+
+
+# Static files (CSS, JavaScript, Images)
+# https://docs.djangoproject.com/en/2.2/howto/static-files/
+
+STATIC_URL = '/static/'
diff --git a/demo/demo/urls.py b/demo/demo/urls.py
@@ -0,0 +1,9 @@
+from django.contrib import admin
+from django.urls import path, include
+from app.views import demo,include_ajax
+
+urlpatterns = [
+    path('admin/', admin.site.urls),
+    path('', demo),
+    path('include-ajax/<template>', include_ajax),
+]
diff --git a/demo/demo/wsgi.py b/demo/demo/wsgi.py
@@ -0,0 +1,16 @@
+"""
+WSGI config for demo project.
+
+It exposes the WSGI callable as a module-level variable named ``application``.
+
+For more information on this file, see
+https://docs.djangoproject.com/en/2.2/howto/deployment/wsgi/
+"""
+
+import os
+
+from django.core.wsgi import get_wsgi_application
+
+os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'demo.settings')
+
+application = get_wsgi_application()
diff --git a/demo/manage.py b/demo/manage.py
@@ -0,0 +1,21 @@
+#!/usr/bin/env python
+"""Django's command-line utility for administrative tasks."""
+import os
+import sys
+
+
+def main():
+    os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'demo.settings')
+    try:
+        from django.core.management import execute_from_command_line
+    except ImportError as exc:
+        raise ImportError(
+            "Couldn't import Django. Are you sure it's installed and "
+            "available on your PYTHONPATH environment variable? Did you "
+            "forget to activate a virtual environment?"
+        ) from exc
+    execute_from_command_line(sys.argv)
+
+
+if __name__ == '__main__':
+    main()

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+from django.contrib import admin`
	`2`	`+`
	`3`	`+# Register your models here.`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+from django.db import models`
	`2`	`+`
	`3`	`+# Create your models here.`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,2 @@`
	`1`	`+<center id="script_2">если вы это видите значит скрипт не работает!</center>`
	`2`	`+<script>document.getElementById('script_2').innerHTML = 'эти данные без обертки div (нельзя применять к внешним скриптам!)'</script>`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1 @@`
	`1`	`+<center>Эти данные загружаются только для персональных пк (ajax)</center>`