html.html

html.html

<div class="navi-live">
        <ol ui-nested-sortable="{
        listType: 'ol',
        items: 'li',
        doNotClear: true,
        placeholder: 'ui-state-highlight',
        forcePlaceholderSize: true,
        toleranceElement: '&gt; div'
      }" ui-nested-sortable-stop="update($event, $ui)" class="navi-item-container ui-sortable"><li ya-tree="child in data.children at ol" ng-class="{minimized:child.minimized}" class="navi-item ng-scope" ng-style="getStyle(child)" style="font-weight: bold;">
                    <div class="nav-item-contents">
                      <div class="toggle-container">
                          <a ng-show="child.children.length" class="toggle btn small" ng-click="toggleMinimized(child)" ng-switch="" on="child.minimized" href="" style=""><!-- ngSwitchWhen: true --><!-- ngSwitchDefault:  -->
                          <span ng-switch-default="" class="ng-scope">▼</span></a>
                      </div>
                        <span class="nav-item-main">
                        <input ng-model="child.title" class="ng-pristine ng-valid">
                          <a class="btn small" ng-click="addChild(child)" href="">add a child</a>
                          <a class="btn small" ng-click="remove(child)" href="">delete</a>
                        </span>
                    </div>
                    <ol ng-class="{pregnant:child.children.length}" class="navi-item-container pregnant"><li ya-tree="child in data.children at ol" ng-class="{minimized:child.minimized}" class="navi-item ng-scope" ng-style="getStyle(child)" style="font-weight: bold;">
                    <div class="nav-item-contents">
                      <div class="toggle-container">
                          <a ng-show="child.children.length" class="toggle btn small" ng-click="toggleMinimized(child)" ng-switch="" on="child.minimized" href="" style=""><!-- ngSwitchWhen: true --><!-- ngSwitchDefault:  -->
                          <span ng-switch-default="" class="ng-scope">▼</span></a>
                      </div>
                        <span class="nav-item-main">
                        <input ng-model="child.title" class="ng-pristine ng-valid">
                          <a class="btn small" ng-click="addChild(child)" href="">add a child</a>
                          <a class="btn small" ng-click="remove(child)" href="">delete</a>
                        </span>
                    </div>
                    <ol ng-class="{pregnant:child.children.length}" class="navi-item-container pregnant"><li ya-tree="child in data.children at ol" ng-class="{minimized:child.minimized}" class="navi-item ng-scope" ng-style="getStyle(child)" style="font-weight: bold;">
                    <div class="nav-item-contents">
                      <div class="toggle-container">
                          <a ng-show="child.children.length" class="toggle btn small" ng-click="toggleMinimized(child)" ng-switch="" on="child.minimized" href="" style=""><!-- ngSwitchWhen: true --><!-- ngSwitchDefault:  -->
                          <span ng-switch-default="" class="ng-scope">▼</span></a>
                      </div>
                        <span class="nav-item-main">
                        <input ng-model="child.title" class="ng-pristine ng-valid">
                          <a class="btn small" ng-click="addChild(child)" href="">add a child</a>
                          <a class="btn small" ng-click="remove(child)" href="">delete</a>
                        </span>
                    </div>
                    <ol ng-class="{pregnant:child.children.length}" class="navi-item-container pregnant"><li ya-tree="child in data.children at ol" ng-class="{minimized:child.minimized}" class="navi-item ng-scope" ng-style="getStyle(child)" style="font-weight: bold;">
                    <div class="nav-item-contents">
                      <div class="toggle-container">
                          <a ng-show="child.children.length" class="toggle btn small" ng-click="toggleMinimized(child)" ng-switch="" on="child.minimized" href="" style=""><!-- ngSwitchWhen: true --><!-- ngSwitchDefault:  -->
                          <span ng-switch-default="" class="ng-scope">▼</span></a>
                      </div>
                        <span class="nav-item-main">
                        <input ng-model="child.title" class="ng-pristine ng-valid">
                          <a class="btn small" ng-click="addChild(child)" href="">add a child</a>
                          <a class="btn small" ng-click="remove(child)" href="">delete</a>
                        </span>
                    </div>
                    <ol ng-class="{pregnant:child.children.length}" class="navi-item-container pregnant"><li ya-tree="child in data.children at ol" ng-class="{minimized:child.minimized}" class="navi-item ng-scope" ng-style="getStyle(child)" style="font-weight: bold;">
                    <div class="nav-item-contents">
                      <div class="toggle-container">
                          <a ng-show="child.children.length" class="toggle btn small" ng-click="toggleMinimized(child)" ng-switch="" on="child.minimized" href="" style=""><!-- ngSwitchWhen: true --><!-- ngSwitchDefault:  -->
                          <span ng-switch-default="" class="ng-scope">▼</span></a>
                      </div>
                        <span class="nav-item-main">
                        <input ng-model="child.title" class="ng-pristine ng-valid">
                          <a class="btn small" ng-click="addChild(child)" href="">add a child</a>
                          <a class="btn small" ng-click="remove(child)" href="">delete</a>
                        </span>
                    </div>
                    <ol ng-class="{pregnant:child.children.length}" class="navi-item-container pregnant"><li ya-tree="child in data.children at ol" ng-class="{minimized:child.minimized}" class="navi-item ng-scope" ng-style="getStyle(child)" style="font-weight: normal;">
                    <div class="nav-item-contents">
                      <div class="toggle-container">
                          <a ng-show="child.children.length" class="toggle btn small" ng-click="toggleMinimized(child)" ng-switch="" on="child.minimized" href="" style="display: none;"><!-- ngSwitchWhen: true --><!-- ngSwitchDefault:  -->
                          <span ng-switch-default="" class="ng-scope">▼</span></a>
                      </div>
                        <span class="nav-item-main">
                        <input ng-model="child.title" class="ng-pristine ng-valid">
                          <a class="btn small" ng-click="addChild(child)" href="">add a child</a>
                          <a class="btn small" ng-click="remove(child)" href="">delete</a>
                        </span>
                    </div>
                    <ol ng-class="{pregnant:child.children.length}" class="navi-item-container"></ol>
                </li></ol>
                </li><li ya-tree="child in data.children at ol" ng-class="{minimized:child.minimized}" class="navi-item ng-scope" ng-style="getStyle(child)" style="font-weight: normal;">
                    <div class="nav-item-contents">
                      <div class="toggle-container">
                          <a ng-show="child.children.length" class="toggle btn small" ng-click="toggleMinimized(child)" ng-switch="" on="child.minimized" href="" style="display: none;"><!-- ngSwitchWhen: true --><!-- ngSwitchDefault:  -->
                          <span ng-switch-default="" class="ng-scope">▼</span></a>
                      </div>
                        <span class="nav-item-main">
                        <input ng-model="child.title" class="ng-pristine ng-valid">
                          <a class="btn small" ng-click="addChild(child)" href="">add a child</a>
                          <a class="btn small" ng-click="remove(child)" href="">delete</a>
                        </span>
                    </div>
                    <ol ng-class="{pregnant:child.children.length}" class="navi-item-container"></ol>
                </li><li ya-tree="child in data.children at ol" ng-class="{minimized:child.minimized}" class="navi-item ng-scope" ng-style="getStyle(child)" style="font-weight: bold;">
                    <div class="nav-item-contents">
                      <div class="toggle-container">
                          <a ng-show="child.children.length" class="toggle btn small" ng-click="toggleMinimized(child)" ng-switch="" on="child.minimized" href="" style=""><!-- ngSwitchWhen: true --><!-- ngSwitchDefault:  -->
                          <span ng-switch-default="" class="ng-scope">▼</span></a>
                      </div>
                        <span class="nav-item-main">
                        <input ng-model="child.title" class="ng-pristine ng-valid">
                          <a class="btn small" ng-click="addChild(child)" href="">add a child</a>
                          <a class="btn small" ng-click="remove(child)" href="">delete</a>
                        </span>
                    </div>
                    <ol ng-class="{pregnant:child.children.length}" class="navi-item-container pregnant"><li ya-tree="child in data.children at ol" ng-class="{minimized:child.minimized}" class="navi-item ng-scope" ng-style="getStyle(child)" style="font-weight: normal;">
                    <div class="nav-item-contents">
                      <div class="toggle-container">
                          <a ng-show="child.children.length" class="toggle btn small" ng-click="toggleMinimized(child)" ng-switch="" on="child.minimized" href="" style="display: none;"><!-- ngSwitchWhen: true --><!-- ngSwitchDefault:  -->
                          <span ng-switch-default="" class="ng-scope">▼</span></a>
                      </div>
                        <span class="nav-item-main">
                        <input ng-model="child.title" class="ng-pristine ng-valid">
                          <a class="btn small" ng-click="addChild(child)" href="">add a child</a>
                          <a class="btn small" ng-click="remove(child)" href="">delete</a>
                        </span>
                    </div>
                    <ol ng-class="{pregnant:child.children.length}" class="navi-item-container"></ol>
                </li></ol>
                </li><li ya-tree="child in data.children at ol" ng-class="{minimized:child.minimized}" class="navi-item ng-scope" ng-style="getStyle(child)" style="font-weight: normal;">
                    <div class="nav-item-contents">
                      <div class="toggle-container">
                          <a ng-show="child.children.length" class="toggle btn small" ng-click="toggleMinimized(child)" ng-switch="" on="child.minimized" href="" style="display: none;"><!-- ngSwitchWhen: true --><!-- ngSwitchDefault:  -->
                          <span ng-switch-default="" class="ng-scope">▼</span></a>
                      </div>
                        <span class="nav-item-main">
                        <input ng-model="child.title" class="ng-pristine ng-valid">
                          <a class="btn small" ng-click="addChild(child)" href="">add a child</a>
                          <a class="btn small" ng-click="remove(child)" href="">delete</a>
                        </span>
                    </div>
                    <ol ng-class="{pregnant:child.children.length}" class="navi-item-container"></ol>
                </li></ol>
                </li><li ya-tree="child in data.children at ol" ng-class="{minimized:child.minimized}" class="navi-item ng-scope" ng-style="getStyle(child)" style="font-weight: bold;">
                    <div class="nav-item-contents">
                      <div class="toggle-container">
                          <a ng-show="child.children.length" class="toggle btn small" ng-click="toggleMinimized(child)" ng-switch="" on="child.minimized" href="" style=""><!-- ngSwitchWhen: true --><!-- ngSwitchDefault:  -->
                          <span ng-switch-default="" class="ng-scope">▼</span></a>
                      </div>
                        <span class="nav-item-main">
                        <input ng-model="child.title" class="ng-pristine ng-valid">
                          <a class="btn small" ng-click="addChild(child)" href="">add a child</a>
                          <a class="btn small" ng-click="remove(child)" href="">delete</a>
                        </span>
                    </div>
                    <ol ng-class="{pregnant:child.children.length}" class="navi-item-container pregnant"><li ya-tree="child in data.children at ol" ng-class="{minimized:child.minimized}" class="navi-item ng-scope" ng-style="getStyle(child)" style="font-weight: normal;">
                    <div class="nav-item-contents">
                      <div class="toggle-container">
                          <a ng-show="child.children.length" class="toggle btn small" ng-click="toggleMinimized(child)" ng-switch="" on="child.minimized" href="" style="display: none;"><!-- ngSwitchWhen: true --><!-- ngSwitchDefault:  -->
                          <span ng-switch-default="" class="ng-scope">▼</span></a>
                      </div>
                        <span class="nav-item-main">
                        <input ng-model="child.title" class="ng-pristine ng-valid">
                          <a class="btn small" ng-click="addChild(child)" href="">add a child</a>
                          <a class="btn small" ng-click="remove(child)" href="">delete</a>
                        </span>
                    </div>
                    <ol ng-class="{pregnant:child.children.length}" class="navi-item-container"></ol>
                </li><li ya-tree="child in data.children at ol" ng-class="{minimized:child.minimized}" class="navi-item ng-scope" ng-style="getStyle(child)" style="font-weight: normal;">
                    <div class="nav-item-contents">
                      <div class="toggle-container">
                          <a ng-show="child.children.length" class="toggle btn small" ng-click="toggleMinimized(child)" ng-switch="" on="child.minimized" href="" style="display: none;"><!-- ngSwitchWhen: true --><!-- ngSwitchDefault:  -->
                          <span ng-switch-default="" class="ng-scope">▼</span></a>
                      </div>
                        <span class="nav-item-main">
                        <input ng-model="child.title" class="ng-pristine ng-valid">
                          <a class="btn small" ng-click="addChild(child)" href="">add a child</a>
                          <a class="btn small" ng-click="remove(child)" href="">delete</a>
                        </span>
                    </div>
                    <ol ng-class="{pregnant:child.children.length}" class="navi-item-container"></ol>
                </li></ol>
                </li></ol>
                </li><li ya-tree="child in data.children at ol" ng-class="{minimized:child.minimized}" class="navi-item ng-scope" ng-style="getStyle(child)" style="font-weight: normal;">
                    <div class="nav-item-contents">
                      <div class="toggle-container">
                          <a ng-show="child.children.length" class="toggle btn small" ng-click="toggleMinimized(child)" ng-switch="" on="child.minimized" href="" style="display: none;"><!-- ngSwitchWhen: true --><!-- ngSwitchDefault:  -->
                          <span ng-switch-default="" class="ng-scope">▼</span></a>
                      </div>
                        <span class="nav-item-main">
                        <input ng-model="child.title" class="ng-pristine ng-valid">
                          <a class="btn small" ng-click="addChild(child)" href="">add a child</a>
                          <a class="btn small" ng-click="remove(child)" href="">delete</a>
                        </span>
                    </div>
                    <ol ng-class="{pregnant:child.children.length}" class="navi-item-container"></ol>
                </li></ol>
                </li></ol>
                </li>
                <!-- yaTree: child in data.children at ol -->
            </ol>
        </div>