Skip to content

Commit d74669f

Browse files
gedinakovagedinakova
committed
chore(*): Clean unnecessary divs from tile-manager sample
1 parent 2fbaad8 commit d74669f

1 file changed

Lines changed: 150 additions & 154 deletions

File tree

‎src/app/layouts/tile-manager/tile-manager-sample/tile-manager.component.html‎

Lines changed: 150 additions & 154 deletions
Original file line numberDiff line numberDiff line change
@@ -1,162 +1,158 @@
1-
<div id="root">
2-
<div class="container sample center">
3-
<igc-tile-manager id="tile-manager1" column-count="3" gap="20px" resize-mode="hover" drag-mode="tile-header">
4-
<igc-tile row-span="3">
5-
<span slot="title">Order info</span>
6-
<igx-list>
7-
<igx-list-item>
8-
<igx-avatar igxListThumbnail shape="circle" >
9-
<igx-icon igxListThumbnail name="list" collection="material" class="material-icons"></igx-icon>
10-
</igx-avatar>
11-
<div igxListLineTitle class="content">
12-
<p>OrderID</p>
13-
<p>10293</p>
14-
</div>
15-
</igx-list-item>
16-
<igx-list-item>
17-
<igx-avatar igxListThumbnail shape="circle" class="avatar">
18-
<igx-icon name="list" collection="material" class="material-icons"></igx-icon>
19-
</igx-avatar>
20-
<div igxListLineTitle class="content">
21-
<p>Customer Name</p>
22-
<p>Tortuga Restaurante</p>
1+
<igc-tile-manager id="tile-manager1" column-count="3" gap="20px" resize-mode="hover" drag-mode="tile-header">
2+
<igc-tile row-span="3">
3+
<span slot="title">Order info</span>
4+
<igx-list>
5+
<igx-list-item>
6+
<igx-avatar igxListThumbnail shape="circle" >
7+
<igx-icon igxListThumbnail name="list" collection="material" class="material-icons"></igx-icon>
8+
</igx-avatar>
9+
<div igxListLineTitle class="content">
10+
<p>OrderID</p>
11+
<p>10293</p>
12+
</div>
13+
</igx-list-item>
14+
<igx-list-item>
15+
<igx-avatar igxListThumbnail shape="circle" class="avatar">
16+
<igx-icon name="list" collection="material" class="material-icons"></igx-icon>
17+
</igx-avatar>
18+
<div igxListLineTitle class="content">
19+
<p>Customer Name</p>
20+
<p>Tortuga Restaurante</p>
21+
</div>
22+
</igx-list-item>
23+
<igx-list-item>
24+
<igx-avatar igxListThumbnail shape="circle" class="avatar">
25+
<igx-icon name="calendar" collection="material" class="material-icons"></igx-icon>
26+
</igx-avatar>
27+
<div igxListLineTitle class="content">
28+
<p>Order Date</p>
29+
<p>August 29, 1996</p>
30+
</div>
31+
</igx-list-item>
32+
<igx-list-item>
33+
<igx-avatar igxListThumbnail shape="circle" class="avatar">
34+
<igx-icon name="calendar" collection="material" class="material-icons"></igx-icon>
35+
</igx-avatar>
36+
<div igxListLineTitle class="content">
37+
<p>Shipped Date</p>
38+
<p>September 11, 1996</p>
39+
</div>
40+
</igx-list-item>
41+
<igx-list-item>
42+
<igx-avatar igxListThumbnail shape="circle" class="avatar">
43+
<igx-icon name="list" collection="material" class="material-icons"></igx-icon>
44+
</igx-avatar>
45+
<div igxListLineTitle class="content">
46+
<p>Product Name</p>
47+
<p>Carnavon Tigers</p>
48+
</div>
49+
</igx-list-item>
50+
<igx-list-item>
51+
<igx-avatar igxListThumbnail shape="circle" class="avatar">
52+
<igx-icon name="list" collection="material" class="material-icons"></igx-icon>
53+
</igx-avatar>
54+
<div igxListLineTitle class="content">
55+
<p>Ship Country</p>
56+
<p>Mexico</p>
57+
</div>
58+
</igx-list-item>
59+
</igx-list>
60+
</igc-tile>
61+
<igc-tile col-span="2" row-span="2">
62+
<span slot="title">Order Line Items</span>
63+
<div class="group">
64+
<div class="card">
65+
<igx-card elevated>
66+
<igx-card-header>
67+
<div igxCardThumbnail>
68+
<igx-avatar shape="circle" collection="material">
69+
<igx-icon name="product" collection="material" class="material-icons"></igx-icon>
70+
</igx-avatar>
71+
</div>
72+
<h3 igxCardHeaderTitle>Carnavon Tigers</h3>
73+
</igx-card-header>
74+
<igx-card-content class="column">
75+
<div class="body-content">
76+
<span>Quantity</span><span>12</span>
77+
</div>
78+
<div class="body-content">
79+
<span>Unit Price</span><span>$50</span>
80+
</div>
81+
</igx-card-content>
82+
</igx-card>
83+
</div>
84+
<div class="card">
85+
<igx-card elevated>
86+
<igx-card-header>
87+
<div igxCardThumbnail>
88+
<igx-avatar shape="circle">
89+
<igx-icon name="product" collection="material" class="material-icons"></igx-icon>
90+
</igx-avatar>
2391
</div>
24-
</igx-list-item>
25-
<igx-list-item>
26-
<igx-avatar igxListThumbnail shape="circle" class="avatar">
27-
<igx-icon name="calendar" collection="material" class="material-icons"></igx-icon>
28-
</igx-avatar>
29-
<div igxListLineTitle class="content">
30-
<p>Order Date</p>
31-
<p>August 29, 1996</p>
92+
<span slot="title">Guarana Fantastica</span>
93+
</igx-card-header>
94+
<igx-card-content class="column">
95+
<div class="body-content">
96+
<span>Quantity</span> <span>10</span>
3297
</div>
33-
</igx-list-item>
34-
<igx-list-item>
35-
<igx-avatar igxListThumbnail shape="circle" class="avatar">
36-
<igx-icon name="calendar" collection="material" class="material-icons"></igx-icon>
37-
</igx-avatar>
38-
<div igxListLineTitle class="content">
39-
<p>Shipped Date</p>
40-
<p>September 11, 1996</p>
98+
<div class="body-content">
99+
<span>Unit Price</span> <span>$4</span>
41100
</div>
42-
</igx-list-item>
43-
<igx-list-item>
44-
<igx-avatar igxListThumbnail shape="circle" class="avatar">
45-
<igx-icon name="list" collection="material" class="material-icons"></igx-icon>
46-
</igx-avatar>
47-
<div igxListLineTitle class="content">
48-
<p>Product Name</p>
49-
<p>Carnavon Tigers</p>
50-
</div>
51-
</igx-list-item>
52-
<igx-list-item>
53-
<igx-avatar igxListThumbnail shape="circle" class="avatar">
54-
<igx-icon name="list" collection="material" class="material-icons"></igx-icon>
101+
</igx-card-content>
102+
</igx-card>
103+
</div>
104+
<div class="card">
105+
<igx-card elevated>
106+
<igx-card-header>
107+
<div igxCardThumbnail>
108+
<igx-avatar shape="circle">
109+
<igx-icon name="product" collection="material" class="material-icons"></igx-icon>
55110
</igx-avatar>
56-
<div igxListLineTitle class="content">
57-
<p>Ship Country</p>
58-
<p>Mexico</p>
59-
</div>
60-
</igx-list-item>
61-
</igx-list>
62-
</igc-tile>
63-
<igc-tile col-span="2" row-span="2">
64-
<span slot="title">Order Line Items</span>
65-
<div class="group">
66-
<div class="card">
67-
<igx-card elevated>
68-
<igx-card-header>
69-
<div igxCardThumbnail>
70-
<igx-avatar shape="circle" collection="material">
71-
<igx-icon name="product" collection="material" class="material-icons"></igx-icon>
72-
</igx-avatar>
73-
</div>
74-
<h3 igxCardHeaderTitle>Carnavon Tigers</h3>
75-
</igx-card-header>
76-
<igx-card-content class="column">
77-
<div class="body-content">
78-
<span>Quantity</span><span>12</span>
79-
</div>
80-
<div class="body-content">
81-
<span>Unit Price</span><span>$50</span>
82-
</div>
83-
</igx-card-content>
84-
</igx-card>
85111
</div>
86-
<div class="card">
87-
<igx-card elevated>
88-
<igx-card-header>
89-
<div igxCardThumbnail>
90-
<igx-avatar shape="circle">
91-
<igx-icon name="product" collection="material" class="material-icons"></igx-icon>
92-
</igx-avatar>
93-
</div>
94-
<span slot="title">Guarana Fantastica</span>
95-
</igx-card-header>
96-
<igx-card-content class="column">
97-
<div class="body-content">
98-
<span>Quantity</span> <span>10</span>
99-
</div>
100-
<div class="body-content">
101-
<span>Unit Price</span> <span>$4</span>
102-
</div>
103-
</igx-card-content>
104-
</igx-card>
112+
<span slot="title">Vegie-spread</span>
113+
</igx-card-header>
114+
<igx-card-content class="column">
115+
<div class="body-content">
116+
<span>Quantity</span> <span>5</span>
105117
</div>
106-
<div class="card">
107-
<igx-card elevated>
108-
<igx-card-header>
109-
<div igxCardThumbnail>
110-
<igx-avatar shape="circle">
111-
<igx-icon name="product" collection="material" class="material-icons"></igx-icon>
112-
</igx-avatar>
113-
</div>
114-
<span slot="title">Vegie-spread</span>
115-
</igx-card-header>
116-
<igx-card-content class="column">
117-
<div class="body-content">
118-
<span>Quantity</span> <span>5</span>
119-
</div>
120-
<div class="body-content">
121-
<span>Unit Price</span> <span>$35</span>
122-
</div>
123-
</igx-card-content>
124-
</igx-card>
118+
<div class="body-content">
119+
<span>Unit Price</span> <span>$35</span>
125120
</div>
126-
<div class="card">
127-
<igx-card elevated>
128-
<igx-card-header>
129-
<div igxCardThumbnail>
130-
<igx-avatar shape="circle">
131-
<igx-icon name="product" collection="material" class="material-icons"></igx-icon>
132-
</igx-avatar>
133-
</div>
134-
<span slot="title">Rhonbrau Klosterbier</span>
135-
</igx-card-header>
136-
<igx-card-content class="column">
137-
<div class="body-content">
138-
<span>Quantity</span> <span>7</span>
139-
</div>
140-
<div class="body-content">
141-
<span>Unit Price</span> <span>$6</span>
142-
</div>
143-
</igx-card-content>
144-
</igx-card>
121+
</igx-card-content>
122+
</igx-card>
123+
</div>
124+
<div class="card">
125+
<igx-card elevated>
126+
<igx-card-header>
127+
<div igxCardThumbnail>
128+
<igx-avatar shape="circle">
129+
<igx-icon name="product" collection="material" class="material-icons"></igx-icon>
130+
</igx-avatar>
145131
</div>
146-
</div>
147-
</igc-tile>
148-
<igc-tile >
149-
<span slot="title">Order Value</span>
150-
<div class="string">
151-
<h3>$8.66K</h3>
152-
</div>
153-
</igc-tile>
154-
<igc-tile >
155-
<span slot="title">Item quantity</span>
156-
<div class="string">
157-
<h3>4</h3>
158-
</div>
159-
</igc-tile>
160-
</igc-tile-manager>
161-
</div>
162-
</div>
132+
<span slot="title">Rhonbrau Klosterbier</span>
133+
</igx-card-header>
134+
<igx-card-content class="column">
135+
<div class="body-content">
136+
<span>Quantity</span> <span>7</span>
137+
</div>
138+
<div class="body-content">
139+
<span>Unit Price</span> <span>$6</span>
140+
</div>
141+
</igx-card-content>
142+
</igx-card>
143+
</div>
144+
</div>
145+
</igc-tile>
146+
<igc-tile >
147+
<span slot="title">Order Value</span>
148+
<div class="string">
149+
<h3>$8.66K</h3>
150+
</div>
151+
</igc-tile>
152+
<igc-tile >
153+
<span slot="title">Item quantity</span>
154+
<div class="string">
155+
<h3>4</h3>
156+
</div>
157+
</igc-tile>
158+
</igc-tile-manager>

0 commit comments

Comments
 (0)