Statistics
| Branch: | Tag: | Revision:

root / snf-cyclades-app / synnefo / ui / new_ui / ui / index.html @ 8ca84852

History | View | Annotate | Download (5 kB)

1
<!DOCTYPE html>
2
    <!--[if lte IE 7]><script src="javascripts/lte-ie7.js"></script><![endif]-->
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>VMs list</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/farbtastic.css" />
14
    <link rel="stylesheet" href="stylesheets/font_custom.css" />
15
    <link rel="stylesheet" href="stylesheets/jquery.jscrollpane.css" media="all" />
16
    <link rel="stylesheet" href="stylesheets/magnific-popup.css" />
17
</head>
18
<body>
19
        <script type="text/x-handlebars">
20
                <header>
21
                        <nav>
22
                                <ul class="icons-nav">
23
                                        <li>{{#link-to 'vms' class="has-tip" title="machines"}}<span class="snf-pc-outline"></span>{{/link-to}}</li>
24
                                        <li>{{#link-to 'networks' class="has-tip" title="networks"}}<span class="snf-network-outline"></span>{{/link-to}}</li>
25
                                        <li>{{#link-to 'disks' class="has-tip" title="disks"}}<span class="snf-volume-outline"></span>{{/link-to}}</li>
26
                                </ul>
27
                        </nav>
28
                        <div class="login">
29
                                <div class="wrap">
30
                                        <a href="">user1@synnefo.org</a>
31
                                        <ul>
32
                                                <li><a href="">dashboard</a></li>
33
                                                <li><a href="">sign out</a></li>
34
                                        </ul>
35
                                </div>
36
                        </div>
37
                        <div class="logo">
38
                          {{#link-to 'index'}}<img {{bind-attr =logoUrl}} alt="software logo">{{/link-to}}
39
                        </div>
40
                </header>
41
                {{ outlet }}
42
        </script>
43
        <script type="text/x-handlebars" data-template-name="networks">
44
                <div class="row">
45
                   <ul>
46
                   {{#each}}
47
                                <li>{{id}}<br>{{title}}<br>{{body}}</li>
48
                   {{/each}}
49
                   </ul>
50
                </div>
51
        </script>
52

    
53
        <script type="text/x-handlebars" data-template-name="vms">
54
                <div class="row">
55
                   <ul>
56
                   {{#each}}
57
                                <li>{{id}}<br>{{title}}<br>{{body}}</li>
58
                   {{/each}}
59
                   </ul>
60
                </div>
61
        </script>
62

    
63
        <script type="text/x-handlebars" data-template-name="disks">
64
                <div class="row">
65
                   <ul>
66
                   {{#each}}
67
                                <li>{{id}}<br>{{title}}<br>{{body}}</li>
68
                   {{/each}}
69
                   </ul>
70
                </div>
71
        </script>
72

    
73
  
74
          <script src="javascripts/vendor/jquery.js"></script>
75
          <script src="javascripts/jquery-ui-1.10.3.custom.min.js"></script>
76
        <script src="javascripts/underscore-min.js"></script>
77
        <script src="javascripts/foundation/foundation.js"></script>
78
        <script src="javascripts/foundation/foundation.alerts.js"></script>
79
        
80
        <script src="javascripts/foundation/foundation.clearing.js"></script>
81
        
82
        <script src="javascripts/foundation/foundation.cookie.js"></script>
83
        
84
        <script src="javascripts/foundation/foundation.dropdown.js"></script>
85
        
86
        <script src="javascripts/foundation/foundation.forms.js"></script>
87
        
88
        <script src="javascripts/foundation/foundation.joyride.js"></script>
89
        
90
        <script src="javascripts/foundation/foundation.magellan.js"></script>
91
        
92
        <script src="javascripts/foundation/foundation.orbit.js"></script>
93
        
94
        <script src="javascripts/foundation/foundation.placeholder.js"></script>
95
        
96
        <script src="javascripts/foundation/foundation.reveal.js"></script>
97
        
98
        <script src="javascripts/foundation/foundation.section.js"></script>
99
        
100
        <script src="javascripts/foundation/foundation.tooltips.js"></script>
101
        <script src="javascripts/foundation/foundation.topbar.js"></script>
102
        <script type="text/javascript" src="javascripts/jquery.scrollTo.js"></script>
103
        <script type="text/javascript" src="javascripts/jquery.easing.1.3.js"></script>
104
        <script type="text/javascript" src="javascripts/jquery.mousewheel.js"></script>
105
        <script type="text/javascript" src="javascripts/jquery.jscrollpane.js"></script>
106
        <!-- dropzone.js used for drag and drop files to upload them -->
107
        <script type="text/javascript" src="javascripts/dropzone.js"></script>
108
        <script type="text/javascript" src="javascripts/jquery.magnific-popup.js"></script>
109
        <!-- fabrastic.js used for the color picker -->
110
        <script type="text/javascript" src="javascripts/farbtastic.js"></script>
111
        <script type="text/javascript" src="javascripts/jquery.scrollintoview.js"></script>
112
        <script src="javascripts/common.js"></script>
113
        
114
        <script type="text/javascript" src="javascripts/wizard.js"></script>
115
        <script type="text/javascript" src="javascripts/sshkeys-wizard.js"></script>
116
        <script type="text/javascript" src="javascripts/checkboxes-radiobuttons.js"></script><script src="javascripts/vendor/handlebars.js"></script>
117
        <script src="javascripts/vendor/ember.js"></script>
118
        <script src="javascripts/ember/application.js"></script>
119
        <script src="javascripts/ember/router.js"></script>
120
        <script src="javascripts/ember/models/index.js"></script>
121
        <script src="javascripts/ember/models/networks.js"></script>
122
        <script src="javascripts/ember/models/vms.js"></script>
123
        <script src="javascripts/ember/models/disks.js"></script>
124
        
125
  
126
  <script>
127
    $(document).foundation();
128
  </script>
129
</body>
130
</html>