Skip to content

Commit f696b35

Browse files
hmillersarahhmillersarah
committed
rename video card component to card tile
1 parent 20881b6 commit f696b35

5 files changed

Lines changed: 57 additions & 60 deletions

File tree

‎ims-docs.html‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -102,7 +102,7 @@
102102
type="module"></script>
103103
<script src="web-components/footer/footer.js" type="module"></script>
104104
<script
105-
src="web-components/video-card/video-card.js"
105+
src="web-components/card-tile/card-tile.js"
106106
type="module"></script>
107107
</head>
108108

@@ -121,33 +121,33 @@
121121
<!-- =========================== Badges & Docs =========================== -->
122122
<section class="white-bg pure-g card-section">
123123
<!-- IMS docs -->
124-
<video-card
124+
<card-tile
125125
name="IMS Docs home"
126126
desc="Start here to search across IMS or IBM product information."
127127
link="https://www.ibm.com/docs/en/ims/latest"
128128
class="pure-u-1 pure-u-lg-1-2">
129-
</video-card>
129+
</card-tile>
130130
<!-- PDF docs -->
131-
<video-card
131+
<card-tile
132132
name="PDF documentation"
133133
desc="Download PDF files of IMS documentation."
134134
link="https://www.ibm.com/docs/en/ims/latest?topic=documentation-pdf-files-ims"
135135
class="pure-u-1 pure-u-lg-1-2">
136-
</video-card>
136+
</card-tile>
137137
<!-- Release planning -->
138-
<video-card
138+
<card-tile
139139
name="Release planning"
140140
desc="See the latest continuous delivery product updates for IMS 15 and later."
141141
link="https://www.ibm.com/docs/en/ims/latest?topic=release-planning-ims"
142142
class="pure-u-1 pure-u-lg-1-2">
143-
</video-card>
143+
</card-tile>
144144
<!-- IMS tools -->
145-
<video-card
145+
<card-tile
146146
name="IMS tools"
147147
desc="Start here to get information on all IMS tools."
148148
link="https://www.ibm.com/docs/en/ims-tools"
149149
class="pure-u-1 pure-u-lg-1-2">
150-
</video-card>
150+
</card-tile>
151151
</section>
152152
</main>
153153

‎ims-videos.html‎

Lines changed: 43 additions & 43 deletions
Original file line numberDiff line numberDiff line change
@@ -80,7 +80,7 @@
8080
<script src="web-components/nav-header/nav-header.js" type="module"></script>
8181
<script src="web-components/hero-section/hero-section.js" type="module"></script>
8282
<script src="web-components/jump-links/jump-links.js" type="module"></script>
83-
<script src="web-components/video-card/video-card.js" type="module"></script>
83+
<script src="web-components/card-tile/card-tile.js" type="module"></script>
8484
<script src="web-components/footer/footer.js" type="module"></script>
8585
</head>
8686

@@ -110,17 +110,17 @@
110110
<section id="all-roles" class="white-bg pure-g card-section">
111111
<div class="pure-u-1 card-section-header"><h3>All roles</h3></div>
112112
<!-- IMS Community Calls -->
113-
<video-card
113+
<card-tile
114114
name="IMS Community Calls"
115115
desc="These calls cover the latest in what's going on in the world of IMS."
116116
link="https://mediacenter.ibm.com/playlist/dedicated/122579632/1_lgy10u5e/"
117117
id="ims-comm"
118118
class="pure-u-1 pure-u-lg-1-2 pure-u-xl-1-3"
119119
>
120-
</video-card>
120+
</card-tile>
121121

122122
<!-- IMS Intro -->
123-
<video-card
123+
<card-tile
124124
name="Introduction to IMS"
125125
desc="If you're new to IMS, watch these short, high-level videos on IMS,
126126
database, transaction management, and application development."
@@ -130,10 +130,10 @@
130130
id="ims-intro"
131131
class="pure-u-1 pure-u-lg-1-2 pure-u-xl-1-3"
132132
>
133-
</video-card>
133+
</card-tile>
134134

135135
<!-- IMS Ansible -->
136-
<video-card
136+
<card-tile
137137
name="Getting Started with Ansible for IBM Z"
138138
desc="Get an overview of how to set up your Red Hat® Ansible® control node to
139139
get started automating processes for IBM Z® with Ansible."
@@ -143,34 +143,34 @@
143143
id="ims-ansible"
144144
class="pure-u-1 pure-u-lg-1-2 pure-u-xl-1-3"
145145
>
146-
</video-card>
146+
</card-tile>
147147

148148
<!-- IMS Insights Series -->
149-
<video-card
149+
<card-tile
150150
name="IMS Insights Series"
151151
desc="These webinars cover timely topics such as new customer perspectives on IMS and managed ACBs."
152152
link="https://mediacenter.ibm.com/playlist/dedicated/122579632/1_05jsq9yl/1_ci4q5j5d"
153153
id="ims-insights"
154154
class="pure-u-1 pure-u-lg-1-2 pure-u-xl-1-3"
155155
>
156-
</video-card>
156+
</card-tile>
157157

158158
<!-- IMS Tools -->
159-
<video-card
159+
<card-tile
160160
name="IMS Tools"
161161
desc="Review the various videos on IMS Tools."
162162
link="https://mediacenter.ibm.com/playlist/dedicated/189147413/1_cvhwa8r2/1_5xtr9qnf"
163163
id="ims-tools"
164164
class="pure-u-1 pure-u-lg-1-2 pure-u-xl-1-3"
165165
>
166-
</video-card>
166+
</card-tile>
167167
</section>
168168

169169
<!-- =========================== Videos - database =========================== -->
170170
<section id="ims-database" class="white-bg pure-g card-section">
171171
<div class="pure-u-1 card-section-header"><h3>IMS database</h3></div>
172172
<!-- IMS MACB -->
173-
<video-card
173+
<card-tile
174174
name="IMS Managed ACBs and IMS Catalog"
175175
desc="Check out this video series that describes the IMS catalog, how to implement it,
176176
and how to implement managed ACBs."
@@ -180,10 +180,10 @@
180180
id="ims-macb"
181181
class="pure-u-1 pure-u-lg-1-2 pure-u-xl-1-3"
182182
>
183-
</video-card>
183+
</card-tile>
184184

185185
<!-- IMS Catalog Database -->
186-
<video-card
186+
<card-tile
187187
name="IMS Catalog Database Repair and Recovery"
188188
desc="Learn how to repair and recover the IMS catalog database, which is an IMS
189189
high availability large database (HALDB)."
@@ -193,10 +193,10 @@
193193
id="ims-cat-db"
194194
class="pure-u-1 pure-u-lg-1-2 pure-u-xl-1-3"
195195
>
196-
</video-card>
196+
</card-tile>
197197

198198
<!-- IMS Full Function Log -->
199-
<video-card
199+
<card-tile
200200
name="IMS Full-Function Log Record Analysis"
201201
desc="These videos describe log records associated with input and output message flows,
202202
application scheduling, and full-function database updates."
@@ -206,10 +206,10 @@
206206
id="ims-ff-log"
207207
class="pure-u-1 pure-u-lg-1-2 pure-u-xl-1-3"
208208
>
209-
</video-card>
209+
</card-tile>
210210

211211
<!-- IMS Reorg DBRC -->
212-
<video-card
212+
<card-tile
213213
name="How to Reorganize the IMS DBRC RECON Data Sets"
214214
desc="These videos show you the general steps for reorganizing IMS DBRC RECON data sets."
215215
level="intermediate"
@@ -218,10 +218,10 @@
218218
id="ims-reorg-dbrc"
219219
class="pure-u-1 pure-u-lg-1-2 pure-u-xl-1-3"
220220
>
221-
</video-card>
221+
</card-tile>
222222

223223
<!-- IMS Buffers -->
224-
<video-card
224+
<card-tile
225225
name="Managing IMS Buffers"
226226
desc="Check out these three playlists on VSAM, OSAM, and dynamic full-function databases buffers."
227227
level="Intermediate"
@@ -234,10 +234,10 @@
234234
id="ims-buffers"
235235
class="pure-u-1 pure-u-lg-1-2 pure-u-xl-1-3"
236236
>
237-
</video-card>
237+
</card-tile>
238238

239239
<!-- IMS DDL Utility -->
240-
<video-card
240+
<card-tile
241241
name="IMS z/OS Native DDL Utility"
242242
desc="Get an overview of a new IMS utility that submits SQL data definition language (DDL) statements against an IMS database."
243243
level="Beginner"
@@ -246,14 +246,14 @@
246246
id="ims-ddl-util"
247247
class="pure-u-1 pure-u-lg-1-2 pure-u-xl-1-3"
248248
>
249-
</video-card>
249+
</card-tile>
250250
</section>
251251

252252
<!-- =========================== Videos - system programming =========================== -->
253253
<section id="system-programming" class="white-bg pure-g card-section">
254254
<div class="pure-u-1 card-section-header"><h3>System programming</h3></div>
255255
<!-- IMS DBDGEN and PSBGEN for Beginners -->
256-
<video-card
256+
<card-tile
257257
name="IMS DBDGEN and PSBGEN for Beginners"
258258
desc="This series explain the DBDGEN and PSBGEN processes and how to code
259259
DBDGEN and PSBGEN input with examples that show the SEGM, FIELD, and SENSEG statements."
@@ -263,10 +263,10 @@
263263
id="ims-dbdgen-psbgen"
264264
class="pure-u-1 pure-u-lg-1-2 pure-u-xl-1-3"
265265
>
266-
</video-card>
266+
</card-tile>
267267

268268
<!-- IMS Monitor Reports -->
269-
<video-card
269+
<card-tile
270270
name="IMS Monitor Reports"
271271
desc="The IMS Monitor is a no-cost tool provided with IMS. The IMS Monitor can create many types
272272
of reports, including buffer pool statistics program, program I/O, and message queuing."
@@ -276,10 +276,10 @@
276276
id="ims-mon-rep"
277277
class="pure-u-1 pure-u-lg-1-2 pure-u-xl-1-3"
278278
>
279-
</video-card>
279+
</card-tile>
280280

281281
<!-- z/OS Logger Reports IMS Shared Queues -->
282-
<video-card
282+
<card-tile
283283
name="z/OS Logger Reports IMS Shared Queues"
284284
desc="Learn to use the z/OS Logger so that you can monitor the performance of an IMS shared queues environment."
285285
level="Intermediate"
@@ -288,10 +288,10 @@
288288
id="shared-queue-log-reports"
289289
class="pure-u-1 pure-u-lg-1-2 pure-u-xl-1-3"
290290
>
291-
</video-card>
291+
</card-tile>
292292

293293
<!-- IMS Distributed Environments -->
294-
<video-card
294+
<card-tile
295295
name="IMS and Distributed Environment Security"
296296
desc="Learn how to secure frontend or distributed environments as they relate to IMS."
297297
level="Advanced"
@@ -300,10 +300,10 @@
300300
id="ims-dis-env"
301301
class="pure-u-1 pure-u-lg-1-2 pure-u-xl-1-3"
302302
>
303-
</video-card>
303+
</card-tile>
304304

305305
<!-- XCF and Support of IMS Facilities for Shared Queues -->
306-
<video-card
306+
<card-tile
307307
name="XCF and Support of IMS Facilities for Shared Queues"
308308
desc="Learn about the z/OS cross-system coupling facility (XCF) that offers a set of communication
309309
services that you use for IMS shared queues."
@@ -313,10 +313,10 @@
313313
id="xcf-shared-queues"
314314
class="pure-u-1 pure-u-lg-1-2 pure-u-xl-1-3"
315315
>
316-
</video-card>
316+
</card-tile>
317317

318318
<!-- Tuning IMS Scheduling by Using PWFI -->
319-
<video-card
319+
<card-tile
320320
name="Review of IMS Scheduling"
321321
desc="Learn about IMS scheduling parameters such as PARLIM, PROCLIM, and regions WFI and PWFI to help
322322
you run transactions more efficiently."
@@ -326,14 +326,14 @@
326326
id="ims-scheduling-pwfi"
327327
class="pure-u-1 pure-u-lg-1-2 pure-u-xl-1-3"
328328
>
329-
</video-card>
329+
</card-tile>
330330
</section>
331331

332332
<!-- =========================== Videos - system programming =========================== -->
333333
<section id="application-development" class="white-bg pure-g card-section">
334334
<div class="pure-u-1 card-section-header"><h3>Application development</h3></div>
335335
<!-- IMS Java Demos -->
336-
<video-card
336+
<card-tile
337337
name="Java in IMS demos"
338338
desc="Watch these short demos showing how to build Java™ applications for IMS."
339339
level="Intermediate"
@@ -342,10 +342,10 @@
342342
id="ims-java"
343343
class="pure-u-1 pure-u-lg-1-2 pure-u-xl-1-3"
344344
>
345-
</video-card>
345+
</card-tile>
346346

347347
<!-- IMS Explorer -->
348-
<video-card
348+
<card-tile
349349
name="IMS Explorer"
350350
desc="Learn about the Eclipse-based graphical tool that simplifies common IMS tasks that are related
351351
to IMS application development."
@@ -355,10 +355,10 @@
355355
id="ims-exp"
356356
class="pure-u-1 pure-u-lg-1-2 pure-u-xl-1-3"
357357
>
358-
</video-card>
358+
</card-tile>
359359

360360
<!-- IMS Java Applications -->
361-
<video-card
361+
<card-tile
362362
name="Java and IMS"
363363
desc="This introductory video series helps you learn how to create Java applications for IMS."
364364
level="Intermediate"
@@ -367,10 +367,10 @@
367367
id="ims-javaims"
368368
class="pure-u-1 pure-u-lg-1-2 pure-u-xl-1-3"
369369
>
370-
</video-card>
370+
</card-tile>
371371

372372
<!-- IMS Interoperability -->
373-
<video-card
373+
<card-tile
374374
name="Modernize Legacy Applications with 31-bit COBOL and 64-bit Java interoperability"
375375
desc="This video shows you how to make 31-bit COBOL interoperable with 64-bit Java applications."
376376
level="Intermediate"
@@ -379,7 +379,7 @@
379379
id="ims-interop"
380380
class="pure-u-1 pure-u-lg-1-2 pure-u-xl-1-3"
381381
>
382-
</video-card>
382+
</card-tile>
383383
</section>
384384
</main>
385385
</div>

web-components/video-card/video-card.css renamed to web-components/card-tile/card-tile.css

File renamed without changes.

web-components/video-card/video-card.html renamed to web-components/card-tile/card-tile.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<!-- HTML template -->
2-
<link href="web-components/video-card/video-card.css" rel="stylesheet">
2+
<link href="web-components/card-tile/card-tile.css" rel="stylesheet">
33
<div class="video-card">
44
<div>
55
<h2 class="video-name"></h2>

web-components/video-card/video-card.js renamed to web-components/card-tile/card-tile.js

Lines changed: 4 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
// Fetch HTML template
2-
fetch("web-components/video-card/video-card.html")
2+
fetch("web-components/card-tile/card-tile.html")
33
.then(stream => stream.text())
44
.then(text => createComponent(text))
55

@@ -42,7 +42,7 @@ function createComponent(html) {
4242
}
4343

4444
// Web component class representing a video card.
45-
class VideoCard extends HTMLElement {
45+
class CardTile extends HTMLElement {
4646

4747
// Creates an instance of VideoCard
4848
constructor() {
@@ -99,8 +99,5 @@ function createComponent(html) {
9999
}
100100

101101
// Define new VideoCard element
102-
customElements.define('video-card', VideoCard);
103-
}
104-
105-
// Register component
106-
// customElements.define('video-card', VideoCard);
102+
customElements.define('card-tile', CardTile);
103+
}

0 commit comments

Comments
 (0)