function createPaymentSection (argument) {
var paymentSection = section();
var paymentHeader = header().text("Zahlung");
paymentSection
.append(paymentHeader)
.append(
tabBar([
{
text: "PayPal",
image: "paypal",
card: card().append([input().attr("placeholder","Username"), input().attr("placeholder", "Password")])
},
{
text: "Rechnung",
image: "bill",
card: card().text("Some sort of description")
},
{
text: "IBAN",
image: "iban",
card: card()
.append(input().attr("placeholder","IBAN"))
.append(input().attr("placeholder", "Password"))
.append($("<span>").text("Wer ist der Kontoinhaber?"))
.append(choice().text("Versicherungsnehmer"))
.append(choice().text("andere Person"))
}
])
);
return paymentSection.bind("prepare-close-section", function () {
paymentHeader.html("<strong>Zahlung</strong> " + $(".tab-icon.selected").text())
});
}
function createLongAddressPage(longAddressSection) {
var longAddPage = page().addClass("coming").append(
section().append([
header().text("Long address sub form"),
card().append([
input().attr("placeholder","Hausnummer"),
input().attr("placeholder","Addresse"),
input().attr("placeholder","Stadt"),
input().attr("placeholder","PLZ"),
input().attr("placeholder","Land"),
input().attr("placeholder","Planet"),
input().attr("placeholder","Univers"),
]),
card().text("Fertig").click(function () {
var addr = gatherInputs(longAddPage)
longAddressSection.find(".header").html("<strong>Long address</strong> "+addr);
longAddressSection.trigger("close-section")
longAddPage.css("transform", "translate(100%)");
setTimeout(function () {
longAddPage.remove();
}, ANIMATION_DURATION);
})
])
).appendTo("body");
setTimeout(function () {
longAddPage.css("transform", "translate(0px)");
}, 10);
setTimeout(function () {
longAddPage.removeClass("coming");
}, ANIMATION_DURATION);
}
function createShortAddressSection() {
var shortAddressSection = section();
var shortAddressTitle = header().text("Adresse eingeben");
var shortAddressCard = card();
var choices = [input().attr("placeholder","Hausnummer"), input().attr("placeholder", "Adresse")];
shortAddressCard.append(choices);
shortAddressSection.append(shortAddressTitle);
shortAddressSection.append(shortAddressCard);
shortAddressSection.bind("completed", function () {
createPuppySection();
}).bind("end-input", function () {
shortAddressSection.trigger("close-section");
}).bind("prepare-close-section", function () {
var addr = gatherInputs(shortAddressSection);
shortAddressTitle.html("<strong>Address</strong> "+addr);
});
return shortAddressSection
}