opcodewriter

   /// <summary>
    /// Svg image.
    /// </summary>
    public class SvgImage : NControlView
    {
        #region Private Members

        /// <summary>
        /// The svg graphics.
        /// </summary>

opcodewriter

<template>
  <require from="./parent"></require>
  <parent name='a'></parent>
  <parent name='b'></parent>
  <parent></parent>
</template>

opcodewriter

<template>
  <require from="./parent"></require>
  <parent></parent>
</template>

opcodewriter

<template>
  <require from="./click-to-edit"></require>
  <click-to-edit>
      This text node is in DOM only until after click
  </click-to-edit>
</template>

opcodewriter

<template>
  <require from="./click-to-edit"></require>
  <click-to-edit>
   <template replace-part='item-template'>
      This text node is in DOM only after click
    </template>
  </click-to-edit>
</template>

opcodewriter

<template>
  <a href="#!" click.delegate="selectUser(user.id)" class="collection-item ${user.state}" repeat.for="user of users" id="user-${user.id}">
    <span if.bind="!user.lastName">${user}</span>
    <span if.bind="user.firstName">${user.lastName}, ${user.firstName}</span>
  </a>

</template>

opcodewriter

<template>
  <a href="#!" click.delegate="selectUser(user.id)" class="collection-item ${user.state}" repeat.for="user of users" id="user-${user.id}">
    <span if.bind="!user.lastName">${user}</span>
    <span if.bind="user.firstName">${user.lastName}, ${user.firstName}</span>
  </a>

</template>

opcodewriter

<template>
  <a href="#!" click.delegate="selectUser(user.id)" class="collection-item ${user.state}" repeat.for="user of users" id="user-${user.id}">
    <span if.bind="!user.lastName">${user}</span>
    <span if.bind="user.firstName">${user.lastName}, ${user.firstName}</span>
  </a>

</template>

opcodewriter

<template>
  <require from="./contentControl.html"></require>
  <require from="./myCustomComponent"></require>
  
  <content-control content-template='myCustomTemplate.html' content='this is content rendered with myCustomTemplate'></content-control>
  
  <!-- set a template of a another component-->
  <!--<content-control content-template='myCustomComponent' content='this doesnt matter'></content-control> -->
  
  <!-- set actual content with an instance of another component-->

opcodewriter

<template>
  <require from="./list-view"></require>
  <list-view items.bind='users'></list-view>
</template>