Merge pull request #16305 from edx/waheed/LEARNER-2730-text-me-the-app
Create custom Text Me The App landing page.
This commit is contained in:
Waheed Ahmed
@@ -63,6 +63,7 @@
|
||||
@import 'views/financial-assistance';
|
||||
@import 'course/auto-cert';
|
||||
@import 'views/api-access';
|
||||
@import 'views/text-me-the-app';
|
||||
|
||||
// features
|
||||
@import 'features/bookmarks-v1';
|
||||
|
||||
86
lms/static/sass/views/_text-me-the-app.scss
Normal file
86
lms/static/sass/views/_text-me-the-app.scss
Normal file
@@ -0,0 +1,86 @@
|
||||
.text-me-content {
|
||||
@include box-sizing(border-box);
|
||||
@include outer-container;
|
||||
|
||||
width: 100%;
|
||||
justify-content: center;
|
||||
background: $white;
|
||||
display: block;
|
||||
flex-wrap: wrap;
|
||||
-webkit-flex-wrap: wrap;
|
||||
-moz-flex-wrap: wrap;
|
||||
|
||||
.text-me-container {
|
||||
$grid-columns: 12;
|
||||
|
||||
background: $white;
|
||||
min-height: 100%;
|
||||
padding-left: ($baseline/2);
|
||||
padding-right: ($baseline/2);
|
||||
padding-top: ($baseline*6);
|
||||
padding-bottom: ($baseline*6);
|
||||
|
||||
display: block;
|
||||
max-width: 350px;
|
||||
min-width: 250px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
|
||||
.text-me-fragment {
|
||||
|
||||
h2 {
|
||||
@extend %t-title4;
|
||||
|
||||
letter-spacing: normal;
|
||||
font-family: $font-family-sans-serif;
|
||||
color: $uxpl-blue-hover-active;
|
||||
}
|
||||
|
||||
h3 {
|
||||
@extend %t-title6;
|
||||
@extend %t-light;
|
||||
|
||||
margin: 0;
|
||||
letter-spacing: normal;
|
||||
font-family: $font-family-sans-serif;
|
||||
color: $uxpl-gray-dark;
|
||||
}
|
||||
|
||||
form {
|
||||
@include clearfix();
|
||||
|
||||
clear: both;
|
||||
|
||||
.form-field {
|
||||
@include clearfix();
|
||||
|
||||
clear: both;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
margin: ($baseline/2) 0 0 0;
|
||||
|
||||
label, input {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
line-height: 1.5em;
|
||||
border-radius: 0;
|
||||
font-family: $font-family-sans-serif;
|
||||
font-style: normal;
|
||||
font-weight: font-weight(normal);
|
||||
display: block;
|
||||
}
|
||||
|
||||
.action-primary {
|
||||
@extend %btn-primary-blue;
|
||||
|
||||
padding: 1ex 1em;
|
||||
text-transform: none;
|
||||
font-weight: font-weight(semi-bold);
|
||||
letter-spacing: normal;
|
||||
margin-top: $baseline;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
54
lms/templates/learner_dashboard/text-me-fragment.html
Normal file
54
lms/templates/learner_dashboard/text-me-fragment.html
Normal file
@@ -0,0 +1,54 @@
|
||||
## mako
|
||||
|
||||
<%page expression_filter="h"/>
|
||||
|
||||
<%namespace name='static' file='/static_content.html'/>
|
||||
|
||||
<%!
|
||||
from django.utils.translation import ugettext as _
|
||||
from openedx.core.djangolib.js_utils import js_escaped_string
|
||||
%>
|
||||
|
||||
<%block name="headextra">
|
||||
<script type="text/javascript">
|
||||
(function(b,r,a,n,c,h,_,s,d,k){if(!b[n]||!b[n]._q){for(;s<_.length;)c(h,_[s++]);d=r.createElement(a);d.async=1;d.src="https://cdn.branch.io/branch-latest.min.js";k=r.getElementsByTagName(a)[0];k.parentNode.insertBefore(d,k);b[n]=h}})(window,document,"script","branch",function(b,r){b[r]=function(){b._q.push([r,arguments])}},{_q:[],_v:1},"addListener applyCode banner closeBanner creditHistory credits data deepview deepviewCta first getCode init link logout redeem referrals removeListener sendSMS setBranchViewData setIdentity track validateCode".split(" "), 0);
|
||||
branch.init('${static.get_value("BRANCH_IO_KEY", settings.BRANCH_IO_KEY) | n, js_escaped_string}');
|
||||
function sendSMS(form) {
|
||||
var phone = form.phone.value;
|
||||
var linkData = {
|
||||
tags: [],
|
||||
channel: 'Website',
|
||||
feature: 'TextMeTheApp',
|
||||
data: {}
|
||||
};
|
||||
var options = {};
|
||||
var callback = function(err, result) {
|
||||
if (err) {
|
||||
alert(gettext("Sorry, something went wrong."));
|
||||
}
|
||||
else {
|
||||
alert(gettext("SMS sent!"));
|
||||
}
|
||||
};
|
||||
branch.sendSMS(phone, linkData, options, callback);
|
||||
form.phone.value = "";
|
||||
}
|
||||
</script>
|
||||
</%block>
|
||||
|
||||
<section class="text-me-fragment">
|
||||
<h2>${_("Get the {platform_name} Mobile App!").format(platform_name=static.get_platform_name())}</h2>
|
||||
<h3>${_("We'll send you a one time SMS with a link to download the app.")}</h3>
|
||||
<form onsubmit="sendSMS(this); return false;">
|
||||
<div class="form-field">
|
||||
<label class="label">${_("Mobile phone number")}</label>
|
||||
<input id="phone" name="phone" type="tel" placeholder="+1 (123) 123-1234" />
|
||||
</div>
|
||||
<div class="form-field">
|
||||
<button class="action action-primary" type="submit">
|
||||
<span class="fa fa-send"></span>
|
||||
<span class="action-text">${_("Send me a text with the link")}</span>
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
20
lms/templates/text-me-the-app.html
Normal file
20
lms/templates/text-me-the-app.html
Normal file
@@ -0,0 +1,20 @@
|
||||
## mako
|
||||
|
||||
<%page expression_filter="h"/>
|
||||
<%inherit file="main.html" />
|
||||
<%namespace name='static' file='static_content.html'/>
|
||||
|
||||
<%!
|
||||
from django.utils.translation import ugettext as _
|
||||
from openedx.core.djangolib.markup import HTML
|
||||
%>
|
||||
|
||||
<%block name="title">
|
||||
<title>${_("Text Me The App")}</title>
|
||||
</%block>
|
||||
|
||||
<div class="text-me-content">
|
||||
<div class="container text-me-container">
|
||||
${HTML(fragment.body_html())}
|
||||
</div>
|
||||
</div>
|
||||
@@ -1075,3 +1075,9 @@ if settings.FEATURES.get('ENABLE_FINANCIAL_ASSISTANCE_FORM'):
|
||||
name='submit_financial_assistance_request'
|
||||
)
|
||||
]
|
||||
|
||||
# Branch.io Text Me The App
|
||||
if settings.BRANCH_IO_KEY:
|
||||
urlpatterns += [
|
||||
url(r'^text-me-the-app', 'student.views.text_me_the_app', name='text_me_the_app'),
|
||||
]
|
||||
|
||||
Reference in New Issue
Block a user