Statistics
| Branch: | Tag: | Revision:

root / snf-cyclades-app / synnefo / ui / new_ui / ui / assets / js / templates.js @ e4a6c3b8

History | View | Annotate | Download (23.7 kB)

1
Ember.TEMPLATES["application"] = Ember.Handlebars.template(function anonymous(Handlebars,depth0,helpers,partials,data) {
2
this.compilerInfo = [4,'>= 1.0.0'];
3
helpers = this.merge(helpers, Ember.Handlebars.helpers); data = data || {};
4
  
5

    
6

    
7
  data.buffer.push("        <header class=\"header\">\n                <nav>\n                        <ul class=\"icons-nav\">\n                                <li><a href=\"vm_list.html\" data-tooltip class=\"has-tip current\" title=\"Machines\"><span class=\"snf-pc-outline\"></span></a></li>\n                                <li><a href=\"network_list.html\" data-tooltip class=\"has-tip\" title=\"Networks\"><span class=\"snf-network-outline\"></span></a></li>\n                                <li><a href=\"volumes_list.html\" data-tooltip class=\"has-tip\" title=\"Disks\"><span class=\"snf-volume-outline\"></span></a></li>\n                                <li><a href=\"pithos.html\" data-tooltip class=\"has-tip\" title=\"Storage\"><span class=\"snf-pithos-outline\"></span></a></li>\n                                <li><a href=\"images_list.html\" data-tooltip class=\"has-tip\" title=\"Images\"><span class=\"snf-image-outline\"></span></a></li>\n                                <li><a href=\"snapshots_list.html\" data-tooltip class=\"has-tip\" title=\"Snapshots\"><span class=\"snf-snapshot-outline\"></span></a></li>\n                                <li><a href=\"\" data-tooltip class=\"has-tip\" title=\"IPs\"><span class=\"snf-nic-outline\"></span></a></li>\n                <li><a href=\"\" data-tooltip class=\"has-tip\" title=\"SSH keys\"><span class=\"snf-key-outline\"></span></a></li>\n                        </ul>\n                </nav>\n                <div class=\"login\">\n                        <div class=\"wrap\">\n                                <a href=\"\">user1@synnefo.org</a>\n                                <ul>\n                                        <li><a href=\"\">dashboard</a></li>\n                                        <li><a href=\"\">sign out</a></li>\n                                </ul>\n                        </div>\n                </div>\n                <div class=\"logo\">\n                        <a href=\"index.html\"><img src=\"images/synnefo-logo.png\" alt=\"software logo\"></a>\n                </div>\n        </header>\n        <div class=\"body-wrapper\">\n                <section class=\"overlay-area-reveal\">\n                        <div id=\"sshkeys-wizard\" class=\"reveal-modal medium secondary-wizard\">\n                <h2>SSH keys</h2>\n                <a class=\"close-reveal-modal close\" title=\"close\">x</a>\n                <p>You can use SSH keys to establish a secure connection between your computer and your virtual machines.<br>\n                Note: SSH keys are supported only for Linux machines.</p>\n                <p>Click \"generate new\" to create a new SSH key pair.</p>\n                <p>Click \"import/add\" to import your public key from your home machine or to copy/paste its contents to ~okeanos.</p>\n                <p class=\"buttons\"><a href=\"\" class=\"btn4 generate-key-btn\">generate</a><a href=\"\" class=\"btn4 import-key-btn\">add/import</a></p>\n                <div class=\"generate-key-area\">\n                    <p>clock tba</p>\n                    <p>\n                        Your new public key has been added.<br>\n                        To download your *private key* click here.\n                    </p>\n                    <p>\n                        Note: We do not keep it! I f you don't download now you cannot access it in the future.\n                    </p>\n                <p class=\"buttons\"><a href=\"\" class=\"btn4\">ok</a></p>\n                </div>\n                <div class=\"import-key-area\">\n                    <div class=\"key-name\">\n                    <h4>Key name</h4>\n                        <span class=\"input\"><input class=\"key-name-input\" type=\"text\" placeholder=\"my key\"></span>\n                        <div class=\"error-msg\"></div>\n                    </div>\n                    <div class=\"key-content\">\n                        <h4>Key content</h4>\n                        <div class=\"error-msg\"></div>\n                        <textarea></textarea>\n                    </div>\n                    <div class=\"upload-key\">\n                        <label>Import from file (header maybe?)</label>\n                            <p class=\"buttons\">\n                                <a href=\"\" class=\"browse-files dz-clickable\">browse files</a>\n                            </p>\n                        <form action=\"#\" class=\"dropzone\" id=\"files-dropzone\">\n                            <p>sto plai?</p>\n                            <ul class=\"files dropzone-files\"></ul>\n                            <div class=\"dz-default dz-message\"><span></span></div>\n                        </form>\n                        <p class=\"buttons\"><a href=\"\" class=\"btn4\">Cancel</a><a href=\"\" class=\"btn4\">Submit</a></p>\n                    </div>\n                </div>\n                <h3>Your SSH public keys</h3>\n                <ul>\n                    <li>\n                        <div class=\"name-col\">key name 1</div>\n                        <div class=\"actions-col\">\n                            <a href=\"\" class=\"show-key\">key</a>\n                            <a href=\"\" class=\"show-fingerprint\">fingerprint</a>\n                            <a href=\"\" class=\"edit\">edit</a>\n                            <a href=\"\">remove</a>\n                        </div>\n                    </li>\n                    <li>\n                        <div class=\"name-col\">key name 2</div>\n                        <div class=\"actions-col\">\n                            <a href=\"\" class=\"show-key\">key</a>\n                            <a href=\"\" class=\"show-fingerprint\">fingerprint</a>\n                            <a href=\"\" class=\"edit\">edit</a>\n                            <a href=\"\">remove</a>\n                        </div>\n                    </li>\n                </ul>\n                <p class=\"buttons\"><a href=\"\" class=\"btn4 close-reveal-modal\">close</a></p>\n            </div>\n\n                        <div id=\"vm-connect\" class=\"reveal-modal medium\">\n                                <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>\n                                <p class=\"ssh\"><span>ssh user@snf-38389.vm.okeanos.grnet.gr</span></p>\n                                <p class=\"info\">Keep in mind that recently rebooted or created VMs may take up to 5 minutes to connect to them.</p>\n                                <p>Alternatively you can connect to your VM via <a href=\"#\" title=\"\">Console</a> (slow connection - meant only for troubleshooting).</p>\n                                <a class=\"close-reveal-modal has-tip\" data-tooltip title=\"close window\">x</a>\n                        </div>\n                        <div id=\"start-confirm\" class=\"reveal-modal medium\">\n                                <p class=\"message-forimg\">Are you sure you want to turn on your machine?</p>\n                                <p class=\"buttons\"><a href=\"\" class=\"btn4 wrap-a\">Yes</a><a href=\"\" class=\"btn4 wrap-a\">No</a></p>\n                                <a class=\"close-reveal-modal has-tip\" data-tooltip title=\"close window\">x</a>\n                        </div>\n                        <div id=\"reboot-confirm\" class=\"reveal-modal medium\">\n                                <p class=\"message-forimg\">Are you sure you want to reboot your machine?</p>\n                                <p class=\"buttons\"><a href=\"\" class=\"btn4 wrap-a\">Yes</a><a href=\"\" class=\"btn4 wrap-a\">No</a></p>\n                                <a class=\"close-reveal-modal has-tip\" data-tooltip title=\"close window\">x</a>\n                        </div>\n                        <div id=\"shutdown-confirm\" class=\"reveal-modal medium\">\n                                <p class=\"message-forimg\">Are you sure you want to shutdown your machine?</p>\n                                <p class=\"buttons\"><a href=\"\" class=\"btn4 wrap-a\">Yes</a><a href=\"\" class=\"btn4 wrap-a\">No</a></p>\n                                <a class=\"close-reveal-modal has-tip\" data-tooltip title=\"close window\">x</a>\n                        </div>\n                        <div id=\"destroy-vm-confirm\" class=\"reveal-modal medium\">\n                                <p class=\"message-forimg\">Are you sure you want to destroy your machine?</p>\n                                <p class=\"buttons\"><a href=\"\" class=\"btn4 wrap-a\">Yes</a><a href=\"\" class=\"btn4 wrap-a\">No</a></p>\n                                <a class=\"close-reveal-modal has-tip\" data-tooltip title=\"close window\">x</a>\n                        </div>\n                </section>\n                <section class=\"actions-bar clearfix\">\n                        <h2>Virtual Machines</h2>\n                        <div class=\"rt-actions\">\n                                <a href=\"vm_details.html\" class=\"single\"></a>\n                                <a href=\"#grid\" class=\"grid\"><span class=\"snf-gridview current\"></span></a>\n                                <a href=\"#list\" class=\"list\"><span class=\"snf-listview \"></span></a>\n                        </div>\n                        <div class=\"filter-menu\">\n                                <div><a class=\"filter\" href=\"\">Filter</a></div>\n                                <ul class=\"options\">\n                                        <li><a href=\"\">option 1</a></li>\n                                        <li><a href=\"\">option 2</a></li>\n                                        <li><a href=\"\">option 3</a></li>\n                                        <li><a href=\"\">option 4</a></li>\n                                </ul>\n                        </div>\n                        <div id=\"hd-search\" class=\"hd-search\">\n                            <form>\n                                        <span class=\"hd-icon-search snf-search\"></span>\n                                <input class=\"hd-search-input\" placeholder=\"Enter your search term...\" type=\"search\" value=\"\" name=\"search\" id=\"search\">\n                            </form>\n                        </div>\n                </section>\n                <section class=\"main row\">\n                        <div class=\"vms entities grid-view\">\n                                <ul class=\"items-list\">\n                                        <li data-status=\"add-new\" class=\"add-new not-selectable\" data-overlay-id=\"vm-wizard\">\n                                                <div class=\"container\">\n                                                        <div class=\"check\"></div>\n                                                        <div class=\"img-wrap\">\n                                                                <span class=\"snf-pc-create-full snf-font\"></span>\n                                                        </div>\n                                                        <h4>New Machine</h4>\n                                                </div>\n                                        </li>\n                                        <li data-status=\"building\" class=\"building\">\n                                                <ul class=\"side-actions\">\n                                                        <li>\n                                                                <a href=\"vm_details.html\" data-tooltip title=\"view details\" class=\"details has-tip\">i</a>\n                                                        </li>\n                                                        <li>\n                                                                <a href=\"#\" title=\"connect to machine\" data-tooltip data-reveal-id=\"vm-connect\" class=\"has-tip\">\n                                                                        <span class=\"snf-thunder-full\"></span>\n                                                                </a>\n                                                        </li>\n                                                        <li class=\"more-actions\">\n                                                                <a href=\"#\" title=\"\">...</a>\n                                                                <ul class=\"many\">\n                                                                        <li><a href=\"\">Start</a></li>\n                                                                        <li><a href=\"\">Shutdown</a></li>\n                                                                        <li><a href=\"\">Reboot</a></li>\n                                                                        <li><a href=\"\">Destroy</a></li>\n                                                                        <li><a href=\"\">Snapshot</a></li>\n                                                                        <li><a href=\"\">Attach to network</a></li>\n                                                                        <li><a href=\"\">Attach to network</a></li>\n                                                                </ul>\n                                                        </li>\n                                                        <li class=\"bottom\">\n                                                                <a href=\"\" title=\"\"><span class=\"snf-folder-move-full\"></span></a>\n                                                                <ul class=\"options\">\n                                                                        <li class=\"selected\"><a href=\"\">My awesome project</a></li>\n                                                                        <li><a href=\"\">Project 1</a></li>\n                                                                        <li><a href=\"\">Project 2</a></li>\n                                                                        <li><a href=\"\">Project 3</a></li>\n                                                                        <li><a href=\"\">Project 4</a></li>\n                                                                </ul>\n                                                                <ul>\n                                                                        <li>My awesome project</li>\n                                                                        <li><a href=\"\" class=\"reassign\">Reassign<span class=\"arrow-right\"></span></a></li>\n                                                                </ul>\n                                                        </li>\n                                                </ul>\n                                                <div class=\"container\">\n                                                        <a href=\"\" class=\"check\">\n                                                                <span class=\"snf-checkbox-unchecked\"></span>\n                                                        </a>\n                                                        <div class=\"img-wrap\">\n                                                                <span class=\"snf-pc-full snf-font\"></span>\n                                                                <span class=\"os\">unknown</span>\n                                                        </div>\n                                                        <h4>short name</h4>\n                                                        <div class=\"actions\">\n                                                                <a href=\"\" data-reveal-id=\"vm-connect\" data-tooltip title=\"connect\" class=\"connect has-tip\"><span class=\"snf-thunder-full\"></span></a>\n                                                                <a href=\"vm_details.html\" data-tooltip title=\"view vm details\" class=\"snf-info-outline has-tip\">i</a>\n                                                        </div>\n                                                        <div class=\"tags\">\n                                                        </div>\n                                                        <div class= \"status\">\n                                                                <span class=\"state\">ERROR</span>\n                                                                <span class=\"logs\">Image customization failed. Did not finish on time.</span>\n                                                        </div>\n                                                        <div class=\"info\"><a href=\"snf-9733.vm.okeanos.grnet.gr\" title=\"\">snf-9733.vm.okeanos.grnet.gr</a></div>\n                                                </div>\n                                        </li>\n                                        <li data-status=\"error\" class=\"error\">\n                                                <ul class=\"side-actions\">\n                                                        <li>\n                                                                <a href=\"vm_details.html\" data-tooltip title=\"view details\" class=\"details has-tip\">i</a>\n                                                        </li>\n                                                        <li>\n                                                                <a href=\"#\" title=\"connect to machine\" data-tooltip data-reveal-id=\"vm-connect\" class=\"has-tip\">\n                                                                        <span class=\"snf-thunder-full\"></span>\n                                                                </a>\n                                                        </li>\n                                                        <li class=\"more-actions\">\n                                                                <a href=\"#\" title=\"\">...</a>\n                                                                <ul>\n                                                                        <li><a href=\"\">Destroy</a></li>\n                                                                        <li><a href=\"\">Attach to network</a></li>\n                                                                        <li><a href=\"\">Destroy</a></li>\n                                                                </ul>\n                                                        </li>\n                                                        <li class=\"bottom\">\n                                                                <a href=\"\" title=\"\"><span class=\"snf-folder-move-full\"></span></a>\n                                                                <ul class=\"options\">\n                                                                        <li class=\"selected\"><a href=\"\">My awesome project</a></li>\n                                                                        <li><a href=\"\">Project 1</a></li>\n                                                                        <li><a href=\"\">Project 2</a></li>\n                                                                        <li><a href=\"\">Project 3</a></li>\n                                                                        <li><a href=\"\">Project 4</a></li>\n                                                                </ul>\n                                                                <ul>\n                                                                        <li>My awesome project</li>\n                                                                        <li><a href=\"\" class=\"reassign\">Reassign<span class=\"arrow-right\"></span></a></li>\n                                                                </ul>\n                                                        </li>\n                                                </ul>\n                                                <div class=\"container\">\n                                                        <a href=\"\" class=\"check\">\n                                                                <span class=\"snf-checkbox-unchecked\"></span>\n                                                        </a>\n                                                        <div class=\"img-wrap\">\n                                                                <span class=\"snf-pc-full snf-font\"></span>\n                                                                <span class=\"os\">unknown</span>\n                                                        </div>\n                                                        <h4>short name</h4>\n                                                        <div class=\"actions\">\n                                                                <a href=\"\" data-reveal-id=\"vm-connect\" data-tooltip title=\"connect\" class=\"connect has-tip\"><span class=\"snf-thunder-full\"></span></a>\n                                                                <a href=\"vm_details.html\" data-tooltip title=\"view vm details\" class=\"snf-info-outline has-tip\"></a>\n                                                        </div>\n                                                        <div class=\"tags\">\n                                                        </div>\n                                                        <div class= \"status\">\n                                                                <span class=\"state\">ERROR</span>\n                                                                <span class=\"logs\">Image customization failed. Did not finish on time.</span>\n                                                        </div>\n                                                        <div class=\"info\"><a href=\"snf-9733.vm.okeanos.grnet.gr\" title=\"\">snf-9733.vm.okeanos.grnet.gr</a></div>\n                                                </div>\n                                        </li>\n                                        <li data-status=\"rebooting\" class=\"rebooting\">\n                                                <a href=\"\" class=\"btn5 temp\">animation</a>\n                                                <ul class=\"side-actions\">\n                                                        <li>\n                                                                <a href=\"vm_details.html\" data-tooltip title=\"view details\" class=\"details has-tip\">i</a>\n                                                        </li>\n                                                        <li>\n                                                                <a href=\"#\" title=\"connect to machine\" data-tooltip data-reveal-id=\"vm-connect\" class=\"has-tip\">\n                                                                        <span class=\"snf-thunder-full\"></span>\n                                                                </a>\n                                                        </li>\n                                                        <li class=\"more-actions\">\n                                                                <a href=\"#\" title=\"\">...</a>\n                                                                <ul class=\"single\">\n                                                                        <li><a href=\"\">Destroy</a></li>\n                                                                </ul>\n                                                        </li>\n                                                        <li class=\"bottom\">\n                                                                <a href=\"\" title=\"\"><span class=\"snf-folder-move-full\"></span></a>\n                                                                <ul class=\"options\">\n                                                                        <li class=\"selected\"><a href=\"\">My awesome project</a></li>\n                                                                        <li><a href=\"\">Project 1</a></li>\n                                                                        <li><a href=\"\">Project 2</a></li>\n                                                                        <li><a href=\"\">Project 3</a></li>\n                                                                        <li><a href=\"\">Project 4</a></li>\n                                                                </ul>\n                                                                <ul>\n                                                                        <li>My awesome project</li>\n                                                                        <li><a href=\"\" class=\"reassign\">Reassign<span class=\"arrow-right\"></span></a></li>\n                                                                </ul>\n                                                        </li>\n                                                </ul>\n                                                <div class=\"container\">\n                                                        <a href=\"\" class=\"check\">\n                                                                <span class=\"snf-checkbox-unchecked\"></span>\n                                                        </a>\n                                                        <div class=\"img-wrap\">\n                                                                <span class=\"snf-pc-full snf-font\"></span>\n                                                                <span class=\"os kubuntu\">kubuntu</span>\n                                                        </div>\n                                                        <h4>vm name 1 really large name vm name vm 1 really large name vm</h4>\n                                                        <div class=\"actions\">\n                                                                <a href=\"\" data-reveal-id=\"vm-connect\" data-tooltip title=\"connect\" class=\"connect has-tip\"><span class=\"snf-thunder-full\"></span></a>\n                                                                <a href=\"vm_details.html\" data-tooltip title=\"view vm details\" class=\"snf-info-outline has-tip\"></a>\n                                                        </div>\n                                                        <div class= \"status\">\n                                                                <span class=\"state\">REBOOTING</span>\n                                                        </div>\n                                                        <div class=\"tags\">\n                                                                <a href=\"\" class=\"tag tag1 has-tip\" data-tooltip title=\"Tooltip1\">&nbsp;</a>\n                                                                <a href=\"\" class=\"tag tag2 has-tip\" data-tooltip title=\"Tooltip2\">&nbsp;</a>\n                                                        </div>\n                                                        <div class=\"info\"><a href=\"snf-9733.vm.okeanos.grnet.gr\" title=\"\">snf-9733.vm.okeanos.grnet.gr</a></div>\n                                                </div>\n                                        </li>\n                                        <li data-status=\"starting\" class=\"starting\">\n                                                <ul class=\"side-actions\">\n                                                        <li>\n                                                                <a href=\"vm_details.html\" data-tooltip title=\"view details\" class=\"details has-tip\">i</a>\n                                                        </li>\n                                                        <li>\n                                                                <a href=\"#\" title=\"connect to machine\" data-tooltip data-reveal-id=\"vm-connect\" class=\"has-tip\">\n                                                                        <span class=\"snf-thunder-full\"></span>\n                                                                </a>\n                                                        </li>\n                                                        <li class=\"more-actions\">\n                                                                <a href=\"#\" title=\"\">...</a>\n                                                                <ul class=\"single\">\n                                                                        <li><a href=\"\">Destroy</a></li>\n                                                                </ul>\n                                                        </li>\n                                                        <li class=\"bottom\">\n                                                                <a href=\"\" title=\"\"><span class=\"snf-folder-move-full\"></span></a>\n                                                                <ul class=\"options\">\n                                                                        <li class=\"selected\"><a href=\"\">My awesome project</a></li>\n                                                                        <li><a href=\"\">Project 1</a></li>\n                                                                        <li><a href=\"\">Project 2</a></li>\n                                                                        <li><a href=\"\">Project 3</a></li>\n                                                                        <li><a href=\"\">Project 4</a></li>\n                                                                </ul>\n                                                                <ul>\n                                                                        <li>My awesome project</li>\n                                                                        <li><a href=\"\" class=\"reassign\">Reassign<span class=\"arrow-right\"></span></a></li>\n                                                                </ul>\n                                                        </li>\n                                                </ul>\n                                                <div class=\"container\">\n                                                        <a href=\"\" class=\"check\">\n                                                                <span class=\"snf-checkbox-unchecked\"></span>\n                                                        </a>\n                                                        <div class=\"img-wrap\">\n                                                                <span class=\"snf-pc-full snf-font\"></span>\n                                                                <span class=\"os kubuntu\">kubuntu</span>\n                                                        </div>\n                                                        <h4>vm name 1 really large name vm name vm 1 really large name vm</h4>\n                                                        <div class=\"actions\">\n                                                                <a href=\"\" data-reveal-id=\"vm-connect\" data-tooltip title=\"connect\" class=\"connect has-tip\"><span class=\"snf-thunder-full\"></span></a>\n                                                                <a href=\"vm_details.html\" data-tooltip title=\"view vm details\" class=\"snf-info-outline has-tip\"></a>\n                                                        </div>\n                                                        <div class= \"status\">\n                                                                <span class=\"state\">STARTING</span>\n                                                        </div>\n                                                        <div class=\"tags\">\n                                                        </div>\n                                                        <div class=\"info\"><a href=\"snf-9733.vm.okeanos.grnet.gr\" title=\"\">snf-9733.vm.okeanos.grnet.gr</a></div>\n                                                </div>\n                                        </li>\n                                        <li  data-status=\"shutting\" class=\"shutting\">\n                                                <ul class=\"side-actions\">\n                                                        <li>\n                                                                <a href=\"vm_details.html\" data-tooltip title=\"view details\" class=\"details has-tip\">i</a>\n                                                        </li>\n                                                        <li>\n                                                                <a href=\"#\" title=\"connect to machine\" data-tooltip data-reveal-id=\"vm-connect\" class=\"has-tip\">\n                                                                        <span class=\"snf-thunder-full\"></span>\n                                                                </a>\n                                                        </li>\n                                                        <li class=\"more-actions\">\n                                                                <a href=\"#\" title=\"\">...</a>\n                                                                <ul>\n                                                                        <li><a href=\"\">Destroy</a></li>\n                                                                        <li><a href=\"\">Attach to network</a></li>\n                                                                        <li><a href=\"\">Destroy</a></li>\n                                                                </ul>\n                                                        </li>\n                                                        <li class=\"bottom\">\n                                                                <a href=\"\" title=\"\"><span class=\"snf-folder-move-full\"></span></a>\n                                                                <ul class=\"options\">\n                                                                        <li class=\"selected\"><a href=\"\">My awesome project</a></li>\n                                                                        <li><a href=\"\">Project 1</a></li>\n                                                                        <li><a href=\"\">Project 2</a></li>\n                                                                        <li><a href=\"\">Project 3</a></li>\n                                                                        <li><a href=\"\">Project 4</a></li>\n                                                                </ul>\n                                                                <ul>\n                                                                        <li>My awesome project</li>\n                                                                        <li><a href=\"\" class=\"reassign\">Reassign<span class=\"arrow-right\"></span></a></li>\n                                                                </ul>\n                                                        </li>\n                                                </ul>\n                                                <div class=\"container\">\n                                                        <a href=\"\" class=\"check\">\n                                                                <span class=\"snf-checkbox-unchecked\"></span>\n                                                        </a>\n                                                        <div class=\"img-wrap\">\n                                                                <div class=\"img running\">\n                                                                        <span class=\"snf-pc-full snf-font\"></span>\n                                                                        <span class=\"os kubuntu\">kubuntu</span>\n                                                                </div>\n                                                        </div>\n                                                        <h4>short name</h4>\n                                                        <div class=\"actions\">\n                                                                <a href=\"\" data-reveal-id=\"vm-connect\" data-tooltip title=\"connect\" class=\"connect has-tip\"><span class=\"snf-thunder-full\"></span></a>\n                                                                <a href=\"vm_details.html\" data-tooltip title=\"view vm details\" class=\"snf-info-outline has-tip\"></a>\n                                                        </div>\n                                                        <div class= \"status\">\n                                                                <span class=\"state\">SHUTTING DOWN</span>\n                                                        </div>\n                                                        <div class=\"tags\">\n                                                                <a href=\"\" class=\"tag tag1 has-tip\" data-tooltip title=\"Tooltip1\">&nbsp;</a>\n                                                                <a href=\"\" class=\"tag tag2 has-tip\" data-tooltip title=\"Tooltip2\">&nbsp;</a>\n                                                        </div>\n                                                        <div class=\"info\"><a href=\"snf-9733.vm.okeanos.grnet.gr\" title=\"\">snf-9733.vm.okeanos.grnet.gr</a></div>\n                                                </div>\n                                        </li>\n                                        <li data-status=\"off\" class=\"off\">\n                                                <ul class=\"side-actions\">\n                                                        <li>\n                                                                <a href=\"vm_details.html\" data-tooltip title=\"view details\" class=\"details has-tip\">i</a>\n                                                        </li>\n                                                        <li>\n                                                                <a href=\"#\" title=\"connect to machine\" data-tooltip data-reveal-id=\"vm-connect\" class=\"has-tip\">\n                                                                        <span class=\"snf-thunder-full\"></span>\n                                                                </a>\n                                                        </li>\n                                                        <li class=\"more-actions\">\n                                                                <a href=\"#\" title=\"\">...</a>\n                                                                <ul class=\"many\">\n                                                                        <li><a href=\"\">Start</a></li>\n                                                                        <li><a href=\"\">Shutdown</a></li>\n                                                                        <li><a href=\"\">Reboot</a></li>\n                                                                        <li><a href=\"\">Destroy</a></li>\n                                                                        <li><a href=\"\">Snapshot</a></li>\n                                                                        <li><a href=\"\">Attach to network</a></li>\n                                                                        <li><a href=\"\">Attach to network</a></li>\n                                                                </ul>\n                                                        </li>\n                                                </ul>\n                                                <div class=\"container\">\n                                                        <a href=\"\" class=\"check\">\n                                                                <span class=\"snf-checkbox-unchecked\"></span>\n                                                        </a>\n                                                        <div class=\"img-wrap\">\n                                                                <span class=\"snf-pc-full snf-font\"></span>\n                                                                <span class=\"os fedora\">fedora</span>\n                                                        </div>\n                                                        <h4>short name</h4>\n                                                        <div class=\"actions\">\n                                                                <a href=\"\" data-reveal-id=\"vm-connect\" data-tooltip title=\"connect\" class=\"connect has-tip\"><span class=\"snf-thunder-full\"></span></a>\n                                                                <a href=\"vm_details.html\" data-tooltip title=\"view vm details\" class=\"snf-info-outline has-tip\"></a>\n                                                        </div>\n                                                        <div class= \"status\">\n                                                        </div>\n                                                        <div class=\"tags\">\n                                                        </div>\n                                                        <div class=\"info\"><a href=\"snf-9733.vm.okeanos.grnet.gr\" title=\"\">snf-9733.vm.okeanos.grnet.gr</a></div>\n                                                </div>\n                                        </li>\n                                        <li class=\"temp-for-btns\"><a href=\"\" class=\"btn5 temp communication-error-btn\">communication error</a></li>\n                                </ul>\n                                <div class=\"communication-error\">\n                                        <p>Sorry! Something went wrong!<br>Try again, but if you keep seeing this message please contact us through the feedback form.</p>\n                                        <p class=\"buttons\">\n                                                <a class=\"btn5 wrap-a\" href=\"\">feedback</a>\n                                                <a href=\"\" class=\"btn5 wrap-a\">close</a>\n                                        </p>\n                                </div>\n                                <div class=\"lt-bar\">\n                                        <ul class=\"lt-actions\">\n                                                <li class=\"select trigger-checkbox\">\n                                                        <a href=\"\" class=\"check\">\n                                                                <span class=\"snf-checkbox-unchecked checkbox\"></span>\n                                                        </a>\n                                                        <em>Un</em>Select all\n                                                </li>\n                                                <li class=\"running\"><a href=\"#\" title=\"\" data-reveal-id=\"reboot-confirm\">Reboot</a></li>\n                                                <li class=\"running\"><a href=\"#\" title=\"\" data-reveal-id=\"shutdown-confirm\">Shutdown</a></li>\n                                                <li class=\"both\"><a href=\"#\" data-reveal-id=\"destroy-vm-confirm\">Destroy</a></li>\n                                                <li class=\"off\"><a href=\"#\">Start</a></li>\n                                                 <!-- in case we want an action always activated\n                                                <li class=\"pernament\"><a href=\"\" class=\"active\">Action</a></li> -->\n                                        </ul>\n                                </div>\n                                <div class=\"welcome\">It seems you have not yet created a VM! Go ahead!</div>\n                        </div>\n                </section>\n        </div>");
8
  
9
});