Statistics
| Branch: | Tag: | Revision:

root / snf-cyclades-app / synnefo / ui / new_ui / ui / app / templates / components / network-el.hbs @ faad3c72

History | View | Annotate | Download (2.6 kB)

1
<section {{bind-attr class=":item item.status"}}>
2
        <div class="what">
3
            <div class="img-wrap">
4
                <span class="snf-network-full snf-font"></span>
5
            </div>
6
            <h4>{{item.name}}</h4>
7
        </div>
8
        <div class="clearfix">
9
            <ul class="connections">
10
                <li>
11
                    <a href="#" class="act" data-reveal-id="disconnect-from-network">&nbsp;</a>
12
                    <div class="icon"><span class="snf-nic-full"></span></div>
13
                    <div class="data">
14
                        <ul>
15
                            <li>
16
                                <h5 class="ip-data">IPv4</h5>
17
                                <p>83.212.96.12</p>
18
                            </li>
19
                        </ul>
20
                    </div>
21
                </li>
22
                <li>
23
                    <a href="#" class="act" data-reveal-id="disconnect-from-network">&nbsp;</a>
24
                    <div class="icon"><span class="snf-nic-full"></span></div>
25
                    <div class="data">
26
                        <ul>
27
                            <li>
28
                                <h5 class="ip-data">IPv4</h5>
29
                                <p>83.212.96.12</p>
30
                            </li>
31
                        </ul>
32
                    </div>
33
                </li>
34
                <li>
35
                    <div class="icon"><span class="snf-nic-full"></span></div>
36
                    <div class="data">
37
                        <ul>
38
                            <li>
39
                                <h5 class="ip-data">IPv6</h5>
40
                                <p>2001:648:2ffc:1112:a80c:eaff:fe34:1234</p>
41
                            </li>
42
                        </ul>
43
                    </div>
44
                </li>
45
                <div class="firewall" data-firewall="fully">
46
                    <p>Firewall <em>on</em></p>
47
                    <ul class="more">
48
                        <li class="fully selected">
49
                            <a href="" class="radiobtn">Fully protected mode<span class="snf-radio-checked"></span></a>
50
                        </li>
51
                        <li class="basic">
52
                            <a href="" class="radiobtn">Basically protected mode<span class="snf-radio-unchecked"></span></a>
53
                        </li>
54
                        <li class="unprotected">
55
                            <a href="" class="radiobtn">Unprotected mode<span class="snf-radio-unchecked"></span></a>
56
                        </li>
57
                    </ul>
58
                </div>
59
            </ul>
60
        </div>
61
    </section>