Statistics
| Branch: | Tag: | Revision:

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

History | View | Annotate | Download (5.3 kB)

1

    
2
<!DOCTYPE html>
3
  <!--[if lte IE 7]><script src="javascripts/lte-ie7.js"></script><![endif]-->
4
<!--[if IE 8]>                                  <html class="no-js lt-ie9" lang="en"> <![endif]-->
5
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
6

    
7
<head>
8
        <meta charset="utf-8" />
9
    <meta name="viewport" content="width=device-width" />
10
    <title>Synnefo | Create Network</title>
11
    <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
    <link rel="stylesheet" href="stylesheets/normalize.css" />
13
    <link rel="stylesheet" href="stylesheets/app.css" />
14
    <link rel="stylesheet" href="stylesheets/font_custom.css" />
15
    <link rel="stylesheet" href="stylesheets/jquery.jscrollpane.css" media="all" />
16
    <script src="javascripts/vendor/custom.modernizr.js"></script>
17
</head>
18
<body>
19
        <header class="header">
20
                <nav>
21
                        <ul class="icons-nav">
22
                                <li><a href="pithos_list.html" data-tooltip ="has-tip" title="Storage" ><span class="snf-Pithos"></span></a></li>
23
                                <li><a href="vm_list.html" data-tooltip ="has-tip" title="Machines"><span class="snf-PC"></span></a></li>
24
                                <li><a href="" data-tooltip ="has-tip" title="Disks"><span class="snf-HDD"></span></a></li>
25
                                <li><a href="network_list.html" data-tooltip ="has-tip " title="Networks"><span class="snf-network"></span></a></li>
26
                                <li><a href="" data-tooltip ="has-tip" title="Dashboard"><span class="snf-DASHboard"></span></a></li>
27
                        </ul>
28
                </nav>
29
                <div class="logo">
30
                        <a href="index.html"><img src="images/logo_01.png" alt="software logo"></a>
31
                </div>
32
                <div class="login">
33
                        <a href="">test@grnet.gr</a>
34
                </div>
35
        </header>
36
        <div class="overlay-wrapper">
37
                <div class="overlay create-vm create-network">
38
                        <div class="lt-sidebar nav">
39
                                tba...?
40
                        </div>
41
                        <div class="main">
42
                                <a href="network_list.html" class="close close_char" title="cancel network creation"><span class="snf-cancel-circled-outline"></span></a>
43
                                <div>
44
                                        <ul class="network_options clearfix">
45
                                                <li>
46
                                                        <form><span >Network Name:</span><input type="text" name="network_name"></form>
47
                                                </li>
48
                                                <li class="dhcp_option"><span>Assign IP addresses automatically:</span>
49
                                                        <a href="" class="check">
50
                                                                <span class="snf-checkbox-checked"></span>
51
                                                        </a>
52
                                                        <p>
53
                                                                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.
54
                                                        </p>
55
                                                </li>
56
                                                <li>
57
                                                        <span class="sub_title">Network subnet:</span>
58
                                                        <ul class="subnet_options">
59
                                                                <li>
60
                                                                        <span>Auto 
61
                                                                                <a href="" class="check">
62
                                                                                        <span class="snf-checkbox-checked"></span>
63
                                                                                </a>
64
                                                                        </span>
65
                                                                </li>
66
                                                                <li class="manual">
67
                                                                        <form>
68
                                                                                <span>Manual
69
                                                                                        <a href="" class="check manual">
70
                                                                                                <span class="snf-checkbox-unchecked"></span>
71
                                                                                        </a>
72
                                                                                        <input class="manual_sub hidden" type="text" name="network_name">
73
                                                                                </span>
74
                                                                        </form>
75
                                                                </li>
76
                                                                <li>
77
                                                                        <span>10.0.0.0/24 
78
                                                                                <a href="" class="check">
79
                                                                                        <span class="snf-checkbox-unchecked"></span>
80
                                                                                </a>
81
                                                                        </span>
82
                                                                </li>
83
                                                                <li>
84
                                                                        <span>192.168.0.0/24 
85
                                                                                <a href="" class="check">
86
                                                                                        <span class="snf-checkbox-unchecked"></span>
87
                                                                                </a>
88
                                                                        </span>
89
                                                                </li>
90
                                                        </ul>
91
                                                </li>        
92
                                        </ul>
93
                                </div>
94
                                <div class="navigation clearfix">
95
                                        <a class="rt btn2" href="network_list.html" title="Create your private network">Create Network</a>
96
                                </div>
97
                        </div>
98
                </div>
99
        </div>
100
 
101
  <script src="javascripts/vendor/jquery.js"></script>
102
  <script src="javascripts/jquery-ui-1.10.3.custom.min.js"></script>
103
  <script src="javascripts/foundation/foundation.js"></script>
104
        
105
        <script src="javascripts/foundation/foundation.alerts.js"></script>
106
        
107
        <script src="javascripts/foundation/foundation.clearing.js"></script>
108
        
109
        <script src="javascripts/foundation/foundation.cookie.js"></script>
110
        
111
        <script src="javascripts/foundation/foundation.dropdown.js"></script>
112
        
113
        <script src="javascripts/foundation/foundation.forms.js"></script>
114
        
115
        <script src="javascripts/foundation/foundation.joyride.js"></script>
116
        
117
        <script src="javascripts/foundation/foundation.magellan.js"></script>
118
        
119
        <script src="javascripts/foundation/foundation.orbit.js"></script>
120
        
121
        <script src="javascripts/foundation/foundation.placeholder.js"></script>
122
        
123
        <script src="javascripts/foundation/foundation.reveal.js"></script>
124
        
125
        <script src="javascripts/foundation/foundation.section.js"></script>
126
        
127
        <script src="javascripts/foundation/foundation.tooltips.js"></script>
128
        
129
        <script src="javascripts/foundation/foundation.topbar.js"></script>
130
        
131
        <script type="text/javascript" src="javascripts/jquery.mousewheel.js"></script>
132
        <script type="text/javascript" src="javascripts/jquery.jscrollpane.js"></script>
133
        <script type="text/javascript" src="javascripts/jquery.magnific-popup.js"></script>
134
        <script type="text/javascript" src="javascripts/dropzone.js"></script>
135
        
136
        <script src="javascripts/common.js"></script>
137
        
138
        
139
  
140
  <script>
141
    $(document).foundation();
142
  </script>
143
</body>
144
</html>