Skip to content

Instantly share code, notes, and snippets.

@haldarmahesh

haldarmahesh/markup_CS_1.html

Created March 29, 2016 11:14
Show Gist options
  • Save haldarmahesh/6bee58989147f4df10aa to your computer and use it in GitHub Desktop.
Save haldarmahesh/6bee58989147f4df10aa to your computer and use it in GitHub Desktop.
Download ZIP
Raw
markup_CS_1.html
<div class="tree-cleansheet active" id="createTreeTabContainer">
<form action="">
<div class="add-on-header row">
<div class="table-action">
<button class="undo-btn" id="undoBtn">
<i class="undo"></i>
<span>Undo</span>
</button>
<button class="redo-btn" id="redoBtn">
<i class="redo"></i>
<span>Redo</span>
</button>
</div>
</div>
<div class="table-header row">
<div class="cost-elements">Cost Elements</div>
<div class="cost-type">Cost Type</div>
<div class="global-default">Global Defaults</div>
</div>
<div class="table-body">
<ul class="item">
<li class="row">
<button class="collapse"></button>
<div class="cost-elements row">
<div class="name">
<input type="text" class="form-control product-name" value="Product Name">
</div>
<div class="action">
<span class="hover-action">
<button class="copy-rowchild-btn" ></button>
<button class="copy-row-btn" ></button>
<button class="delete-btn" ></button></span>
<span class="default-action">
<select name="" id="" >
<option value="" >1</option>
<option value="" >2</option>
<option value="" >3</option>
<option value="" >4</option>
<option value="" >5</option>
<option value="" >6</option>
</select>
<button class="add-btn" ></button>
<button class="star-btn" ></button>
</span>
</div>
</div>
<div class="cost-type">
<select name="" id="">
<option value="">Value add</option>
<option value="">Cost Type</option>
<option value="">Cost Type</option>
</select>
</div>
<div class="global-default"></div>
</li>
<ul class="show-length">
<li class="row">
<div class="row item-row">
<button class="collapse"></button>
<div class="cost-elements row">
<div class="name">
<span class="cost-type-icon">
<img src="./img/cost-type-color/icon-1.png" ></span>
<input type="text" class="form-control" value="root">
</div>
<div class="action">
<span class="hover-action">
<button class="copy-rowchild-btn" ></button>
<button class="copy-row-btn" ></button>
<button class="delete-btn" ></button></span>
<span class="default-action">
<select name="" id="" >
<option >1</option>
<option >2</option>
<option >3</option>
<option >4</option>
<option >5</option>
<option >6</option>
</select>
<button class="add-btn" >
</button>
<button class="star-btn" ></button>
</span>
</div>
</div>
<div class="cost-type">
<select name="" id="">
<option>Materials</option>
<option>Cost Type</option>
<option>Cost Type</option>
</select>
</div>
<div class="global-default">
<button class="edit-process-btn">
<i class="edit-btn"></i>
<span>Default</span>
</button>
</div>
</div>
<ul class="show-length child">
<ul class="show-length">
<li class="row">
<div class="row item-row">
<button class="collapse"></button>
<div class="cost-elements row">
<div class="name">
<span class="cost-type-icon">
<img src="./img/cost-type-color/icon-1.png" >
</span>
<input type="text" class="form-control" value="1st level component">
</div>
<div class="action">
<span class="hover-action">
<button class="copy-rowchild-btn" >
</button>
<button class="copy-row-btn" >
</button>
<button class="delete-btn" ></button></span>
<span class="default-action">
<select name="" id="" >
<option >1</option>
<option >2</option>
<option >3</option>
<option >4</option>
<option >5</option>
<option >6</option>
</select>
<button class="add-btn" >
</button>
<button class="star-btn" ></button>
</span>
</div>
</div>
<div class="cost-type">
<select name="" id="">
<option>Materials</option>
<option>Cost Type</option>
<option>Cost Type</option>
</select>
</div>
<div class="global-default">
<button class="edit-process-btn">
<i class="edit-btn"></i>
<span>Default</span>
</button>
</div>
</div>
<ul class="show-length child">
<ul class="show-length">
<li class="row">
<div class="row item-row">
<button class="collapse"></button>
<div class="cost-elements row">
<div class="name">
<span class="cost-type-icon">
<img src="./img/cost-type-color/icon-1.png" >
</span>
<input type="text" class="form-control" value="2nd level component">
</div>
<div class="action">
<span class="hover-action">
<button class="copy-rowchild-btn" ></button>
<button class="copy-row-btn" ></button>
<button class="delete-btn" ></button></span>
<span class="default-action">
<select name="" id="" >
<option >1</option>
<option >2</option>
<option >3</option>
<option >4</option>
<option >5</option>
<option >6</option>
</select>
<button class="add-btn" ></button>
<button class="star-btn" ></button>
</span>
</div>
</div>
<div class="cost-type">
<select name="" id="">
<option>Materials</option>
<option>Cost Type</option>
<option>Cost Type</option>
</select>
</div>
<div class="global-default">
<button class="edit-process-btn">
<i class="edit-btn"></i>
<span>Default</span>
</button>
</div>
</div>
</li>
</ul>
<ul class="show-length">
<li class="row">
<div class="row item-row">
<button class="collapse"></button>
<div class="cost-elements row">
<div class="name">
<span class="cost-type-icon">
<img src="./img/cost-type-color/icon-1.png" ></span>
<input type="text" class="form-control" value="2nd level component">
</div>
<div class="action">
<span class="hover-action">
<button class="copy-rowchild-btn" ></button>
<button class="copy-row-btn" ></button>
<button class="delete-btn" ></button></span>
<span class="default-action">
<select name="" id="" >
<option >1</option>
<option >2</option>
<option >3</option>
<option >4</option>
<option >5</option>
<option >6</option>
</select>
<button class="add-btn" ></button>
<button class="star-btn" ></button>
</span>
</div>
</div>
<div class="cost-type">
<select name="" id="">
<option>Materials</option>
<option>Cost Type</option>
<option>Cost Type</option>
</select>
</div>
<div class="global-default">
<button class="edit-process-btn">
<i class="edit-btn"></i>
<span>Default</span>
</button>
</div>
</div>
<ul class="show-length child">
<ul class="show-length">
<li class="row">
<div class="row item-row">
<button class="collapse"></button>
<div class="cost-elements row">
<div class="name">
<span class="cost-type-icon">
<img src="./img/cost-type-color/icon-1.png" ></span>
<input type="text" class="form-control" value="3rd level component">
</div>
<div class="action">
<span class="hover-action">
<button class="copy-rowchild-btn" ></button>
<button class="copy-row-btn" ></button>
<button class="delete-btn" ></button></span>
<span class="default-action">
<select name="" id="" >
<option >1</option>
<option >2</option>
<option >3</option>
<option >4</option>
<option >5</option>
<option >6</option>
</select>
<button class="add-btn" ></button>
<button class="star-btn" ></button>
</span>
</div>
</div>
<div class="cost-type">
<select name="" id="">
<option>Materials</option>
<option>Cost Type</option>
<option>Cost Type</option>
</select>
</div>
<div class="global-default">
<button class="edit-process-btn">
<i class="edit-btn"></i>
<span>Default</span>
</button>
</div>
</div>
</li>
</ul>
<ul class="show-length">
<li class="row">
<div class="row item-row">
<button class="collapse"></button>
<div class="cost-elements row">
<div class="name">
<span class="cost-type-icon">
<img src="./img/cost-type-color/icon-1.png" ></span>
<input type="text" class="form-control" value="3rd level component">
</div>
<div class="action">
<span class="hover-action">
<button class="copy-rowchild-btn" ></button>
<button class="copy-row-btn" ></button>
<button class="delete-btn" ></button></span>
<span class="default-action">
<select name="" id="" >
<option >1</option>
<option >2</option>
<option >3</option>
<option >4</option>
<option >5</option>
<option >6</option>
</select>
<button class="add-btn" ></button>
<button class="star-btn" ></button>
</span>
</div>
</div>
<div class="cost-type">
<select name="" id="">
<option>Materials</option>
<option>Cost Type</option>
<option>Cost Type</option>
</select>
</div>
<div class="global-default">
<button class="edit-process-btn">
<i class="edit-btn"></i>
<span>Default</span>
</button>
</div>
</div>
<ul class="show-length child">
<ul class="show-length">
<li class="row">
<div class="row item-row">
<button class="collapse"></button>
<div class="cost-elements row">
<div class="name">
<span class="cost-type-icon">
<img src="./img/cost-type-color/icon-1.png" ></span>
<input type="text" class="form-control" value="4th level component">
</div>
<div class="action">
<span class="hover-action">
<button class="copy-rowchild-btn" ></button>
<button class="copy-row-btn" ></button>
<button class="delete-btn" ></button></span>
<span class="default-action">
<select name="" id="" >
<option >1</option>
<option >2</option>
<option >3</option>
<option >4</option>
<option >5</option>
<option >6</option>
</select>
<button class="add-btn" ></button>
<button class="star-btn" ></button>
</span>
</div>
</div>
<div class="cost-type">
<select name="" id="">
<option>Materials</option>
<option>Cost Type</option>
<option>Cost Type</option>
</select>
</div>
<div class="global-default">
<button class="edit-process-btn">
<i class="edit-btn"></i>
<span>Default</span>
</button>
</div>
</div>
</li>
</ul>
<ul class="show-length">
<li class="row">
<div class="row item-row">
<button class="collapse"></button>
<div class="cost-elements row">
<div class="name">
<span class="cost-type-icon">
<img src="./img/cost-type-color/icon-1.png" ></span>
<input type="text" class="form-control" value="4th level component">
</div>
<div class="action">
<span class="hover-action">
<button class="copy-rowchild-btn" ></button>
<button class="copy-row-btn" ></button>
<button class="delete-btn" ></button></span>
<span class="default-action">
<select name="" id="" >
<option >1</option>
<option >2</option>
<option >3</option>
<option >4</option>
<option >5</option>
<option >6</option>
</select>
<button class="add-btn" ></button>
<button class="star-btn" ></button>
</span>
</div>
</div>
<div class="cost-type">
<select name="" id="">
<option>Materials</option>
<option>Cost Type</option>
<option>Cost Type</option>
</select>
</div>
<div class="global-default">
<button class="edit-process-btn">
<i class="edit-btn"></i>
<span>Default</span>
</button>
</div>
</div>
<ul class="show-length child">
<ul class="show-length">
<li class="row">
<div class="row item-row">
<button class="collapse"></button>
<div class="cost-elements row">
<div class="name">
<span class="cost-type-icon">
<img src="./img/cost-type-color/icon-1.png" ></span>
<input type="text" class="form-control" value="5th level component">
</div>
<div class="action">
<span class="hover-action">
<button class="copy-rowchild-btn" ></button>
<button class="copy-row-btn" ></button>
<button class="delete-btn" ></button></span>
<span class="default-action">
<select name="" id="" >
<option >1</option>
<option >2</option>
<option >3</option>
<option >4</option>
<option >5</option>
<option >6</option>
</select>
<button class="add-btn" ></button>
<button class="star-btn" ></button>
</span>
</div>
</div>
<div class="cost-type">
<select name="" id="">
<option>Materials</option>
<option>Cost Type</option>
<option>Cost Type</option>
</select>
</div>
<div class="global-default">
<button class="edit-process-btn">
<i class="edit-btn"></i>
<span>Default</span>
</button>
</div>
</div>
<ul class="show-length child">
<ul class="show-length">
<li class="row">
<div class="row item-row">
<button class="collapse"></button>
<div class="cost-elements row">
<div class="name">
<span class="cost-type-icon">
<img src="./img/cost-type-color/icon-1.png" ></span>
<input type="text" class="form-control" value="6th level component">
</div>
<div class="action">
<span class="hover-action">
<button class="copy-rowchild-btn" ></button>
<button class="copy-row-btn" ></button>
<button class="delete-btn" ></button></span>
<span class="default-action">
<select name="" id="" >
<option >1</option>
<option >2</option>
<option >3</option>
<option >4</option>
<option >5</option>
<option >6</option>
</select>
<button class="add-btn" ></button>
<button class="star-btn" ></button>
</span>
</div>
</div>
<div class="cost-type">
<select name="" id="">
<option>Materials</option>
<option>Cost Type</option>
<option>Cost Type</option>
</select>
</div>
<div class="global-default">
<button class="edit-process-btn">
<i class="edit-btn"></i>
<span>Default</span>
</button>
</div>
</div>
<ul class="show-length child">
<ul class="show-length">
<li class="row">
<div class="row item-row">
<button class="collapse"></button>
<div class="cost-elements row">
<div class="name">
<span class="cost-type-icon">
<img src="./img/cost-type-color/icon-1.png" ></span>
<input type="text" class="form-control" value="7th level component">
</div>
<div class="action">
<span class="hover-action">
<button class="copy-rowchild-btn" ></button>
<button class="copy-row-btn" ></button>
<button class="delete-btn" ></button></span>
<span class="default-action">
<select name="" id="" >
<option >1</option>
<option >2</option>
<option >3</option>
<option >4</option>
<option >5</option>
<option >6</option>
</select>
<button class="add-btn" ></button>
<button class="star-btn" ></button>
</span>
</div>
</div>
<div class="cost-type">
<select name="" id="">
<option>Materials</option>
<option>Cost Type</option>
<option>Cost Type</option>
</select>
</div>
<div class="global-default">
<button class="edit-process-btn">
<i class="edit-btn"></i>
<span>Default</span>
</button>
</div>
</div>
<ul class="show-length child">
<ul class="show-length">
<li class="row">
<div class="row item-row">
<button class="collapse"></button>
<div class="cost-elements row">
<div class="name">
<span class="cost-type-icon">
<img src="./img/cost-type-color/icon-1.png" ></span>
<input type="text" class="form-control" value="8th level component">
</div>
<div class="action">
<span class="hover-action">
<button class="copy-rowchild-btn" ></button>
<button class="copy-row-btn" ></button>
<button class="delete-btn" ></button></span>
<span class="default-action">
<select name="" id="" >
<option >1</option>
<option >2</option>
<option >3</option>
<option >4</option>
<option >5</option>
<option >6</option>
</select>
<button class="add-btn" ></button>
<button class="star-btn" ></button>
</span>
</div>
</div>
<div class="cost-type">
<select name="" id="">
<option>Materials</option>
<option>Cost Type</option>
<option>Cost Type</option>
</select>
</div>
<div class="global-default">
<button class="edit-process-btn">
<i class="edit-btn"></i>
<span>Default</span>
</button>
</div>
</div>
</li>
</ul>
<span> </span>
</ul>
</li>
</ul>
<span> </span>
</ul>
</li>
</ul>
<span> </span>
</ul>
</li>
</ul>
<span> </span>
</ul>
</li>
</ul>
<span> </span>
</ul>
</li>
</ul>
<span> </span>
</ul>
</li>
</ul>
<span> </span>
</ul>
</li>
</ul>
<ul class="show-length">
<li class="row">
<div class="row item-row">
<button class="collapse"></button>
<div class="cost-elements row">
<div class="name">
<span class="cost-type-icon">
<img src="./img/cost-type-color/icon-1.png" ></span>
<input type="text" class="form-control" value="1st level component">
</div>
<div class="action">
<span class="hover-action">
<button class="copy-rowchild-btn" ></button>
<button class="copy-row-btn" ></button>
<button class="delete-btn" ></button></span>
<span class="default-action">
<select name="" id="" >
<option >1</option>
<option >2</option>
<option >3</option>
<option >4</option>
<option >5</option>
<option >6</option>
</select>
<button class="add-btn" ></button>
<button class="star-btn" ></button>
</span>
</div>
</div>
<div class="cost-type">
<select name="" id="">
<option>Materials</option>
<option>Cost Type</option>
<option>Cost Type</option>
</select>
</div>
<div class="global-default">
<button class="edit-process-btn">
<i class="edit-btn"></i>
<span>Default</span>
</button>
</div>
</div>
</li>
</ul>
<ul class="show-length">
<li class="row">
<div class="row item-row">
<button class="collapse"></button>
<div class="cost-elements row">
<div class="name">
<span class="cost-type-icon">
<img src="./img/cost-type-color/icon-1.png" ></span>
<input type="text" class="form-control" value="1st level component">
</div>
<div class="action">
<span class="hover-action">
<button class="copy-rowchild-btn" ></button>
<button class="copy-row-btn" ></button>
<button class="delete-btn" ></button></span>
<span class="default-action">
<select name="" id="" >
<option >1</option>
<option >2</option>
<option >3</option>
<option >4</option>
<option >5</option>
<option >6</option>
</select>
<button class="add-btn" ></button>
<button class="star-btn" ></button>
</span>
</div>
</div>
<div class="cost-type">
<select name="" id="">
<option>Materials</option>
<option>Cost Type</option>
<option>Cost Type</option>
</select>
</div>
<div class="global-default">
<button class="edit-process-btn">
<i class="edit-btn"></i>
<span>Default</span>
</button>
</div>
</div>
<ul class="show-length child">
<ul class="show-length">
<li class="row">
<div class="row item-row">
<button class="collapse"></button>
<div class="cost-elements row">
<div class="name">
<span class="cost-type-icon">
<img src="./img/cost-type-color/icon-1.png" ></span>
<input type="text" class="form-control" value="2nd level component">
</div>
<div class="action">
<span class="hover-action">
<button class="copy-rowchild-btn" ></button>
<button class="copy-row-btn" ></button>
<button class="delete-btn" ></button></span>
<span class="default-action">
<select name="" id="" >
<option >1</option>
<option >2</option>
<option >3</option>
<option >4</option>
<option >5</option>
<option >6</option>
</select>
<button class="add-btn" ></button>
<button class="star-btn" ></button>
</span>
</div>
</div>
<div class="cost-type">
<select name="" id="">
<option>Materials</option>
<option>Cost Type</option>
<option>Cost Type</option>
</select>
</div>
<div class="global-default">
<button class="edit-process-btn">
<i class="edit-btn"></i>
<span>Default</span>
</button>
</div>
</div>
</li>
</ul>
<span> </span>
</ul>
</li>
</ul>
<span> </span>
</ul>
</li>
</ul>
</ul>
</div>
</form>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment