customeranalytics 0.1__py3-none-any.whl

customeranalytics/web/app/home/search.py

@@ -0,0 +1,288 @@
+import sys, os, inspect, logging
+currentdir = os.path.dirname(os.path.abspath(inspect.getfile(inspect.currentframe())))
+parentdir = os.path.dirname(currentdir)
+sys.path.insert(0, parentdir)
+
+from sqlalchemy import create_engine, MetaData
+from os.path import join
+
+try: from utils import convert_dt_to_day_str, abspath_for_sample_data, convert_to_date
+except: from customeranalytics.utils import convert_dt_to_day_str, abspath_for_sample_data
+
+try: from configs import query_path, default_es_port, default_es_host, default_message, schedule_columns, data_types_for_search
+except: from customeranalytics.configs import query_path, default_es_port, default_es_host, default_message, schedule_columns, data_types_for_search
+
+
+import pandas as pd
+from datetime import datetime
+from flask_login import current_user
+
+try: from data_storage_configurations import connection_check, create_index, check_elasticsearch, QueryES
+except: from customeranalytics.data_storage_configurations import connection_check, create_index, check_elasticsearch, QueryES
+
+try: from exploratory_analysis import ea_configs
+except: from customeranalytics.exploratory_analysis import ea_configs
+
+try: from ml_process import ml_configs
+except: from customeranalytics.ml_process import ml_configs
+
+from .forms import RealData
+
+
+engine = create_engine('sqlite://///' + join(abspath_for_sample_data(), "web", 'db.sqlite3'),
+                       connect_args={'check_same_thread': False})
+metadata = MetaData()
+con = engine.connect()
+
+
+reports = RealData()
+
+
+def ngrams_2(word):
+    """
+    word with string form is converted to 2 ngrams
+    Example;
+        'test'; (t, e), (e, s), (s, t)
+    :param word:
+    """
+    ngrams = []
+    for i in range(len(word)):
+        if word[i] != word[-1]:
+            ngrams.append((word[i], word[i+1]))
+    return ngrams
+
+
+class Search:
+    def __init__(self):
+        """
+        There are 4 types of search;
+            - product
+            - client
+            - promotion
+            - dimension
+
+        Each type of search represents an individual dashboard with results.
+        When expected search value is typed in the search bar;
+            1. Results are checked individually for each type of search.
+                a.  create ngrams of search value
+                b.  create ngrams for each list of search types.
+                c.  calculate the similarity between ngrams of search value and ngrams for each list of search types.
+                d.  remove score = 0.
+                e.  find the top score and assign it as a detected search result.
+            2. Create a temporary .csv file at temporary_folder_path that is assigned by the user.
+                These are 3 charts of .csv files;
+                 a. chart_2_search.csv is positioned at right top,
+                 b. chart_3_search.csv is positioned at left bottom,
+                 c. chart_4_search.csv is positioned at right bottom,
+                There are 4 KPIs with 1 .csv file;
+                 a. chart_1_search.csv is positioned ad the left top. These KPIs will be changed
+
+            3. Each chart of data is created at temporary file
+               (chart_1_search.csv, .., chart_4_search.csv)  will be removed after the dashboard is shown at the user interface.
+            4. Each search type has individual charts and KPIs.
+               So, each creation of charts and KPIs .csv files must be applied individually.
+
+        """
+        self.temporary_path = None
+        self.search_metrics = ['promotion', 'product', 'client', 'dimension']
+        self.query_body = {"query": {}}
+        self.intersect_count = lambda x, y: len(set(x) & set(y))
+        self.user_data = pd.DataFrame()
+        # product, promotion, dimension, client search charts and KPIs
+        self.product_kpis = ['Average Product Sold Per Customer',
+                             'Total Product Revenue',
+                             'Total Product Discount', 'Number of Customer who purchase the Product']
+        self.promotion_kpis = ['Average Daily Order with Promotion',
+                               'Average Daily Revenue with Promotion',
+                               'Average Daily Discount with Promotion',
+                               'Unique Client Count who used the Promotion']
+        self.product_charts = ["Total Number of Products per Day",
+                               "Before - After Time Periods Customers' Total Purchase Count Test (Test Accepted!)",
+                               "Before - After Time Periods Customers' Total Purchase Count Test (Test Rejected!)"]
+        self.promotion_charts = ["Daily Order Count with Promotion",
+                                 "Daily Revenue with Promotion",
+                                 "Daily Discount with Promotion"]
+        self.client_charts = ["Possible Future Purchase of the Customer"]
+        self.client_kpis = ["Total Order Count of the Customer",
+                            "Order Frequency of the Customer (hr)",
+                            "Total Hour Count from the last time the customer purchased (recency)",
+                            "Average Payment Amount of the Customer"]
+        self.dimension_charts = ["Daily Total Order Count With Dimension",
+                                 "Daily Total Purchase Amount With Dimension",
+                                 "Daily Total Unique Client Count With Dimension"]
+        self.dimension_kpis = ["Total Order Count", "Total Purchase Amount",
+                               "Total Unique Client Count", "Total Discount Amount"]
+
+        self.data_types = data_types_for_search
+        self.query_column = {'product': "products", "client": "client",
+                             "promotion": "promotion_id", "dimension": "dimension"}
+
+    def get_temporary_path(self):
+        """
+        query for fetching the temporary folder path
+        """
+        try:
+            es_con = pd.read_sql(""" SELECT *  FROM es_connection """, con).to_dict('records')[0]
+            self.temporary_path = es_con['directory']
+        except:
+            connection, message = False, """
+            ElasticSearch Connection Failed Check ES port/host or temporary path or Add new ElasticSearch connection
+            """
+            self.temporary_path = None
+
+    def get_search_similarity_score(self, search_value, search_list):
+        """
+        similarity score with ngrams 2
+        similarity score =
+                the total intersection of ngrams (searching word & word from the searching list) / count of ngrams of searching word
+
+        :param search_value: value for searching at products, dimensions, clients, promotions
+        :param search_list:  list of searching data
+        """
+        if self.intersect_count([search_value], search_list) > 0:
+            return search_value, 1
+        else:
+            sv_ngram = ngrams_2(search_value)  # searching word of 2 ngrams
+            ngrams_intersections = []
+            for i in search_list:
+                _ngram = ngrams_2(i)  # all possible search list of 2 ngrams
+                ngrams_intersections.append((self.intersect_count(_ngram, sv_ngram), i))
+            search_value = list(sorted(ngrams_intersections))[-1]
+            score = search_value[0] / len(sv_ngram)
+            return search_value[1], score
+
+    def get_search_value(self, type, search_value):
+        """
+        :param type         : client, product, dimension, promotion
+        :param search_value : value for searching at products, dimensions, clients, promotions
+        """
+        search_result, similarity_score, searches = search_value, 0, []
+        try:
+            if type == 'product':
+                searches = list(self.collect_report('product_kpis')['products'].unique())
+            if type == 'promotion':
+                searches = list(self.collect_report('promotion_kpis')['promotion_id'].unique())
+            if type == 'client':
+                searches = list(self.collect_report('client_kpis')['client'].unique())
+            if type == 'dimension':
+                searches = list(self.collect_report('dimension_kpis')['dimension'].unique())
+            search_result, similarity_score = self.get_search_similarity_score(search_value, searches)
+        except Exception as e:
+            print(e)
+            search_result = search_value
+        return search_result, similarity_score
+
+    def collect_report(self, report_name):
+        """
+        If there is a report need as .csv format
+        :param report_name: name of the report fetch from build-in temporary report folder
+        """
+        report = reports.fetch_report(report_name)
+        if report is False:
+            print("reports is not generated")
+            return pd.DataFrame()
+        else:
+            return report
+
+    def visualization_data_for_search(self, type, value):
+        """
+        Each type of search is visualized individually.
+            Products; 4 KPIs and 3 charts
+            Promotions; 4 KPIs and 3 charts
+            Clients; 4 KPIs and 1 chart
+            Dimensions; 4 KPIs and 3 charts
+
+        Each chart and KPI of data fetch from imported .csv files at temporary report folder
+        after built-in report processes are finalized.
+        :param type: search type; promotions, products, clients, dimensions
+        :param value: value for searching
+        """
+        _query = "{} == @value".format(self.query_column[type])
+        for data_type in self.data_types[type]:
+            try:
+                result = pd.DataFrame()
+                for r in data_type[1]:
+                    result = pd.concat([result, self.collect_report(r).query(_query)])
+                if len({'date', 'daily'} & set(list(result.columns))) != 0:  # covert date columns to timestamp
+                    date_column = list({'date', 'daily'} & set(list(result.columns)))[0]
+                    result[date_column] = result[date_column].apply(lambda x: convert_to_date(x))
+                    result = result.sort_values(date_column, ascending=True)
+                result.to_csv(join(self.temporary_path, "build_in_reports", "main", data_type[0] + '_search.csv'),
+                              index=False)
+            except Exception as e:
+                print(e)
+
+    def search_results(self, search_value):
+        """
+        1. check for the temporary folder path.
+        2. check each search type separately and calculate the max similarity scores.
+        3. if there is not observed score of more than 0, show the sample data on search dashboard.
+
+        :param value: value for searching
+        """
+        self.get_temporary_path()
+        results = {'search_type': 'product', 'has_results': False, 'search_value': search_value}
+        try:
+            data = []
+            for m in self.search_metrics:
+                _search_value, _similarity_score = self.get_search_value(m, search_value)
+                data.append({'search_value': _search_value, 'similarity_score': _similarity_score, 'search_type': m})
+            data = pd.DataFrame(data).query("similarity_score != 0")
+            if len(data) != 0:
+                data = data.sort_values(by='similarity_score', ascending=False).to_dict('records')[0]
+                self.visualization_data_for_search(type=data['search_type'], value=data['search_value'])
+                data['has_results'] = True
+                results = data
+        except Exception as e:
+            results = {'search_type': 'product', 'has_results': False}
+        return results
+
+    def get_search_chart_names(self, search_type):
+        """
+        These are the title of the charts and KPIs at the search dashboard according to the search type.
+        :param search_type: search type; promotions, products, clients, dimensions
+        """
+        chart_names = {}
+        if search_type == 'product':
+            _charts = self.product_charts
+            _kpis = self.product_kpis
+        if search_type == 'promotion':
+            _charts = self.promotion_charts
+            _kpis = self.promotion_kpis
+        if search_type == 'client':
+            _charts = self.client_charts
+            _kpis = self.client_kpis
+        if search_type == 'dimension':
+            _charts = self.dimension_charts
+            _kpis = self.dimension_kpis
+        for i in zip(range(2, len(_charts) + 2), _charts):
+            chart_names["chart_{}_search".format(str(i[0]))] = i[1]
+        for i in zip(range(1, len(_kpis) + 1), _kpis):
+            chart_names['kpi_' + str(i[0])] = i[1]
+        return chart_names
+
+    def convert_kpi_names_to_numeric_names(self, graph_json):
+        """
+        :param graph_json: json file for charts and KPIs in order to show on .html file
+         """
+        return {'kpi_' + str(k[1]): graph_json['kpis'][k[0]] for k in zip(list(graph_json['kpis'].keys()), range(1, 5))}
+
+    def delete_search_data(self, results):
+        """
+        After showing the results in the dashboards, removing .csv files from the temporary folder path.
+        """
+        if results['has_results']:
+            for i in range(1, 5):
+                _file = join(self.temporary_path, "build_in_reports", "main", 'chart_{}_search.csv'.format(str(i)))
+                try:
+                    os.unlink(_file)
+                except Exception as e:
+                    print("no file is observed!!!")
+
+
+
+
+
+
+
+

customeranalytics/web/app/home/templates/abtest-product.html

@@ -0,0 +1,280 @@
+{% extends "layouts/base.html" %}
+
+{% block title %} A/B Test Product {% endblock %}
+
+<!-- Specific Page CSS goes HERE  -->
+{% block stylesheets %}{% endblock stylesheets %}
+
+{% block content %}
+
+	<main class="content">
+		<div class="container-fluid p-0">
+			<h5 class="h3 mb-3">A/B Test Product</h5>
+			<div class="col-md-12">
+				<div class="card">
+					<div class="card-body">
+						<div class="row">
+							<div class="accordion" id="accordionExample">
+								<div class="card">
+									<div class="card-header" id="headingOne">
+										<h5 class="card-title my-1">
+											<a href="#" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne" style="color:green;font-size:12px">
+												Filters
+											</a>
+										</h5>
+									</div>
+									<div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordionExample">
+										<form method="POST">
+											<div class="row">
+												<div class="col-md-6">
+													<div class="card">
+														<div class="card-body">
+															<div class="card">
+																<div class="card-header">
+																	<h5 class="card-title mb-0">Dimension selection</h5>
+																</div>
+																<div class="card-body">
+																	<select name="index" id="index" class="form-control">
+																		{% for d in filters['dimensions'] %}
+																			{% if d == 'There is no available report. Please execute Schedule Data Process' %}
+																				<option value= "main">{{ d }}</option>
+																			{% endif %}
+																			{% if d != 'There is no available report. Please execute Schedule Data Process' %}
+																				<option value="{{ d }}">{{ d }}</option>
+																			{% endif %}
+																		{% endfor %}
+																	</select>
+																</div>
+															</div>
+														</div>
+													</div>
+												</div>
+
+												<div class="col-md-6">
+													<div class="card flex-fil">
+														<div class="card-body col-12">
+															<div class="col-12 ">
+																<div class="align-self-center w-100">
+																	<div class="chart">
+																		<input name="date" id="datetimepicker-dashboard" hidden>
+																	</div>
+																</div>
+															</div>
+														</div>
+													</div>
+												</div>
+
+												<div class="card-header">
+													<button  type="submit" class="btn btn-pill btn-primary">Apply</button>
+												</div>
+											</div>
+										</form>
+
+									</div>
+								</div>
+
+								<div class="card">
+									<div class="card-header" id="headingTwo">
+										<h5 class="card-title my-1">
+											<a href="#" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="true" aria-controls="collapseOne" style="color:green;font-size:12px">
+												Infos
+											</a>
+										</h5>
+									</div>
+									<div id="collapseTwo" class="collapse show" aria-labelledby="headingTwo" data-parent="#accordionExample">
+										<div class="card-body ">
+											<ul>
+											  <li>
+												  <strong style="color:green;">A/B Test Products </strong> are bunch of testes which compares effect of Products to the business.
+												  There are two metrics which help us to measure comparison values.
+												  These are Number of orders counts per product and Average purchase amount per product.
+												  Products of Purchasement related to these metrics are tested with Before - After Analysis
+												  in order to the answer the question that is "Is there any significant increase/decrease
+												  on Order Count / Average Payment Amount per User after the Products is purchased?"
+												  While we need to see to the product which increases/decreases the number of orders and the average purchase amount,
+												  This Section can help us to find the right product for the business.
+											  </li>
+
+											  <li>
+												  <div class="card-header">
+													  <h5 class="card-title" style="color:green;">Hypothesis are;</h5>
+													  <div class="card-header">
+														  <div class="row">H0 : These is no significant Difference with A - B of order count / purchase amount.</div>
+														  <div class="row">H1 : These is significant Difference with A - B of order count / purchase amount.</div>
+													  </div>
+												  </div>
+											  </li>
+											  <li>
+											    <div class="card-header">
+											  	  <h5 class="card-title" style="color:green;">Bootstrapping Method;</h5>
+											  	  <div class="card-header">
+											  		  <div class="row">
+											  		    Each test process are applied with Boostraping Method.
+											  	        So, Iteratively randomly selected A and B sample customers of order count / average purchase amount will be tested acceptable enough time.
+											  	        Each iteration A - B samples are randomly selected.
+											  	        Accepted ratio will show us the confidence of our test results. For instance, There are 100 tests and 75 of them are ended with H0 Accepted.
+											  	        So, test are % 75  our test are H0 Accepted.
+											  		  </div>
+											  	  </div>
+											    </div>
+											  </li>
+
+											  <li>
+												  <div class="card-header">
+												  	<h5 class="card-title" style="color:green;">How are Before - After Product Usage Tests designed?</h5>
+													    It might be very confusion and it might seem very sophisticated A/B Test process,
+													    however it basically compares products related to customers of product selection at the basket.
+													    Each product selection at the basket is tested separately.
+													    Each timestamp of the selected product at the basket are collected for each product per customer individually.
+													    Each customers of one week before product selection and one week after the product selection time periods are compared with to metrics which are
+													    order count and average purchase amount. We aim to detect significant increase after time period
+													    while comparing to before time period about purchase amount or order count.
+
+														<div class="card-header">
+															<div class="row" style="color:green;">related charts are;</div>
+															<div class="card-header">
+																<div class="row mb-1">'Before - After Time Periods Customers' Average Purchase Payment Amount Test (Test Accepted!) ',</div>
+																<div class="row mb-1">'Before - After Time Periods Customers' Average Purchase Payment Amount Test (Test Rejected!)',</div>
+																<div class="row mb-1">'Before - After Time Periods Customers' Total Purchase Count Test (Test Accepted!)',</div>
+																<div class="row mb-1">'Before - After Time Periods Customers' Total Purchase Count Test (Test Rejected!)'</div>
+															</div>
+														</div>
+												  </div>
+											  </li>
+											</ul>
+										</div>
+									</div>
+								</div>
+							</div>
+
+							<div class="col-md-6">
+								<div class="card">
+									<div class="card-header">
+										<h5 class="card-title">Before - After Time Periods Customers' Average Purchase <strong> Payment Amount</strong> Test <strong> (Test Accepted!)</strong> {% if data_type['product_usage_before_after_amount_accept'] == False %}  <strong style="color:red;"> sample data </strong> {% endif %} </h5>
+										<div class="row">
+											<h6 class="card-subtitle text-muted mb-1">- <strong style="color:green;"> A :</strong> Avg. purc. amount  <strong style="color:green;"> Before the basket with selected product</strong> per customer, per product.</h6>
+											<h6 class="card-subtitle text-muted mb-1">- <strong style="color:green;"> B :</strong> Avg. purc. amount  <strong style="color:green;"> After the basket with selected product</strong> per customer, per product</h6>
+											<h6 class="card-subtitle text-muted mb-1">- <strong style="color:green;"> Test Accepted :</strong>  <strong style="color:green;" > Significant Increase</strong> on Avg. purc. amount  after the product is selected in ordered basket.</h6>
+											<h6 class="card-subtitle text-muted mb-1">- Each Test are applied individually (per product).</h6>
+										</div>
+									</div>
+									<div  id="product_usage_ba_a_accept_id" class="plotly-gra ph-div" style="height:400px;"></div>
+								</div>
+							</div>
+							<div class="col-md-6">
+								<div class="card">
+									<div class="card-header">
+										<h5 class="card-title">Before - After Time Periods Customers' Average Purchase <strong> Payment Amount</strong> Test <strong> (Test Rejected!)</strong> {% if data_type['product_usage_before_after_amount_reject'] == False %}  <strong style="color:red;"> sample data </strong> {% endif %} </h5>
+										<div class="row">
+											<h6 class="card-subtitle text-muted mb-1">- <strong style="color:green;"> A :</strong> Avg. purc. amount  <strong style="color:green;"> Before the basket with selected product</strong> per customer, per product.</h6>
+											<h6 class="card-subtitle text-muted mb-1">- <strong style="color:green;"> B :</strong> Avg. purc. amount  <strong style="color:green;"> After the basket with selected product</strong> per customer, per product</h6>
+											<h6 class="card-subtitle text-muted mb-1">- <strong style="color:green;"> Test Rejected :</strong>  <strong style="color:green;" > Significant Decrease</strong> on Avg. purc. amount  after the product is selected in ordered basket.</h6>
+											<h6 class="card-subtitle text-muted mb-1">- Each Test are applied individually (per product).</h6>
+										</div>
+									</div>
+									<div class="card-body">
+										<div  id="product_usage_ba_a_reject_id" class="plotly-gra ph-div" style="height:400px;"></div>
+									</div>
+								</div>
+							</div>
+						</div>
+						<div class="row">
+							<div class="col-md-6">
+								<div class="card">
+									<div class="card-header">
+										<h5 class="card-title">Before - After Time Periods Customers' <strong> Total Purchase Count</strong> Test <strong> (Test Accepted!)</strong> {% if data_type['product_usage_before_after_orders_accept'] == False %}  <strong style="color:red;"> sample data </strong> {% endif %}</h5>
+										<div class="row">
+											<h6 class="card-subtitle text-muted mb-1">- <strong style="color:green;"> A :</strong> Total P. Count <strong style="color:green;"> Before the basket with selected product</strong> per customer, per product.</h6>
+											<h6 class="card-subtitle text-muted mb-1">- <strong style="color:green;"> B :</strong> Total P. Count <strong style="color:green;"> After the basket with selected product</strong> per customer, per product</h6>
+											<h6 class="card-subtitle text-muted mb-1">- <strong style="color:green;"> Test Accepted :</strong>  <strong style="color:green;" > Significant Increase</strong> on Total P. Counts after the product is selected in ordered basket.</h6>
+											<h6 class="card-subtitle text-muted mb-1">- Each Test are applied individually (per product).</h6>
+										</div>
+									</div>
+									<div class="card-body">
+										<div  id="product_usage_ba_o_accept_id" class="plotly-gra ph-div" style="height:400px;"></div>
+									</div>
+								</div>
+							</div>
+							<div class="col-md-6">
+								<div class="card">
+									<div class="card-header">
+										<h5 class="card-title">Before - After Time Periods Customers' <strong> Total Purchase Count</strong> Test <strong> (Test Rejected!)</strong> {% if data_type['product_usage_before_after_orders_reject'] == False %}  <strong style="color:red;"> sample data </strong> {% endif %}</h5>
+										<div class="row">
+											<h6 class="card-subtitle text-muted mb-1">- <strong style="color:green;"> A :</strong> Total P. Count <strong style="color:green;"> Before the basket with selected product</strong> per customer, per product.</h6>
+											<h6 class="card-subtitle text-muted mb-1">- <strong style="color:green;"> B :</strong> Total P. Count <strong style="color:green;"> After the basket with selected product</strong> per customer, per product</h6>
+											<h6 class="card-subtitle text-muted mb-1">- <strong style="color:green;"> Test Rejected :</strong>  <strong style="color:green;" > Significant Decrease</strong> on Total P. Counts after the product is selected in ordered basket.</h6>
+											<h6 class="card-subtitle text-muted mb-1">- Each Test are applied individually (per product).</h6>
+										</div>
+									</div>
+									<div class="card-body">
+										<div  id="product_usage_ba_o_reject_id" class="plotly-gra ph-div" style="height:400px;"></div>
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</main>
+
+{% endblock content %}
+
+<!-- Specific Page JS goes HERE  -->
+{% block javascripts %}
+	<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
+	<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js"></script>
+	<script>
+
+
+
+			var product_usage_ba_a_a = {{product_use_ba_a_accept | safe}};
+
+	        Plotly.plot('product_usage_ba_a_accept_id', // the ID of the div, created above
+						product_usage_ba_a_a.trace, product_usage_ba_a_a.layout, {});
+
+
+			var product_usage_ba_a_r = {{product_use_ba_a_reject | safe}};
+
+	        Plotly.plot('product_usage_ba_a_reject_id', // the ID of the div, created above
+						product_usage_ba_a_r.trace, product_usage_ba_a_r.layout, {});
+
+
+			var product_usage_ba_o_a = {{product_use_ba_o_accept | safe}};
+
+	        Plotly.plot('product_usage_ba_o_accept_id', // the ID of the div, created above
+						product_usage_ba_o_a.trace, product_usage_ba_o_a.layout, {});
+
+
+			var product_usage_ba_o_r = {{product_use_ba_o_reject | safe}};
+
+	        Plotly.plot('product_usage_ba_o_reject_id', // the ID of the div, created above
+						product_usage_ba_o_r.trace, product_usage_ba_o_r.layout, {});
+
+
+	function myFunction() {
+	  // Get the checkbox
+	  var checkBox = document.getElementById("myCheck");
+	  // Get the output text
+	  var text = document.getElementById("text");
+
+	  // If the checkbox is checked, display the output text
+	  if (checkBox.checked == true){
+	    text.style.display = "block";
+	  } else {
+	    text.style.display = "none";
+	  }
+	}
+	</script>
+
+	<script>
+		document.addEventListener("DOMContentLoaded", function() {
+			document.getElementById("datetimepicker-dashboard").flatpickr({
+				inline: true,
+
+				prevArrow: "<span class=\"fas fa-chevron-left\" title=\"Previous month\"></span>",
+				nextArrow: "<span class=\"fas fa-chevron-right\" title=\"Next month\"></span>",
+			});
+		});
+	</script>
+{% endblock javascripts %}