7 |
24 |
25 |
26 | {% endblock %}
--------------------------------------------------------------------------------
/main/migrations/0001_initial.py:
--------------------------------------------------------------------------------
1 | # Generated by Django 5.1.4 on 2024-12-23 14:11
2 |
3 | import django.db.models.deletion
4 | from django.conf import settings
5 | from django.db import migrations, models
6 |
7 |
8 | class Migration(migrations.Migration):
9 |
10 | initial = True
11 |
12 | dependencies = [
13 | migrations.swappable_dependency(settings.AUTH_USER_MODEL),
14 | ]
15 |
16 | operations = [
17 | migrations.CreateModel(
18 | name='GoogleDriveFolder',
19 | fields=[
20 | ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
21 | ('folder_name', models.CharField(max_length=255)),
22 | ('folder_id', models.CharField(max_length=255, unique=True)),
23 | ('event_name', models.CharField(blank=True, max_length=255, null=True)),
24 | ('created_at', models.DateTimeField(auto_now_add=True)),
25 | ('user', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, to=settings.AUTH_USER_MODEL)),
26 | ],
27 | ),
28 | ]
29 |
--------------------------------------------------------------------------------
/staticfiles/admin/img/gis/move_vertex_on.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/staticfiles/admin/img/icon-calendar.svg:
--------------------------------------------------------------------------------
1 |
10 |
--------------------------------------------------------------------------------
/staticfiles/admin/img/gis/move_vertex_off.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/staticfiles/admin/img/LICENSE:
--------------------------------------------------------------------------------
1 | The MIT License (MIT)
2 |
3 | Copyright (c) 2014 Code Charm Ltd
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy of
6 | this software and associated documentation files (the "Software"), to deal in
7 | the Software without restriction, including without limitation the rights to
8 | use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
9 | the Software, and to permit persons to whom the Software is furnished to do so,
10 | subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
17 | FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
18 | COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
19 | IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
20 | CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
21 |
--------------------------------------------------------------------------------
/staticfiles/admin/img/sorting-icons.svg:
--------------------------------------------------------------------------------
1 |
20 |
--------------------------------------------------------------------------------
/staticfiles/admin/js/vendor/jquery/LICENSE.txt:
--------------------------------------------------------------------------------
1 | Copyright OpenJS Foundation and other contributors, https://openjsf.org/
2 |
3 | Permission is hereby granted, free of charge, to any person obtaining
4 | a copy of this software and associated documentation files (the
5 | "Software"), to deal in the Software without restriction, including
6 | without limitation the rights to use, copy, modify, merge, publish,
7 | distribute, sublicense, and/or sell copies of the Software, and to
8 | permit persons to whom the Software is furnished to do so, subject to
9 | the following conditions:
10 |
11 | The above copyright notice and this permission notice shall be
12 | included in all copies or substantial portions of the Software.
13 |
14 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
15 | EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
16 | MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
17 | NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
18 | LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
19 | OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
20 | WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
21 |
--------------------------------------------------------------------------------
/staticfiles/admin/js/autocomplete.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 | {
3 | const $ = django.jQuery;
4 |
5 | $.fn.djangoAdminSelect2 = function() {
6 | $.each(this, function(i, element) {
7 | $(element).select2({
8 | ajax: {
9 | data: (params) => {
10 | return {
11 | term: params.term,
12 | page: params.page,
13 | app_label: element.dataset.appLabel,
14 | model_name: element.dataset.modelName,
15 | field_name: element.dataset.fieldName
16 | };
17 | }
18 | }
19 | });
20 | });
21 | return this;
22 | };
23 |
24 | $(function() {
25 | // Initialize all autocomplete widgets except the one in the template
26 | // form used when a new formset is added.
27 | $('.admin-autocomplete').not('[name*=__prefix__]').djangoAdminSelect2();
28 | });
29 |
30 | document.addEventListener('formset:added', (event) => {
31 | $(event.target).find('.admin-autocomplete').djangoAdminSelect2();
32 | });
33 | }
34 |
--------------------------------------------------------------------------------
/staticfiles/admin/js/vendor/xregexp/LICENSE.txt:
--------------------------------------------------------------------------------
1 | The MIT License
2 |
3 | Copyright (c) 2007-present Steven Levithan
8 |
9 |
23 | Login to Continue
10 |It will take less than 2 minutes
11 | 12 |
13 |
14 |
18 |
19 |
20 |
21 |
22 |
8 |
20 |
9 |
19 | 10 | Error404 11 |
12 |Sorry, we couldn't find this page.
13 | {% if request.user.is_authenticated %} 14 | Back To Dashboard 15 | {% else %} 16 | Back To Home 17 | {% endif %} 18 |Message sent
'); 15 | jQuery('#output-contact').html('Thanks for contacting us! We will check your message within a few minutes.
'); 16 | } else { 17 | alert('status: ' + statusText + '\n\nSomething is wrong here'); 18 | } 19 | } 20 | 21 | function showRequestContact(formData, jqForm, options2) { 22 | var form = jqForm[0]; 23 | var validRegExp = /^[^@]+@[^@]+.[a-z]{2,}$/i; 24 | 25 | if (!form.name.value) { 26 | jQuery('#output-contact').html('Please fill the Name field!
');
27 | return false;
28 | } else if (!form.email.value) {
29 | jQuery('#output-contact').html('Please fill the Email field!
');
30 | return false;
31 | } else if (form.email.value.search(validRegExp) == -1) {
32 | jQuery('#output-contact').html('Please provide a valid Email address!
');
33 | return false;
34 | }
35 | else if (!form.subject.value) {
36 | jQuery('#output-contact').html('Please fill the Subject field!
');
37 | return false;
38 | }
39 | else if (!form.message.value) {
40 | jQuery('#output-contact').html('Please fill the Message field!
');
41 | return false;
42 | }
43 | else {
44 | jQuery('#output-contact').html('Sending message...!');
45 | return true;
46 | }
47 | }
--------------------------------------------------------------------------------
/staticfiles/glr/js/contactform.js:
--------------------------------------------------------------------------------
1 | (function($) {
2 | "use strict";
3 |
4 | var options2 = { success: showResponseContact, beforeSubmit: showRequestContact};
5 | $('#contact-form').on('submit', function(){
6 | $(this).ajaxSubmit(options2);
7 | return false;
8 | });
9 |
10 | })(jQuery);
11 |
12 | function showResponseContact(responseText, statusText) {
13 | if (statusText == 'success') {
14 | jQuery('#contact-form-holder').html('Message sent
'); 15 | jQuery('#output-contact').html('Thanks for contacting us! We will check your message within a few minutes.
'); 16 | } else { 17 | alert('status: ' + statusText + '\n\nSomething is wrong here'); 18 | } 19 | } 20 | 21 | function showRequestContact(formData, jqForm, options2) { 22 | var form = jqForm[0]; 23 | var validRegExp = /^[^@]+@[^@]+.[a-z]{2,}$/i; 24 | 25 | if (!form.name.value) { 26 | jQuery('#output-contact').html('Please fill the Name field!
');
27 | return false;
28 | } else if (!form.email.value) {
29 | jQuery('#output-contact').html('Please fill the Email field!
');
30 | return false;
31 | } else if (form.email.value.search(validRegExp) == -1) {
32 | jQuery('#output-contact').html('Please provide a valid Email address!
');
33 | return false;
34 | }
35 | else if (!form.subject.value) {
36 | jQuery('#output-contact').html('Please fill the Subject field!
');
37 | return false;
38 | }
39 | else if (!form.message.value) {
40 | jQuery('#output-contact').html('Please fill the Message field!
');
41 | return false;
42 | }
43 | else {
44 | jQuery('#output-contact').html('Sending message...!');
45 | return true;
46 | }
47 | }
--------------------------------------------------------------------------------
/staticfiles/admin/js/theme.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 | {
3 | function setTheme(mode) {
4 | if (mode !== "light" && mode !== "dark" && mode !== "auto") {
5 | console.error(`Got invalid theme mode: ${mode}. Resetting to auto.`);
6 | mode = "auto";
7 | }
8 | document.documentElement.dataset.theme = mode;
9 | localStorage.setItem("theme", mode);
10 | }
11 |
12 | function cycleTheme() {
13 | const currentTheme = localStorage.getItem("theme") || "auto";
14 | const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
15 |
16 | if (prefersDark) {
17 | // Auto (dark) -> Light -> Dark
18 | if (currentTheme === "auto") {
19 | setTheme("light");
20 | } else if (currentTheme === "light") {
21 | setTheme("dark");
22 | } else {
23 | setTheme("auto");
24 | }
25 | } else {
26 | // Auto (light) -> Dark -> Light
27 | if (currentTheme === "auto") {
28 | setTheme("dark");
29 | } else if (currentTheme === "dark") {
30 | setTheme("light");
31 | } else {
32 | setTheme("auto");
33 | }
34 | }
35 | }
36 |
37 | function initTheme() {
38 | // set theme defined in localStorage if there is one, or fallback to auto mode
39 | const currentTheme = localStorage.getItem("theme");
40 | currentTheme ? setTheme(currentTheme) : setTheme("auto");
41 | }
42 |
43 | window.addEventListener('load', function(_) {
44 | const buttons = document.getElementsByClassName("theme-toggle");
45 | Array.from(buttons).forEach((btn) => {
46 | btn.addEventListener("click", cycleTheme);
47 | });
48 | });
49 |
50 | initTheme();
51 | }
52 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | # Django #
2 | *.log
3 | *.pot
4 | *.pyc
5 | __pycache__
6 | db.sqlite3
7 | media
8 |
9 | # Backup files #
10 | *.bak
11 |
12 | # If you are using PyCharm #
13 | # User-specific stuff
14 | .idea/**/workspace.xml
15 | .idea/**/tasks.xml
16 | .idea/**/usage.statistics.xml
17 | .idea/**/dictionaries
18 | .idea/**/shelf
19 |
20 | # AWS User-specific
21 | .idea/**/aws.xml
22 |
23 | # Generated files
24 | .idea/**/contentModel.xml
25 |
26 | # Sensitive or high-churn files
27 | .idea/**/dataSources/
28 | .idea/**/dataSources.ids
29 | .idea/**/dataSources.local.xml
30 | .idea/**/sqlDataSources.xml
31 | .idea/**/dynamic.xml
32 | .idea/**/uiDesigner.xml
33 | .idea/**/dbnavigator.xml
34 |
35 | # Gradle
36 | .idea/**/gradle.xml
37 | .idea/**/libraries
38 |
39 | # File-based project format
40 | *.iws
41 |
42 | # IntelliJ
43 | out/
44 |
45 | # JIRA plugin
46 | atlassian-ide-plugin.xml
47 |
48 | # Python #
49 | *.py[cod]
50 | *$py.class
51 |
52 | # Distribution / packaging
53 | .Python build/
54 | develop-eggs/
55 | dist/
56 | downloads/
57 | eggs/
58 | .eggs/
59 | lib/
60 | lib64/
61 | parts/
62 | sdist/
63 | var/
64 | wheels/
65 | *.whl
66 | *.egg-info/
67 | .installed.cfg
68 | *.egg
69 | *.manifest
70 | *.spec
71 |
72 | # Installer logs
73 | pip-log.txt
74 | pip-delete-this-directory.txt
75 |
76 | # Unit test / coverage reports
77 | htmlcov/
78 | .tox/
79 | .coverage
80 | .coverage.*
81 | .cache
82 | .pytest_cache/
83 | nosetests.xml
84 | coverage.xml
85 | *.cover
86 | .hypothesis/
87 |
88 | # Jupyter Notebook
89 | .ipynb_checkpoints
90 |
91 | # pyenv
92 | .python-version
93 |
94 | # celery
95 | celerybeat-schedule.*
96 |
97 | # SageMath parsed files
98 | *.sage.py
99 |
100 | # Environments
101 | .env
102 | .venv
103 | env/
104 | venv/
105 | ENV/
106 | env.bak/
107 | venv.bak/
108 |
109 | # mkdocs documentation
110 | /site
111 |
112 | # mypy
113 | .mypy_cache/
114 |
115 | # Sublime Text #
116 | *.tmlanguage.cache
117 | *.tmPreferences.cache
118 | *.stTheme.cache
119 | *.sublime-workspace
120 | *.sublime-project
121 |
122 | # sftp configuration file
123 | sftp-config.json
124 |
125 | # Package control specific files Package
126 | Control.last-run
127 | Control.ca-list
128 | Control.ca-bundle
129 | Control.system-ca-bundle
130 | GitHub.sublime-settings
131 |
132 | # Visual Studio Code #
133 | .vscode/*
134 | !.vscode/settings.json
135 | !.vscode/tasks.json
136 | !.vscode/launch.json
137 | !.vscode/extensions.json
138 | .history
--------------------------------------------------------------------------------
/staticfiles/admin/img/calendar-icons.svg:
--------------------------------------------------------------------------------
1 |
2 |
64 |
--------------------------------------------------------------------------------
/staticfiles/admin/css/responsive_rtl.css:
--------------------------------------------------------------------------------
1 | /* TABLETS */
2 |
3 | @media (max-width: 1024px) {
4 | [dir="rtl"] .colMS {
5 | margin-right: 0;
6 | }
7 |
8 | [dir="rtl"] #user-tools {
9 | text-align: right;
10 | }
11 |
12 | [dir="rtl"] #changelist .actions label {
13 | padding-left: 10px;
14 | padding-right: 0;
15 | }
16 |
17 | [dir="rtl"] #changelist .actions select {
18 | margin-left: 0;
19 | margin-right: 15px;
20 | }
21 |
22 | [dir="rtl"] .change-list .filtered .results,
23 | [dir="rtl"] .change-list .filtered .paginator,
24 | [dir="rtl"] .filtered #toolbar,
25 | [dir="rtl"] .filtered div.xfull,
26 | [dir="rtl"] .filtered .actions,
27 | [dir="rtl"] #changelist-filter {
28 | margin-left: 0;
29 | }
30 |
31 | [dir="rtl"] .inline-group ul.tools a.add,
32 | [dir="rtl"] .inline-group div.add-row a,
33 | [dir="rtl"] .inline-group .tabular tr.add-row td a {
34 | padding: 8px 26px 8px 10px;
35 | background-position: calc(100% - 8px) 9px;
36 | }
37 |
38 | [dir="rtl"] .selector .selector-filter label {
39 | margin-right: 0;
40 | margin-left: 8px;
41 | }
42 |
43 | [dir="rtl"] .object-tools li {
44 | float: right;
45 | }
46 |
47 | [dir="rtl"] .object-tools li + li {
48 | margin-left: 0;
49 | margin-right: 15px;
50 | }
51 |
52 | [dir="rtl"] .dashboard .module table td a {
53 | padding-left: 0;
54 | padding-right: 16px;
55 | }
56 |
57 | [dir="rtl"] .selector-add {
58 | background-position: 0 -80px;
59 | }
60 |
61 | [dir="rtl"] .selector-remove {
62 | background-position: 0 -120px;
63 | }
64 |
65 | [dir="rtl"] .active.selector-add:focus, .active.selector-add:hover {
66 | background-position: 0 -100px;
67 | }
68 |
69 | [dir="rtl"] .active.selector-remove:focus, .active.selector-remove:hover {
70 | background-position: 0 -140px;
71 | }
72 | }
73 |
74 | /* MOBILE */
75 |
76 | @media (max-width: 767px) {
77 | [dir="rtl"] .aligned .related-lookup,
78 | [dir="rtl"] .aligned .datetimeshortcuts {
79 | margin-left: 0;
80 | margin-right: 15px;
81 | }
82 |
83 | [dir="rtl"] .aligned ul,
84 | [dir="rtl"] form .aligned ul.errorlist {
85 | margin-right: 0;
86 | }
87 |
88 | [dir="rtl"] #changelist-filter {
89 | margin-left: 0;
90 | margin-right: 0;
91 | }
92 | [dir="rtl"] .aligned .vCheckboxLabel {
93 | padding: 1px 5px 0 0;
94 | }
95 |
96 | [dir="rtl"] .selector-remove {
97 | background-position: 0 0;
98 | }
99 |
100 | [dir="rtl"] .active.selector-remove:focus, .active.selector-remove:hover {
101 | background-position: 0 -20px;
102 | }
103 |
104 | [dir="rtl"] .selector-add {
105 | background-position: 0 -40px;
106 | }
107 |
108 | [dir="rtl"] .active.selector-add:focus, .active.selector-add:hover {
109 | background-position: 0 -60px;
110 | }
111 | }
112 |
--------------------------------------------------------------------------------
/main/templates/customize.html:
--------------------------------------------------------------------------------
1 | {% extends 'main.html' %}
2 |
3 | {% block content %}
4 |
5 |
6 |
7 |
63 | {% load static %}
64 |
65 | {% endblock %}
66 |
--------------------------------------------------------------------------------
/static/glr/js/owl-carousel/owl.carousel.css:
--------------------------------------------------------------------------------
1 | /**
2 | * Owl Carousel v2.3.4
3 | * Copyright 2013-2018 David Deutsch
4 | * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
5 | */
6 | .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
--------------------------------------------------------------------------------
/staticfiles/glr/js/owl-carousel/owl.carousel.css:
--------------------------------------------------------------------------------
1 | /**
2 | * Owl Carousel v2.3.4
3 | * Copyright 2013-2018 David Deutsch
4 | * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
5 | */
6 | .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
--------------------------------------------------------------------------------
/staticfiles/admin/js/nav_sidebar.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 | {
3 | const toggleNavSidebar = document.getElementById('toggle-nav-sidebar');
4 | if (toggleNavSidebar !== null) {
5 | const navSidebar = document.getElementById('nav-sidebar');
6 | const main = document.getElementById('main');
7 | let navSidebarIsOpen = localStorage.getItem('django.admin.navSidebarIsOpen');
8 | if (navSidebarIsOpen === null) {
9 | navSidebarIsOpen = 'true';
10 | }
11 | main.classList.toggle('shifted', navSidebarIsOpen === 'true');
12 | navSidebar.setAttribute('aria-expanded', navSidebarIsOpen);
13 |
14 | toggleNavSidebar.addEventListener('click', function() {
15 | if (navSidebarIsOpen === 'true') {
16 | navSidebarIsOpen = 'false';
17 | } else {
18 | navSidebarIsOpen = 'true';
19 | }
20 | localStorage.setItem('django.admin.navSidebarIsOpen', navSidebarIsOpen);
21 | main.classList.toggle('shifted');
22 | navSidebar.setAttribute('aria-expanded', navSidebarIsOpen);
23 | });
24 | }
25 |
26 | function initSidebarQuickFilter() {
27 | const options = [];
28 | const navSidebar = document.getElementById('nav-sidebar');
29 | if (!navSidebar) {
30 | return;
31 | }
32 | navSidebar.querySelectorAll('th[scope=row] a').forEach((container) => {
33 | options.push({title: container.innerHTML, node: container});
34 | });
35 |
36 | function checkValue(event) {
37 | let filterValue = event.target.value;
38 | if (filterValue) {
39 | filterValue = filterValue.toLowerCase();
40 | }
41 | if (event.key === 'Escape') {
42 | filterValue = '';
43 | event.target.value = ''; // clear input
44 | }
45 | let matches = false;
46 | for (const o of options) {
47 | let displayValue = '';
48 | if (filterValue) {
49 | if (o.title.toLowerCase().indexOf(filterValue) === -1) {
50 | displayValue = 'none';
51 | } else {
52 | matches = true;
53 | }
54 | }
55 | // show/hide parent
8 |
61 |
62 | x
'; 27 | head.appendChild(div.childNodes[1]); 28 | } 29 | 30 | if ( options ) { 31 | $.extend( settings, options ); 32 | } 33 | 34 | return this.each(function(){ 35 | var selectors = [ 36 | 'iframe[src*="player.vimeo.com"]', 37 | 'iframe[src*="youtube.com"]', 38 | 'iframe[src*="youtube-nocookie.com"]', 39 | 'iframe[src*="kickstarter.com"][src*="video.html"]', 40 | 'object', 41 | 'embed' 42 | ]; 43 | 44 | if (settings.customSelector) { 45 | selectors.push(settings.customSelector); 46 | } 47 | 48 | var ignoreList = '.fitvidsignore'; 49 | 50 | if(settings.ignore) { 51 | ignoreList = ignoreList + ', ' + settings.ignore; 52 | } 53 | 54 | var $allVideos = $(this).find(selectors.join(',')); 55 | $allVideos = $allVideos.not('object object'); // SwfObj conflict patch 56 | $allVideos = $allVideos.not(ignoreList); // Disable FitVids on this video. 57 | 58 | $allVideos.each(function(){ 59 | var $this = $(this); 60 | if($this.parents(ignoreList).length > 0) { 61 | return; // Disable FitVids on this video. 62 | } 63 | if (this.tagName.toLowerCase() === 'embed' && $this.parent('object').length || $this.parent('.fluid-width-video-wrapper').length) { return; } 64 | if ((!$this.css('height') && !$this.css('width')) && (isNaN($this.attr('height')) || isNaN($this.attr('width')))) 65 | { 66 | $this.attr('height', 9); 67 | $this.attr('width', 16); 68 | } 69 | var height = ( this.tagName.toLowerCase() === 'object' || ($this.attr('height') && !isNaN(parseInt($this.attr('height'), 10))) ) ? parseInt($this.attr('height'), 10) : $this.height(), 70 | width = !isNaN(parseInt($this.attr('width'), 10)) ? parseInt($this.attr('width'), 10) : $this.width(), 71 | aspectRatio = height / width; 72 | if(!$this.attr('name')){ 73 | var videoName = 'fitvid' + $.fn.fitVids._count; 74 | $this.attr('name', videoName); 75 | $.fn.fitVids._count++; 76 | } 77 | $this.wrap('').parent('.fluid-width-video-wrapper').css('padding-top', (aspectRatio * 100)+'%'); 78 | $this.removeAttr('height').removeAttr('width'); 79 | }); 80 | }); 81 | }; 82 | 83 | // Internal counter for unique video names. 84 | $.fn.fitVids._count = 0; 85 | 86 | // Works with either jQuery or Zepto 87 | })( window.jQuery || window.Zepto ); 88 | -------------------------------------------------------------------------------- /staticfiles/glr/js/fitvids.js: -------------------------------------------------------------------------------- 1 | /*jshint browser:true */ 2 | /*! 3 | * FitVids 1.1 4 | * 5 | * Copyright 2013, Chris Coyier - http://css-tricks.com + Dave Rupert - http://daverupert.com 6 | * Credit to Thierry Koblentz - http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/ 7 | * Released under the WTFPL license - http://sam.zoy.org/wtfpl/ 8 | * 9 | */ 10 | 11 | ;(function( $ ){ 12 | 13 | 'use strict'; 14 | 15 | $.fn.fitVids = function( options ) { 16 | var settings = { 17 | customSelector: null, 18 | ignore: null 19 | }; 20 | 21 | if(!document.getElementById('fit-vids-style')) { 22 | // appendStyles: https://github.com/toddmotto/fluidvids/blob/master/dist/fluidvids.js 23 | var head = document.head || document.getElementsByTagName('head')[0]; 24 | var css = '.fluid-width-video-wrapper{width:100%;position:relative;padding:0;}.fluid-width-video-wrapper iframe,.fluid-width-video-wrapper object,.fluid-width-video-wrapper embed {position:absolute;top:0;left:0;width:100%;height:100%;}'; 25 | var div = document.createElement("div"); 26 | div.innerHTML = 'x
'; 27 | head.appendChild(div.childNodes[1]); 28 | } 29 | 30 | if ( options ) { 31 | $.extend( settings, options ); 32 | } 33 | 34 | return this.each(function(){ 35 | var selectors = [ 36 | 'iframe[src*="player.vimeo.com"]', 37 | 'iframe[src*="youtube.com"]', 38 | 'iframe[src*="youtube-nocookie.com"]', 39 | 'iframe[src*="kickstarter.com"][src*="video.html"]', 40 | 'object', 41 | 'embed' 42 | ]; 43 | 44 | if (settings.customSelector) { 45 | selectors.push(settings.customSelector); 46 | } 47 | 48 | var ignoreList = '.fitvidsignore'; 49 | 50 | if(settings.ignore) { 51 | ignoreList = ignoreList + ', ' + settings.ignore; 52 | } 53 | 54 | var $allVideos = $(this).find(selectors.join(',')); 55 | $allVideos = $allVideos.not('object object'); // SwfObj conflict patch 56 | $allVideos = $allVideos.not(ignoreList); // Disable FitVids on this video. 57 | 58 | $allVideos.each(function(){ 59 | var $this = $(this); 60 | if($this.parents(ignoreList).length > 0) { 61 | return; // Disable FitVids on this video. 62 | } 63 | if (this.tagName.toLowerCase() === 'embed' && $this.parent('object').length || $this.parent('.fluid-width-video-wrapper').length) { return; } 64 | if ((!$this.css('height') && !$this.css('width')) && (isNaN($this.attr('height')) || isNaN($this.attr('width')))) 65 | { 66 | $this.attr('height', 9); 67 | $this.attr('width', 16); 68 | } 69 | var height = ( this.tagName.toLowerCase() === 'object' || ($this.attr('height') && !isNaN(parseInt($this.attr('height'), 10))) ) ? parseInt($this.attr('height'), 10) : $this.height(), 70 | width = !isNaN(parseInt($this.attr('width'), 10)) ? parseInt($this.attr('width'), 10) : $this.width(), 71 | aspectRatio = height / width; 72 | if(!$this.attr('name')){ 73 | var videoName = 'fitvid' + $.fn.fitVids._count; 74 | $this.attr('name', videoName); 75 | $.fn.fitVids._count++; 76 | } 77 | $this.wrap('').parent('.fluid-width-video-wrapper').css('padding-top', (aspectRatio * 100)+'%'); 78 | $this.removeAttr('height').removeAttr('width'); 79 | }); 80 | }); 81 | }; 82 | 83 | // Internal counter for unique video names. 84 | $.fn.fitVids._count = 0; 85 | 86 | // Works with either jQuery or Zepto 87 | })( window.jQuery || window.Zepto ); 88 | -------------------------------------------------------------------------------- /staticfiles/admin/js/SelectBox.js: -------------------------------------------------------------------------------- 1 | 'use strict'; 2 | { 3 | const SelectBox = { 4 | cache: {}, 5 | init: function(id) { 6 | const box = document.getElementById(id); 7 | SelectBox.cache[id] = []; 8 | const cache = SelectBox.cache[id]; 9 | for (const node of box.options) { 10 | cache.push({value: node.value, text: node.text, displayed: 1}); 11 | } 12 | }, 13 | redisplay: function(id) { 14 | // Repopulate HTML select box from cache 15 | const box = document.getElementById(id); 16 | const scroll_value_from_top = box.scrollTop; 17 | box.innerHTML = ''; 18 | for (const node of SelectBox.cache[id]) { 19 | if (node.displayed) { 20 | const new_option = new Option(node.text, node.value, false, false); 21 | // Shows a tooltip when hovering over the option 22 | new_option.title = node.text; 23 | box.appendChild(new_option); 24 | } 25 | } 26 | box.scrollTop = scroll_value_from_top; 27 | }, 28 | filter: function(id, text) { 29 | // Redisplay the HTML select box, displaying only the choices containing ALL 30 | // the words in text. (It's an AND search.) 31 | const tokens = text.toLowerCase().split(/\s+/); 32 | for (const node of SelectBox.cache[id]) { 33 | node.displayed = 1; 34 | const node_text = node.text.toLowerCase(); 35 | for (const token of tokens) { 36 | if (!node_text.includes(token)) { 37 | node.displayed = 0; 38 | break; // Once the first token isn't found we're done 39 | } 40 | } 41 | } 42 | SelectBox.redisplay(id); 43 | }, 44 | get_hidden_node_count(id) { 45 | const cache = SelectBox.cache[id] || []; 46 | return cache.filter(node => node.displayed === 0).length; 47 | }, 48 | delete_from_cache: function(id, value) { 49 | let delete_index = null; 50 | const cache = SelectBox.cache[id]; 51 | for (const [i, node] of cache.entries()) { 52 | if (node.value === value) { 53 | delete_index = i; 54 | break; 55 | } 56 | } 57 | cache.splice(delete_index, 1); 58 | }, 59 | add_to_cache: function(id, option) { 60 | SelectBox.cache[id].push({value: option.value, text: option.text, displayed: 1}); 61 | }, 62 | cache_contains: function(id, value) { 63 | // Check if an item is contained in the cache 64 | for (const node of SelectBox.cache[id]) { 65 | if (node.value === value) { 66 | return true; 67 | } 68 | } 69 | return false; 70 | }, 71 | move: function(from, to) { 72 | const from_box = document.getElementById(from); 73 | for (const option of from_box.options) { 74 | const option_value = option.value; 75 | if (option.selected && SelectBox.cache_contains(from, option_value)) { 76 | SelectBox.add_to_cache(to, {value: option_value, text: option.text, displayed: 1}); 77 | SelectBox.delete_from_cache(from, option_value); 78 | } 79 | } 80 | SelectBox.redisplay(from); 81 | SelectBox.redisplay(to); 82 | }, 83 | move_all: function(from, to) { 84 | const from_box = document.getElementById(from); 85 | for (const option of from_box.options) { 86 | const option_value = option.value; 87 | if (SelectBox.cache_contains(from, option_value)) { 88 | SelectBox.add_to_cache(to, {value: option_value, text: option.text, displayed: 1}); 89 | SelectBox.delete_from_cache(from, option_value); 90 | } 91 | } 92 | SelectBox.redisplay(from); 93 | SelectBox.redisplay(to); 94 | }, 95 | sort: function(id) { 96 | SelectBox.cache[id].sort(function(a, b) { 97 | a = a.text.toLowerCase(); 98 | b = b.text.toLowerCase(); 99 | if (a > b) { 100 | return 1; 101 | } 102 | if (a < b) { 103 | return -1; 104 | } 105 | return 0; 106 | } ); 107 | }, 108 | select_all: function(id) { 109 | const box = document.getElementById(id); 110 | for (const option of box.options) { 111 | option.selected = true; 112 | } 113 | } 114 | }; 115 | window.SelectBox = SelectBox; 116 | } 117 | -------------------------------------------------------------------------------- /static/glr/js/init.js: -------------------------------------------------------------------------------- 1 | /* 2 | * Author: matchthemes.com 3 | * 4 | */ 5 | 6 | (function($) { 7 | "use strict"; 8 | 9 | // home slider 10 | $('.home-slider').owlCarousel({ 11 | items:1, 12 | loop:true, 13 | autoplay:true, 14 | autoplayTimeout:7000, 15 | autoplayHoverPause:true, 16 | animateOut: 'fadeOut', 17 | dots:false, 18 | nav:true, 19 | navText:'' 20 | }); 21 | 22 | $('.portfolio-slider-4items').owlCarousel({ 23 | loop:true, 24 | autoplay:true, 25 | autoplayTimeout:6000, 26 | margin: 30, 27 | dots:false, 28 | nav:true, 29 | navText:'', 30 | responsive:{ 0: { items: 1 }, 31 | 568: { items: 2 }, 32 | 1024: { items: 3 }, 33 | 34 | } 35 | }); 36 | 37 | $('.testimonial-slider').owlCarousel({ 38 | items:1, 39 | loop:true, 40 | autoHeight: true, 41 | autoplay: true, 42 | autoplayTimeout:8000, 43 | animateOut: 'fadeOut' 44 | }); 45 | 46 | //mobile menu 47 | $('.nav-button').on('click', function(e){ 48 | 49 | e.preventDefault(); 50 | 51 | $('.mobile-menu-holder, .menu-mask').addClass('is-active'); 52 | $('body').addClass('has-active-menu'); 53 | 54 | }); 55 | 56 | $('.exit-mobile, .menu-mask').on('click', function(e){ 57 | 58 | e.preventDefault(); 59 | 60 | $('.mobile-menu-holder, .menu-mask').removeClass('is-active'); 61 | $('body').removeClass('has-active-menu'); 62 | 63 | }); 64 | 65 | $('.menu-mobile > li.menu-item-has-children > a').on('click', function(e){ 66 | 67 | e.preventDefault(); 68 | e.stopPropagation(); 69 | 70 | if ( $(this).parent().hasClass('menu-open') ) 71 | 72 | $(this).parent().removeClass('menu-open'); 73 | 74 | else { 75 | 76 | $(this).parent().addClass('menu-open'); 77 | 78 | } 79 | 80 | }); 81 | 82 | // end mobile menu 83 | 84 | // menu edge screen turn left 85 | 86 | $(".menu-nav li").on('mouseenter mouseleave', function (e) { 87 | if ($('ul', this).length) { 88 | var elm = $('.sub-menu', this); 89 | var off = elm.offset(); 90 | var l = off.left; 91 | var w = elm.width(); 92 | var docW = $(window).width(); 93 | 94 | var isEntirelyVisible = (l + w <= docW); 95 | 96 | if (!isEntirelyVisible) { 97 | $(this).addClass('edge'); 98 | } else { 99 | $(this).removeClass('edge'); 100 | } 101 | } 102 | }); 103 | 104 | 105 | $(window).on('load', function() { 106 | 107 | //masonry 108 | var blogItems = $('.layout-masonry'); 109 | var portfolioItems = $('.portfolio-layout-masonry'); 110 | var portfolioItems2 = $('.portfolio-layout-masonry2'); 111 | var portfolioItems4 = $('.grid-v4-masonry'); 112 | 113 | blogItems.isotope({ 114 | itemSelector : '.blog-item-masonry', 115 | layoutMode : 'masonry', 116 | 117 | }); 118 | 119 | portfolioItems.isotope({ 120 | itemSelector : '.item-portfolio', 121 | layoutMode : 'masonry', 122 | 123 | }); 124 | 125 | portfolioItems2.isotope({ 126 | itemSelector : '.grid-item-style', 127 | layoutMode : 'fitRows', 128 | }); 129 | 130 | 131 | portfolioItems4.isotope({ 132 | itemSelector : '.grid-item-v4', 133 | percentPosition: true, 134 | layoutMode: 'masonry', 135 | masonry: { 136 | columnWidth: '.grid-item-v4-init' 137 | } 138 | }); 139 | 140 | 141 | // filter items when filter link is clicked 142 | if ($('.portfolio-filter a').length){ 143 | $('.portfolio-filter a').on('click', function(){ 144 | $('.portfolio-filter .current').removeClass('current'); 145 | $(this).addClass('current'); 146 | 147 | var selector = $(this).attr('data-filter'); 148 | portfolioItems.isotope({ filter: selector }); 149 | portfolioItems2.isotope({ filter: selector }); 150 | return false; 151 | }); 152 | } 153 | 154 | }); //window.load 155 | 156 | $(window).on('scroll', function() { 157 | if ($(document).scrollTop() > 1 ) { 158 | $('.main-header').addClass('nav-fixed-top'); 159 | } else { 160 | $('.main-header').removeClass('nav-fixed-top'); 161 | } 162 | 163 | }); 164 | 165 | 166 | //gallery 167 | 168 | $('.gallery-post a').simpleLightbox({ 169 | heightRatio: 1, 170 | widthRatio: 0.8 171 | 172 | }); 173 | 174 | 175 | // faq 176 | $('.faq-section').hide(); 177 | $('.faq-title').on('click',function(){ 178 | 179 | if( $(this).next().is(':hidden') ) { 180 | 181 | $(this).toggleClass('active').next().slideDown(); 182 | } else { 183 | $(this).removeClass('active').next().slideUp(); 184 | } 185 | return false; 186 | }); 187 | 188 | 189 | //fluid width videos 190 | 191 | $(".single-post-content, .custom-page-template, .post-video").fitVids({customSelector: "iframe[src^='https://w.soundcloud.com']"}); 192 | 193 | 194 | //scroll up button 195 | 196 | $(".scrollup").hide(); 197 | $(window).on('scroll', function() { 198 | if ($(this).scrollTop() > 400) { 199 | $('.scrollup').fadeIn(); 200 | } else { 201 | $('.scrollup').fadeOut(); 202 | } 203 | }); 204 | 205 | $("a.scrolltop[href^='#']").on('click', function(e) { 206 | e.preventDefault(); 207 | var hash = this.hash; 208 | $('html, body').stop().animate({scrollTop:0}, 1000, 'easeOutExpo'); 209 | 210 | }); 211 | 212 | })(jQuery); -------------------------------------------------------------------------------- /staticfiles/glr/js/init.js: -------------------------------------------------------------------------------- 1 | /* 2 | * Author: matchthemes.com 3 | * 4 | */ 5 | 6 | (function($) { 7 | "use strict"; 8 | 9 | // home slider 10 | $('.home-slider').owlCarousel({ 11 | items:1, 12 | loop:true, 13 | autoplay:true, 14 | autoplayTimeout:7000, 15 | autoplayHoverPause:true, 16 | animateOut: 'fadeOut', 17 | dots:false, 18 | nav:true, 19 | navText:'' 20 | }); 21 | 22 | $('.portfolio-slider-4items').owlCarousel({ 23 | loop:true, 24 | autoplay:true, 25 | autoplayTimeout:6000, 26 | margin: 30, 27 | dots:false, 28 | nav:true, 29 | navText:'', 30 | responsive:{ 0: { items: 1 }, 31 | 568: { items: 2 }, 32 | 1024: { items: 3 }, 33 | 34 | } 35 | }); 36 | 37 | $('.testimonial-slider').owlCarousel({ 38 | items:1, 39 | loop:true, 40 | autoHeight: true, 41 | autoplay: true, 42 | autoplayTimeout:8000, 43 | animateOut: 'fadeOut' 44 | }); 45 | 46 | //mobile menu 47 | $('.nav-button').on('click', function(e){ 48 | 49 | e.preventDefault(); 50 | 51 | $('.mobile-menu-holder, .menu-mask').addClass('is-active'); 52 | $('body').addClass('has-active-menu'); 53 | 54 | }); 55 | 56 | $('.exit-mobile, .menu-mask').on('click', function(e){ 57 | 58 | e.preventDefault(); 59 | 60 | $('.mobile-menu-holder, .menu-mask').removeClass('is-active'); 61 | $('body').removeClass('has-active-menu'); 62 | 63 | }); 64 | 65 | $('.menu-mobile > li.menu-item-has-children > a').on('click', function(e){ 66 | 67 | e.preventDefault(); 68 | e.stopPropagation(); 69 | 70 | if ( $(this).parent().hasClass('menu-open') ) 71 | 72 | $(this).parent().removeClass('menu-open'); 73 | 74 | else { 75 | 76 | $(this).parent().addClass('menu-open'); 77 | 78 | } 79 | 80 | }); 81 | 82 | // end mobile menu 83 | 84 | // menu edge screen turn left 85 | 86 | $(".menu-nav li").on('mouseenter mouseleave', function (e) { 87 | if ($('ul', this).length) { 88 | var elm = $('.sub-menu', this); 89 | var off = elm.offset(); 90 | var l = off.left; 91 | var w = elm.width(); 92 | var docW = $(window).width(); 93 | 94 | var isEntirelyVisible = (l + w <= docW); 95 | 96 | if (!isEntirelyVisible) { 97 | $(this).addClass('edge'); 98 | } else { 99 | $(this).removeClass('edge'); 100 | } 101 | } 102 | }); 103 | 104 | 105 | $(window).on('load', function() { 106 | 107 | //masonry 108 | var blogItems = $('.layout-masonry'); 109 | var portfolioItems = $('.portfolio-layout-masonry'); 110 | var portfolioItems2 = $('.portfolio-layout-masonry2'); 111 | var portfolioItems4 = $('.grid-v4-masonry'); 112 | 113 | blogItems.isotope({ 114 | itemSelector : '.blog-item-masonry', 115 | layoutMode : 'masonry', 116 | 117 | }); 118 | 119 | portfolioItems.isotope({ 120 | itemSelector : '.item-portfolio', 121 | layoutMode : 'masonry', 122 | 123 | }); 124 | 125 | portfolioItems2.isotope({ 126 | itemSelector : '.grid-item-style', 127 | layoutMode : 'fitRows', 128 | }); 129 | 130 | 131 | portfolioItems4.isotope({ 132 | itemSelector : '.grid-item-v4', 133 | percentPosition: true, 134 | layoutMode: 'masonry', 135 | masonry: { 136 | columnWidth: '.grid-item-v4-init' 137 | } 138 | }); 139 | 140 | 141 | // filter items when filter link is clicked 142 | if ($('.portfolio-filter a').length){ 143 | $('.portfolio-filter a').on('click', function(){ 144 | $('.portfolio-filter .current').removeClass('current'); 145 | $(this).addClass('current'); 146 | 147 | var selector = $(this).attr('data-filter'); 148 | portfolioItems.isotope({ filter: selector }); 149 | portfolioItems2.isotope({ filter: selector }); 150 | return false; 151 | }); 152 | } 153 | 154 | }); //window.load 155 | 156 | $(window).on('scroll', function() { 157 | if ($(document).scrollTop() > 1 ) { 158 | $('.main-header').addClass('nav-fixed-top'); 159 | } else { 160 | $('.main-header').removeClass('nav-fixed-top'); 161 | } 162 | 163 | }); 164 | 165 | 166 | //gallery 167 | 168 | $('.gallery-post a').simpleLightbox({ 169 | heightRatio: 1, 170 | widthRatio: 0.8 171 | 172 | }); 173 | 174 | 175 | // faq 176 | $('.faq-section').hide(); 177 | $('.faq-title').on('click',function(){ 178 | 179 | if( $(this).next().is(':hidden') ) { 180 | 181 | $(this).toggleClass('active').next().slideDown(); 182 | } else { 183 | $(this).removeClass('active').next().slideUp(); 184 | } 185 | return false; 186 | }); 187 | 188 | 189 | //fluid width videos 190 | 191 | $(".single-post-content, .custom-page-template, .post-video").fitVids({customSelector: "iframe[src^='https://w.soundcloud.com']"}); 192 | 193 | 194 | //scroll up button 195 | 196 | $(".scrollup").hide(); 197 | $(window).on('scroll', function() { 198 | if ($(this).scrollTop() > 400) { 199 | $('.scrollup').fadeIn(); 200 | } else { 201 | $('.scrollup').fadeOut(); 202 | } 203 | }); 204 | 205 | $("a.scrolltop[href^='#']").on('click', function(e) { 206 | e.preventDefault(); 207 | var hash = this.hash; 208 | $('html, body').stop().animate({scrollTop:0}, 1000, 'easeOutExpo'); 209 | 210 | }); 211 | 212 | })(jQuery); -------------------------------------------------------------------------------- /readme.md: -------------------------------------------------------------------------------- 1 |
2 |
3 | 
4 |
22 |
23 | ---
24 | A web application that allows users to create personalized photo galleries with seamless Google OAuth integration and storage on Google Drive. Users can easily upload, manage, and display their images in a custom-designed gallery layout.
25 |
26 |
27 |
28 | ## :star2: About the Project
29 |
30 |
31 |
32 | ### :camera: Screenshots
33 |
34 |
4 | Personalized Photo Gallery Web App
5 | 6 | 7 |
8 |
9 | 
35 |
36 | 
37 | 
38 | 
39 |
40 |
41 |
42 |
43 |
44 | ## 🚀 **Features**
45 |
46 | - **🔐 Google OAuth Integration**: Secure user sign-up and authentication using Google accounts.
47 | - **☁️ Google Drive Storage**: Directly upload and store images to your Google Drive.
48 | - **🎨 Custom Gallery Layouts**: Personalize your gallery with custom-designed pages and layouts.
49 | - **📸 Easy Image Management**: Effortlessly organize, view, and manage images from your Google Drive via the app.
50 | - **⚡ Seamless File Handling**: Powered by the Google Drive API for efficient file management and storage.
51 |
52 | ---
53 |
54 | ## 🛠 **Technologies Used**
55 | [](https://skillicons.dev)
56 |
57 | - **Python**: Backend development with Python.
58 | - **Django**: Web framework for building the application.
59 | - **Tailwind CSS**: For modern, responsive, and customizable front-end design.
60 | - **Google Drive API**: To manage image uploads and storage.
61 |
62 | ---
63 |
64 | ## 🌟 **How It Works**
65 |
66 | 1. **User Authentication**: Users sign in securely using their Google account through Google OAuth.
67 | 2. **Image Upload**: Users can upload images directly to their Google Drive.
68 | 3. **Custom Gallery Creation**: The web app auto-generates personalized gallery pages to display the images in a beautifully designed layout.
69 | 4. **View and Manage**: Users can view their gallery, add or remove images, and adjust the layout as needed.
70 |
71 | ---
72 |
73 | ## 💻 **Installation & Setup**
74 |
75 | ### 1. Clone this repository
76 |
77 | ```bash
78 | git clone https://github.com/anujjamdade007/sharemysnaps.git
79 | cd sharemysnaps
80 |
81 | ```
82 |
83 | ### 2. Set up the virtual environment
84 |
85 | ```bash
86 | python -m venv venv
87 | source venv/bin/activate # For Linux/macOS
88 | venv\Scripts\activate # For Windows
89 |
90 | ```
91 |
92 | ### 3. Install required dependencies
93 |
94 | Ensure you have the `requirements.txt` file in the root directory. Install the necessary dependencies:
95 |
96 | ```bash
97 | pip install -r requirements.txt
98 |
99 | ```
100 |
101 | ### 4. Set up Environment Variables
102 |
103 | Create a `.env` file in the root directory of your project and add the following credentials:
104 |
105 | ```dotenv
106 | # Google API Key
107 | API_KEY='Your API Key'
108 |
109 | # Google OAuth2 credentials
110 | SOCIAL_AUTH_GOOGLE_OAUTH2_KEY='Your API Key'
111 | SOCIAL_AUTH_GOOGLE_OAUTH2_SECRET='Your API Key'
112 |
113 | SECRET_KEY='Your Secret Key'
114 |
115 | # Debug setting (set to False for production)
116 | DEBUG=True
117 |
118 | # Database Credentials
119 | NAME='Database Name'
120 | USER='Database User'
121 | PASSWORD='Database Password'
122 |
123 | ```
124 |
125 | ### 5. Configure Google OAuth and Google Drive API
126 |
127 | - Set up **Google OAuth credentials** in the [Google Developer Console](https://console.developers.google.com/).
128 | - Enable the **Google Drive API** and make sure your project is linked to the OAuth credentials.
129 | - Place your **client_id** and **client_secret** values into the `.env` file under `SOCIAL_AUTH_GOOGLE_OAUTH2_KEY` and `SOCIAL_AUTH_GOOGLE_OAUTH2_SECRET`.
130 |
131 | ### 6. Set Up the Database
132 |
133 | Ensure that your PostgreSQL database is running. Update the `.env` file with your **database** credentials as needed.
134 |
135 | Run the following commands to set up the database:
136 |
137 | ```bash
138 | python manage.py makemigrations
139 | python manage.py migrate
140 |
141 | ```
142 |
143 | ### 7. Run the development server
144 |
145 | ```bash
146 | python manage.py runserver
147 |
148 | ```
149 |
150 | Now, navigate to `http://127.0.0.1:8000/` to start using the app!
151 |
152 |
153 | ----------
154 |
155 | ## 💬 **Contributions**
156 |
157 | Contributions are welcome! If you'd like to contribute, please fork the repository and submit a pull request.
158 |
159 | ----------
160 |
161 | ## 💬 **Contact**
162 |
163 | For any inquiries, please feel free to reach out via [ajk952626@gmail.com](mailto:ajk952626@gmail.com).
164 |
165 | ----------
166 |
--------------------------------------------------------------------------------
/staticfiles/admin/css/rtl.css:
--------------------------------------------------------------------------------
1 | /* GLOBAL */
2 |
3 | th {
4 | text-align: right;
5 | }
6 |
7 | .module h2, .module caption {
8 | text-align: right;
9 | }
10 |
11 | .module ul, .module ol {
12 | margin-left: 0;
13 | margin-right: 1.5em;
14 | }
15 |
16 | .viewlink, .addlink, .changelink, .hidelink {
17 | padding-left: 0;
18 | padding-right: 16px;
19 | background-position: 100% 1px;
20 | }
21 |
22 | .deletelink {
23 | padding-left: 0;
24 | padding-right: 16px;
25 | background-position: 100% 1px;
26 | }
27 |
28 | .object-tools {
29 | float: left;
30 | }
31 |
32 | thead th:first-child,
33 | tfoot td:first-child {
34 | border-left: none;
35 | }
36 |
37 | /* LAYOUT */
38 |
39 | #user-tools {
40 | right: auto;
41 | left: 0;
42 | text-align: left;
43 | }
44 |
45 | div.breadcrumbs {
46 | text-align: right;
47 | }
48 |
49 | #content-main {
50 | float: right;
51 | }
52 |
53 | #content-related {
54 | float: left;
55 | margin-left: -300px;
56 | margin-right: auto;
57 | }
58 |
59 | .colMS {
60 | margin-left: 300px;
61 | margin-right: 0;
62 | }
63 |
64 | /* SORTABLE TABLES */
65 |
66 | table thead th.sorted .sortoptions {
67 | float: left;
68 | }
69 |
70 | thead th.sorted .text {
71 | padding-right: 0;
72 | padding-left: 42px;
73 | }
74 |
75 | /* dashboard styles */
76 |
77 | .dashboard .module table td a {
78 | padding-left: .6em;
79 | padding-right: 16px;
80 | }
81 |
82 | /* changelists styles */
83 |
84 | .change-list .filtered table {
85 | border-left: none;
86 | border-right: 0px none;
87 | }
88 |
89 | #changelist-filter {
90 | border-left: none;
91 | border-right: none;
92 | margin-left: 0;
93 | margin-right: 30px;
94 | }
95 |
96 | #changelist-filter li.selected {
97 | border-left: none;
98 | padding-left: 10px;
99 | margin-left: 0;
100 | border-right: 5px solid var(--hairline-color);
101 | padding-right: 10px;
102 | margin-right: -15px;
103 | }
104 |
105 | #changelist table tbody td:first-child, #changelist table tbody th:first-child {
106 | border-right: none;
107 | border-left: none;
108 | }
109 |
110 | .paginator .end {
111 | margin-left: 6px;
112 | margin-right: 0;
113 | }
114 |
115 | .paginator input {
116 | margin-left: 0;
117 | margin-right: auto;
118 | }
119 |
120 | /* FORMS */
121 |
122 | .aligned label {
123 | padding: 0 0 3px 1em;
124 | }
125 |
126 | .submit-row a.deletelink {
127 | margin-left: 0;
128 | margin-right: auto;
129 | }
130 |
131 | .vDateField, .vTimeField {
132 | margin-left: 2px;
133 | }
134 |
135 | .aligned .form-row input {
136 | margin-left: 5px;
137 | }
138 |
139 | form .aligned ul {
140 | margin-right: 163px;
141 | padding-right: 10px;
142 | margin-left: 0;
143 | padding-left: 0;
144 | }
145 |
146 | form ul.inline li {
147 | float: right;
148 | padding-right: 0;
149 | padding-left: 7px;
150 | }
151 |
152 | form .aligned p.help,
153 | form .aligned div.help {
154 | margin-left: 0;
155 | margin-right: 160px;
156 | padding-right: 10px;
157 | }
158 |
159 | form div.help ul,
160 | form .aligned .checkbox-row + .help,
161 | form .aligned p.date div.help.timezonewarning,
162 | form .aligned p.datetime div.help.timezonewarning,
163 | form .aligned p.time div.help.timezonewarning {
164 | margin-right: 0;
165 | padding-right: 0;
166 | }
167 |
168 | form .wide p.help,
169 | form .wide ul.errorlist,
170 | form .wide div.help {
171 | padding-left: 0;
172 | padding-right: 50px;
173 | }
174 |
175 | .submit-row {
176 | text-align: right;
177 | }
178 |
179 | fieldset .fieldBox {
180 | margin-left: 20px;
181 | margin-right: 0;
182 | }
183 |
184 | .errorlist li {
185 | background-position: 100% 12px;
186 | padding: 0;
187 | }
188 |
189 | .errornote {
190 | background-position: 100% 12px;
191 | padding: 10px 12px;
192 | }
193 |
194 | /* WIDGETS */
195 |
196 | .calendarnav-previous {
197 | top: 0;
198 | left: auto;
199 | right: 10px;
200 | background: url(../img/calendar-icons.svg) 0 -15px no-repeat;
201 | }
202 |
203 | .calendarnav-next {
204 | top: 0;
205 | right: auto;
206 | left: 10px;
207 | background: url(../img/calendar-icons.svg) 0 0 no-repeat;
208 | }
209 |
210 | .calendar caption, .calendarbox h2 {
211 | text-align: center;
212 | }
213 |
214 | .selector {
215 | float: right;
216 | }
217 |
218 | .selector .selector-filter {
219 | text-align: right;
220 | }
221 |
222 | .selector-add {
223 | background: url(../img/selector-icons.svg) 0 -64px no-repeat;
224 | }
225 |
226 | .active.selector-add:focus, .active.selector-add:hover {
227 | background-position: 0 -80px;
228 | }
229 |
230 | .selector-remove {
231 | background: url(../img/selector-icons.svg) 0 -96px no-repeat;
232 | }
233 |
234 | .active.selector-remove:focus, .active.selector-remove:hover {
235 | background-position: 0 -112px;
236 | }
237 |
238 | a.selector-chooseall {
239 | background: url(../img/selector-icons.svg) right -128px no-repeat;
240 | }
241 |
242 | a.active.selector-chooseall:focus, a.active.selector-chooseall:hover {
243 | background-position: 100% -144px;
244 | }
245 |
246 | a.selector-clearall {
247 | background: url(../img/selector-icons.svg) 0 -160px no-repeat;
248 | }
249 |
250 | a.active.selector-clearall:focus, a.active.selector-clearall:hover {
251 | background-position: 0 -176px;
252 | }
253 |
254 | .inline-deletelink {
255 | float: left;
256 | }
257 |
258 | form .form-row p.datetime {
259 | overflow: hidden;
260 | }
261 |
262 | .related-widget-wrapper {
263 | float: right;
264 | }
265 |
266 | /* MISC */
267 |
268 | .inline-related h2, .inline-group h2 {
269 | text-align: right
270 | }
271 |
272 | .inline-related h3 span.delete {
273 | padding-right: 20px;
274 | padding-left: inherit;
275 | left: 10px;
276 | right: inherit;
277 | float:left;
278 | }
279 |
280 | .inline-related h3 span.delete label {
281 | margin-left: inherit;
282 | margin-right: 2px;
283 | }
284 |
285 | .inline-group .tabular td.original p {
286 | right: 0;
287 | }
288 |
289 | .selector .selector-chooser {
290 | margin: 0;
291 | }
292 |
--------------------------------------------------------------------------------
/main/templates/upload.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
37 |
70 |
109 |
110 |
111 |
112 |
113 |
--------------------------------------------------------------------------------
/core/settings.py:
--------------------------------------------------------------------------------
1 |
2 |
3 | from pathlib import Path
4 | import os
5 | from dotenv import load_dotenv
6 |
7 | # Load environment variables from .env file
8 | load_dotenv()
9 |
10 |
11 | # Build paths inside the project like this: BASE_DIR / 'subdir'.
12 | BASE_DIR = Path(__file__).resolve().parent.parent
13 |
14 |
15 | # Quick-start development settings - unsuitable for production
16 | # See https://docs.djangoproject.com/en/5.1/howto/deployment/checklist/
17 |
18 | # SECURITY WARNING: keep the secret key used in production secret!
19 |
20 | SECRET_KEY = os.getenv('SECRET_KEY')
21 |
22 | # SECURITY WARNING: don't run with debug turned on in production!
23 | DEBUG = os.getenv('DEBUG', 'True').lower() == 'true'
24 |
25 | ALLOWED_HOSTS = ['*']
26 |
27 | CSRF_TRUSTED_ORIGINS = ['https://sharemysnaps.anujjamdade.site','https://*.127.0.0.1','http://localhost']
28 | SECURE_PROXY_SSL_HEADER = ('HTTP_X_FORWARDED_PROTO', 'https')
29 |
30 |
31 | # Application definition
32 |
33 | INSTALLED_APPS = [
34 | 'django.contrib.admin',
35 | 'django.contrib.auth',
36 | 'django.contrib.contenttypes',
37 | 'django.contrib.sessions',
38 | 'django.contrib.messages',
39 | 'django.contrib.staticfiles',
40 |
41 | # local apps
42 | 'base',
43 | 'main',
44 |
45 | # third party apps
46 | 'social_django',
47 | 'django.contrib.humanize',
48 | 'django_cleanup.apps.CleanupConfig',
49 |
50 | ]
51 |
52 | MIDDLEWARE = [
53 | 'django.middleware.security.SecurityMiddleware',
54 | "whitenoise.middleware.WhiteNoiseMiddleware",
55 | 'django.contrib.sessions.middleware.SessionMiddleware',
56 | 'django.middleware.common.CommonMiddleware',
57 | 'django.middleware.csrf.CsrfViewMiddleware',
58 | 'django.contrib.auth.middleware.AuthenticationMiddleware',
59 | 'django.contrib.messages.middleware.MessageMiddleware',
60 | 'django.middleware.clickjacking.XFrameOptionsMiddleware',
61 | 'social_django.middleware.SocialAuthExceptionMiddleware',
62 | ]
63 |
64 | ROOT_URLCONF = 'core.urls'
65 |
66 | TEMPLATES = [
67 | {
68 | 'BACKEND': 'django.template.backends.django.DjangoTemplates',
69 | 'DIRS': [],
70 | 'APP_DIRS': True,
71 | 'OPTIONS': {
72 | 'context_processors': [
73 | 'django.template.context_processors.debug',
74 | 'django.template.context_processors.request',
75 | 'django.contrib.auth.context_processors.auth',
76 | 'django.contrib.messages.context_processors.messages',
77 | 'social_django.context_processors.backends',
78 | ],
79 | },
80 | },
81 | ]
82 |
83 | WSGI_APPLICATION = 'core.wsgi.application'
84 |
85 |
86 | # Database
87 | # https://docs.djangoproject.com/en/5.1/ref/settings/#databases
88 |
89 | # DATABASES = {
90 | # 'default': {
91 | # 'ENGINE': 'django.db.backends.sqlite3',
92 | # 'NAME': BASE_DIR / 'db.sqlite3',
93 | # }
94 | # }
95 |
96 | import os
97 | from urllib.parse import urlparse
98 |
99 | # Use different database configurations depending on the environment
100 | if os.getenv('DEBUG') == 'True':
101 | DATABASES = {
102 | 'default': {
103 | 'ENGINE': 'django.db.backends.postgresql_psycopg2',
104 | 'NAME': os.getenv('NAME'),
105 | 'USER': os.getenv('USER'),
106 | 'PASSWORD': os.getenv('PASSWORD'),
107 | 'HOST': 'localhost',
108 | 'PORT': '5432',
109 | }
110 | }
111 | else:
112 | # Production database configuration using DATABASE_URL
113 | url = urlparse(os.getenv('DATABASE_URL'))
114 | DATABASES = {
115 | 'default': {
116 | 'ENGINE': 'django.db.backends.postgresql_psycopg2',
117 | 'NAME': url.path[1:],
118 | 'USER': url.username,
119 | 'PASSWORD': url.password,
120 | 'HOST': url.hostname,
121 | 'PORT': url.port,
122 | }
123 | }
124 |
125 |
126 |
127 | # Password validation
128 | # https://docs.djangoproject.com/en/5.1/ref/settings/#auth-password-validators
129 |
130 | AUTH_PASSWORD_VALIDATORS = [
131 | {
132 | 'NAME': 'django.contrib.auth.password_validation.UserAttributeSimilarityValidator',
133 | },
134 | {
135 | 'NAME': 'django.contrib.auth.password_validation.MinimumLengthValidator',
136 | },
137 | {
138 | 'NAME': 'django.contrib.auth.password_validation.CommonPasswordValidator',
139 | },
140 | {
141 | 'NAME': 'django.contrib.auth.password_validation.NumericPasswordValidator',
142 | },
143 | ]
144 |
145 |
146 | # Internationalization
147 | # https://docs.djangoproject.com/en/5.1/topics/i18n/
148 |
149 | LANGUAGE_CODE = 'en-us'
150 |
151 | TIME_ZONE = 'UTC'
152 |
153 | USE_I18N = True
154 |
155 | USE_TZ = True
156 |
157 |
158 | # Static files (CSS, JavaScript, Images)
159 | # https://docs.djangoproject.com/en/5.1/howto/static-files/
160 |
161 | STATIC_URL = 'static/'
162 |
163 | # Default primary key field type
164 | # https://docs.djangoproject.com/en/5.1/ref/settings/#default-auto-field
165 |
166 | DEFAULT_AUTO_FIELD = 'django.db.models.BigAutoField'
167 |
168 | LOGIN_URL = 'login'
169 |
170 | import os
171 |
172 | # This is where Django looks for static files during development
173 | STATIC_URL = '/static/'
174 |
175 | # This is where you should collect static files in production (for static file serving)
176 | STATIC_ROOT = os.path.join(BASE_DIR, 'staticfiles')
177 |
178 | # List directories where static files are collected from apps and other places
179 | STATICFILES_DIRS = [
180 | os.path.join(BASE_DIR, 'static'),
181 | ]
182 |
183 | # Optionally, configure this to manage static file versioning
184 | # STATICFILES_STORAGE = 'django.contrib.staticfiles.storage.ManifestStaticFilesStorage'
185 | STATICFILES_STORAGE = "whitenoise.storage.CompressedManifestStaticFilesStorage"
186 |
187 | #social app custom
188 |
189 | AUTHENTICATION_BACKENDS = [
190 | 'social_core.backends.google.GoogleOAuth2',
191 | 'django.contrib.auth.backends.ModelBackend',
192 | ]
193 |
194 | SOCIAL_AUTH_URL_NAMESPACE = 'social'
195 |
196 | LOGIN_URL = 'login'
197 |
198 | LOGIN_REDIRECT_URL = 'dashboard'
199 |
200 | LOGOUT_URL = 'logout'
201 |
202 | LOGOUT_REDIRECT_URL = 'login'
203 |
204 | SOCIAL_AUTH_GOOGLE_OAUTH2_KEY = os.getenv('SOCIAL_AUTH_GOOGLE_OAUTH2_KEY')
205 |
206 | SOCIAL_AUTH_GOOGLE_OAUTH2_SECRET = os.getenv('SOCIAL_AUTH_GOOGLE_OAUTH2_SECRET')
207 |
208 | SOCIAL_AUTH_GOOGLE_OAUTH2_SCOPE = [
209 | 'https://www.googleapis.com/auth/drive', # Full access to Google Drive
210 | ]
211 |
212 | API_KEY = os.getenv('API_KEY')
213 |
214 |
215 | SOCIAL_AUTH_GOOGLE_OAUTH2_AUTH_EXTRA_ARGUMENTS = {
216 | 'access_type': 'offline',
217 | 'approval_prompt':'force'
218 | }
219 |
220 | SOCIAL_AUTH_GOOGLE_OAUTH2_USE_UNIQUE_USER_ID = True
221 |
222 | MEDIA_URL = "/media/"
223 | MEDIA_ROOT = BASE_DIR / "media"
--------------------------------------------------------------------------------
/staticfiles/admin/js/core.js:
--------------------------------------------------------------------------------
1 | // Core JavaScript helper functions
2 | 'use strict';
3 |
4 | // quickElement(tagType, parentReference [, textInChildNode, attribute, attributeValue ...]);
5 | function quickElement() {
6 | const obj = document.createElement(arguments[0]);
7 | if (arguments[2]) {
8 | const textNode = document.createTextNode(arguments[2]);
9 | obj.appendChild(textNode);
10 | }
11 | const len = arguments.length;
12 | for (let i = 3; i < len; i += 2) {
13 | obj.setAttribute(arguments[i], arguments[i + 1]);
14 | }
15 | arguments[1].appendChild(obj);
16 | return obj;
17 | }
18 |
19 | // "a" is reference to an object
20 | function removeChildren(a) {
21 | while (a.hasChildNodes()) {
22 | a.removeChild(a.lastChild);
23 | }
24 | }
25 |
26 | // ----------------------------------------------------------------------------
27 | // Find-position functions by PPK
28 | // See https://www.quirksmode.org/js/findpos.html
29 | // ----------------------------------------------------------------------------
30 | function findPosX(obj) {
31 | let curleft = 0;
32 | if (obj.offsetParent) {
33 | while (obj.offsetParent) {
34 | curleft += obj.offsetLeft - obj.scrollLeft;
35 | obj = obj.offsetParent;
36 | }
37 | } else if (obj.x) {
38 | curleft += obj.x;
39 | }
40 | return curleft;
41 | }
42 |
43 | function findPosY(obj) {
44 | let curtop = 0;
45 | if (obj.offsetParent) {
46 | while (obj.offsetParent) {
47 | curtop += obj.offsetTop - obj.scrollTop;
48 | obj = obj.offsetParent;
49 | }
50 | } else if (obj.y) {
51 | curtop += obj.y;
52 | }
53 | return curtop;
54 | }
55 |
56 | //-----------------------------------------------------------------------------
57 | // Date object extensions
58 | // ----------------------------------------------------------------------------
59 | {
60 | Date.prototype.getTwelveHours = function() {
61 | return this.getHours() % 12 || 12;
62 | };
63 |
64 | Date.prototype.getTwoDigitMonth = function() {
65 | return (this.getMonth() < 9) ? '0' + (this.getMonth() + 1) : (this.getMonth() + 1);
66 | };
67 |
68 | Date.prototype.getTwoDigitDate = function() {
69 | return (this.getDate() < 10) ? '0' + this.getDate() : this.getDate();
70 | };
71 |
72 | Date.prototype.getTwoDigitTwelveHour = function() {
73 | return (this.getTwelveHours() < 10) ? '0' + this.getTwelveHours() : this.getTwelveHours();
74 | };
75 |
76 | Date.prototype.getTwoDigitHour = function() {
77 | return (this.getHours() < 10) ? '0' + this.getHours() : this.getHours();
78 | };
79 |
80 | Date.prototype.getTwoDigitMinute = function() {
81 | return (this.getMinutes() < 10) ? '0' + this.getMinutes() : this.getMinutes();
82 | };
83 |
84 | Date.prototype.getTwoDigitSecond = function() {
85 | return (this.getSeconds() < 10) ? '0' + this.getSeconds() : this.getSeconds();
86 | };
87 |
88 | Date.prototype.getAbbrevDayName = function() {
89 | return typeof window.CalendarNamespace === "undefined"
90 | ? '0' + this.getDay()
91 | : window.CalendarNamespace.daysOfWeekAbbrev[this.getDay()];
92 | };
93 |
94 | Date.prototype.getFullDayName = function() {
95 | return typeof window.CalendarNamespace === "undefined"
96 | ? '0' + this.getDay()
97 | : window.CalendarNamespace.daysOfWeek[this.getDay()];
98 | };
99 |
100 | Date.prototype.getAbbrevMonthName = function() {
101 | return typeof window.CalendarNamespace === "undefined"
102 | ? this.getTwoDigitMonth()
103 | : window.CalendarNamespace.monthsOfYearAbbrev[this.getMonth()];
104 | };
105 |
106 | Date.prototype.getFullMonthName = function() {
107 | return typeof window.CalendarNamespace === "undefined"
108 | ? this.getTwoDigitMonth()
109 | : window.CalendarNamespace.monthsOfYear[this.getMonth()];
110 | };
111 |
112 | Date.prototype.strftime = function(format) {
113 | const fields = {
114 | a: this.getAbbrevDayName(),
115 | A: this.getFullDayName(),
116 | b: this.getAbbrevMonthName(),
117 | B: this.getFullMonthName(),
118 | c: this.toString(),
119 | d: this.getTwoDigitDate(),
120 | H: this.getTwoDigitHour(),
121 | I: this.getTwoDigitTwelveHour(),
122 | m: this.getTwoDigitMonth(),
123 | M: this.getTwoDigitMinute(),
124 | p: (this.getHours() >= 12) ? 'PM' : 'AM',
125 | S: this.getTwoDigitSecond(),
126 | w: '0' + this.getDay(),
127 | x: this.toLocaleDateString(),
128 | X: this.toLocaleTimeString(),
129 | y: ('' + this.getFullYear()).substr(2, 4),
130 | Y: '' + this.getFullYear(),
131 | '%': '%'
132 | };
133 | let result = '', i = 0;
134 | while (i < format.length) {
135 | if (format.charAt(i) === '%') {
136 | result += fields[format.charAt(i + 1)];
137 | ++i;
138 | }
139 | else {
140 | result += format.charAt(i);
141 | }
142 | ++i;
143 | }
144 | return result;
145 | };
146 |
147 | // ----------------------------------------------------------------------------
148 | // String object extensions
149 | // ----------------------------------------------------------------------------
150 | String.prototype.strptime = function(format) {
151 | const split_format = format.split(/[.\-/]/);
152 | const date = this.split(/[.\-/]/);
153 | let i = 0;
154 | let day, month, year;
155 | while (i < split_format.length) {
156 | switch (split_format[i]) {
157 | case "%d":
158 | day = date[i];
159 | break;
160 | case "%m":
161 | month = date[i] - 1;
162 | break;
163 | case "%Y":
164 | year = date[i];
165 | break;
166 | case "%y":
167 | // A %y value in the range of [00, 68] is in the current
168 | // century, while [69, 99] is in the previous century,
169 | // according to the Open Group Specification.
170 | if (parseInt(date[i], 10) >= 69) {
171 | year = date[i];
172 | } else {
173 | year = (new Date(Date.UTC(date[i], 0))).getUTCFullYear() + 100;
174 | }
175 | break;
176 | }
177 | ++i;
178 | }
179 | // Create Date object from UTC since the parsed value is supposed to be
180 | // in UTC, not local time. Also, the calendar uses UTC functions for
181 | // date extraction.
182 | return new Date(Date.UTC(year, month, day));
183 | };
184 | }
185 |
--------------------------------------------------------------------------------
71 |
106 |
107 |
108 |