feat(status_bar): Make status bar style configurable
This commit is contained in:
@@ -54,6 +54,7 @@ PWA_APP_DISPLAY = 'standalone'
|
|||||||
PWA_APP_SCOPE = '/'
|
PWA_APP_SCOPE = '/'
|
||||||
PWA_APP_ORIENTATION = 'any'
|
PWA_APP_ORIENTATION = 'any'
|
||||||
PWA_APP_START_URL = '/'
|
PWA_APP_START_URL = '/'
|
||||||
|
PWA_APP_STATUS_BAR_COLOR = 'default'
|
||||||
PWA_APP_ICONS = [
|
PWA_APP_ICONS = [
|
||||||
{
|
{
|
||||||
'src': '/static/images/my_app_icon.png',
|
'src': '/static/images/my_app_icon.png',
|
||||||
|
|||||||
@@ -27,6 +27,7 @@ PWA_APP_DEBUG_MODE = getattr(settings, 'PWA_APP_DEBUG_MODE', True)
|
|||||||
PWA_APP_ORIENTATION = getattr(settings, 'PWA_APP_ORIENTATION', 'any')
|
PWA_APP_ORIENTATION = getattr(settings, 'PWA_APP_ORIENTATION', 'any')
|
||||||
PWA_APP_START_URL = resolve_url(getattr(settings, 'PWA_APP_START_URL', _PWA_SCRIPT_PREFIX))
|
PWA_APP_START_URL = resolve_url(getattr(settings, 'PWA_APP_START_URL', _PWA_SCRIPT_PREFIX))
|
||||||
PWA_APP_FETCH_URL = resolve_url(getattr(settings, 'PWA_APP_FETCH_URL', _PWA_SCRIPT_PREFIX))
|
PWA_APP_FETCH_URL = resolve_url(getattr(settings, 'PWA_APP_FETCH_URL', _PWA_SCRIPT_PREFIX))
|
||||||
|
PWA_APP_STATUS_BAR_COLOR = getattr(settings, 'PWA_APP_STATUS_BAR_COLOR', 'default')
|
||||||
PWA_APP_ICONS = getattr(settings, 'PWA_APP_ICONS', [
|
PWA_APP_ICONS = getattr(settings, 'PWA_APP_ICONS', [
|
||||||
{
|
{
|
||||||
'src': '/static/images/icons/icon-72x72.png',
|
'src': '/static/images/icons/icon-72x72.png',
|
||||||
|
|||||||
@@ -9,6 +9,7 @@
|
|||||||
"orientation": {{ PWA_APP_ORIENTATION|js }},
|
"orientation": {{ PWA_APP_ORIENTATION|js }},
|
||||||
"background_color": {{ PWA_APP_BACKGROUND_COLOR|js }},
|
"background_color": {{ PWA_APP_BACKGROUND_COLOR|js }},
|
||||||
"theme_color": {{ PWA_APP_THEME_COLOR|js }},
|
"theme_color": {{ PWA_APP_THEME_COLOR|js }},
|
||||||
|
"status_bar": {{ PWA_APP_STATUS_BAR_COLOR|js }},
|
||||||
"icons": {{ PWA_APP_ICONS|js }},
|
"icons": {{ PWA_APP_ICONS|js }},
|
||||||
"dir": {{ PWA_APP_DIR|js }},
|
"dir": {{ PWA_APP_DIR|js }},
|
||||||
"lang": {{ PWA_APP_LANG|js }}
|
"lang": {{ PWA_APP_LANG|js }}
|
||||||
|
|||||||
@@ -12,7 +12,7 @@
|
|||||||
<!-- Add to homescreen for Safari on iOS -->
|
<!-- Add to homescreen for Safari on iOS -->
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-title" content="{{ PWA_APP_NAME }}">
|
<meta name="apple-mobile-web-app-title" content="{{ PWA_APP_NAME }}">
|
||||||
<meta name="apple-mobile-web-app-status-bar-style" content="default">
|
<meta name="apple-mobile-web-app-status-bar-style" content="{{ PWA_APP_STATUS_BAR_COLOR }}">
|
||||||
|
|
||||||
{% if PWA_APP_ICONS_APPLE %}
|
{% if PWA_APP_ICONS_APPLE %}
|
||||||
{% for icon in PWA_APP_ICONS_APPLE %}
|
{% for icon in PWA_APP_ICONS_APPLE %}
|
||||||
|
|||||||
@@ -19,7 +19,8 @@ class AppSettingsTest(TestCase):
|
|||||||
'PWA_APP_FETCH_URL',
|
'PWA_APP_FETCH_URL',
|
||||||
'PWA_APP_ICONS',
|
'PWA_APP_ICONS',
|
||||||
'PWA_APP_DIR',
|
'PWA_APP_DIR',
|
||||||
'PWA_APP_LANG'
|
'PWA_APP_LANG',
|
||||||
|
'PWA_APP_STATUS_BAR_COLOR'
|
||||||
]
|
]
|
||||||
for attr in attributes:
|
for attr in attributes:
|
||||||
with self.subTest():
|
with self.subTest():
|
||||||
|
|||||||
@@ -37,7 +37,8 @@ class ManifestTest(TestCase):
|
|||||||
'"orientation":',
|
'"orientation":',
|
||||||
'"icons":',
|
'"icons":',
|
||||||
'"dir":',
|
'"dir":',
|
||||||
'"lang":'
|
'"lang":',
|
||||||
|
'"status_bar":'
|
||||||
]
|
]
|
||||||
for expected in contents:
|
for expected in contents:
|
||||||
with self.subTest():
|
with self.subTest():
|
||||||
|
|||||||
Reference in New Issue
Block a user