Skip to content

Instantly share code, notes, and snippets.

@derrickreimer
Last active August 29, 2015 13:59
Show Gist options
  • Save derrickreimer/10687904 to your computer and use it in GitHub Desktop.
Save derrickreimer/10687904 to your computer and use it in GitHub Desktop.
Flight.js + Nested DOM UI
<!--
The data model is as follows:
- A "segment" has many "condition sets"
- A "condition set" has many "conditions"
- A "condition" has a number of attributes
-->
<div class="segment">
<ul class="condition-sets">
<li>
<ul class="conditions">
<li>
<input type="text" name="an_attribute" value="foo" />
<!-- more attributes -->
<a href="#" class="js-remove-condition">Remove Condition</a>
</li>
</ul>
<a href="#" class="js-add-condition">Add Condition</a>
</li>
</ul>
<a href="#" class="js-add-condition-set">Add Condition Set</a>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment