ionic/demos/src/item/page.html at polyfill-changes · CssFormWork/ionic · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
<ion-header>

  <ion-navbar>
    <ion-title>Item</ion-title>
  </ion-navbar>

</ion-header>


<ion-content class="outer-content">

  <ion-list>
    <ion-list-header>
      Settings
      <button ion-button icon-only item-right clear>
        <ion-icon name="cog"></ion-icon>
      </button>
    </ion-list-header>

    <ion-item-group>
      <ion-item>
        <ion-icon name="plane" item-left color="danger"></ion-icon>
        <ion-label>Airplane Mode</ion-label>
        <ion-toggle color="secondary"></ion-toggle>
      </ion-item>

      <button ion-item>
        <ion-icon name="wifi" item-left color="primary"></ion-icon>
        <ion-label>Wi-Fi</ion-label>
        <ion-note item-right>The Interwebz</ion-note>
      </button>

      <button ion-item>
        <ion-icon name="bluetooth" item-left color="primary"></ion-icon>
        <ion-label>Bluetooth</ion-label>
        <ion-note item-right>Off</ion-note>
      </button>
    </ion-item-group>

    <ion-item-divider color="primary">
      Other Settings
      <button ion-button item-right outline color="light">Clear</button>
    </ion-item-divider>

    <button ion-item>
      <ion-icon name="call" item-left color="secondary"></ion-icon>
      <ion-label>Cellular</ion-label>
    </button>

    <button ion-item>
      <ion-icon name="link" item-left color="secondary"></ion-icon>
      <ion-label>Personal Hotspot</ion-label>
      <ion-note item-right>Off</ion-note>
    </button>
  </ion-list>

  <ion-list radio-group>
    <ion-list-header>
      <ion-icon item-left name="phone-portrait"></ion-icon>
      Silence Phone
    </ion-list-header>

    <ion-item>
      <ion-label color="dark">Always</ion-label>
      <ion-radio value="always" checked></ion-radio>
    </ion-item>
    <ion-item>
      <ion-label color="dark">Only while phone is locked</ion-label>
      <ion-radio value="locked"></ion-radio>
    </ion-item>
  </ion-list>

  <ion-list>
    <ion-list-header>
      Apps Installed
    </ion-list-header>

    <ion-item>
      <ion-icon name="ionic" item-left color="primary"></ion-icon>
      <ion-label>Ionic View</ion-label>
      <button ion-button outline item-right>Uninstall</button>
    </ion-item>
    <ion-item>
      <ion-icon name="brush" item-left color="primary"></ion-icon>
      <ion-label>Ionic Creator</ion-label>
      <button ion-button outline item-right>Uninstall</button>
    </ion-item>
    <ion-item>
      <ion-icon name="logo-octocat" item-left color="dark"></ion-icon>
      <ion-label>Hubstruck</ion-label>
      <button ion-button outline item-right>Uninstall</button>
    </ion-item>
    <ion-item>
      <ion-icon name="paw" item-left color="danger"></ion-icon>
      <ion-label>Barkpark</ion-label>
      <button ion-button outline item-right>Uninstall</button>
    </ion-item>
  </ion-list>

</ion-content>