Revision ce385b85 snf-cyclades-app/synnefo/ui/new_ui/ui/network_details_v1.html

b/snf-cyclades-app/synnefo/ui/new_ui/ui/network_details_v1.html
12 12 
    <link rel="stylesheet" href="stylesheets/app.css" />
13 13 
    <link rel="stylesheet" href="stylesheets/styles.css" />
14 14 
    <link rel="stylesheet" href="stylesheets/font_custom.css" />
15 

  		





  
  16
  
    
    <link rel="stylesheet" href="stylesheets/jquery.jscrollpane.css" media="all" />


  		





  15
  17
  
    
    <script src="javascripts/vendor/custom.modernizr.js"></script>


  		





  16
  18
  
    

  		





  17
  19
  
    
</head>


  		





  ......




  33
  35
  
    
			<nav class="top-nav icons-nav">


  		





  34
  36
  
    
				


  		





  35
  37
  
    
				<ul>


  		





  36
  
  
    
					<li><a href="" data-tooltip class="has-tip" title="Storage"><img src="images/menu-icon-storage.png" alt="network"></a></li>


  		





  37
  
  
    
					<li><a href="" data-tooltip class="has-tip" title="Compute"><img src="images/menu-icon-compute.png" alt="network"></a></li>


  		





  
  38
  
    
					<li><a href="" data-tooltip class="has-tip" title="Storage"><img src="images/menu-icon-storage.png" alt="vm"></a></li>


  		





  
  39
  
    
					<li><a href="vm_list_v1.html" data-tooltip class="has-tip" title="Compute"><img src="images/menu-icon-compute.png" alt="vm"></a></li>


  		





  38
  40
  
    
					


  		





  39
  
  
    
					<li><a href="" data-tooltip class="has-tip" title="Disks"><img src="images/menu-icon-disks.png" alt="network"></a></li>


  		





  40
  
  
    
					<li><a href="" data-tooltip class="has-tip" title="Networks"><img src="images/menu-icon-networks.png" alt="network"></a></li>


  		





  
  41
  
    
					<li><a href="" data-tooltip class="has-tip" title="Disks"><img src="images/menu-icon-disks.png" alt="vm"></a></li>


  		





  
  42
  
    
					<li><a href="" data-tooltip class="has-tip" title="Networks"><img src="images/menu-icon-networks.png" alt="vm"></a></li>


  		





  41
  43
  
    
				</ul>


  		





  42
  44
  
    
				 


  		





  43
  45
  
    
			</nav>


  		





  ......




  52
  54
  
    
				</div>


  		





  53
  55
  
    
				<div class="main-actions">


  		





  54
  56
  
    
					<ul>


  		





  55
  
  
    
						<li class="running"><a href="">Reboot</a></li>


  		





  56
  
  
    
						<li class="running"><a href="">Shutdown</a></li>


  		





  57
  
  
    
						<li class="running single"><a href="">Console</a></li>


  		





  58
  
  
    
						<li class="both"><a href="">Destroy</a></li>


  		





  59
  
  
    
						<li class="stopped"><a href="">Start</a></li>


  		





  
  57
  
    
						<li class="running"><a href="" class="active">Add machine</a></li>


  		





  
  58
  
    
						<li class="both"><a href="" class="active">Destroy</a></li>


  		





  60
  59
  
    
					</ul>


  		





  61
  60
  
    
				</div>


  		





  62
  61
  
    
			</div>


  		





  ......




  95
  94
  
    
						<span>Network name</span>


  		





  96
  95
  
    
					</p>


  		





  97
  96
  
    
				</li>


  		





  98
  
  
    
				<li>


  		





  
  97
  
    
				<li class="current">


  		





  99
  98
  
    
					<div class="img">


  		





  100
  99
  
    
						<span>Network</span>


  		





  101
  100
  
    
					</div>


  		





  ......




  112
  111
  
    

  		





  113
  112
  
    
		<!-- main image of network -->


  		





  114
  113
  
    
		<div class="main details network">


  		





  115
  
  
    
			<a href="network_list_v1.html" class="close-font" title="back to network list"><span class="snf-font">c</span></a>


  		





  
  114
  
    
			<a href="network_list_v1.html" class="close" title="back to network list"><span class="snf-font">c</span></a>


  		





  116
  115
  
    
			<div class="top border-bottom-style1">


  		





  117
  116
  
    
				<div class="img">


  		





  118
  117
  
    
					<span>Network</span>


  		





  ......




  120
  119
  
    
				</div>


  		





  121
  120
  
    
				<div class="actions">


  		





  122
  121
  
    
					<ul>


  		





  123
  
  
    
						<li><a href="">+ machine</a></li>


  		





  
  122
  
    
						<li><a href="#" data-reveal-id="network-add-vms">+ machine</a></li>


  		





  124
  123
  
    
						<li><a href="">destroy</a></li>


  		





  125
  124
  
    
					</ul>


  		





  126
  125
  
    
				</div>


  		





  ......




  190
  189
  
    
		<span data-tooltip class="has-tip ours questions" title="Πόσο θα είναι το μέγιστο πλάτος της κύριας περιοχής" style="top:240px;left:20px">?</span>


  		





  191
  190
  
    
		<span data-tooltip class="has-tip ours problems" title="Πώς θα έχουμε δράσεις όπως filters κτλ" style="top:140px;left:250px">!!</span>


  		





  192
  191
  
    
	</div>


  		





  
  192
  
    
 <div id="network-add-vms" class="reveal-modal medium">


  		





  
  193
  
    
  		<p>A widget to add vms</p>


  		





  
  194
  
    
  		<a class="close-reveal-modal" title="close window">&#215;</a>


  		





  
  195
  
    
	</div>


  		





  193
  196
  
    
 


  		





  194
  197
  
    
  <script src="javascripts/vendor/jquery.js"></script>


  		





  195
  198
  
    
  <script src="javascripts/foundation/foundation.js"></script>


  		












Also available in:
  Unified diff