handlebars if multiple conditions

Browse other questions tagged, Where developers & technologists share private knowledge with coworkers, Reach developers & technologists worldwide. Note: This feature is currently not supported for the new email editor code blocks. Last reviewed in June 2019 These statements work as follows: To use these inside an {{#if}} statement, the conditions must be nested: {{#if (or (gt player.level 100) (gt player.zombieKills 1000))}} - this returns true if the player is above level 100, or has more than 1000 zombie kills. Book about a good dark lord, think "not Sauron". Po odsunu pvodnch majitel stdav chtral a do roku 2002, kdy jsme zaali s rekonstrukc. @dragonmnl Which version of Handlebars is Meteor 1.2.0.2 using? Ndhern podstvkov domy jsou k vidn na mnoha mstech. I'd recommend that you do this with a helper function to separate your business logic from presentation. Handlebars: multiple conditions IF statement. {{#if cond2}} with 4 ways to test button click event handler in Angular unit testing, Angular component testing - Input text value with test case examples, Angular unit test Calling a method from the constructor of a class, how to fix 404 errors for webserver during karma unit testing Angular, How to write unit testing for private and static in Angular and typescript, How to write unit testing static methods in a class of Angular and typescript, Typescript mock interface and async promise example, Vue.js Tutorial for Beginners (2019) (Part-24) Conditional Rendering with v if Directive, Conditional to check if an object is null or undefined or empty, Handlebars if not an equal condition with string. Pro malou uzavenou spolenost mme k dispozici salnek s 10 msty (bval ern kuchyn se zachovalmi cihlovmi klenbami). Napklad ndhern prosted v Nrodnm parku esk vcarsko. Thanks @Cristian! Use "^" (or) and check if otherwise cond2 is true, {{#if cond1}} The if helper can only test for properties to be true or false not arbitrary expressions. I am using the ember cli project to build my ember application. Using a hook based on the "player death" event, check their zombie and player kills and if both are zero, give them a pistol: Notes: You are right, I firstly thought the test was to compare two values, not testing of both existed. The helper itself looks like Since a helper source can contain multiple helper implementations, registration is different than the single helper registration: @Test public void whenHelperSourceIsCreated_ThenCanRegister() throws IOException { Handlebars handlebars = new Handlebars (templateLoader); handlebars.registerHelpers ( new EVER.). you can start use most of the logical operators(eq,not-eq,not,and,or,gt,gte,lt,lte,xor). Ember.Handlebars.bind no longer seems to exist. argument returns false, undefined, null, "" or [] (a "falsy" value), It can be done within the template completely. Handlebars is an extension to the standard commands available in CSMM. Thanks for sharing, this simple solution worked like charm. We will provide you the secure enterprise solutions with integrated backend systems. if(typeof ez_ad_units!='undefined'){ez_ad_units.push([[300,250],'cloudhadoop_com-medrectangle-4','ezslot_9',137,'0','0'])};__ez_fad_position('div-gpt-ad-cloudhadoop_com-medrectangle-4-0');It enables to render of a block of code on the condition that is passed. For "and" logic, you can do nested if conditions, but it's clunky and doesn't help you with the else "unless", or any "or" logic per your question above. Asking for help, clarification, or responding to other answers. In the next example we have implemented a Handlebars helper called if_eq. if y What about this? Similar to Jims answer but a using a bit of creativity we could also do something like this: I would suggest moving the object out of the function for better performance but otherwise you can add any compare function you want, including and and or. {{ifCond val1 '||' val2}}true{{else}}false{{/if}} it returns options.fn (true, the ifCond clause) if its correct, otherwise it returns options.inverse (false, the else clause) if incorrect. something Ng-Click Within Handlebars.JS Template Won't Fire, Retrieve the current price of a ERC20 token from uniswap v2 router using web3js, Theoretically Correct vs Practical Notation. Information credits to stackoverflow, stackexchange network and user contributions. Zatm jsou pipraveny ti pokoje (do budoucna bychom jejich poet chtli zvit k dispozici bude cel jedno patro). By clicking Post Your Answer, you agree to our terms of service, privacy policy and cookie policy. preparationScript Handlebars.registerPartial ('myPartial', ' { {prefix}}'); If you need something more advanced than a simple comparison, then perhaps it would be good to start declaring some computed properties and using the normal #if helper instead.if(typeof ez_ad_units!='undefined'){ez_ad_units.push([[336,280],'errorsandanswers_com-narrow-sky-1','ezslot_21',112,'0','0'])};__ez_fad_position('div-gpt-ad-errorsandanswers_com-narrow-sky-1-0'); Improved solution that basically work with any binary operator (at least numbers, strings doesnt work well with eval, TAKE CARE OF POSSIBLE SCRIPT INJECTION IF USING A NON DEFINED OPERATOR WITH USER INPUTS): Heres a solution if you want to check multiple conditions: Heres a link to the block helper I use: comparison block helper. To loop through every item in an array, e.g. I have found a npm package made with CoffeeScript that has a lot of incredible useful helpers for Handlebars. WebA Handlebars expression starts with two left curly brackets ( { {) and ends with two right curly brackets ( }} ). Seznam krytch, venkovnch bazn nebo lzn. I want to check two more condition in IF Helper in Handlebars. I'm using default version. in 3.0 you can do it with {{#if A}} How can I explain to my manager that a project he wishes to undertake cannot be performed by the team? 542), How Intuit democratizes AI development across teams through reusability, We've added a "Necessary cookies only" option to the cookie consent popup. It uses the bind function from the Ember source, which is also used to implement the normal Ember #if helper. You can use the if helper to conditionally render a block. someting B WebHeres a solution if you want to check multiple conditions: /* Handler to check multiple conditions */ Handlebars.registerHelper('checkIf', function It can replace || logical operator, for example: you cannot write your expressions inside handlebars template but all of your logic (expressions) in express.js. I'm using Handlebars.js for client side view rendering. HandlebarsJS passes other arguments to a function call, meaning that when String.prototype.match is called, the second argument (i.e. To subscribe to this RSS feed, copy and paste this URL into your RSS reader. How to copy a DOM node with event listeners? Taking the solution one step further. @BalaClark is it really logicless though? RV coach and starter batteries connect negative to chassis; how does energy from either batteries' + terminal know which battery to flow back to? Solution 2. Checked in 2022, Yeah. What people forget is that certain objects have inherit functions that can be used in the moustache template. Site design / logo 2023 Stack Exchange Inc; user contributions licensed under CC BY-SA. if(typeof ez_ad_units!='undefined'){ez_ad_units.push([[728,90],'errorsandanswers_com-box-3','ezslot_4',119,'0','0'])};__ez_fad_position('div-gpt-ad-errorsandanswers_com-box-3-0');Is there a way in handlebars JS to incorporate logical operators into the standard handlebars.js conditional operator? you might want to arrange things in your model so that you can have this. So why not use partial to make it less messy. They do not have multiple conditions.But you can achieve it by nesting. Ackermann Function without Recursion or Stack. looking at this again, I feel this can be done through attribute bindings. Firefox sees this as a deprecated use of String.prototype.match, and so breaks. The template feature in Amazon SES is based on the Handlebars template system. Note: This is perfect, because looking at the HandlebarsJS documentation http://handlebarsjs.com/builtin_helpers.html. It uses the bind function from the Ember source, which is also used to implement the normal Ember #if helper. My bad. Unfortunately none of these solutions solve the problem of "OR" operator "cond1 || cond2". We can use the === operator for comparing strings or any primitive types. You will be abled to do things like {{#is number 5}} or {{formatDate date "%m/%d/%Y"}}, BTW: Note that the solution given here is incorrect, hes not subtracting the last argument which is the function name.https://stackoverflow.com/a/31632215/1005607, His original AND/OR was based on the full list of arguments, Can someone change that answer? {{#ifCond true '==' false}}, I found the values to be not evaluated for object attributes. Below myFunction gets current context as this. For those having problems comparing object properties, inside the helper add this solution, Ember.js helper not properly recognizing a parameter. the if condition is not re-evaluated when the properties involved change. Twitter Bootstrap how to detect when media queries starts, call javascript object method with a variable. 1 1 asked Dec 20, 2016 at 21:36 zwiebl 675 2 11 23 It's the same idea as with 2 parameters. [ Gift : Animated Search Engine : https://bit.ly/AnimSearch ] HTML : Handlebars: multiple conditions IF statement? If its argument returns false, undefined, null, "" or [ ] (a "falsy" value), Handlebars will not render the block.". Edit: Conversely you can do or's by doing this: Edit/Note: From the handlebar's website: handlebarsjs.com here are the falsy values: You can use the if helper to conditionally render a block. someting C Here we have vanilla handlebars for multiple logical && and || (and or): Not so sure if it's "safe" to use "and" and "or" maybe change to something like "op_and" and "op_or"? Note: This requires roles in CSMM to be set appropriately, and the chat groups named to be manually created first. The timeDiffPretty helper does the same as the timeDiff helper but it uses the ms library to format the time difference in a human-readable format. This one is limited to a single bound property on the left-hand side, comparing to a constant on the right-hand side, which I think is good enough for most practical purposes. i think i need to pass in multpile parameters to the helper, in handlebars first register a function like below, you can register more than one function . Improved solution that basically work with any binary operator (at least numbers, strings doesn't work well with eval, TAKE CARE OF POSSIBLE SCRIPT INJECTION IF USING A NON DEFINED OPERATOR WITH USER INPUTS): Here's a solution if you want to check multiple conditions: Here's a link to the block helper I use: comparison block helper. DO THE ACTION if you also need to be able to have an or to comparefunction return valuesI would rather add another property that returns the desired result. You can then call the helper in the template like this. To test against multiple conditions at once, {{#if}} statements can contain (and) or (or) statements. For descending order, replace the "asc" in the example above with "desc". Then you can use it in your templates like this: Where the arguments to the expression are passed in as p0,p1,p2 etc and p0 can also be referenced as this. Array.prototype.slice.call(arguments, 0, arguments.length - 1), if you just want to check if one or the other element are present you can use this custom helper. Heres a slightly more advanced version of the helper supporting bindings. For example: render OK only if the model status equals complete: As you may have figured out, this does not work. To send multiple PMs, the pm command should be moved inside the loop, and the command ended with a ; before the loop repeats. In our sample table, suppose you have Lets see customer helper achieve and, or operators. Here's a solution if you want to check multiple conditions: /* Handler to check multiple conditions */ Handlebars.registerHelper('checkIf', function {{else if B}} @gfullam you're right, I was using handlebars in assemble, which includes this helper natively. Any ideas? Sometimes this makes us feel like we are fighting with it, and sometimes we end up with ugly nested if/else logic. Pro nae hosty je zde ada monost nvtv. The following list of helpers is supported by integrator.io: Tip: Press the Home key to return to the top of this article ( Fn + Left Arrow for Mac). {{/if}} Does Cosmic Background radiation transmit heat? The system will not check PEMDAS; you should use braces appropriately to make sure the operations are performed in the desired order. {{/if}} Was Galileo expecting to see so many stars? @StackOverflowed Limiting your options/handicaping yourself can help to follow a development philosophy. especially the options.fn part? I can understand why you would want to create a helper for situations where you have a large number of varied comparisons to perform within your template, but for a relatively small number of comparisons (or even one, which was what brought me to this page in the first place), it would probably just be easier to define a new handlebars variable in your view-rendering function call, like: and then within your handlebars template: I mention this for simplicity's sake, and also because it's an answer that may be quick and helpful while still complying with the logicless nature of Handlebars. Having reliable, timely support is essential for uninterrupted business operations. Is there a "null coalescing" operator in JavaScript? I think the preferred method is to pass boolean flags and conditionalize them. WebHandlebars provides several built-in block helpers that are always available to templates. It expects two parameters and will compare them using == . Being a noob to handlebars one thing that wasn't clear is that you have to pass the operator as a string or else the compiler will error out while tokenizing your template. Looks pretty with only 1 else if, but the more you have, the longer that last list of closing if's gets -, doesn't work for me (syntax error in template). I originally used registerBoundHelper originally but then when it changed condition it wouldn't change to the else value and back.. , Practical example: Exchanging in-game coins for CSMM currency, Practical example: Reacting on specific chatmessages without the need for a custom command, Practical example: Notification on falling block detection, including player(s) in the area, Practical example: Scoreboard for animals killed, Restrict a command to players over a certain level, Give a player an item if they die before getting their first kill, List players' kills, deaths, and kill-life ratio, Set chat color and admin levels based on CSMM roles. Frank Sinatra School Of The Arts Famous Alumni, Alina Kabaeva Children, Kansas State Track And Field Records, Alina Kabaeva Children, Articles H

Services

Browse other questions tagged, Where developers & technologists share private knowledge with coworkers, Reach developers & technologists worldwide. Note: This feature is currently not supported for the new email editor code blocks. Last reviewed in June 2019 These statements work as follows: To use these inside an {{#if}} statement, the conditions must be nested: {{#if (or (gt player.level 100) (gt player.zombieKills 1000))}} - this returns true if the player is above level 100, or has more than 1000 zombie kills. Book about a good dark lord, think "not Sauron". Po odsunu pvodnch majitel stdav chtral a do roku 2002, kdy jsme zaali s rekonstrukc. @dragonmnl Which version of Handlebars is Meteor 1.2.0.2 using? Ndhern podstvkov domy jsou k vidn na mnoha mstech. I'd recommend that you do this with a helper function to separate your business logic from presentation. Handlebars: multiple conditions IF statement. {{#if cond2}} with 4 ways to test button click event handler in Angular unit testing, Angular component testing - Input text value with test case examples, Angular unit test Calling a method from the constructor of a class, how to fix 404 errors for webserver during karma unit testing Angular, How to write unit testing for private and static in Angular and typescript, How to write unit testing static methods in a class of Angular and typescript, Typescript mock interface and async promise example, Vue.js Tutorial for Beginners (2019) (Part-24) Conditional Rendering with v if Directive, Conditional to check if an object is null or undefined or empty, Handlebars if not an equal condition with string. Pro malou uzavenou spolenost mme k dispozici salnek s 10 msty (bval ern kuchyn se zachovalmi cihlovmi klenbami). Napklad ndhern prosted v Nrodnm parku esk vcarsko. Thanks @Cristian! Use "^" (or) and check if otherwise cond2 is true, {{#if cond1}} The if helper can only test for properties to be true or false not arbitrary expressions. I am using the ember cli project to build my ember application. Using a hook based on the "player death" event, check their zombie and player kills and if both are zero, give them a pistol: Notes: You are right, I firstly thought the test was to compare two values, not testing of both existed. The helper itself looks like Since a helper source can contain multiple helper implementations, registration is different than the single helper registration: @Test public void whenHelperSourceIsCreated_ThenCanRegister() throws IOException { Handlebars handlebars = new Handlebars (templateLoader); handlebars.registerHelpers ( new EVER.). you can start use most of the logical operators(eq,not-eq,not,and,or,gt,gte,lt,lte,xor). Ember.Handlebars.bind no longer seems to exist. argument returns false, undefined, null, "" or [] (a "falsy" value), It can be done within the template completely. Handlebars is an extension to the standard commands available in CSMM. Thanks for sharing, this simple solution worked like charm. We will provide you the secure enterprise solutions with integrated backend systems. if(typeof ez_ad_units!='undefined'){ez_ad_units.push([[300,250],'cloudhadoop_com-medrectangle-4','ezslot_9',137,'0','0'])};__ez_fad_position('div-gpt-ad-cloudhadoop_com-medrectangle-4-0');It enables to render of a block of code on the condition that is passed. For "and" logic, you can do nested if conditions, but it's clunky and doesn't help you with the else "unless", or any "or" logic per your question above. Asking for help, clarification, or responding to other answers. In the next example we have implemented a Handlebars helper called if_eq. if y What about this? Similar to Jims answer but a using a bit of creativity we could also do something like this: I would suggest moving the object out of the function for better performance but otherwise you can add any compare function you want, including and and or. {{ifCond val1 '||' val2}}true{{else}}false{{/if}} it returns options.fn (true, the ifCond clause) if its correct, otherwise it returns options.inverse (false, the else clause) if incorrect. something Ng-Click Within Handlebars.JS Template Won't Fire, Retrieve the current price of a ERC20 token from uniswap v2 router using web3js, Theoretically Correct vs Practical Notation. Information credits to stackoverflow, stackexchange network and user contributions. Zatm jsou pipraveny ti pokoje (do budoucna bychom jejich poet chtli zvit k dispozici bude cel jedno patro). By clicking Post Your Answer, you agree to our terms of service, privacy policy and cookie policy. preparationScript Handlebars.registerPartial ('myPartial', ' { {prefix}}'); If you need something more advanced than a simple comparison, then perhaps it would be good to start declaring some computed properties and using the normal #if helper instead.if(typeof ez_ad_units!='undefined'){ez_ad_units.push([[336,280],'errorsandanswers_com-narrow-sky-1','ezslot_21',112,'0','0'])};__ez_fad_position('div-gpt-ad-errorsandanswers_com-narrow-sky-1-0'); Improved solution that basically work with any binary operator (at least numbers, strings doesnt work well with eval, TAKE CARE OF POSSIBLE SCRIPT INJECTION IF USING A NON DEFINED OPERATOR WITH USER INPUTS): Heres a solution if you want to check multiple conditions: Heres a link to the block helper I use: comparison block helper. To loop through every item in an array, e.g. I have found a npm package made with CoffeeScript that has a lot of incredible useful helpers for Handlebars. WebA Handlebars expression starts with two left curly brackets ( { {) and ends with two right curly brackets ( }} ). Seznam krytch, venkovnch bazn nebo lzn. I want to check two more condition in IF Helper in Handlebars. I'm using default version. in 3.0 you can do it with {{#if A}} How can I explain to my manager that a project he wishes to undertake cannot be performed by the team? 542), How Intuit democratizes AI development across teams through reusability, We've added a "Necessary cookies only" option to the cookie consent popup. It uses the bind function from the Ember source, which is also used to implement the normal Ember #if helper. You can use the if helper to conditionally render a block. someting B WebHeres a solution if you want to check multiple conditions: /* Handler to check multiple conditions */ Handlebars.registerHelper('checkIf', function It can replace || logical operator, for example: you cannot write your expressions inside handlebars template but all of your logic (expressions) in express.js. I'm using Handlebars.js for client side view rendering. HandlebarsJS passes other arguments to a function call, meaning that when String.prototype.match is called, the second argument (i.e. To subscribe to this RSS feed, copy and paste this URL into your RSS reader. How to copy a DOM node with event listeners? Taking the solution one step further. @BalaClark is it really logicless though? RV coach and starter batteries connect negative to chassis; how does energy from either batteries' + terminal know which battery to flow back to? Solution 2. Checked in 2022, Yeah. What people forget is that certain objects have inherit functions that can be used in the moustache template. Site design / logo 2023 Stack Exchange Inc; user contributions licensed under CC BY-SA. if(typeof ez_ad_units!='undefined'){ez_ad_units.push([[728,90],'errorsandanswers_com-box-3','ezslot_4',119,'0','0'])};__ez_fad_position('div-gpt-ad-errorsandanswers_com-box-3-0');Is there a way in handlebars JS to incorporate logical operators into the standard handlebars.js conditional operator? you might want to arrange things in your model so that you can have this. So why not use partial to make it less messy. They do not have multiple conditions.But you can achieve it by nesting. Ackermann Function without Recursion or Stack. looking at this again, I feel this can be done through attribute bindings. Firefox sees this as a deprecated use of String.prototype.match, and so breaks. The template feature in Amazon SES is based on the Handlebars template system. Note: This is perfect, because looking at the HandlebarsJS documentation http://handlebarsjs.com/builtin_helpers.html. It uses the bind function from the Ember source, which is also used to implement the normal Ember #if helper. My bad. Unfortunately none of these solutions solve the problem of "OR" operator "cond1 || cond2". We can use the === operator for comparing strings or any primitive types. You will be abled to do things like {{#is number 5}} or {{formatDate date "%m/%d/%Y"}}, BTW: Note that the solution given here is incorrect, hes not subtracting the last argument which is the function name.https://stackoverflow.com/a/31632215/1005607, His original AND/OR was based on the full list of arguments, Can someone change that answer? {{#ifCond true '==' false}}, I found the values to be not evaluated for object attributes. Below myFunction gets current context as this. For those having problems comparing object properties, inside the helper add this solution, Ember.js helper not properly recognizing a parameter. the if condition is not re-evaluated when the properties involved change. Twitter Bootstrap how to detect when media queries starts, call javascript object method with a variable. 1 1 asked Dec 20, 2016 at 21:36 zwiebl 675 2 11 23 It's the same idea as with 2 parameters. [ Gift : Animated Search Engine : https://bit.ly/AnimSearch ] HTML : Handlebars: multiple conditions IF statement? If its argument returns false, undefined, null, "" or [ ] (a "falsy" value), Handlebars will not render the block.". Edit: Conversely you can do or's by doing this: Edit/Note: From the handlebar's website: handlebarsjs.com here are the falsy values: You can use the if helper to conditionally render a block. someting C Here we have vanilla handlebars for multiple logical && and || (and or): Not so sure if it's "safe" to use "and" and "or" maybe change to something like "op_and" and "op_or"? Note: This requires roles in CSMM to be set appropriately, and the chat groups named to be manually created first. The timeDiffPretty helper does the same as the timeDiff helper but it uses the ms library to format the time difference in a human-readable format. This one is limited to a single bound property on the left-hand side, comparing to a constant on the right-hand side, which I think is good enough for most practical purposes. i think i need to pass in multpile parameters to the helper, in handlebars first register a function like below, you can register more than one function . Improved solution that basically work with any binary operator (at least numbers, strings doesn't work well with eval, TAKE CARE OF POSSIBLE SCRIPT INJECTION IF USING A NON DEFINED OPERATOR WITH USER INPUTS): Here's a solution if you want to check multiple conditions: Here's a link to the block helper I use: comparison block helper. DO THE ACTION if you also need to be able to have an or to comparefunction return valuesI would rather add another property that returns the desired result. You can then call the helper in the template like this. To test against multiple conditions at once, {{#if}} statements can contain (and) or (or) statements. For descending order, replace the "asc" in the example above with "desc". Then you can use it in your templates like this: Where the arguments to the expression are passed in as p0,p1,p2 etc and p0 can also be referenced as this. Array.prototype.slice.call(arguments, 0, arguments.length - 1), if you just want to check if one or the other element are present you can use this custom helper. Heres a slightly more advanced version of the helper supporting bindings. For example: render OK only if the model status equals complete: As you may have figured out, this does not work. To send multiple PMs, the pm command should be moved inside the loop, and the command ended with a ; before the loop repeats. In our sample table, suppose you have Lets see customer helper achieve and, or operators. Here's a solution if you want to check multiple conditions: /* Handler to check multiple conditions */ Handlebars.registerHelper('checkIf', function {{else if B}} @gfullam you're right, I was using handlebars in assemble, which includes this helper natively. Any ideas? Sometimes this makes us feel like we are fighting with it, and sometimes we end up with ugly nested if/else logic. Pro nae hosty je zde ada monost nvtv. The following list of helpers is supported by integrator.io: Tip: Press the Home key to return to the top of this article ( Fn + Left Arrow for Mac). {{/if}} Does Cosmic Background radiation transmit heat? The system will not check PEMDAS; you should use braces appropriately to make sure the operations are performed in the desired order. {{/if}} Was Galileo expecting to see so many stars? @StackOverflowed Limiting your options/handicaping yourself can help to follow a development philosophy. especially the options.fn part? I can understand why you would want to create a helper for situations where you have a large number of varied comparisons to perform within your template, but for a relatively small number of comparisons (or even one, which was what brought me to this page in the first place), it would probably just be easier to define a new handlebars variable in your view-rendering function call, like: and then within your handlebars template: I mention this for simplicity's sake, and also because it's an answer that may be quick and helpful while still complying with the logicless nature of Handlebars. Having reliable, timely support is essential for uninterrupted business operations. Is there a "null coalescing" operator in JavaScript? I think the preferred method is to pass boolean flags and conditionalize them. WebHandlebars provides several built-in block helpers that are always available to templates. It expects two parameters and will compare them using == . Being a noob to handlebars one thing that wasn't clear is that you have to pass the operator as a string or else the compiler will error out while tokenizing your template. Looks pretty with only 1 else if, but the more you have, the longer that last list of closing if's gets -, doesn't work for me (syntax error in template). I originally used registerBoundHelper originally but then when it changed condition it wouldn't change to the else value and back.. , Practical example: Exchanging in-game coins for CSMM currency, Practical example: Reacting on specific chatmessages without the need for a custom command, Practical example: Notification on falling block detection, including player(s) in the area, Practical example: Scoreboard for animals killed, Restrict a command to players over a certain level, Give a player an item if they die before getting their first kill, List players' kills, deaths, and kill-life ratio, Set chat color and admin levels based on CSMM roles.

Frank Sinatra School Of The Arts Famous Alumni, Alina Kabaeva Children, Kansas State Track And Field Records, Alina Kabaeva Children, Articles H