Merge branch 'master' of http://dev.the-phi.com/git/steve/shop

src/Domain.py

@@ -141,7 +141,7 @@ class User:
 			return []
 	def plans(self):
 		lsub = self.subscriptions()	
-		plans = [ sub['plan'] for sub in lsub if sub['ended_at'] is None  ]
+		plans = [ dict({"status":sub['status']},**sub['plan']) for sub in lsub if sub['ended_at'] is None  ]
 		return plans		
 		
 	"""

src/api/index.py

@@ -10,6 +10,7 @@
 """
 from __future__ import division
 from flask import Flask, request, session, render_template,Response
+from flask_cors import CORS
 import Domain
 from couchdbkit import Server, Document
 import stripe
@@ -34,6 +35,7 @@ stripe.api_key = stripe_keys['secret_key'].strip()
 
 	
 app = Flask(__name__)
+CORS(app)
 COUCHDB = Server(uri=CONFIG['couchdb']['uri']) ;
 """
 	This function will set the user information to the session and update the information
@@ -228,12 +230,12 @@ def get_plans(app_name) :
 			# let's determine if this user can make a purchase
 			#
 			
-		else:
+	else:
-			#			#
+		#			#
-			# This should address any case of the database of customers being out of sync
+		# This should address any case of the database of customers being out of sync
-			# @TODO: Have a log suggesting a utility imports the customer
+		# @TODO: Have a log suggesting a utility imports the customer
-			#
+		#
-			pass
+		return json.dumps(plans)
 
 	#
 	# @TODO: Mark the plans the current user is signed up for

src/api/templates/subscribe.html

@@ -60,6 +60,14 @@
 	.action:hover { background-color:#4682b4; color:white}
 	tr {font-family:sans-serif; font-size:14px;}
 	td {padding:4px; font-weight:lighter; padding:4px;}
+	.gradient{
+		background-image: -ms-linear-gradient(top, #008080 -120%, #FFFFFF 50%, #005757 120%);
+		background-image: -moz-linear-gradient(top, #008080 -120%, #FFFFFF 50%, #005757 120%);
+		background-image: -o-linear-gradient(top, #008080 -120%, #FFFFFF 50%, #005757 120%);
+		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(-120, #008080), color-stop(50, #FFFFFF), color-stop(120, #005757));
+		background-image: -webkit-linear-gradient(top, #008080 -120%, #FFFFFF 50%, #005757 120%);
+		background-image: linear-gradient(to bottom, #008080 -120%, #FFFFFF 50%, #005757 120%);
+	}
 	@media only screen and (min-device-width: 320px){
 		table {width:99%}
 		.medium-caption {font-size:14px}
@@ -86,7 +94,7 @@
 <div id="grid">
 	<table align="center" style="border-color:transparent">
 		<tr>
-			<td style="width:50%">
+			<td style="width:60%">
 				<div align="left" class="default"> 
 					<img src="{{context}}/static/img/logo-0.png" style="width:48px; margin:4px" class="left" style="margin:4px"> 
 					<div style="padding:8px">The Phi Technology
@@ -103,7 +111,9 @@
 			</td>
 		</tr>
 	</table>
-	<table align="center" style="background-image:url(https://az616578.vo.msecnd.net/files/responsive/cover/main/desktop/2016/05/09/635983505329496433385654456_concert-audience.jpg)">
+	<table align="center">
+
+		<!-- style="background-image:url(https://az616578.vo.msecnd.net/files/responsive/cover/main/desktop/2016/05/09/635983505329496433385654456_concert-audience.jpg)"> -->
 		<tr >
 			<td colspan="{{ plans|length}}" align="center" class="border-bottom">
 				<div class="caption">{{app_name.replace('-',' ') }}</div>
@@ -116,6 +126,9 @@
 				{% for item in plans%}
 					<div class="left width-50 height-48 border-right border-bottom" style="margin:4px">
 						<div class="bold medium-caption">{{ item.metadata.info|safe }}</div>
+						{% if 'note' in item.metadata %}
+							<div class="small" style="text-transform:capitalize; color:gray">{{item.metadata.note|safe}}</div>
+						{% endif %}
 						
 					</div>
 					<div class="left width-25 height-48 border-bottom" style="margin:4px">