For loop question

[Mike]

How can I get the loop to loop 4 times only?
Also only have the UI section only ask 4 times?
Thanks in advance.

[Kami]

Mar 27, 2023 6:03:03 GMT -8 Mike said:

How can I get the loop to loop 4 times only?
Also only have the UI section only ask 4 times?
Thanks in advance.

Can we have a forum URL? Also, can you be more descriptive in what you're asking for / attempting to do?

[Mike]

Test forum
Kami
I have if (I===4){ break} and that seems to do the trick for the code but how can I get the UI of setup to only produce 4 slots.

[Kami]

Mar 27, 2023 9:06:11 GMT -8 Mike said:

Test forum
Kami
I have if (I===4){ break} and that seems to do the trick for the code but how can I get the UI of setup to only produce 4 slots.

I am... still not entirely sure what any of this means, I apologise. (I===4)( break) is not proper template syntax, so I'm not totally sure what this is referring to.  The only thing I can think of that involves 'loops' would be a foreach loop in the template, but it doesn't look like it'll be applicable here.

Sorry, to be more specific, can you answer the following questions:

- What does "loop" mean to you?
- What "UI" are you referring to, and where is it located?
- What is the purpose of the UI that you are displaying?
- What is the UI "asking"?

[Chris]

Mike ,
if you're referring to the plugin installed on that forum you linked, I see you have a for loop iterating over the input data for that plugin and building articles.

Code:

$(document).ready(function (){
var art='<div class="art-cont">';
   for (e=0;e<pb.plugin.get('article_creator').settings.setup.length; e++){
       if(e===4){
         break
       }
   art+='<article class="article-cont">';
   art+='<img class="article-image" src="'+pb.plugin.get('article_creator').settings.setup[e].picture+'">';
   art+='<span class="auth">By '+pb.plugin.get('article_creator').settings.setup[e].author+'</span>';
   art+='<p class="art-title">'+pb.plugin.get('article_creator').settings.setup[e].title+'</p>';
   art+='<p class="article-content">'+pb.plugin.get('article_creator').settings.setup[e].content+'</p>';
   art+='<br>';
   art+='<a class="pass" href="'+pb.plugin.get('article_creator').settings.setup[e].link+'">Read More</a>';
   art+='</article>';
   }
   art+='</div>';
   $('.article-box').html(art);
});

Plugin Data:

SPOILER: Click to show

proboards.plugin._plugins["article_creator"] = {
   version: "0.0.1",
   settings: {
       "setup": [{
               "author": "Les Brewer",
               "picture": "https://www.exploregeorgia.org/sites/default/files/styles/listing_slideshow/public/listing_images/profile/37848/70cc55828bd906a9c43a9b27d92b0952_Lake_Laniermax-1200x675.jpg?itok=lP4CvCHU",
               "title": "What does it mean that “by strength shall no man prevail” (1 Samuel 2:9)?",
               "content": "After Hannah dedicated her son Samuel to serve the Lord in the tabernacle, she prayed a joyous prayer of praise and thanksgiving to the Lord, celebrating God’s sovereignty and wondrous works (1 Samuel 2:1–10). She acknowledged that Samuel was a gift from God and not the result of her strength or achievement, saying, “For by strength shall no man prevail” (1 Samuel 2:9, KJV 1900)....",
               "link": ""
           }, {
               "author": "Tom",
               "picture": "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRFwcfsZdSOPNS3Yg3XMbOkZxDg8XNhw5xFc3DK1hPlkLb9yX8frEIMMrRTp9LW4hQpx2c&usqp=CAU",
               "title": "A praying Generation",
               "content": "nulla Lorem consectetur nisi occaecat nulla proident ea nisi dolore nostrud commodo qui nulla anim minim enim nisi veniam reprehenderit eiusmod et non do elit cillum esse labore nulla laborum nostrud deserunt proident adipisicing commodo aliqua dolore est voluptate ex consectetur dolor ad esse nostrud qui ipsum Lorem nostrud do officia elit incididunt esse incididunt officia in sint irure ut deserunt excepteur id id laboris anim minim id velit quis elit mollit tempor veniam quis magna reprehenderit aute veniam velit quis ea voluptate ullamco est aliquip est nostrud non occaecat sit proident aliqua aliquip enim velit magna elit dolor esse laboris sunt mollit ut enim veniam anim officia duis dolore esse pariatur eu irure nisi fugiat in in nulla quis do fugiat pariatur ipsum non dolor dolore duis commodo dolore eiusmod non elit est commodo est ipsum commodo laboris ad amet officia cillum adipisicing adipisicing fugiat minim cillum qui excepteur",
               "link": ""
           }, {
               "author": "Jason",
               "picture": "https://www.google.com/url?sa=i&url=https%3A%2F%2Fflowercompany.ca%2Fproducts%2F100-premium-long-stem-red-roses-in-a-vase&psig=AOvVaw3fBCDABRBGGDAbueF1wpbW&ust=1679933620427000&source=images&cd=vfe&ved=0CA8QjRxqFwoTCIDHn8v--f0CFQAAAAAdAAAAABAK",
               "title": "My story",
               "content": "nulla Lorem consectetur nisi occaecat nulla proident ea nisi dolore nostrud commodo qui nulla anim minim enim nisi veniam reprehenderit eiusmod et non do elit cillum esse labore nulla laborum nostrud deserunt proident adipisicing commodo aliqua dolore est voluptate ex consectetur dolor ad esse nostrud qui ipsum Lorem nostrud do officia elit incididunt esse incididunt officia in sint irure ut deserunt excepteur id id laboris anim minim id velit quis elit mollit tempor veniam quis magna reprehenderit aute veniam velit quis ea voluptate ullamco est aliquip est nostrud non occaecat sit proident aliqua aliquip enim velit magna elit dolor esse laboris sunt mollit ut enim veniam anim officia duis dolore esse pariatur eu irure nisi fugiat in in nulla quis do fugiat pariatur ipsum non dolor dolore duis commodo dolore eiusmod non elit est commodo est ipsum commodo laboris ad amet officia cillum adipisicing adipisicing fugiat minim cillum qui excepteur",
               "link": ""
           }, {
               "author": "Lyle",
               "picture": "",
               "title": "A testament ",
               "content": "nulla Lorem consectetur nisi occaecat nulla proident ea nisi dolore nostrud commodo qui nulla anim minim enim nisi veniam reprehenderit eiusmod et non do elit cillum esse labore nulla laborum nostrud deserunt proident adipisicing commodo aliqua dolore est voluptate ex consectetur dolor ad esse nostrud qui ipsum Lorem nostrud do officia elit incididunt esse incididunt officia in sint irure ut deserunt excepteur id id laboris anim minim id velit quis elit mollit tempor veniam quis magna reprehenderit aute veniam velit quis ea voluptate ullamco est aliquip est nostrud non occaecat sit proident aliqua aliquip enim velit magna elit dolor esse laboris sunt mollit ut enim veniam anim officia duis dolore esse pariatur eu irure nisi fugiat in in nulla quis do fugiat pariatur ipsum non dolor dolore duis commodo dolore eiusmod non elit est commodo est ipsum commodo laboris ad amet officia cillum adipisicing adipisicing fugiat minim cillum qui excepteur",
               "link": ""
           }
       ]
   }
};


I am guessing you mean to limit the maximum number of displayed articles to four, even if someone inputs more than four articles into the plugin, which is why you have the line if(e===4) {break;}.

The autoform automatically creates a new entry set each time no blank ones are left so you can go on forever. If you wish to limit the input of articles to only four sets within the plugin settings, you may opt not to use the autoform and add four sets of the entry fields for each article directly and not in an autoform.

[Mike]

Thank you Chris