McPringle/java-aktuell-code
1
0
Fork 0
Code Activity

docs: Dateien zum Polymer-Artikel in Ausgabe 17/04

Browse source
This commit is contained in:
Marcus Fihlon 2025-05-25 10:08:16 +02:00
parent d0d5280021
commit 1d7a5a6c59
Signed by: McPringle
GPG key ID: C6B7F469EE363E1F
6 changed files with 140 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

42
1704-polymer/bookworm_components/bookworm-detail/bookworm-detail.html Normal file
View file

@ -0,0 +1,42 @@
<link rel="import" href="../../bower_components/polymer/polymer.html" />
<link rel="import" href="../../bower_components/paper-card/paper-card.html" />
<dom-module id="bookworm-detail">
<template>
<style>
paper-card {
margin: 1em;
padding: 0.5em;
width: 20em;
--paper-card-header-image-text : {
color: white;
font-weight: bold;
text-shadow: 1px 1px 1px black,
1px -1px 1px black,
-1px 1px 1px black,
-1px -1px 1px black;
}
}
#subtitle {
font-size: 1.2em;
font-weight: bold;
}
#details {
font-style: italic;
}
</style>
<paper-card heading="{{bookdata.volumeInfo.title}}" image="{{bookdata.volumeInfo.imageLinks.thumbnail}}">
<div id="subtitle">{{bookdata.volumeInfo.subtitle}}</div>
<div id="details">{{bookdata.volumeInfo.pageCount}} Pages ({{bookdata.volumeInfo.publishedDate}})</div>
</paper-card>
</template>
<script>
Polymer({
is: "bookworm-detail",
properties: {
bookdata: {
type: Object
}
}
});
</script>
</dom-module>