darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-08-24 08:16:51 -04:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #2658 from alphagov/sticky-footer-edit

Browse Source 
Use sticky footer on edit template page
This commit is contained in:
Chris Hill-Scott
2019-01-16 11:26:53 +00:00
committed by GitHub
parent 6b6e317ac4 0df88f923c
commit 72c60ea9a4
5 changed files with 26 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
app/assets/javascripts/highlightTags.js
View File

@@ -32,12 +32,20 @@
}; };
this.resize = () => this.$textbox.height( this.resize = () => {
Math.max(
this.initialHeight, this.$textbox.height(
this.$background.outerHeight() Math.max(
) this.initialHeight,
); this.$background.outerHeight()
)
);
if ('stickAtBottomWhenScrolling' in GOVUK) {
GOVUK.stickAtBottomWhenScrolling.recalculate();
}
};
this.escapedMessage = () => $('<div/>').text(this.$textbox.val()).html(); this.escapedMessage = () => $('<div/>').text(this.$textbox.val()).html();

6
app/templates/components/page-footer.html
View File

@@ -35,3 +35,9 @@
{% endif %} {% endif %}
</div> </div>
{% endmacro %} {% endmacro %}
{% macro sticky_page_footer(button_text=None) %}
<div class="js-stick-at-bottom-when-scrolling">
{{ page_footer(button_text) }}
</div>
{% endmacro %}

4
app/templates/views/edit-email-template.html
View File

@@ -1,6 +1,6 @@
{% extends "withnav_template.html" %} {% extends "withnav_template.html" %}
{% from "components/textbox.html" import textbox %} {% from "components/textbox.html" import textbox %}
{% from "components/page-footer.html" import page_footer %} {% from "components/page-footer.html" import sticky_page_footer %}
{% from "components/radios.html" import radios %} {% from "components/radios.html" import radios %}
{% from "components/form.html" import form_wrapper %} {% from "components/form.html" import form_wrapper %}
@@ -23,7 +23,7 @@
{% if current_user.platform_admin %} {% if current_user.platform_admin %}
{{ radios(form.process_type) }} {{ radios(form.process_type) }}
{% endif %} {% endif %}
{{ page_footer( {{ sticky_page_footer(
'Save' 'Save'
) }} ) }}
</div> </div>

4
app/templates/views/edit-letter-template.html
View File

@@ -1,6 +1,6 @@
{% extends "withnav_template.html" %} {% extends "withnav_template.html" %}
{% from "components/textbox.html" import textbox %} {% from "components/textbox.html" import textbox %}
{% from "components/page-footer.html" import page_footer %} {% from "components/page-footer.html" import sticky_page_footer %}
{% from "components/radios.html" import radios %} {% from "components/radios.html" import radios %}
{% from "components/form.html" import form_wrapper %} {% from "components/form.html" import form_wrapper %}
@@ -23,7 +23,7 @@
{% endif %} {% endif %}
{{ textbox(form.subject, width='1-1', highlight_tags=True, rows=2) }} {{ textbox(form.subject, width='1-1', highlight_tags=True, rows=2) }}
{{ textbox(form.template_content, highlight_tags=True, width='1-1', rows=8) }} {{ textbox(form.template_content, highlight_tags=True, width='1-1', rows=8) }}
{{ page_footer( {{ sticky_page_footer(
'Save' 'Save'
) }} ) }}
</div> </div>

4
app/templates/views/edit-sms-template.html
View File

@@ -1,6 +1,6 @@
{% extends "withnav_template.html" %} {% extends "withnav_template.html" %}
{% from "components/textbox.html" import textbox %} {% from "components/textbox.html" import textbox %}
{% from "components/page-footer.html" import page_footer %} {% from "components/page-footer.html" import sticky_page_footer %}
{% from "components/radios.html" import radios %} {% from "components/radios.html" import radios %}
{% from "components/form.html" import form_wrapper %} {% from "components/form.html" import form_wrapper %}
@@ -24,7 +24,7 @@
{% if current_user.platform_admin %} {% if current_user.platform_admin %}
{{ radios(form.process_type) }} {{ radios(form.process_type) }}
{% endif %} {% endif %}
{{ page_footer( {{ sticky_page_footer(
'Save' 'Save'
) }} ) }}
</div> </div>