root / snf-cyclades-app / synnefo / ui / new_ui / ui / volumes_list.html @ 5bdb4b1c
History | View | Annotate | Download (14.5 kB)
| 1 | e60fa595 | Athina Bekakou | |
|---|---|---|---|
| 2 | e60fa595 | Athina Bekakou | |
| 3 | e60fa595 | Athina Bekakou | <!DOCTYPE html>
|
| 4 | e60fa595 | Athina Bekakou | <!--[if lte IE 7]><script src="javascripts/lte-ie7.js"></script><![endif]-->
|
| 5 | e60fa595 | Athina Bekakou | <!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
|
| 6 | e60fa595 | Athina Bekakou | <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]--> |
| 7 | e60fa595 | Athina Bekakou | |
| 8 | e60fa595 | Athina Bekakou | <head>
|
| 9 | e60fa595 | Athina Bekakou | <meta charset="utf-8" /> |
| 10 | e60fa595 | Athina Bekakou | <meta name="viewport" content="width=device-width" /> |
| 11 | 3ed3ef88 | Athina Bekakou | <title>Volumes list</title> |
| 12 | e60fa595 | Athina Bekakou | <link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=latin,greek-ext,greek' rel='stylesheet' type='text/css'> |
| 13 | e60fa595 | Athina Bekakou | <link rel="stylesheet" href="stylesheets/normalize.css" /> |
| 14 | e60fa595 | Athina Bekakou | <link rel="stylesheet" href="stylesheets/app.css" /> |
| 15 | 5bdb4b1c | Athina Bekakou | <link rel="stylesheet" href="stylesheets/farbtastic.css" /> |
| 16 | e60fa595 | Athina Bekakou | <link rel="stylesheet" href="stylesheets/font_custom.css" /> |
| 17 | e60fa595 | Athina Bekakou | <link rel="stylesheet" href="stylesheets/jquery.jscrollpane.css" media="all" /> |
| 18 | e60fa595 | Athina Bekakou | <link rel="stylesheet" href="stylesheets/magnific-popup.css" /> |
| 19 | 5bdb4b1c | Athina Bekakou | |
| 20 | e60fa595 | Athina Bekakou | <script src="javascripts/vendor/custom.modernizr.js"></script> |
| 21 | e60fa595 | Athina Bekakou | </head>
|
| 22 | e60fa595 | Athina Bekakou | <body>
|
| 23 | e60fa595 | Athina Bekakou | <header class="header"> |
| 24 | e60fa595 | Athina Bekakou | <nav>
|
| 25 | e60fa595 | Athina Bekakou | <ul class="icons-nav"> |
| 26 | e60fa595 | Athina Bekakou | <li><a href="vm_list.html" data-tooltip ="has-tip" title="Machines"><span class="snf-PC"></span></a></li> |
| 27 | e60fa595 | Athina Bekakou | <li><a href="network_list.html" data-tooltip ="has-tip" title="Networks"><span class="snf-network"></span></a></li> |
| 28 | 3ed3ef88 | Athina Bekakou | <li><a href="" data-tooltip ="has-tip " title="Volumes"><span class="snf-HDD-full"></span></a></li> |
| 29 | e60fa595 | Athina Bekakou | <li><a href="pithos_list.html" data-tooltip ="has-tip" title="Storage" ><span class="snf-Pithos"></span></a></li> |
| 30 | e60fa595 | Athina Bekakou | <li><a href="" data-tooltip ="has-tip" title="Images" ><span class="snf-images"></span></a></li> |
| 31 | e60fa595 | Athina Bekakou | <li><a href="" data-tooltip ="has-tip" title="Snapshots" ><span class="snf-snapshot"></span></a></li> |
| 32 | e60fa595 | Athina Bekakou | <li><a href="" data-tooltip ="has-tip" title="More" ><span class="snf-plus"></span></a></li> |
| 33 | e60fa595 | Athina Bekakou | </ul>
|
| 34 | e60fa595 | Athina Bekakou | </nav>
|
| 35 | e60fa595 | Athina Bekakou | <div class="login"> |
| 36 | e60fa595 | Athina Bekakou | <div class="wrap"> |
| 37 | e60fa595 | Athina Bekakou | <a href="">user1@synnefo.org</a> |
| 38 | e60fa595 | Athina Bekakou | <ul>
|
| 39 | e60fa595 | Athina Bekakou | <li><a href="">dashboard</a></li> |
| 40 | e60fa595 | Athina Bekakou | <li><a href="">sign out</a></li> |
| 41 | e60fa595 | Athina Bekakou | </ul>
|
| 42 | e60fa595 | Athina Bekakou | </div>
|
| 43 | e60fa595 | Athina Bekakou | </div>
|
| 44 | e60fa595 | Athina Bekakou | <div class="logo"> |
| 45 | e60fa595 | Athina Bekakou | <a href="index.html"><img src="images/logo_01.png" alt="software logo"></a> |
| 46 | e60fa595 | Athina Bekakou | </div>
|
| 47 | e60fa595 | Athina Bekakou | </header>
|
| 48 | e60fa595 | Athina Bekakou | |
| 49 | e60fa595 | Athina Bekakou | <div class="overlay-wrapper"> |
| 50 | e60fa595 | Athina Bekakou | |
| 51 | e60fa595 | Athina Bekakou | <!-- overlays start -->
|
| 52 | e60fa595 | Athina Bekakou | <div class="overlay-area-custom"> |
| 53 | e60fa595 | Athina Bekakou | |
| 54 | e60fa595 | Athina Bekakou | <div id="overlay1" class="overlay-div"> |
| 55 | e60fa595 | Athina Bekakou | <a href="" class="close"><span class="snf-close"></span></a> |
| 56 | e60fa595 | Athina Bekakou | <p>Are you sure you want to reboot your machine?</p> |
| 57 | e60fa595 | Athina Bekakou | <p class="buttons"><a href="" class="btn4">YES</a><a href="" class="btn4">NO</a></p> |
| 58 | e60fa595 | Athina Bekakou | </div>
|
| 59 | e60fa595 | Athina Bekakou | <div id="overlay2" class="overlay-div"> |
| 60 | e60fa595 | Athina Bekakou | <p>Are you sure you want to shutdown your machine?</p> |
| 61 | e60fa595 | Athina Bekakou | <p class="buttons"><a href="" class="btn4">YES</a><a href="" class="btn4">NO</a></p> |
| 62 | e60fa595 | Athina Bekakou | </div>
|
| 63 | 3ed3ef88 | Athina Bekakou | <div id="volume-wizard" class="overlay-div wizard"> |
| 64 | e60fa595 | Athina Bekakou | <div class="top"> |
| 65 | e60fa595 | Athina Bekakou | <div class="numbers"> |
| 66 | e60fa595 | Athina Bekakou | <div class="menus row"> |
| 67 | e60fa595 | Athina Bekakou | <a href="" class="close"><span class="snf-close"></span></a> |
| 68 | e60fa595 | Athina Bekakou | <ul class="nums"> |
| 69 | e60fa595 | Athina Bekakou | <li class="preselected current"> |
| 70 | e60fa595 | Athina Bekakou | <em><span>1</span></em> |
| 71 | 5bdb4b1c | Athina Bekakou | <p><strong>New Volume: Choose your configuration </strong></p> |
| 72 | 5bdb4b1c | Athina Bekakou | </li>
|
| 73 | 5bdb4b1c | Athina Bekakou | <li>
|
| 74 | 5bdb4b1c | Athina Bekakou | <em><span>2</span></em> |
| 75 | 5bdb4b1c | Athina Bekakou | <p><strong>New Volume: Connect to vm</strong></p> |
| 76 | 5bdb4b1c | Athina Bekakou | </li>
|
| 77 | 5bdb4b1c | Athina Bekakou | <li>
|
| 78 | 5bdb4b1c | Athina Bekakou | <em><span>3</span></em> |
| 79 | 5bdb4b1c | Athina Bekakou | <p><strong>New Volume: Summary</strong></p> |
| 80 | e60fa595 | Athina Bekakou | </li>
|
| 81 | e60fa595 | Athina Bekakou | </ul>
|
| 82 | e60fa595 | Athina Bekakou | </div>
|
| 83 | e60fa595 | Athina Bekakou | </div>
|
| 84 | e60fa595 | Athina Bekakou | <div class="row"> |
| 85 | e60fa595 | Athina Bekakou | <nav class="sub-menu" data-step=1> |
| 86 | e60fa595 | Athina Bekakou | </nav>
|
| 87 | e60fa595 | Athina Bekakou | </div>
|
| 88 | e60fa595 | Athina Bekakou | </div>
|
| 89 | e60fa595 | Athina Bekakou | <div class="middle"> |
| 90 | e60fa595 | Athina Bekakou | <div class="steps"> |
| 91 | e60fa595 | Athina Bekakou | <div class="step step-1 preselected current"> |
| 92 | 3ed3ef88 | Athina Bekakou | <ul class="row volume_options"> |
| 93 | e60fa595 | Athina Bekakou | <li class="project-selection"> |
| 94 | e60fa595 | Athina Bekakou | <form class="custom"> |
| 95 | e60fa595 | Athina Bekakou | <select class="medium"> |
| 96 | e60fa595 | Athina Bekakou | <option class="el5">Basic Project</option> |
| 97 | e60fa595 | Athina Bekakou | <option>Project 2</option> |
| 98 | e60fa595 | Athina Bekakou | <option>Project 3</option> |
| 99 | e60fa595 | Athina Bekakou | </select>
|
| 100 | e60fa595 | Athina Bekakou | </form>
|
| 101 | e60fa595 | Athina Bekakou | </li>
|
| 102 | 3ed3ef88 | Athina Bekakou | <li class="volume-name"> |
| 103 | 3ed3ef88 | Athina Bekakou | <h2>Volume name</h2> |
| 104 | 3ed3ef88 | Athina Bekakou | <span class="input"><input class="el1" type="text" placeholder="My Volume"></span> |
| 105 | e60fa595 | Athina Bekakou | </li>
|
| 106 | 3ed3ef88 | Athina Bekakou | <li class="volume-size"> |
| 107 | 3ed3ef88 | Athina Bekakou | <div class="title"> |
| 108 | 3ed3ef88 | Athina Bekakou | <span class="snf-HDD icon"></span> |
| 109 | 3ed3ef88 | Athina Bekakou | <h2>
|
| 110 | 3ed3ef88 | Athina Bekakou | Disk Size<span> (GB)</span> |
| 111 | 3ed3ef88 | Athina Bekakou | <em>Choose disk size</em> |
| 112 | 3ed3ef88 | Athina Bekakou | </h2>
|
| 113 | 3ed3ef88 | Athina Bekakou | <p>HOVER EXPLANATORY TEXT Volumes residing on our custom storage layer Archipelago, supporting fast VM spawning with cloning. Will also support Volume snapshotting really soon.</p> |
| 114 | 3ed3ef88 | Athina Bekakou | </div>
|
| 115 | 3ed3ef88 | Athina Bekakou | <div class="options-bar"> |
| 116 | 3ed3ef88 | Athina Bekakou | <div class="bar"> |
| 117 | 3ed3ef88 | Athina Bekakou | <div class="wrap"> |
| 118 | 3ed3ef88 | Athina Bekakou | <div class="container"> |
| 119 | 3ed3ef88 | Athina Bekakou | <!-- width percentages do not correspond to actual mesurements -->
|
| 120 | 3ed3ef88 | Athina Bekakou | <div class="total low" style="width:40%"> |
| 121 | 3ed3ef88 | Athina Bekakou | <div class="current" style="width:80%"></div> |
| 122 | 3ed3ef88 | Athina Bekakou | <span>40%</span> |
| 123 | 3ed3ef88 | Athina Bekakou | </div>
|
| 124 | 3ed3ef88 | Athina Bekakou | </div>
|
| 125 | 3ed3ef88 | Athina Bekakou | </div>
|
| 126 | 3ed3ef88 | Athina Bekakou | </div>
|
| 127 | 5bdb4b1c | Athina Bekakou | <ul class="options"> |
| 128 | 3ed3ef88 | Athina Bekakou | <li><a href="" class="small current preselected">10</a></li> |
| 129 | 3ed3ef88 | Athina Bekakou | <li><a href="" class="medium">20</a></li> |
| 130 | 3ed3ef88 | Athina Bekakou | <li><a href="" class="large">30</a></li> |
| 131 | 3ed3ef88 | Athina Bekakou | <li><a href="">40</a></li> |
| 132 | 3ed3ef88 | Athina Bekakou | </ul>
|
| 133 | 3ed3ef88 | Athina Bekakou | </div>
|
| 134 | 5bdb4b1c | Athina Bekakou | </li>
|
| 135 | 5bdb4b1c | Athina Bekakou | <li class="volume-type"> |
| 136 | 5bdb4b1c | Athina Bekakou | <div class="title"> |
| 137 | 5bdb4b1c | Athina Bekakou | <span class="snf-HDD icon"></span> |
| 138 | 5bdb4b1c | Athina Bekakou | <h2>
|
| 139 | 5bdb4b1c | Athina Bekakou | Storage |
| 140 | 5bdb4b1c | Athina Bekakou | <em>Select storage type</em> |
| 141 | 5bdb4b1c | Athina Bekakou | </h2>
|
| 142 | 5bdb4b1c | Athina Bekakou | <p>HOVER EXPLANATORY TEXT Volumes residing on our custom storage layer Archipelago, supporting fast VM spawning with cloning. Will also support Volume snapshotting really soon.</p> |
| 143 | 5bdb4b1c | Athina Bekakou | </div>
|
| 144 | 5bdb4b1c | Athina Bekakou | <div class="options-bar"> |
| 145 | 5bdb4b1c | Athina Bekakou | <div class="bar"> |
| 146 | 5bdb4b1c | Athina Bekakou | <div class="wrap disabled-progress-bar"> |
| 147 | 5bdb4b1c | Athina Bekakou | <div class="container"> |
| 148 | 5bdb4b1c | Athina Bekakou | <!-- width percentages do not correspond to actual mesurements -->
|
| 149 | 5bdb4b1c | Athina Bekakou | <div class="total" style="width:100%"> |
| 150 | 5bdb4b1c | Athina Bekakou | <div class="current" style="width:0%"></div> |
| 151 | 5bdb4b1c | Athina Bekakou | <span></span> |
| 152 | 5bdb4b1c | Athina Bekakou | </div>
|
| 153 | 5bdb4b1c | Athina Bekakou | </div>
|
| 154 | 5bdb4b1c | Athina Bekakou | </div>
|
| 155 | 5bdb4b1c | Athina Bekakou | </div>
|
| 156 | 5bdb4b1c | Athina Bekakou | <ul class="options vm-storage-selection"> |
| 157 | 5bdb4b1c | Athina Bekakou | <li><a href="" class="current preselected">DRBD</a></li> |
| 158 | 5bdb4b1c | Athina Bekakou | <li><a href="" data-next="el3">Archipelago</a></li> |
| 159 | 5bdb4b1c | Athina Bekakou | </ul>
|
| 160 | 5bdb4b1c | Athina Bekakou | </div>
|
| 161 | 5bdb4b1c | Athina Bekakou | </li>
|
| 162 | 5bdb4b1c | Athina Bekakou | </ul>
|
| 163 | 5bdb4b1c | Athina Bekakou | </div>
|
| 164 | 5bdb4b1c | Athina Bekakou | <div class="step step-2"> |
| 165 | 5bdb4b1c | Athina Bekakou | <div class="explain row"> |
| 166 | 5bdb4b1c | Athina Bekakou | <p>In order to use your volume you need to attach it to a vm.</p> |
| 167 | 5bdb4b1c | Athina Bekakou | <p>Choose a machine and after the creation of the volume it will be attached automatically to this machine.</p> |
| 168 | 5bdb4b1c | Athina Bekakou | <p>If you don't attach it now, you will be able to do that in the future.</p> |
| 169 | 5bdb4b1c | Athina Bekakou | <p>Remember, you can always move your volume from one machine to another.</p> |
| 170 | 5bdb4b1c | Athina Bekakou | </div>
|
| 171 | 5bdb4b1c | Athina Bekakou | <ul class="row"> |
| 172 | 5bdb4b1c | Athina Bekakou | <li>
|
| 173 | 5bdb4b1c | Athina Bekakou | <a href=""><span class="snf-radio-unchecked"></span></a> |
| 174 | 5bdb4b1c | Athina Bekakou | <span>Do not attach the volume to a machine now.</span> |
| 175 | 5bdb4b1c | Athina Bekakou | </li>
|
| 176 | 5bdb4b1c | Athina Bekakou | <li>
|
| 177 | 5bdb4b1c | Athina Bekakou | <a href=""><span class="snf-radio-checked"></span></a> |
| 178 | 5bdb4b1c | Athina Bekakou | <span>Attach the volume to:</span> |
| 179 | 5bdb4b1c | Athina Bekakou | <ul class="vms-list"> |
| 180 | 5bdb4b1c | Athina Bekakou | <li><a href=""><span class="snf-radio-checked"></span></a> |
| 181 | 5bdb4b1c | Athina Bekakou | <div class="img-wrap"> |
| 182 | 5bdb4b1c | Athina Bekakou | <span class="snf-PC_fill icon"></span> |
| 183 | 5bdb4b1c | Athina Bekakou | <span class="os">unknown</span> |
| 184 | 5bdb4b1c | Athina Bekakou | </div>
|
| 185 | 5bdb4b1c | Athina Bekakou | <div>Machine Name</div> |
| 186 | 5bdb4b1c | Athina Bekakou | <div>Machine ID</div> |
| 187 | 5bdb4b1c | Athina Bekakou | <div>Created: 12/12/12</div> |
| 188 | 5bdb4b1c | Athina Bekakou | <div>Other data</div> |
| 189 | 5bdb4b1c | Athina Bekakou | </li>
|
| 190 | 5bdb4b1c | Athina Bekakou | <li><a href=""><span class="snf-radio-unchecked"></span></a> |
| 191 | 5bdb4b1c | Athina Bekakou | <div class="img-wrap"> |
| 192 | 5bdb4b1c | Athina Bekakou | <span class="snf-PC_fill icon"></span> |
| 193 | 5bdb4b1c | Athina Bekakou | <span class="os">unknown</span> |
| 194 | 5bdb4b1c | Athina Bekakou | </div>
|
| 195 | 5bdb4b1c | Athina Bekakou | <div>Machine Name</div> |
| 196 | 5bdb4b1c | Athina Bekakou | <div>Machine ID</div> |
| 197 | 5bdb4b1c | Athina Bekakou | <div>Created: 12/12/12</div> |
| 198 | 5bdb4b1c | Athina Bekakou | <div>Other data</div> |
| 199 | 5bdb4b1c | Athina Bekakou | </li>
|
| 200 | 5bdb4b1c | Athina Bekakou | <li><a href=""><span class="snf-radio-unchecked"></span></a> |
| 201 | 5bdb4b1c | Athina Bekakou | <div class="img-wrap"> |
| 202 | 5bdb4b1c | Athina Bekakou | <span class="snf-PC_fill icon"></span> |
| 203 | 5bdb4b1c | Athina Bekakou | <span class="os">unknown</span> |
| 204 | 5bdb4b1c | Athina Bekakou | </div>
|
| 205 | 5bdb4b1c | Athina Bekakou | <div>Machine Name</div> |
| 206 | 5bdb4b1c | Athina Bekakou | <div>Machine ID</div> |
| 207 | 5bdb4b1c | Athina Bekakou | <div>Created: 12/12/12</div> |
| 208 | 5bdb4b1c | Athina Bekakou | <div>Other data</div> |
| 209 | 5bdb4b1c | Athina Bekakou | </li>
|
| 210 | 5bdb4b1c | Athina Bekakou | </ul>
|
| 211 | 5bdb4b1c | Athina Bekakou | </li>
|
| 212 | 5bdb4b1c | Athina Bekakou | </ul>
|
| 213 | 5bdb4b1c | Athina Bekakou | </div>
|
| 214 | 5bdb4b1c | Athina Bekakou | <div class="step step-3"> |
| 215 | 5bdb4b1c | Athina Bekakou | <ul class="row"> |
| 216 | e60fa595 | Athina Bekakou | </ul>
|
| 217 | e60fa595 | Athina Bekakou | </div>
|
| 218 | e60fa595 | Athina Bekakou | </div>
|
| 219 | e60fa595 | Athina Bekakou | </div>
|
| 220 | e60fa595 | Athina Bekakou | <div class="bottom"> |
| 221 | e60fa595 | Athina Bekakou | <div class="row"> |
| 222 | e60fa595 | Athina Bekakou | <a href="" class="nav prev"><span>CANCEL</span></a> |
| 223 | e60fa595 | Athina Bekakou | <a href="" class="nav next" data-next="el1"><span>CREATE</span></a> |
| 224 | e60fa595 | Athina Bekakou | |
| 225 | e60fa595 | Athina Bekakou | </div>
|
| 226 | e60fa595 | Athina Bekakou | </div>
|
| 227 | e60fa595 | Athina Bekakou | </div>
|
| 228 | 5bdb4b1c | Athina Bekakou | </div>
|
| 229 | e60fa595 | Athina Bekakou | <section class="actions-bar clearfix"> |
| 230 | e60fa595 | Athina Bekakou | <h2>Volumes</h2> |
| 231 | e60fa595 | Athina Bekakou | <div class="view-type"> |
| 232 | e60fa595 | Athina Bekakou | <a href="" class="list"><span class="snf-listview "></span></a> |
| 233 | e60fa595 | Athina Bekakou | <a href="" class="grid"><span class="snf-gridview current"></span></a> |
| 234 | e60fa595 | Athina Bekakou | </div>
|
| 235 | e60fa595 | Athina Bekakou | <div class="filter-menu"> |
| 236 | e60fa595 | Athina Bekakou | <a class="filter" href="">Filter</a> |
| 237 | e60fa595 | Athina Bekakou | <ul class="options"> |
| 238 | e60fa595 | Athina Bekakou | <li><a href=""> set an option</a></li> |
| 239 | e60fa595 | Athina Bekakou | <li><a href=""> set an option</a></li> |
| 240 | e60fa595 | Athina Bekakou | <li><a href=""> set an option</a></li> |
| 241 | e60fa595 | Athina Bekakou | <li><a href=""> set an option</a></li> |
| 242 | e60fa595 | Athina Bekakou | </ul>
|
| 243 | e60fa595 | Athina Bekakou | </div>
|
| 244 | e60fa595 | Athina Bekakou | <div id="hd-search" class="hd-search"> |
| 245 | e60fa595 | Athina Bekakou | <form>
|
| 246 | e60fa595 | Athina Bekakou | <span class="hd-icon-search snf-search"></span> |
| 247 | e60fa595 | Athina Bekakou | <input class="hd-search-input" placeholder="Enter your search term..." type="search" value="" name="search" id="search"> |
| 248 | e60fa595 | Athina Bekakou | </form>
|
| 249 | e60fa595 | Athina Bekakou | </div>
|
| 250 | e60fa595 | Athina Bekakou | </section>
|
| 251 | e60fa595 | Athina Bekakou | <section class="main row"> |
| 252 | 3ed3ef88 | Athina Bekakou | <div class="volumes entities grid-view"> |
| 253 | e60fa595 | Athina Bekakou | <ul class="items-list"> |
| 254 | e60fa595 | Athina Bekakou | <li data-status="add-new" class="add-new"> |
| 255 | 3ed3ef88 | Athina Bekakou | <div class="container" data-overlay-id="volume-wizard"> |
| 256 | 3ed3ef88 | Athina Bekakou | <div class="check"> |
| 257 | 3ed3ef88 | Athina Bekakou | <span class="snf-checkbox-unchecked"></span> |
| 258 | 3ed3ef88 | Athina Bekakou | </div>
|
| 259 | e60fa595 | Athina Bekakou | <div class="img-wrap"> |
| 260 | 3ed3ef88 | Athina Bekakou | <span class="snf-HDD-full icon"></span> |
| 261 | e60fa595 | Athina Bekakou | </div>
|
| 262 | e60fa595 | Athina Bekakou | <h4>New Volume</h4> |
| 263 | e60fa595 | Athina Bekakou | </div>
|
| 264 | e60fa595 | Athina Bekakou | <div class="tags"> |
| 265 | e60fa595 | Athina Bekakou | </div>
|
| 266 | e60fa595 | Athina Bekakou | <div class= "status"> |
| 267 | e60fa595 | Athina Bekakou | </div>
|
| 268 | e60fa595 | Athina Bekakou | </li>
|
| 269 | 3ed3ef88 | Athina Bekakou | <li data-status="available" class="running"> |
| 270 | e60fa595 | Athina Bekakou | <div class="more"> |
| 271 | e60fa595 | Athina Bekakou | <div class="clearfix"> |
| 272 | e60fa595 | Athina Bekakou | <div class="col lt"> |
| 273 | e60fa595 | Athina Bekakou | <ul>
|
| 274 | 3ed3ef88 | Athina Bekakou | <li><a href="">Attach to Machine</a></li> |
| 275 | 3ed3ef88 | Athina Bekakou | <li><a href="">Destroy</a></li> |
| 276 | 3ed3ef88 | Athina Bekakou | <li><a href="">Details</a></li> |
| 277 | e60fa595 | Athina Bekakou | <li><a href="">Option l</a></li> |
| 278 | e60fa595 | Athina Bekakou | <li><a href="">Option m</a></li> |
| 279 | e60fa595 | Athina Bekakou | </ul>
|
| 280 | e60fa595 | Athina Bekakou | </div>
|
| 281 | e60fa595 | Athina Bekakou | <div class="col rt"> |
| 282 | e60fa595 | Athina Bekakou | </div>
|
| 283 | e60fa595 | Athina Bekakou | </div>
|
| 284 | e60fa595 | Athina Bekakou | <div class="name">Volume Name</div> |
| 285 | e60fa595 | Athina Bekakou | </div>
|
| 286 | e60fa595 | Athina Bekakou | <div class="container"> |
| 287 | e60fa595 | Athina Bekakou | <div class="check"> |
| 288 | e60fa595 | Athina Bekakou | <span class="snf-checkbox-unchecked"></span> |
| 289 | e60fa595 | Athina Bekakou | </div>
|
| 290 | e60fa595 | Athina Bekakou | <div class="img-wrap"> |
| 291 | 3ed3ef88 | Athina Bekakou | <span class="icon snf-HDD-full"></span> |
| 292 | e60fa595 | Athina Bekakou | </div>
|
| 293 | 3ed3ef88 | Athina Bekakou | <h4>Volume Name</h4> |
| 294 | e60fa595 | Athina Bekakou | <div class="tags"> |
| 295 | e60fa595 | Athina Bekakou | </div>
|
| 296 | e60fa595 | Athina Bekakou | <div class= "status"> |
| 297 | 3ed3ef88 | Athina Bekakou | <span class="state">Connected to Machine-i (img? what data?)</span> |
| 298 | e60fa595 | Athina Bekakou | <span class="logs"></span> |
| 299 | e60fa595 | Athina Bekakou | </div>
|
| 300 | e60fa595 | Athina Bekakou | </div>
|
| 301 | e60fa595 | Athina Bekakou | </li>
|
| 302 | 3ed3ef88 | Athina Bekakou | <li data-status="active" class="off"> |
| 303 | e60fa595 | Athina Bekakou | <div class="more"> |
| 304 | e60fa595 | Athina Bekakou | <div class="clearfix"> |
| 305 | e60fa595 | Athina Bekakou | <div class="col lt"> |
| 306 | e60fa595 | Athina Bekakou | <ul>
|
| 307 | e60fa595 | Athina Bekakou | <li><a href="">Option i</a></li> |
| 308 | e60fa595 | Athina Bekakou | <li><a href="">Option j</a></li> |
| 309 | e60fa595 | Athina Bekakou | <li><a href="">Option k</a></li> |
| 310 | e60fa595 | Athina Bekakou | <li><a href="">Option l</a></li> |
| 311 | e60fa595 | Athina Bekakou | <li><a href="">Option m</a></li> |
| 312 | e60fa595 | Athina Bekakou | </ul>
|
| 313 | e60fa595 | Athina Bekakou | </div>
|
| 314 | e60fa595 | Athina Bekakou | <div class="col rt"> |
| 315 | e60fa595 | Athina Bekakou | <ul>
|
| 316 | e60fa595 | Athina Bekakou | <li><a href="">Option i</a></li> |
| 317 | e60fa595 | Athina Bekakou | <li><a href="">Option j</a></li> |
| 318 | e60fa595 | Athina Bekakou | </ul>
|
| 319 | e60fa595 | Athina Bekakou | </div>
|
| 320 | e60fa595 | Athina Bekakou | </div>
|
| 321 | e60fa595 | Athina Bekakou | <div class="name">Volume Name</div> |
| 322 | e60fa595 | Athina Bekakou | </div>
|
| 323 | e60fa595 | Athina Bekakou | <div class="container"> |
| 324 | e60fa595 | Athina Bekakou | <div class="check"> |
| 325 | e60fa595 | Athina Bekakou | <span class="snf-checkbox-unchecked"></span> |
| 326 | e60fa595 | Athina Bekakou | </div>
|
| 327 | e60fa595 | Athina Bekakou | <div class="img-wrap"> |
| 328 | 3ed3ef88 | Athina Bekakou | <span class="icon snf-HDD-full"></span> |
| 329 | e60fa595 | Athina Bekakou | </div>
|
| 330 | 3ed3ef88 | Athina Bekakou | <h4>Volume Name</h4> |
| 331 | e60fa595 | Athina Bekakou | <div class="tags"> |
| 332 | e60fa595 | Athina Bekakou | </div>
|
| 333 | e60fa595 | Athina Bekakou | <div class= "status"> |
| 334 | 3ed3ef88 | Athina Bekakou | <span class="state">Not in use -Available</span> |
| 335 | e60fa595 | Athina Bekakou | <span class="logs"></span> |
| 336 | e60fa595 | Athina Bekakou | </div>
|
| 337 | e60fa595 | Athina Bekakou | </div>
|
| 338 | e60fa595 | Athina Bekakou | </li>
|
| 339 | e60fa595 | Athina Bekakou | </ul>
|
| 340 | e60fa595 | Athina Bekakou | <div class="lt-bar"> |
| 341 | e60fa595 | Athina Bekakou | <ul>
|
| 342 | e60fa595 | Athina Bekakou | <li class="select"><span class="snf-checkbox-unchecked checkbox"></span><em>un</em>select all</li> |
| 343 | 3ed3ef88 | Athina Bekakou | <li class="running pernament"><a href="#" title="" class="active">Destroy</a></li> |
| 344 | 3ed3ef88 | Athina Bekakou | <li class="running"><a href="#" title="">Detach from Machine</a></li> |
| 345 | 3ed3ef88 | Athina Bekakou | <!-- in case we want an action always activated
|
| 346 | e60fa595 | Athina Bekakou | <li class="pernament"><a href="" class="active">Action</a></li> -->
|
| 347 | e60fa595 | Athina Bekakou | </ul>
|
| 348 | e60fa595 | Athina Bekakou | </div>
|
| 349 | e60fa595 | Athina Bekakou | <div class="welcome">It seems you have not yet created a VM! Go ahead!</div> |
| 350 | e60fa595 | Athina Bekakou | </div>
|
| 351 | e60fa595 | Athina Bekakou | </section>
|
| 352 | e60fa595 | Athina Bekakou | </div>
|
| 353 | e60fa595 | Athina Bekakou | |
| 354 | 5bdb4b1c | Athina Bekakou | <script src="javascripts/vendor/jquery.js"></script> |
| 355 | e60fa595 | Athina Bekakou | <script src="javascripts/jquery-ui-1.10.3.custom.min.js"></script> |
| 356 | 5bdb4b1c | Athina Bekakou | <script src="javascripts/underscore-min.js"></script> |
| 357 | e60fa595 | Athina Bekakou | <script src="javascripts/foundation/foundation.js"></script> |
| 358 | e60fa595 | Athina Bekakou | <script src="javascripts/foundation/foundation.alerts.js"></script> |
| 359 | e60fa595 | Athina Bekakou | |
| 360 | e60fa595 | Athina Bekakou | <script src="javascripts/foundation/foundation.clearing.js"></script> |
| 361 | e60fa595 | Athina Bekakou | |
| 362 | e60fa595 | Athina Bekakou | <script src="javascripts/foundation/foundation.cookie.js"></script> |
| 363 | e60fa595 | Athina Bekakou | |
| 364 | e60fa595 | Athina Bekakou | <script src="javascripts/foundation/foundation.dropdown.js"></script> |
| 365 | e60fa595 | Athina Bekakou | |
| 366 | e60fa595 | Athina Bekakou | <script src="javascripts/foundation/foundation.forms.js"></script> |
| 367 | e60fa595 | Athina Bekakou | |
| 368 | e60fa595 | Athina Bekakou | <script src="javascripts/foundation/foundation.joyride.js"></script> |
| 369 | e60fa595 | Athina Bekakou | |
| 370 | e60fa595 | Athina Bekakou | <script src="javascripts/foundation/foundation.magellan.js"></script> |
| 371 | e60fa595 | Athina Bekakou | |
| 372 | e60fa595 | Athina Bekakou | <script src="javascripts/foundation/foundation.orbit.js"></script> |
| 373 | e60fa595 | Athina Bekakou | |
| 374 | e60fa595 | Athina Bekakou | <script src="javascripts/foundation/foundation.placeholder.js"></script> |
| 375 | e60fa595 | Athina Bekakou | |
| 376 | e60fa595 | Athina Bekakou | <script src="javascripts/foundation/foundation.reveal.js"></script> |
| 377 | e60fa595 | Athina Bekakou | |
| 378 | e60fa595 | Athina Bekakou | <script src="javascripts/foundation/foundation.section.js"></script> |
| 379 | e60fa595 | Athina Bekakou | |
| 380 | e60fa595 | Athina Bekakou | <script src="javascripts/foundation/foundation.tooltips.js"></script> |
| 381 | e60fa595 | Athina Bekakou | <script src="javascripts/foundation/foundation.topbar.js"></script> |
| 382 | 5bdb4b1c | Athina Bekakou | <script type="text/javascript" src="javascripts/jquery.scrollTo.js"></script> |
| 383 | 5bdb4b1c | Athina Bekakou | <script type="text/javascript" src="javascripts/jquery.easing.1.3.js"></script> |
| 384 | e60fa595 | Athina Bekakou | <script type="text/javascript" src="javascripts/jquery.mousewheel.js"></script> |
| 385 | e60fa595 | Athina Bekakou | <script type="text/javascript" src="javascripts/jquery.jscrollpane.js"></script> |
| 386 | e60fa595 | Athina Bekakou | <!-- dropzone.js used for drag and drop files to upload them -->
|
| 387 | e60fa595 | Athina Bekakou | <script type="text/javascript" src="javascripts/dropzone.js"></script> |
| 388 | e60fa595 | Athina Bekakou | <script type="text/javascript" src="javascripts/jquery.magnific-popup.js"></script> |
| 389 | 5bdb4b1c | Athina Bekakou | <!-- fabrastic.js used for the color picker -->
|
| 390 | 5bdb4b1c | Athina Bekakou | <script type="text/javascript" src="javascripts/farbtastic.js"></script> |
| 391 | 5bdb4b1c | Athina Bekakou | <script type="text/javascript" src="javascripts/jquery.scrollintoview.js"></script> |
| 392 | e60fa595 | Athina Bekakou | <script src="javascripts/common.js"></script> |
| 393 | e60fa595 | Athina Bekakou | |
| 394 | 5bdb4b1c | Athina Bekakou | <script type="text/javascript" src="javascripts/wizard.js"></script> |
| 395 | 5bdb4b1c | Athina Bekakou | <script type="text/javascript" src="javascripts/sshkeys-wizard.js"></script> |
| 396 | e60fa595 | Athina Bekakou | <script>
|
| 397 | e60fa595 | Athina Bekakou | $(document).foundation();
|
| 398 | 5bdb4b1c | Athina Bekakou | $(document).ready(function() {
|
| 399 | 5bdb4b1c | Athina Bekakou | |
| 400 | 5bdb4b1c | Athina Bekakou | })
|
| 401 | e60fa595 | Athina Bekakou | </script>
|
| 402 | e60fa595 | Athina Bekakou | </body>
|
| 403 | e60fa595 | Athina Bekakou | </html> |