Merge pull request #18 from unicef-polymer/add-optional-header

added feature to have header say optional

bower.json

@@ -1,7 +1,7 @@
 {
   "name": "etools-repeatable-field-set",
   "description": "A container that helps to display repeatable data sets with counters and options to manage data: add, modify, delete(with confirmation), copy.",
-  "version": "1.0.9",
+  "version": "1.1.0",
   "license": "https://github.com/unicef-polymer/etools-repeatable-field-set/blob/master/LICENSE.md",
   "main": "etools-repeatable-field-set.html",
   "dependencies": {

etools-repeatable-field-set.html

@@ -158,14 +158,19 @@
         margin-left: 19px;
         @apply(--repeatable-items-lone-vertical-divider);
       }
+      .show-optional {
+        font-size: 14px;
+        opacity: 0.6;
+        line-height: 20px;
+      }
     </style>
 
     <div class="element-container">
       <paper-material elevation="[[elevation]]">
 
         <paper-toolbar hidden$="{{!showHeader}}">
           <paper-icon-button on-click="_toggle" icon$="[[_getExpandBtnIcon(open)]]"></paper-icon-button>
-          <div class="title">[[title]] <span hidden$="{{!showCounter}}">([[model.length]])</span></div>
+          <div class="title">[[title]] <span hidden$="{{!showCounter}}">([[model.length]])</span><span class="show-optional"> [[optionalSecondary]]</span></div>
 
         </paper-toolbar>
 
@@ -243,6 +248,10 @@
           type: Boolean,
           value: false,
         },
+        optionalSecondary: {
+          type: String,
+          value: ""
+        },
         allowCopy: {
           type: Boolean,
           value: false