Statistics
| Branch: | Tag: | Revision:

root / snf-cyclades-app / synnefo / ui / new_ui / ui / network_create.html @ 65814c28

History | View | Annotate | Download (6.3 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
                                                        <ul class="subnet_options">
89
                                                        <span class="sub_title">Network subnet:</span>
90
                                                                <li><span>Auto 
91
                                                                        <a href="" class="check">
92
                                                                                <span class="snf-font custom_checkbox checkbox-checked">b
93
                                                                                </span>
94
                                                                        </a>
95
                                                                </span></li>
96
                                                        <li class="manual"><form><span>Manual <a href="" class="check manual"><span class="snf-font custom_checkbox">a</span></a><input class="manual_sub hidden" type="text" name="network_name"></span></form>
97
                                                        </li>
98
                                                        <li><span>10.0.0.0/24 <a href="" class="check"><span class="snf-font custom_checkbox">a</span></a></span>
99
                                                        </li>
100
                                                        <li><span>192.168.0.0/24 <a href="" class="check"><span class="snf-font custom_checkbox">a</span></a></span>
101
                                                        </li>
102
                                                        </ul>        
103
                                        </ul>
104
                                </div>
105
                                <div class="navigation clearfix">
106
                                        
107
                                        <a class="rt btn2" href="network_list.html" title="Create your private network">Create Network</a>
108
                                </div>
109
                        </div>
110
                </div>
111
                
112
        </div>
113
        <div class="extras">
114
                <span data-tooltip ="has-tip  suggestions" title="Μήπως να είναι λίγο πιο έντονα τα χρώματα; Μοιάζουν απενεργοποιημένα..." style="top:0;left:200px">:)</span>
115
                <span data-tooltip ="has-tip  questions" title="Πόσο θα είναι το μέγιστο πλάτος της κύριας περιοχής" style="top:240px;left:20px">?</span>
116
                <span data-tooltip ="has-tip  problems" title="Πώς θα έχουμε δράσεις όπως filters κτλ" style="top:140px;left:250px">!!</span>
117
        </div>
118
 
119
  <script src="javascripts/vendor/jquery.js"></script>
120
  <script src="javascripts/foundation/foundation.js"></script>
121
        
122
        <script src="javascripts/foundation/foundation.alerts.js"></script>
123
        
124
        <script src="javascripts/foundation/foundation.clearing.js"></script>
125
        
126
        <script src="javascripts/foundation/foundation.cookie.js"></script>
127
        
128
        <script src="javascripts/foundation/foundation.dropdown.js"></script>
129
        
130
        <script src="javascripts/foundation/foundation.forms.js"></script>
131
        
132
        <script src="javascripts/foundation/foundation.joyride.js"></script>
133
        
134
        <script src="javascripts/foundation/foundation.magellan.js"></script>
135
        
136
        <script src="javascripts/foundation/foundation.orbit.js"></script>
137
        
138
        <script src="javascripts/foundation/foundation.placeholder.js"></script>
139
        
140
        <script src="javascripts/foundation/foundation.reveal.js"></script>
141
        
142
        <script src="javascripts/foundation/foundation.section.js"></script>
143
        
144
        <script src="javascripts/foundation/foundation.tooltips.js"></script>
145
        
146
        <script src="javascripts/foundation/foundation.topbar.js"></script>
147
        
148
        <script type="text/javascript" src="javascripts/jquery.mousewheel.js"></script>
149
        <script type="text/javascript" src="javascripts/jquery.jscrollpane.js"></script>
150
        <script type="text/javascript" src="javascripts/dropzone.js"></script>
151
        
152
        <script src="javascripts/common.js"></script>
153
        <script src="javascripts/glafkopis.js"></script>
154
        
155
  
156
  <script>
157
    $(document).foundation();
158
  </script>
159
</body>
160
</html>