added html generated code

the-catalin · Mar 10, 2017 · 94b3d52 · 94b3d52
1 parent cff1fbe
commit 94b3d52
Show file tree

Hide file tree

Showing 4 changed files with 39 additions and 27 deletions.
diff --git a/bower.json b/bower.json
@@ -1,6 +1,6 @@
 {
   "name": "cat-slider",
-  "version": "0.7.1",
+  "version": "0.7.2",
   "description": "Displays a slider with different possible effects",
   "authors": [
     "Catalin Ungureanu <[email protected]>"

diff --git a/cat-slider.html b/cat-slider.html
@@ -156,7 +156,7 @@
     properties: {
 
         bulletSize:             { type: Number, value: 12},
-        bulletColor:            { type: String, value: 'rgba(170,170,170, 0.8)'},
+        bulletColor:            { type: String, value: 'rgba(170, 170, 170, 0.8)'},
         bulletSelectedColor:    { type: String, value: 'rgba(43, 28, 33, 1)'},
         bulletSpacing:          { type: Number, value: 4},
         bulletsOffset:          { type: Number, value: 10},
@@ -298,7 +298,7 @@
         /**
          * The color of the shadow
          */
-        sliderShadowColor:        { type: String, value: 'rgba(0,0,0,0.2)'}
+        sliderShadowColor:        { type: String, value: 'rgba(0, 0, 0, 0.2)'}
     },
 
     CatTextProperties: [

diff --git a/cat-slider.json b/cat-slider.json
@@ -361,7 +361,8 @@
 }, {
     "tabName": "Publish",
     "iconClass": "fa fa-paper-plane",
-    "type": "genericContent"
+    "type": "genericContent",
+    "content": "test"
 }, {
     "limits" : [{
         "master": "textTransitionType",

diff --git a/config/index.html b/config/index.html
@@ -17,6 +17,8 @@
 		cat-slider {
 			margin-left: 30px;
 			margin-bottom: 40px;
+			margin-left: auto;
+			margin-right: auto;
 	    }
 	    cat-image cat-text {
 	    	display: none;
@@ -31,7 +33,14 @@
 	<script src="../../cat-config-panel/connecter.js"></script>
 
 	<script>
-		var componentName = 'cat-slider',
+		var includes =
+			'<script src="bower_components/webcomponentsjs/webcomponents-lite.min.js"><\/script>\n' + 
+			'<link rel="import" href="bower_components/cat-slider/cat-slider.html">\n' +
+			'<link rel="import" href="bower_components/cat-image/cat-image.html">\n' +
+			'<link rel="import" href="bower_components/cat-text/cat-text.html">\n',
+
+			componentName = 'cat-slider',
+
 			styleObj = {
 				'cat-slider': {
 					width: 700,
@@ -47,30 +56,32 @@
 			    	fontSize: 22
 				}				
 			},
-			componentString = '<cat-slider>' +
-				'<cat-image src="http://webcomponents.online/images/01.jpg">' +
-					'<cat-text> Sample text </cat-text>' +
-					'<cat-text> Another sample text </cat-text>' +
-				'</cat-image>' +
-				'<cat-image src="http://webcomponents.online/images/02.jpg">' +
-					'<cat-text> Sample text </cat-text>' +
-					'<cat-text> Another sample text </cat-text>' +
-				'</cat-image>' +
-				'<cat-image src="http://webcomponents.online/images/03.jpg">' +
-					'<cat-text> Sample text </cat-text>' +
-					'<cat-text> Another sample text </cat-text>' +
-				'</cat-image>' +
-				'<cat-image src="http://webcomponents.online/images/04.jpg">' +
-					'<cat-text> Sample text </cat-text>' +
-					'<cat-text> Another sample text </cat-text>' +
-				'</cat-image>' +
-				'<cat-image src="http://webcomponents.online/images/05.jpg">' +
-					'<cat-text> Sample text </cat-text>' +
-					'<cat-text> Another sample text </cat-text>' +
-				'</cat-image>' +
+
+			componentString = 
+			'<cat-slider>\n' +
+			'    <cat-image src="http://webcomponents.online/images/01.jpg">\n' +
+			'        <cat-text> Sample text </cat-text>\n' +
+			'        <cat-text> Another sample text </cat-text>\n' +
+			'    </cat-image>\n' +
+			'    <cat-image src="http://webcomponents.online/images/02.jpg">\n' +
+			'        <cat-text> Sample text </cat-text>\n' +
+			'        <cat-text> Another sample text </cat-text>\n' +
+			'    </cat-image>\n' +
+			'    <cat-image src="http://webcomponents.online/images/03.jpg">\n' +
+			'        <cat-text> Sample text </cat-text>\n' +
+			'        <cat-text> Another sample text </cat-text>\n' +
+			'    </cat-image>\n' +
+			'    <cat-image src="http://webcomponents.online/images/04.jpg">\n' +
+			'        <cat-text> Sample text </cat-text>\n' +
+			'        <cat-text> Another sample text </cat-text>\n' +
+			'    </cat-image>\n' +
+			'    <cat-image src="http://webcomponents.online/images/05.jpg">\n' +
+			'        <cat-text> Sample text </cat-text>\n' +
+			'        <cat-text> Another sample text </cat-text>\n' +
+			'    </cat-image>\n' +
 			'</cat-slider>';
 
-		connectComponentWithConfigPanel(componentName, styleObj, componentString);
+		connectComponentWithConfigPanel(componentName, styleObj, componentString, includes);
 
 	</script>