jlengrand/soundcloud-web-component-application
1
0
Fork 0
mirror of https://github.com/jlengrand/soundcloud-web-component-application.git synced 2026-03-10 08:41:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

Create first web components

Browse Source 
* Create basic sc-title component
* Create basic sc-profile component
* Modify nodemon config so it watches html files too
This commit is contained in:
Julien Lengrand-Lambert
2017-06-01 16:46:15 +02:00
parent 3fd60000b1
commit eeddded792
4 changed files with 45 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
app/components/sc-profile/sc-profile.html Normal file
View File

@@ -0,0 +1,19 @@
<link rel="import" href="../../../bower_components/polymer/polymer.html">
<dom-module id="sc-profile">
<template>
<style>
:host {
display: block;
}
</style>
<p>This is a first test</p>
</template>
<script>
Polymer({
is: 'sc-profile'
});
</script>
</dom-module>

19
app/components/sc-title/sc-title.html Normal file
View File

@@ -0,0 +1,19 @@
<link rel="import" href="../../../bower_components/polymer/polymer.html">
<dom-module id="sc-title">
<template>
<style>
:host {
display: block;
}
</style>
<h1>Soundcloud Playlist, featuring Polymer</h1>
</template>
<script>
Polymer({
is: 'sc-title'
});
</script>
</dom-module>

7
app/index.html
View File

@@ -5,7 +5,12 @@
<title>Soundcloud Playlist, featuring Polymer</title>
</head>
<script src="../bower_components/webcomponentsjs/webcomponents-lite.js"></script>
<link rel="import" href="../app/components/sc-title/sc-title.html">
<link rel="import" href="../app/components/sc-profile/sc-profile.html">
<body>
<h1>Title</h1>
<sc-title></sc-title>
<sc-profile></sc-profile>
</body>
</html>

2
package.json
View File

@@ -5,7 +5,7 @@
"private": true,
"main": "server/app.js",
"scripts": {
"start": "nodemon server/app.js",
"start": "nodemon -e .js,.html server/app.js",
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "Julien Lengrand-Lambert <julien.lengrand-lambert@ing.nl>",