Revision 775d43ea snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list.html

b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list.html
670 670 
		</div>
671 671
672 672 
		<section class="actions-bar clearfix">
673 
			<div class="row">
674 
				<div class="new-btn"><a href="" data-overlay-id="#vm-wizard"><span>+</span> NEW MACHINE </a></div>
675 
				<div class="main-actions">
676 
					<ul>
677 
						<li class="running" ><a href="" data-overlay-id="#overlay1">Reboot</a></li>
678 
						<li class="running"><a href="" data-overlay-id="#overlay1">Shutdown</a></li>
679 
						<li class="both"><a href="">Destroy</a></li>
680 
						<li class="stopped"><a href="">Start</a></li>
681 
						 <!-- in case we want an action always activated
682 
						<li class="pernament"><a href="" class="active">Action</a></li> -->
673 
			<h2>Virtual Machine Overview</h2>
674 
			<div id="search-utility" class="search">
675 
					<span class="snf-search"></span>
676 
					<form>
677 
						<input class="snf-search-input" placeholder="Enter your search term..." type="search" value="" name="search" id="search">
678 
					</form>
679 
				</div>
680 
				<div class="filter-menu">
681 
					<a class="filter" href="">Filter</a>
682 
					<ul class="options">
683 
						<li><a href=""> set an option</a></li>
684 
						<li><a href=""> set an option</a></li>
685 
						<li><a href=""> set an option</a></li>
686 
						<li><a href=""> set an option</a></li>
683 687 
					</ul>
684 688 
				</div>
685 
				<div id="sb-search" class="sb-search">
686 
		   			<form>
687 
				        <input class="sb-search-input" placeholder="Enter your search term..." type="search" value="" name="search" id="search">
688 
				        <input class="sb-search-submit" type="submit" value="">
689 
				        <span class="sb-icon-search snf-search"></span>
690 
				    </form>
691 
			    </div>
692 
			    <div class="view-type">
689 
				<div class="view-type">
693 690 
					<a href="" class="list"><span class="snf-list"></span></a>
694 691 
					<a href="" class="grid"><span class="snf-layout current"></span></a>
695 
			    </div>
696 
			</div>
697 
			<div class="border-dashed"></div>
692 
				</div>
698 693 
		</section>
699 694 
		<section class="main row">
700 695 
			<div class="vms entities">
701 696 
				<ul class="items-list small-block-grid-2 large-block-grid-3 sortable">
702 697 
					<li data-order="0">
703 
						<div class="container">
704 
							<div class="img-wrap">
705 
								<div class="img running">
706 
									<span class="snf-PC_fill" data-reveal-id="vm-connect"></span>
707 
									<span class="os" data-reveal-id="vm-connect">unknown</span>
708 
								</div>
709 
							</div>
710 
							<p class="visible-info">
711 
								<span class="title">
712 
									<a href="vm_details.html"><em>vm name 1 really large name</em></a>
713 
								</span>
714 
							</p>
715 
							<div class="tags">
716 
								<a href="" data-tooltip class="has-tip tag1" title="Server">&nbsp;</a>
717 
								<a href="" data-tooltip class="has-tip tag2" title="Experiment">&nbsp;</a>
718 
							</div>
719 
							<a href="" class="check"><span class="snf-checkbox-unchecked"></span></a>
720 
						</div>
698 
						<div class="add-new"><a href="vm_create_a.html" data-overlay-id="#vm-wizard">NEW<br>MACHINE</a></div>
721 699 
					</li>
722 700 
					<li data-order="1">
723 701 
						<div class="container">
......
801 779 
					</li>
802 780
803 781 
					<li  data-order="5">
804 
						<div class="add-new"><a href="vm_create_a.html" data-overlay-id="#vm-wizard">NEW<br>MACHINE</a></div>
782 
						<div class="container">
783 
							<div class="img-wrap">
784 
								<div class="img running">
785 
									<span class="snf-PC_fill" data-reveal-id="vm-connect"></span>
786 
									<span class="os" data-reveal-id="vm-connect">unknown</span>
787 
								</div>
788 
							</div>
789 
							<p class="visible-info">
790 
								<span class="title">
791 
									<a href="vm_details.html"><em>vm name 1 really large name</em></a>
792 
								</span>
793 
							</p>
794 
							<div class="tags">
795 
								<a href="" data-tooltip class="has-tip tag1" title="Server">&nbsp;</a>
796 
								<a href="" data-tooltip class="has-tip tag2" title="Experiment">&nbsp;</a>
797 
							</div>
798 
							<a href="" class="check"><span class="snf-checkbox-unchecked"></span></a>
799 
						</div>
805 800 
					</li>
806 801
807 802 
				</ul>
......
810 805 
		</div>
811 806
812 807 
	<div id="vm-connect" class="reveal-modal medium">
813 
		<p>A direct connection to this machine can be established using the <a href="http://en.wikipedia.org/wiki/Secure_Shell" title="">​SSH Protocol</a>. To do so open a terminal and type the following at the prompt to connect to your machine:</p>
808 
		<p>A direct connection to this machine can be established using the<a href="http://en.wikipedia.org/wiki/Secure_Shell" title=""> SSH Protocol</a>. To do so open a terminal and type the following at the prompt to connect to your machine:</p>
814 809 
		<p class="ssh"><span>ssh user@snf-38389.vm.okeanos.grnet.gr</span></p>
815 810
816 811 
		<p class="info">Keep in mind that recently rebooted or created VMs may take up to 5 minutes to connect to them.</p>

Also available in: Unified diff