diff options
| -rw-r--r-- | static/wedding.js | 89 | ||||
| -rw-r--r-- | templates/layout.html | 10 |
2 files changed, 54 insertions, 45 deletions
diff --git a/static/wedding.js b/static/wedding.js index 492c346..00d1ac1 100644 --- a/static/wedding.js +++ b/static/wedding.js @@ -1,41 +1,50 @@ -$("input:radio[name=language]").change(function(){ - if($(this).val()=="fr"){ - $("#lab-lang").text("Langue:"); - $("label[for=name]").text("Prénom:"); - $("#name").attr("placeholder", "Prénom"); - $("label[for=password]").text("Mot de Passe:"); - $("#password").attr("placeholder", "Mot de Passe"); - $("button[name=login]").text("Entrer"); - } - if($(this).val()=="en"){ - $("#lab-lang").text("Language:"); - $("label[for=name]").text("Name:"); - $("#name").attr("placeholder", "Name"); - $("label[for=password]").text("Password:"); - $("#password").attr("placeholder", "Password"); - $("button[name=login]").text("Login"); - } - if($(this).val()=="sr"){ - $("#lab-lang").text("Jezik:"); - $("label[for=name]").text("Ime:"); - $("#name").attr("placeholder", "Ime"); - $("label[for=password]").text("Šifra:"); - $("#password").attr("placeholder", "Šifra"); - $("button[name=login]").text("Login"); - } -}); -$("input:radio[name=rsvp]").change(function(){ - var state = $(this).val()=="0"; - ["email", "mailing", "plusoneyes", "plusoneno", "kidsyes","kidsno"]. - forEach(function(id){ - $("#"+id).prop("disabled",state); - }); - $("#plusonename").prop("disabled", $(this).val() || $("#plusoneno").prop("checked")); - $("#kidsnames").prop("disabled", $(this).val() || $("kidsno").prop("checked")); -}); -$("input:radio[name=plusone]").change(function(){ - $("#plusonename").prop("disabled", $(this).val()=="0"); -}); -$("input:radio[name=kids]").change(function(){ - $("#kidsnames").prop("disabled", $(this).val()=="0"); +$(function(){ + var addr = $(location).attr('pathname'); + $("#"+addr.replace(/\//g,"")).addClass("active"); + $("input:radio[name=language]").change(function(){ + if($(this).val()=="fr"){ + $("#lab-lang").text("Langue:"); + $("label[for=name]").text("Prénom :"); + $("#name").attr("placeholder", "Prénom"); + $("label[for=password]").text("Mot de Passe :"); + $("#password").attr("placeholder", "Mot de Passe"); + $("button[name=login]").text("Entrer"); + } + if($(this).val()=="en"){ + $("#lab-lang").text("Language:"); + $("label[for=name]").text("Name:"); + $("#name").attr("placeholder", "Name"); + $("label[for=password]").text("Password:"); + $("#password").attr("placeholder", "Password"); + $("button[name=login]").text("Login"); + } + if($(this).val()=="sr"){ + $("#lab-lang").text("Jezik:"); + $("label[for=name]").text("Ime:"); + $("#name").attr("placeholder", "Ime"); + $("label[for=password]").text("Lozinka:"); + $("#password").attr("placeholder", "Lozinka"); + $("button[name=login]").text("Login"); + } + }); + + $("input:radio[name=rsvp]").change(function(){ + var state = $(this).val()=="0"; + ["email", "mailing", "plusoneyes", "plusoneno", "kidsyes","kidsno"]. + forEach(function(id){ + $("#"+id).prop("disabled", state); + }); + $("#plusonename").prop("disabled", state || $("#plusoneno").prop("checked")); + $("#kidsnames").prop("disabled", state || $("#kidsno").prop("checked")); + }); + + $("input:radio[name=plusone]").change(function(){ + $("#plusonename").prop("disabled", $(this).val()=="0"); + }); + + $("input:radio[name=kids]").change(function(){ + $("#kidsnames").prop("disabled", $(this).val()=="0"); + }); + + $("input:radio[name=rsvp]").trigger("change"); }); diff --git a/templates/layout.html b/templates/layout.html index 8bc3495..81c136d 100644 --- a/templates/layout.html +++ b/templates/layout.html @@ -16,11 +16,11 @@ <div class="row main"> <div class="col-md-3 menu "> <ul class="nav nav-pills nav-stacked"> - <li role="presentation" class="active"><a href="../home">{{_("Home")}}</a></li> - <li role="presentation"><a href="../rsvp">{{_("RSVP")}}</a></li> - <li role="presentation"><a href="../getting">{{_("Getting There")}}</a></li> - <li role="presentation"><a href="../lodging">{{_("Lodging")}}</a></li> - <li role="presentation"><a href="../gifts">{{_("Gifts")}}</a></li> + <li role="presentation" id="home"><a href="../home">{{_("Home")}}</a></li> + <li role="presentation" id="rsvp"><a href="../rsvp">{{_("RSVP")}}</a></li> + <li role="presentation" id="getting"><a href="../getting">{{_("Getting There")}}</a></li> + <li role="presentation" id="lodging"><a href="../lodging">{{_("Lodging")}}</a></li> + <li role="presentation" id="gifts"><a href="../gifts">{{_("Gifts")}}</a></li> </ul> </div> <div class="col-md-9"> |