Statistics
| Branch: | Tag: | Revision:

root / snf-cyclades-app / synnefo / ui / new_ui / ui / network_details.html @ 25a02c79

History | View | Annotate | Download (5.8 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 061cefb7 Athina Bekakou
                <header class="header">
21 15948f00 Olga Brani
                <nav>
22 15948f00 Olga Brani
                        <ul class="icons-nav">
23 15948f00 Olga Brani
                                <li><a href="vm_list.html" data-tooltip ="has-tip" title="Machines"><span class="snf-PC"></span></a></li>
24 6907afd3 Athina Bekakou
                                <li><a href="network_list.html" data-tooltip ="has-tip " title="Networks"><span class="snf-network_full"></span></a></li>
25 15948f00 Olga Brani
                                <li><a href="" data-tooltip ="has-tip" title="Disks"><span class="snf-HDD"></span></a></li>
26 061cefb7 Athina Bekakou
                                <li><a href="pithos_list.html" data-tooltip ="has-tip" title="Storage" ><span class="snf-Pithos"></span></a></li>
27 15948f00 Olga Brani
                        </ul>
28 15948f00 Olga Brani
                </nav>
29 061cefb7 Athina Bekakou
                <div class="login">
30 061cefb7 Athina Bekakou
                        <a href=""><span class="snf-lock_open"></span></a>
31 061cefb7 Athina Bekakou
                </div>
32 15948f00 Olga Brani
                <div class="logo">
33 15948f00 Olga Brani
                        <a href="index.html"><img src="images/logo_01.png" alt="software logo"></a>
34 15948f00 Olga Brani
                </div>
35 15948f00 Olga Brani
        </header>
36 15948f00 Olga Brani
        <div class="overlay-wrapper">
37 0a9e1a04 Olga Brani
                <section class="actions-bar clearfix">
38 0a9e1a04 Olga Brani
                        <div class="row">
39 0a9e1a04 Olga Brani
                                <div class="new-btn"><a href="network_create.html"><span>+</span> NEW NETWORK </a></div>
40 0a9e1a04 Olga Brani
                                <div class="main-actions">
41 0a9e1a04 Olga Brani
                                </div>
42 0a9e1a04 Olga Brani
                        </div>
43 fed367f0 Athina Bekakou
                        <div class="border-dashed"></div>
44 0a9e1a04 Olga Brani
                </section>
45 9fad921d Athina B
                <div class="lt-sidebar networks scroll-pane">
46 e095c480 Athina B
47 e095c480 Athina B
                        <ul class="items-list">
48 e095c480 Athina B
                                <li>
49 9fad921d Athina B
                                        <div class="img">
50 9fad921d Athina B
                                                <span>Network</span>
51 e095c480 Athina B
                                        </div>
52 e095c480 Athina B
                                        <p class="visible-info">
53 e095c480 Athina B
                                                <span>IPv4 83.212.97.127</span>
54 9fad921d Athina B
                                                <span>Network name</span>
55 e095c480 Athina B
                                        </p>
56 e095c480 Athina B
                                </li>
57 e095c480 Athina B
                                <li>
58 9fad921d Athina B
                                        <div class="img">
59 9fad921d Athina B
                                                <span>Network</span>
60 e095c480 Athina B
                                        </div>
61 e095c480 Athina B
                                        <p class="visible-info">
62 e095c480 Athina B
                                                <span>IPv4 83.212.97.127</span>
63 9fad921d Athina B
                                                <span>Network name</span>
64 e095c480 Athina B
                                        </p>
65 e095c480 Athina B
                                </li>
66 ce385b85 Olga Brani
                                <li class="current">
67 9fad921d Athina B
                                        <div class="img">
68 9fad921d Athina B
                                                <span>Network</span>
69 e095c480 Athina B
                                        </div>
70 e095c480 Athina B
                                        <p class="visible-info">
71 e095c480 Athina B
                                                <span>IPv4 83.212.97.127</span>
72 9fad921d Athina B
                                                <span>Network name</span>
73 e095c480 Athina B
                                        </p>
74 e095c480 Athina B
                                </li>
75 9fad921d Athina B
                                
76 e095c480 Athina B
                        </ul>
77 e095c480 Athina B
                </div>
78 9fad921d Athina B
                <div class="main details network">
79 3fe0830a Athina Bekakou
                        <a href="network_list.html" class="close" title="back to network list"><span class="snf-font">c</span></a>
80 e095c480 Athina B
                        <div class="top border-bottom-style1">
81 9fad921d Athina B
                                <div class="img">
82 f46d245b Athina Bekakou
                                        <span>Network</span>                                        
83 e095c480 Athina B
                                </div>
84 e095c480 Athina B
                                <div class="actions">
85 e095c480 Athina B
                                        <ul>
86 ce385b85 Olga Brani
                                                <li><a href="#" data-reveal-id="network-add-vms">+ machine</a></li>
87 e095c480 Athina B
                                                <li><a href="">destroy</a></li>
88 e095c480 Athina B
                                        </ul>
89 e095c480 Athina B
                                </div>
90 e095c480 Athina B
                        </div>
91 e095c480 Athina B
                        <section class="border-bottom-style1 info">
92 e095c480 Athina B
                                <dl>
93 f46d245b Athina Bekakou
                                        <dt>Name</dt><dd>My Crazy Network</dd>
94 f46d245b Athina Bekakou
                                        <dt>Status</dt><dd>running</dd>
95 f46d245b Athina Bekakou
                                        <dt>Machines</dt><dd >2 x Machines</dd>
96 f46d245b Athina Bekakou
                                        <dt>IPv6</dt><dd>2001:648:2ffc:1222:a800:ff:fe3f:98fe </dd>
97 e095c480 Athina B
                                </dl>
98 e095c480 Athina B
                        </section>
99 e095c480 Athina B
                        <section class="wrap info">
100 f46d245b Athina Bekakou
                                <div class="section_header">
101 f46d245b Athina Bekakou
                                        machines
102 f46d245b Athina Bekakou
                                </div>
103 f46d245b Athina Bekakou
                                <div class="right_side">
104 f46d245b Athina Bekakou
                                        <div class="middle_side">
105 e095c480 Athina B
                                                <div class="set">
106 4c25ff50 Olga Brani
                                                        <p>
107 4c25ff50 Olga Brani
                                                                <span class="info_simple">My Windows Server 2012</span>
108 4c25ff50 Olga Brani
                                                                <span class="action_links">
109 4c25ff50 Olga Brani
                                                                        <a href="">remove</a>
110 4c25ff50 Olga Brani
                                                                </span>
111 4c25ff50 Olga Brani
                                                        </p>
112 4c25ff50 Olga Brani
                                                        <p>IPv6: 2001:648:2ffc:1222:a800:ff:fe3f:98fe </p>
113 e095c480 Athina B
                                                </div>
114 e095c480 Athina B
                                                <div class="set">
115 4c25ff50 Olga Brani
                                                        <p>
116 4c25ff50 Olga Brani
                                                                <span class="info_simple">My Windows Server 2012</span>
117 4c25ff50 Olga Brani
                                                                <span class="action_links">
118 4c25ff50 Olga Brani
                                                                        <a href="">remove</a>
119 4c25ff50 Olga Brani
                                                                </span>
120 4c25ff50 Olga Brani
                                                        </p>
121 4c25ff50 Olga Brani
                                                        <p>IPv6: 2001:648:2ffc:1222:a800:ff:fe3f:98fe </p>
122 e095c480 Athina B
                                                </div>
123 f46d245b Athina Bekakou
                                        </div>
124 4c25ff50 Olga Brani
                                        <div class="btn-img">
125 4c25ff50 Olga Brani
                                                <a href="">
126 4c25ff50 Olga Brani
                                                        add machine
127 4c25ff50 Olga Brani
                                                        <img src="images/menu-icon-compute.png" alt="Disk Image">
128 4c25ff50 Olga Brani
                                                </a>
129 4c25ff50 Olga Brani
                                        </div>
130 f46d245b Athina Bekakou
                                </div>
131 e095c480 Athina B
                        </section>
132 e095c480 Athina B
                </div>
133 e095c480 Athina B
        </div>
134 4c25ff50 Olga Brani
         <div id="network-add-vms" class="reveal-modal medium">
135 ce385b85 Olga Brani
                  <p>A widget to add vms</p>
136 ce385b85 Olga Brani
                  <a class="close-reveal-modal" title="close window">&#215;</a>
137 ce385b85 Olga Brani
        </div>
138 e095c480 Athina B
 
139 e095c480 Athina B
  <script src="javascripts/vendor/jquery.js"></script>
140 e095c480 Athina B
  <script src="javascripts/foundation/foundation.js"></script>
141 e095c480 Athina B
        
142 e095c480 Athina B
        <script src="javascripts/foundation/foundation.alerts.js"></script>
143 e095c480 Athina B
        
144 e095c480 Athina B
        <script src="javascripts/foundation/foundation.clearing.js"></script>
145 e095c480 Athina B
        
146 e095c480 Athina B
        <script src="javascripts/foundation/foundation.cookie.js"></script>
147 e095c480 Athina B
        
148 e095c480 Athina B
        <script src="javascripts/foundation/foundation.dropdown.js"></script>
149 e095c480 Athina B
        
150 e095c480 Athina B
        <script src="javascripts/foundation/foundation.forms.js"></script>
151 e095c480 Athina B
        
152 e095c480 Athina B
        <script src="javascripts/foundation/foundation.joyride.js"></script>
153 e095c480 Athina B
        
154 e095c480 Athina B
        <script src="javascripts/foundation/foundation.magellan.js"></script>
155 e095c480 Athina B
        
156 e095c480 Athina B
        <script src="javascripts/foundation/foundation.orbit.js"></script>
157 e095c480 Athina B
        
158 e095c480 Athina B
        <script src="javascripts/foundation/foundation.placeholder.js"></script>
159 e095c480 Athina B
        
160 e095c480 Athina B
        <script src="javascripts/foundation/foundation.reveal.js"></script>
161 e095c480 Athina B
        
162 e095c480 Athina B
        <script src="javascripts/foundation/foundation.section.js"></script>
163 e095c480 Athina B
        
164 e095c480 Athina B
        <script src="javascripts/foundation/foundation.tooltips.js"></script>
165 e095c480 Athina B
        
166 e095c480 Athina B
        <script src="javascripts/foundation/foundation.topbar.js"></script>
167 788833c7 Olga Brani
        <script type="text/javascript" src="javascripts/jquery.mousewheel.js"></script>
168 788833c7 Olga Brani
        <script type="text/javascript" src="javascripts/jquery.jscrollpane.js"></script>
169 8db75456 Athina Bekakou
        <script type="text/javascript" src="javascripts/jquery.magnific-popup.js"></script>
170 65814c28 Olga Brani
        <script type="text/javascript" src="javascripts/dropzone.js"></script>
171 788833c7 Olga Brani
        
172 e095c480 Athina B
        <script src="javascripts/common.js"></script>
173 e095c480 Athina B
        
174 e095c480 Athina B
  
175 e095c480 Athina B
  <script>
176 e095c480 Athina B
    $(document).foundation();
177 e095c480 Athina B
  </script>
178 e095c480 Athina B
</body>
179 e095c480 Athina B
</html>