Skip to content

Instantly share code, notes, and snippets.

@aaronlifton3
Forked from TylerSangster/Source from fourm
Last active August 29, 2015 14:05
Show Gist options
  • Save aaronlifton3/ab46b4c2c442d28451a8 to your computer and use it in GitHub Desktop.
Save aaronlifton3/ab46b4c2c442d28451a8 to your computer and use it in GitHub Desktop.
Recurly.subdomain = ENV['RECURLY_SUBDOMAIN']
Recurly.api_key = ENV['RECURLY_API_KEY']
Recurly.js.private_key = ENV['RECURLY_JS_PRIVATE_KEY']
Recurly.default_currency = 'USD'
<!DOCTYPE html>
<html class='scrollable'>
<head>
<meta charset="utf-8">
<script type="text/javascript">
//<![CDATA[
window.gon = {};gon.recurly_plan_code="personal";gon.recurly_signature="a1d711146adf5a6148e9750b73838bd0fd984994|nonce=FVPidmDB0CwJuxi3EMsFwZP5T6oIvvq5t7KhHE0q1oc&subscription%5Bplan_code%5D=personal&timestamp=1391699817";gon.recurly_subdomain="teldio";gon.recurly_account_code="1234";gon.recurly_email="[email protected]";gon.recurly_success_url="/";
//]]>
</script>
<title>
D3M - Design. Document. Deliver. Manage.
</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lte IE 8]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link href="/assets/application.css" media="all" rel="stylesheet" type="text/css" />
<script src="/assets/application.js" type="text/javascript"></script>
<script src="http://js.pusher.com/2.1/pusher.min.js"></script>
<meta content="authenticity_token" name="csrf-param" />
<meta content="xFHtioKD6C1mJtT/moVhHEO1sDu/nK/AXB/xgbqG38c=" name="csrf-token" />
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-5438728-3', 'teldio.com');
ga('send', 'pageview');
</script>
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top navbar-inverse">
<div class="navbar-header">
<a href="/" class="navbar-brand">
<img alt="Logo" class="navbar-logo" src="/assets/logo.png" />
</a> </div>
<ul class="nav navbar-nav">
</ul>
<ul class="nav navbar-nav navbar-right">
<li class="dropdown navbar-user-dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#" tabindex="-1">
<div class="user-name">Tyler Sangster</div><div class="organization-name">test</div>
</a>
<ul class="dropdown-menu">
<li><a href="/projects">View All Projects</a></li>
<li><a href="/projects/new" data-remote="true" data-target="#modal-window" data-toggle="modal">Start New Project</a>
</li>
<li class="divider"></li>
<li>
<a href="/organization">Manage Organization</a>
</li>
<li><a href="/account">Manage Account</a></li>
<li class="divider"></li>
<li><a href="/users/sign_out" data-method="delete" rel="nofollow">Logout</a></li>
</ul>
</li>
</ul>
<div class="btn-group navbar-btn navbar-right" id='give-feedback-button-group'>
<button type="button" class="btn btn-info" id='give-feedback-button'>
<i class="fa fa-comments"></i>
Give Feedback
</button>
<button type="button" class="btn btn-info dropdown-toggle"
data-toggle="dropdown">
<span class="caret"></span>
<span class="sr-only">Toggle Dropdown</span>
</button>
<ul class="dropdown-menu" role="menu">
<li><a href="/feedback">Vote on Feedback</a></li>
</ul>
</div>
<ul class="nav navbar-nav navbar-right" id='presence-notifier'>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#" tabindex="-1">
<span class='member-count'>0</span>
other viewer(s)
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
</ul>
</li>
</ul>
</nav>
<div class="container-fluid">
<h1>Subscribe to Plan</h1>
<h2>Plan Code: Personal</h2>
<div id="recurly-form"></div>
<script type="text/javascript">
Recurly.config({
subdomain: 'teldio',
currency: 'USD',
country: 'CA'
});
Recurly.buildSubscriptionForm({
target: '#recurly-form'
, planCode: 'personal'
, signature: gon.recurly_signature
});
</script>
</div>
<div class="modal fade" id="modal-window" data-backdrop="static"
data-keyboard='false'>
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"
aria-hidden="true">x</button>
<h3>Loading...</h3>
</div>
</div>
</div>
</div>
</body>
</html>
<div id="recurly-form"></div>
<script type="text/javascript">
Recurly.config({
subdomain: gon.recurly_subdomain,
currency: 'USD',
country: 'CA'
});
debugger
Recurly.buildSubscriptionForm({
target: '#recurly-form'
, planCode: gon.recurly_plan_code
, signature: gon.recurly_signature
});
</script>
class SubscriptionsController < ApplicationController
def new
@html_class = "scrollable"
gon.recurly_plan_code = 'personal'
# you'll want to pass it as a param and whitelist it if you have more than one
gon.recurly_signature = Recurly.js.sign({
subscription: { :plan_code => 'personal' }
})
gon.recurly_subdomain = Recurly.subdomain
gon.recurly_account_code = current_user.email
gon.recurly_email = current_user.email
gon.recurly_success_url = root_path
end
end
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment