Statistics
| Branch: | Tag: | Revision:

root / snf-cyclades-app / synnefo / ui / new_ui / ui / network_create.html @ 4c25ff50

History | View | Annotate | Download (6.1 kB)

1

    
2
<!DOCTYPE html>
3
<!--[if IE 8]>                                  <html class="no-js lt-ie9" lang="en"> <![endif]-->
4
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
5

    
6
<head>
7
        <meta charset="utf-8" />
8
    <meta name="viewport" content="width=device-width" />
9
    <title>Synnefo | Create Network</title>
10
    <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'>
11
    <link rel="stylesheet" href="stylesheets/normalize.css" />
12
    <link rel="stylesheet" href="stylesheets/app.css" />
13
    <link rel="stylesheet" href="stylesheets/styles.css" />
14
    <link rel="stylesheet" href="stylesheets/font_custom.css" />
15
    <script src="javascripts/vendor/custom.modernizr.js"></script>
16

    
17
</head>
18
<body>
19
        <div class="dummy-navigation">
20
                <a href="" class="close">X</a>
21
                <a href="index.html">Homepage</a><br>
22
                <a href="" class="our" data-our="questions">Show/Hide questions</a><br>
23
                <a href="" class="our" data-our="suggestions">Show/Hide suggestions</a><br>
24
                <a href="" class="our" data-our="problems">Show/Hide problems</a><br>
25
        </div>
26
                <div class="row-full">
27
                <header class="header">
28
                        
29
                        <div class="logo">
30
                                <img src="images/logo_01.png" alt="software logo">
31
                        </div>
32
                        
33
                        <nav class="top-nav icons-nav">
34
                                
35
                                <ul>
36
                                        <li><a href="pithos_list.html" data-tooltip ="has-tip" title="Storage" ><img src="images/menu-icon-storage.png" alt="vm"></a></li>
37
                                        <li><a href="vm_list.html" data-tooltip ="has-tip" title="Compute"><img src="images/menu-icon-compute.png" alt="vm"></a></li>
38
                                        
39
                                        <li><a href="" data-tooltip ="has-tip" title="Disks"><img src="images/menu-icon-disks.png" alt="vm"></a></li>
40
                                        <li><a href="network_list.html" data-tooltip ="has-tip" title="Networks"><img src="images/menu-icon-networks.png" alt="vm"></a></li>
41
                                </ul>
42
                                 
43
                        </nav>
44
                        
45
                        <div class="login">
46
                                <a href="">test@grnet.gr</a>
47
                        </div>
48
                        <div class="actions clearfix">
49
                                
50
                                <div class="lt-actions">
51
                                        <div class="new-btn"><a href="network_create.html" class="current"><span>+</span> NEW NETWORK </a></div>
52
                                </div>
53
                                <div class="main-actions">
54
                                        <ul>
55
                                                <li><a href="">Reboot</a></li>
56
                                                <li><a href="">Shutdown</a></li>
57
                                                <li class="single"><a href="">Console</a></li>
58
                                                <li><a href="">Multiple action</a></li>
59
                                                <li class="single"><a href="">Single action</a></li>
60
                                        </ul>
61
                                </div>
62
                        </div>
63
                </header>
64
                
65
        </div>
66
        <div class="row-full wrapper ">
67
                <div class="overlay create-vm create-network">
68
                        <div class="lt-sidebar nav">
69
                                tba...?
70

    
71
                        </div>
72
                        <div class="main">
73
                                <a href="network_list.html" class="close close_char" title="cancel network creation"><span class="snf-font">e</span></a>
74
                                <div>
75
                                        <ul class="network_options clearfix">
76
                                                <li>
77
                                                        <form><span >Network Name:</span><input type="text" name="network_name"></form>
78
                                                </li>
79
                                                <li class="dhcp_option"><span>Assign IP addresses automatically:</span>
80
                                                        <a href="" class="check">
81
                                                                <span class="snf-font custom_checkbox checkbox-checked">b</span>
82
                                                        </a>
83
                                                        <p>
84
                                                                If you enable DHCP on the private network, connected virtual machines will automatically be assigned an IP address based on the given subnet. You may disable this option if you want to assign IP addresses to the connected virtual machines manually.
85
                                                        </p>
86
                                                </li>
87
                                                <li>
88
                                                        <span class="sub_title">Network subnet:</span>
89
                                                        <ul class="subnet_options">
90
                                                                <li>
91
                                                                        <span>Auto 
92
                                                                                <a href="" class="check">
93
                                                                                        <span class="snf-font custom_checkbox checkbox-checked">b</span>
94
                                                                                </a>
95
                                                                        </span>
96
                                                                </li>
97
                                                                <li class="manual">
98
                                                                        <form>
99
                                                                                <span>Manual
100
                                                                                        <a href="" class="check manual">
101
                                                                                                <span class="snf-font custom_checkbox">a</span>
102
                                                                                        </a>
103
                                                                                        <input class="manual_sub hidden" type="text" name="network_name">
104
                                                                                </span>
105
                                                                        </form>
106
                                                                </li>
107
                                                                <li>
108
                                                                        <span>10.0.0.0/24 
109
                                                                                <a href="" class="check">
110
                                                                                        <span class="snf-font custom_checkbox">a</span>
111
                                                                                </a>
112
                                                                        </span>
113
                                                                </li>
114
                                                                <li>
115
                                                                        <span>192.168.0.0/24 
116
                                                                                <a href="" class="check">
117
                                                                                        <span class="snf-font custom_checkbox">a</span>
118
                                                                                </a>
119
                                                                        </span>
120
                                                                </li>
121
                                                        </ul>
122
                                                </li>        
123
                                        </ul>
124
                                </div>
125
                                <div class="navigation clearfix">
126
                                        
127
                                        <a class="rt btn2" href="network_list.html" title="Create your private network">Create Network</a>
128
                                </div>
129
                        </div>
130
                </div>
131
                
132
        </div>
133
 
134
  <script src="javascripts/vendor/jquery.js"></script>
135
  <script src="javascripts/jquery-ui-1.10.3.custom.min.js"></script>
136
  <script src="javascripts/foundation/foundation.js"></script>
137
        
138
        <script src="javascripts/foundation/foundation.alerts.js"></script>
139
        
140
        <script src="javascripts/foundation/foundation.clearing.js"></script>
141
        
142
        <script src="javascripts/foundation/foundation.cookie.js"></script>
143
        
144
        <script src="javascripts/foundation/foundation.dropdown.js"></script>
145
        
146
        <script src="javascripts/foundation/foundation.forms.js"></script>
147
        
148
        <script src="javascripts/foundation/foundation.joyride.js"></script>
149
        
150
        <script src="javascripts/foundation/foundation.magellan.js"></script>
151
        
152
        <script src="javascripts/foundation/foundation.orbit.js"></script>
153
        
154
        <script src="javascripts/foundation/foundation.placeholder.js"></script>
155
        
156
        <script src="javascripts/foundation/foundation.reveal.js"></script>
157
        
158
        <script src="javascripts/foundation/foundation.section.js"></script>
159
        
160
        <script src="javascripts/foundation/foundation.tooltips.js"></script>
161
        
162
        <script src="javascripts/foundation/foundation.topbar.js"></script>
163
        
164
        <script type="text/javascript" src="javascripts/jquery.mousewheel.js"></script>
165
        <script type="text/javascript" src="javascripts/jquery.jscrollpane.js"></script>
166
        <script type="text/javascript" src="javascripts/jquery.magnific-popup.js"></script>
167
        <script type="text/javascript" src="javascripts/dropzone.js"></script>
168
        
169
        <script src="javascripts/common.js"></script>
170
        <script src="javascripts/glafkopis.js"></script>
171
        
172
  
173
  <script>
174
    $(document).foundation();
175
  </script>
176
</body>
177
</html>