title: Typesafe config: How to iterate over configuration items
body: <p>In my Play application I've a configuration like this:</p>
  
  <pre><code>social {
      twitter {
          url="https://twitter.com"
          logo="images/twitter.png"
      }
      facebook {
          url="https://www.facebook.com"
          logo="images/facebook.png"
      }
  }
  </code></pre>
  
  <p>Ho do I iterate over all the <code>social</code> entries to get <code>url</code> and <code>logo</code> for each entry?</p>
  
  <pre><code>&lt;table border="0" cellspacing="0" cellpadding="2"&gt;&lt;tr&gt;
      @configuration.getConfig("social").map { config =&gt;
          @for(item &lt;- config.entrySet) {
             &lt;td&gt;&lt;a href="item.getString("url")"&gt;
             &lt;img src="@routes.Assets.at("item.getString("logo")").absoluteURL()" width="24" height="24"/&gt;&lt;/a&gt;&lt;/td&gt;
          }
      }
  &lt;/table&gt;
  </code></pre>
  
  <p>Of course, <code>item.getString</code> in the snippet here above does not work... it just shows what I'm trying to achieve.</p>
  
  <p>The final objective would be to be able to add any further social url without having to modify the page template.</p>