
<!--http://canonium.com/articles/tutorial-nodejs-desktop-app-introduction

http://www.canonium.com/articles/tutorial-nodejs-desktop-app-logic
-->


<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<title>RAUPOLOGIA</title>
		<meta name="description" content="" />
		<meta name="keywords" content="" />
		<meta name="author" content="" />
		<link rel="stylesheet" type="text/css" href="../styles/style.css" /><!-- общий стиль -->
 		<link rel="stylesheet" type="text/css" href="../styles/jquery.mCustomScrollbar.min.css" /><!-- скроллбар -->
		<link rel="stylesheet" type="text/css" href="../styles/buttons.css" /><!-- кнопки алертов-->
		<link rel="stylesheet" type="text/css" href="../styles/hover.css" media="all"> <!-- МАНУАЛ http://pcvector.net/uploads/demo/useful/hover.css/index.html -->

		<!-- libs -->
		<script defer src="../scripts/vendor/jquery.min.js"></script><!-- jQuery -->
		<script defer src="../scripts/vendor/easyTooltip.js"></script><!-- всплывающие подсказки -->
		<script defer src="../scripts/vendor/jquery.mCustomScrollbar.concat.min.js"></script><!-- МАНУАЛ: http://manos.malihu.gr/jquery-custom-content-scroller/ -->
		<script defer src="../scripts/vendor/jquery.noty.packaged.min.js"></script><!-- notys -->
 		 
		<script defer src="../scripts/vendor/d3.v3.min.js"></script> <!-- https://github.com/mbostock/d3/wiki/Gallery --> 
		<script defer src="../scripts/vendor/d3.geom.contour.js"></script> <!-- https://github.com/d3/d3-plugins/tree/master/geom/contour --> 
		 
		
		<!-- apps -->
 		<script defer src="../scripts/dom-elements-list.js"></script><!-- массив элементов DOM -->
		<script defer src="../scripts/lang.js"></script><!-- языки -->
		<script defer src="../scripts/objArrVarsGlobal.js"></script><!-- массив всех переменных -->
		<script defer src="../scripts/objHelpers.js"></script><!-- вспомогательные функции -->
		<script defer src="../scripts/objD3.js"></script><!-- общие функции D3.js для моделирования-->
		<script defer src="../scripts/objInterface.js"></script><!-- функции сборки интерфейса -->
		<script defer src="../scripts/objFilelist.js"></script><!-- сборка списка изображений -->
		<script defer src="../scripts/objTablemeasur.js"></script><!-- таблица измерения -->
		<script defer src="../scripts/objMeasurement.js"></script><!-- измерения -->
		<script defer src="../scripts/objAnalys.js"></script><!-- анализ -->
		<script defer src="../scripts/objModeling.js"></script><!-- моделирование -->
		<script defer src="../scripts/objIsolines.js"></script><!-- изолинии -->
		<script defer src="../scripts/objAbout.js"></script><!-- справка -->
		
</head>
<body>
	 <div class="header-top non_select">
		<div class="toolbar-drag"></div>
		<div id="modal-window">
			<div id="window-restore" class="modal-window-btn">&#8211;</div>
			<div id="window-resize"  class="modal-window-btn">+</div>
			<div id="window-close"   class="modal-window-btn">&#215;</div>
		</div>
	 </div>
	 <div class="header non_select">
	 	<div class="header-title pointer"></div>
		<div class="header-title-version pointer"></div>
	 	
		
		<div class="header-lang">
	 		<span data="rus" class="header-lang-rus pointer"></span>
	 		 / 
	 		<span data="eng"  class="header-lang-eng pointer"></span>
	 	</div>
	 </div>
	 
	 <ul class="menu non_select">
	 	<li class="menu-measurement pointer"></li>
	 	<li class="menu-analyses pointer"></li>
	 	<li class="menu-modeling pointer"></li>
	 	<li class="menu-about pointer right"></li>
	 </ul>
	 
	 <div class="content">
	 	 
		 <!-- preloader -->
		 <div id="preloader"></div>
		 
	 	 <!-- measurement -->
	 	 <div class="content-measurement inset">
			<!-- measurement filelist-->
	
	 	 	<div class="content-toolbar" id="content-measurement-list">

					<ul class="content-toolbar-tabs-header  non_select">
						<li id="content-toolbar-tabs-header-imagelist" data="imagelist"></li>
						<li id="content-toolbar-tabs-header-tablelist" data="tablelist"></li>
					</ul>
					
					<!-- imagelist -->
					<div class="content-toolbar-tabs  non_select" id="content-toolbar-tabs-imagelist">
						<div class="content-toolbar-tabs-btn pop tooltip" id="remove-image-file"></div><!-- remove -->
						<div class="content-toolbar-tabs-btn pop tooltip" id="copy-image-file"></div><!-- openfile -->
						<div class="content-toolbar-tabs-btn pop tooltip" id="images-resizefile"></div><!-- resize -->
						<input type="hidden" value="0" id="content-toolbar-tabs-images-resizefile-hidden" /><!-- counter resize -->
						<div class="clear"></div>
						<div class="content-toolbar-tabs-content" id="images_list"></div>
					</div>
				
					<!--tablelist -->
					<div class="content-toolbar-tabs" id="content-toolbar-tabs-tablelist">
						<div class="content-toolbar-tabs-btn pop tooltip" id="open-new-table-file"></div><!-- openfile -->
						<div class="content-toolbar-tabs-btn pop tooltip" id="extract-new-table-file"></div><!-- extractfile -->
						<div id="table-title-filename"></div>
						
						<div class="editor">
							<div class="editor-input">
							  <textarea id="save-box"></textarea>
							</div>
							<div id="editor-preview" class="editor-preview"  style="display: none;">Preview</div>
						</div>
			
						
						<div class="clear"></div>
						<div id="measurement_table_wrapp">
						
						<table  border="0" cellspacing="0" cellpadding="0">
						<tr>
						<td>
							<table class="measurement_table"  id="measurement_table_num" border="0" cellspacing="0" cellpadding="0">
							<tbody>
								<tr id="first_row"> 
									<th class="measurement_table_title_num middle_size">#</th> 
								</tr>	
							</tbody>
							</table>
						</td>
						<td>
						<table class="measurement_table" id="measurement_table_main" border="0" cellspacing="0" cellpadding="0"><tbody>
							<tr id="first_row"> 
								<th class="measurement_table_title_file big_size_1">файл</th> 
								<th class="measurement_table_title_name big_size">название</th> 
								<th class="measurement_table_title_W middle_size">W</th> 
								<th class="measurement_table_title_D middle_size">D</th> 
								<th class="measurement_table_title_S middle_size">S</th> 
								<th class="measurement_table_title_act middle_size"><div class="remove tooltip" tooltip=""></div></th> 
							</tr>
						</tbody></table>
						</td>
						</tr>
						</table>
						
						</div>
					</div>
			</div>
	 	  	<!-- canvas-->
			<div id="content-measurement-btn-calc-canvas" class="pointer"></div>
	 	  	<div id="content-measurement-canvas"   class="content-canvas non_select"></div>
	 	 </div>
	 	 
	 	 
	 	 <!-- analyses -->
	 	 <div class="content-analyses inset">
	 	 	<div class="content-toolbar"> 
				<label class="header-content-toolbar"><!-- points-and-isolines -->
					<span class="content-toolbar-text" id="points-and-isolines"></span>
  				</label>
					<div>
					<label>
						<span class="content-toolbar-text tooltip" id="content-analyses-makepoints"></span>
					</label>
					<label>
						<input type="checkbox" id="content-analyses-hyperbole" checked>
						<span id="span-hyperbole"></span>
					</label>
					<label>
						<input type="checkbox" id="content-analyses-addlabels">
						<span id="span-turn-title"></span>
					</label>
					<label>
						<input type="checkbox" id="content-analyses-points"  checked>
						<span id="span-view-points"></span>
					</label>
					<label>
						<span id="content-analyses-rangeisoline" class="content-toolbar-text tooltip"></span>  
						<input type="range" min="3" max="30"  value="8" id="rangeisoline" class="content-toolbar-range">
						<span>8</span>
					</label>
					<label>
						<input type="checkbox" id="content-analyses-fillisolines"  checked>
						<span id="span-fill-isolines"></span>
					</label>
					<label>
						<input type="button" id="content-analyses-isolines" value="">
						<span></span>
					</label>
				</div>
				<label class="header-content-toolbar"><!-- graphics-->
					<span class="content-toolbar-text" id="content-toolbar-graph"></span>
  				</label>
				<div>
					<label>
						<span class="content-toolbar-text tooltip" id="content-analyses-graph-W"></span>
					</label>
					<label>
						<span class="content-toolbar-text tooltip" id="content-analyses-graph-D"></span>
					</label>
					<label>
						<span class="content-toolbar-text tooltip" id="content-analyses-graph-S"></span>
					</label>
				</div>	
	 	  	</div>
			<!-- canvas-analyses-->
			<div id="content-analyses-canvas"  class="content-canvas non_select"></div>
	 	 </div>
	 	 
	 	 <!-- modeling -->
	 	 <div class="content-modeling inset">
	 	 	<div class="content-toolbar">
				<label class="header-content-toolbar">
					<span class="content-toolbar-text" id="content-toolbar-text-main-param"></span>
  				</label>
				<div>
					<label>
						<span id="content-modeling-toolbar-R" class="content-toolbar-text tooltip"></span> 
						<input type="range" min="30" max="500" value="120" id="valueR" class="content-toolbar-range">
						<span>120</span>
					</label>
					<label>
						<span id="content-modeling-toolbar-W" class="content-toolbar-text tooltip"></span> 
						<input type="range" min="120" max="550"  value="197" id="valueW" class="content-toolbar-range">
						<span>1.97</span>
					</label>
					<label>
						<span id="content-modeling-toolbar-D" class="content-toolbar-text tooltip"></span>  
						<input type="range" min="0" max="70"  value="30" id="valueD" class="content-toolbar-range">
						<span>0.3</span>
					</label>
					<label>
						<span id="content-modeling-toolbar-S" class="content-toolbar-text tooltip"></span>  
						<input type="range" min="30" max="450"  value="220" id="valueS" class="content-toolbar-range">
						<span>2.2</span>
					</label>
					<label>
						<input type="checkbox" id="modeling-toolbar-axis">
						<span id="content-modeling-toolbar-addline" class="content-toolbar-text"></span>
					</label>
					<label>
						<input type="checkbox" id="modeling-toolbar-viewAllLineAmm" checked> 
						<span id="content-modeling-toolbar-showrevolvs" class="content-toolbar-text"></span>
					</label>
				</div>
				<label class="header-content-toolbar">
					<span class="content-toolbar-text" id="content-toolbar-text-freq"></span>
  				</label>
				<div>
					<label>
						<span id="content-modeling-toolbar-freqribs" class="content-toolbar-text"></span>
						<input type="range" min="1" max="13" value="1" id="valueFreqRibs" class="content-toolbar-range">
						<span id="content-modeling-toolbar-valueFreqRibs_text"></span>
					</label>
					<label>
						<span id="content-modeling-toolbar-сonvexibs" class="content-toolbar-text"></span>
						<input type="range" min="100" max="200" value="100" id="valueConvexRibs" class="content-toolbar-range">
						<span id="content-modeling-toolbar-valueConvexribs_text"></span>
					</label>
				</div>
				
				<label class="header-content-toolbar">
					<span class="content-toolbar-text"  id="content-toolbar-text-typesections"></span>
  				</label>
				<div>
			 
					<label  class="typesections" data='{"cY":50,"tX":83,"bX":83}'>
						<input type="radio"  name="typesections">
						<span id="sub_rect">суб-прямоугольная</span>
					</label>
					<label  class="typesections" data='{"cY":50,"tX":50,"bX":50}'>
						<input type="radio" name="typesections" checked>
						<span  id="sub_ell">эллипсоидная</span>
					</label>
					<label  class="typesections" data='{"cY":73,"tX":50,"bX":83}'>
						<input type="radio"  name="typesections">
						<span id="sub_trap">суб-трапециодальная</span>
					</label>
					<label  class="typesections" data='{"cY":68,"tX":10,"bX":71}'>
						<input type="radio"  name="typesections">
						<span  id="sub_ova">яйцевидная</span>
					</label>
					<label  class="typesections" data='{"cY":83,"tX":35,"bX":9}'>
						<input type="radio"  name="typesections">
						<span  id="sub_tri">суб-треугольная</span>
					</label>
					<label  class="typesections" data='{"cY":80,"tX":17,"bX":76}'>
						<input type="radio"  name="typesections">
						<span  id="sub_ova_tri">овально-треугольная</span>
					</label>
					<label  class="typesections" data='{"cY":53,"tX":13,"bX":13}'>
						<input type="radio"  name="typesections">
						<span  id="sub_strel">стреловидная</span>
					</label>
			 
					
					<label>
						<span id="content-modeling-toolbar-centerUst" class="content-toolbar-text tooltip"></span>  
						<input type="range" min="0" max="100"  value="50" id="centerUst" class="content-toolbar-range">
						<span>50</span>
					</label>
					
					<label>
						<span id="content-modeling-toolbar-topWeight" class="content-toolbar-text tooltip"></span>  
						<input type="range" min="0" max="83"  value="50" id="topWeight" class="content-toolbar-range">
						<span>50</span>
					</label>
					
					<label>
						<span id="content-modeling-toolbar-bottomWeight" class="content-toolbar-text tooltip"></span>  
						<input type="range" min="0" max="83"  value="50" id="botWeight" class="content-toolbar-range">
						<span>50</span>
					</label>
					 
				</div>
				
				
			</div>
			<div id="content-modeling-canvas" class="content-canvas non_select"></div>
	 	 </div>
	 	 
	 	 <!-- about -->
	 	 <div class="content-about inset">
	 	 	<ul class="left-about-bar"><!-- левый список меню -->
				<li id="about-main"></li>
				<li id="about-how"></li>
				<li id="about-anal"></li>
				<li id="about-model"></li>
				<li id="about-about"></li>
				<li id="about-supp"></li>
				<li id="about-grad"></li>
				<li id="about-auth"></li>
			</ul>
			
	 
			<div  class="content-textabout">
				<div class="content-textabout-text"></div>
			</div>
	 	 </div>
	 </div>
	 <div id="bottomBar"></div>
	 <div id="leftBar"></div>
	 <div id="rightBar"></div>
	 <div id="popup_img_file"></div>
	  
     <script defer src="../scripts/app.js"></script>
	
</body>
</html>