Statistics
| Branch: | Tag: | Revision:

root / snf-cyclades-app / synnefo / ui / new_ui / ui / network_details.html @ 989de44a

History | View | Annotate | Download (6.2 kB)

1 e095c480 Athina B
2 e095c480 Athina B
<!DOCTYPE html>
3 c9d873e8 Olga Brani
  <!--[if lte IE 7]><script src="javascripts/lte-ie7.js"></script><![endif]-->
4 e095c480 Athina B
<!--[if IE 8]>                                  <html class="no-js lt-ie9" lang="en"> <![endif]-->
5 e095c480 Athina B
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
6 e095c480 Athina B
7 e095c480 Athina B
<head>
8 e095c480 Athina B
        <meta charset="utf-8" />
9 e095c480 Athina B
    <meta name="viewport" content="width=device-width" />
10 4c25ff50 Olga Brani
    <title>Synnefo | Νetwork details</title>
11 e095c480 Athina B
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&amp;subset=latin,greek-ext,greek' rel='stylesheet' type='text/css'>
12 e095c480 Athina B
    <link rel="stylesheet" href="stylesheets/normalize.css" />
13 e095c480 Athina B
    <link rel="stylesheet" href="stylesheets/app.css" />
14 9fad921d Athina B
    <link rel="stylesheet" href="stylesheets/font_custom.css" />
15 ce385b85 Olga Brani
    <link rel="stylesheet" href="stylesheets/jquery.jscrollpane.css" media="all" />
16 c9d873e8 Olga Brani
    <link rel="stylesheet" href="stylesheets/magnific-popup.css" />
17 e095c480 Athina B
    <script src="javascripts/vendor/custom.modernizr.js"></script>
18 e095c480 Athina B
</head>
19 e095c480 Athina B
<body>
20 15948f00 Olga Brani
        <header class="header">
21 15948f00 Olga Brani
                <nav>
22 15948f00 Olga Brani
                        <ul class="icons-nav">
23 15948f00 Olga Brani
                                <li><a href="pithos_list.html" data-tooltip ="has-tip" title="Storage" ><span class="snf-Pithos"></span></a></li>
24 15948f00 Olga Brani
                                <li><a href="vm_list.html" data-tooltip ="has-tip" title="Machines"><span class="snf-PC"></span></a></li>
25 15948f00 Olga Brani
                                <li><a href="" data-tooltip ="has-tip" title="Disks"><span class="snf-HDD"></span></a></li>
26 15948f00 Olga Brani
                                <li><a href="network_list.html" data-tooltip ="has-tip " title="Networks"><span class="snf-network"></span></a></li>
27 15948f00 Olga Brani
                                <li><a href="" data-tooltip ="has-tip" title="Dashboard"><span class="snf-DASHboard"></span></a></li>
28 15948f00 Olga Brani
                        </ul>
29 15948f00 Olga Brani
                </nav>
30 15948f00 Olga Brani
                <div class="logo">
31 15948f00 Olga Brani
                        <a href="index.html"><img src="images/logo_01.png" alt="software logo"></a>
32 15948f00 Olga Brani
                </div>
33 15948f00 Olga Brani
                <div class="login">
34 15948f00 Olga Brani
                        <a href="">test@grnet.gr</a>
35 15948f00 Olga Brani
                </div>
36 15948f00 Olga Brani
        </header>
37 15948f00 Olga Brani
        <div class="overlay-wrapper">
38 0a9e1a04 Olga Brani
                <section class="actions-bar clearfix">
39 0a9e1a04 Olga Brani
                        <div class="row">
40 0a9e1a04 Olga Brani
                                <div class="new-btn"><a href="network_create.html"><span>+</span> NEW NETWORK </a></div>
41 0a9e1a04 Olga Brani
                                <div class="main-actions">
42 0a9e1a04 Olga Brani
                                        <ul>
43 0a9e1a04 Olga Brani
                                                <li class="running" ><a href="">Reboot</a></li>
44 0a9e1a04 Olga Brani
                                                <li class="running"><a href="">Shutdown</a></li>
45 0a9e1a04 Olga Brani
                                                <li class="both"><a href="">Destroy</a></li>
46 0a9e1a04 Olga Brani
                                                <li class="stopped"><a href="">Start</a></li>
47 0a9e1a04 Olga Brani
                                                 <!-- in case we want an action always activated
48 0a9e1a04 Olga Brani
                                                <li class="pernament"><a href="" class="active">Action</a></li> -->
49 0a9e1a04 Olga Brani
                                        </ul>
50 0a9e1a04 Olga Brani
                                </div>
51 0a9e1a04 Olga Brani
                        </div>
52 0a9e1a04 Olga Brani
                </section>
53 9fad921d Athina B
                <div class="lt-sidebar networks scroll-pane">
54 e095c480 Athina B
55 e095c480 Athina B
                        <ul class="items-list">
56 e095c480 Athina B
                                <li>
57 9fad921d Athina B
                                        <div class="img">
58 9fad921d Athina B
                                                <span>Network</span>
59 e095c480 Athina B
                                        </div>
60 e095c480 Athina B
                                        <p class="visible-info">
61 e095c480 Athina B
                                                <span>IPv4 83.212.97.127</span>
62 9fad921d Athina B
                                                <span>Network name</span>
63 e095c480 Athina B
                                        </p>
64 e095c480 Athina B
                                </li>
65 e095c480 Athina B
                                <li>
66 9fad921d Athina B
                                        <div class="img">
67 9fad921d Athina B
                                                <span>Network</span>
68 e095c480 Athina B
                                        </div>
69 e095c480 Athina B
                                        <p class="visible-info">
70 e095c480 Athina B
                                                <span>IPv4 83.212.97.127</span>
71 9fad921d Athina B
                                                <span>Network name</span>
72 e095c480 Athina B
                                        </p>
73 e095c480 Athina B
                                </li>
74 ce385b85 Olga Brani
                                <li class="current">
75 9fad921d Athina B
                                        <div class="img">
76 9fad921d Athina B
                                                <span>Network</span>
77 e095c480 Athina B
                                        </div>
78 e095c480 Athina B
                                        <p class="visible-info">
79 e095c480 Athina B
                                                <span>IPv4 83.212.97.127</span>
80 9fad921d Athina B
                                                <span>Network name</span>
81 e095c480 Athina B
                                        </p>
82 e095c480 Athina B
                                </li>
83 9fad921d Athina B
                                
84 e095c480 Athina B
                        </ul>
85 e095c480 Athina B
                </div>
86 9fad921d Athina B
                <div class="main details network">
87 3fe0830a Athina Bekakou
                        <a href="network_list.html" class="close" title="back to network list"><span class="snf-font">c</span></a>
88 e095c480 Athina B
                        <div class="top border-bottom-style1">
89 9fad921d Athina B
                                <div class="img">
90 f46d245b Athina Bekakou
                                        <span>Network</span>                                        
91 e095c480 Athina B
                                </div>
92 e095c480 Athina B
                                <div class="actions">
93 e095c480 Athina B
                                        <ul>
94 ce385b85 Olga Brani
                                                <li><a href="#" data-reveal-id="network-add-vms">+ machine</a></li>
95 e095c480 Athina B
                                                <li><a href="">destroy</a></li>
96 e095c480 Athina B
                                        </ul>
97 e095c480 Athina B
                                </div>
98 e095c480 Athina B
                        </div>
99 e095c480 Athina B
                        <section class="border-bottom-style1 info">
100 e095c480 Athina B
                                <dl>
101 f46d245b Athina Bekakou
                                        <dt>Name</dt><dd>My Crazy Network</dd>
102 f46d245b Athina Bekakou
                                        <dt>Status</dt><dd>running</dd>
103 f46d245b Athina Bekakou
                                        <dt>Machines</dt><dd >2 x Machines</dd>
104 f46d245b Athina Bekakou
                                        <dt>IPv6</dt><dd>2001:648:2ffc:1222:a800:ff:fe3f:98fe </dd>
105 e095c480 Athina B
                                </dl>
106 e095c480 Athina B
                        </section>
107 e095c480 Athina B
                        <section class="wrap info">
108 f46d245b Athina Bekakou
                                <div class="section_header">
109 f46d245b Athina Bekakou
                                        machines
110 f46d245b Athina Bekakou
                                </div>
111 f46d245b Athina Bekakou
                                <div class="right_side">
112 f46d245b Athina Bekakou
                                        <div class="middle_side">
113 e095c480 Athina B
                                                <div class="set">
114 4c25ff50 Olga Brani
                                                        <p>
115 4c25ff50 Olga Brani
                                                                <span class="info_simple">My Windows Server 2012</span>
116 4c25ff50 Olga Brani
                                                                <span class="action_links">
117 4c25ff50 Olga Brani
                                                                        <a href="">remove</a>
118 4c25ff50 Olga Brani
                                                                </span>
119 4c25ff50 Olga Brani
                                                        </p>
120 4c25ff50 Olga Brani
                                                        <p>IPv6: 2001:648:2ffc:1222:a800:ff:fe3f:98fe </p>
121 e095c480 Athina B
                                                </div>
122 e095c480 Athina B
                                                <div class="set">
123 4c25ff50 Olga Brani
                                                        <p>
124 4c25ff50 Olga Brani
                                                                <span class="info_simple">My Windows Server 2012</span>
125 4c25ff50 Olga Brani
                                                                <span class="action_links">
126 4c25ff50 Olga Brani
                                                                        <a href="">remove</a>
127 4c25ff50 Olga Brani
                                                                </span>
128 4c25ff50 Olga Brani
                                                        </p>
129 4c25ff50 Olga Brani
                                                        <p>IPv6: 2001:648:2ffc:1222:a800:ff:fe3f:98fe </p>
130 e095c480 Athina B
                                                </div>
131 f46d245b Athina Bekakou
                                        </div>
132 4c25ff50 Olga Brani
                                        <div class="btn-img">
133 4c25ff50 Olga Brani
                                                <a href="">
134 4c25ff50 Olga Brani
                                                        add machine
135 4c25ff50 Olga Brani
                                                        <img src="images/menu-icon-compute.png" alt="Disk Image">
136 4c25ff50 Olga Brani
                                                </a>
137 4c25ff50 Olga Brani
                                        </div>
138 f46d245b Athina Bekakou
                                </div>
139 e095c480 Athina B
                        </section>
140 e095c480 Athina B
                </div>
141 e095c480 Athina B
        </div>
142 4c25ff50 Olga Brani
         <div id="network-add-vms" class="reveal-modal medium">
143 ce385b85 Olga Brani
                  <p>A widget to add vms</p>
144 ce385b85 Olga Brani
                  <a class="close-reveal-modal" title="close window">&#215;</a>
145 ce385b85 Olga Brani
        </div>
146 e095c480 Athina B
 
147 e095c480 Athina B
  <script src="javascripts/vendor/jquery.js"></script>
148 e095c480 Athina B
  <script src="javascripts/foundation/foundation.js"></script>
149 e095c480 Athina B
        
150 e095c480 Athina B
        <script src="javascripts/foundation/foundation.alerts.js"></script>
151 e095c480 Athina B
        
152 e095c480 Athina B
        <script src="javascripts/foundation/foundation.clearing.js"></script>
153 e095c480 Athina B
        
154 e095c480 Athina B
        <script src="javascripts/foundation/foundation.cookie.js"></script>
155 e095c480 Athina B
        
156 e095c480 Athina B
        <script src="javascripts/foundation/foundation.dropdown.js"></script>
157 e095c480 Athina B
        
158 e095c480 Athina B
        <script src="javascripts/foundation/foundation.forms.js"></script>
159 e095c480 Athina B
        
160 e095c480 Athina B
        <script src="javascripts/foundation/foundation.joyride.js"></script>
161 e095c480 Athina B
        
162 e095c480 Athina B
        <script src="javascripts/foundation/foundation.magellan.js"></script>
163 e095c480 Athina B
        
164 e095c480 Athina B
        <script src="javascripts/foundation/foundation.orbit.js"></script>
165 e095c480 Athina B
        
166 e095c480 Athina B
        <script src="javascripts/foundation/foundation.placeholder.js"></script>
167 e095c480 Athina B
        
168 e095c480 Athina B
        <script src="javascripts/foundation/foundation.reveal.js"></script>
169 e095c480 Athina B
        
170 e095c480 Athina B
        <script src="javascripts/foundation/foundation.section.js"></script>
171 e095c480 Athina B
        
172 e095c480 Athina B
        <script src="javascripts/foundation/foundation.tooltips.js"></script>
173 e095c480 Athina B
        
174 e095c480 Athina B
        <script src="javascripts/foundation/foundation.topbar.js"></script>
175 788833c7 Olga Brani
        <script type="text/javascript" src="javascripts/jquery.mousewheel.js"></script>
176 788833c7 Olga Brani
        <script type="text/javascript" src="javascripts/jquery.jscrollpane.js"></script>
177 8db75456 Athina Bekakou
        <script type="text/javascript" src="javascripts/jquery.magnific-popup.js"></script>
178 65814c28 Olga Brani
        <script type="text/javascript" src="javascripts/dropzone.js"></script>
179 788833c7 Olga Brani
        
180 e095c480 Athina B
        <script src="javascripts/common.js"></script>
181 e095c480 Athina B
        
182 e095c480 Athina B
  
183 e095c480 Athina B
  <script>
184 e095c480 Athina B
    $(document).foundation();
185 e095c480 Athina B
  </script>
186 e095c480 Athina B
</body>
187 e095c480 Athina B
</html>