DEFAULT STRIPE-ELEMENT < template

< div id= 'app'

< h1

Please give us your payment details: </ h1

< card class= 'stripe-card' :class= '{ complete }' stripe= 'pk_test_XXXXXXXXXXXXXXXXXXXXXXXX' :options= 'stripeOptions' @change= 'complete = $event.complete' />

< button class= 'pay-with-stripe'

  @click=

'pay'

  :disabled=

'!complete' > Pay with credit card

</ button

</ div

</ template

{

"bindings" : [ {

"authLevel" : " function " ,

"type" : " httpTrigger " ,

"direction" : " in " ,

"name" : " req "

}, 
{

"type" : " http " ,

"direction" : " out " ,

"name" : " res "

],

"disabled" : false

}

{

"bindings" : [ {

"authLevel" : " anonymous " ,

"type" : " httpTrigger " ,

"direction" : " in " ,

"name" : " req " ,

"route" : " hello " ,

"methods" : [

" get "

  ] 
}, 
{

"type" : " http " ,

"direction" : " out " ,

"name" : " res "

}, 
{

"type" : " documentDB " ,

"name" : " inputDocument " ,

"databaseName" : " CocktailFinder " ,

"collectionName" : " Cocktails " ,

"partitionKey" : " /id " ,

"connection" : " sdrasbootcamp_DOCUMENTDB " ,

"direction" : " in "

],

"disabled" : false

}

{

… {

"type" : " documentDB " ,

"name" : " inputDocument " ,

"databaseName" : " CocktailFinder " ,

"collectionName" : " Cocktails " ,

"partitionKey" : " /id " ,

"connection" : “ sdrasapidemo_DOCUMENTDB " ,

"direction" : " in "

], … }

module. exports

=

function ( context , req ) { context . log ( ' JavaScript HTTP trigger function processed a request. ' );

if (req .query.name

|| (req .body

&& req .body.name )) { context .res

= {

// status: 200, !" Defaults to 200 #$

body : " Hello

"

(req .query.name

|| req .body.name ) }; }

else { context .res

= {

status : 400 ,

body : " Please pass a name on the query string or in the request body "

};

} context . done (); };

module. exports

=

function ( context , req ) { context . log ( ' JavaScript HTTP trigger function processed a request. ' );

if (context .bindings ) { context . log ( ' Get ready ' ); context .res

= { status : 200 , body : context .bindings.inputDocument }; context . log (context .res ); }

else { context .res

= {

status : 400 ,

body : " Something went wrong "

};

} context . done (); };

export

default {

…

created () {

this.axios

. get (

https://sdras-api-demo.azurewebsites.net/api/hello

. then ( response

!" {

this.info

= response .data.body

})

} }

pages/Item.vue

< table

class

" scroll "

< thead

< tr

< th

v-for

" key in columns "

      {{ key }}

</ th

</ tr

</ thead

< tbody

< tr

v-for

" (post , i) in filteredData "

< td

v-for

" entry in columns "

< a

:href

" post . Link "

target

" _blank "

        {{ post[entry] }}

</ a

</ td

</ tr

</ tbody

</ table