Warn if a function attribute element is a child of something other than <cxx-function>.

jyasskin · jyasskin · commit 33ab0d69e3af · 2014-05-05T18:14:33.000-07:00
This ignores <ins> and <del> tags since I want to be able to mark that a whole attribute is inserted or removed. Fixes #6.
diff --git a/function.html b/function.html
@@ -34,7 +34,7 @@
       :host(.formatted) {padding-left: 0m; text-indent:0;}
     </style><content></content></template>
 </polymer-element>
-<polymer-element name="cxx-attribute" constructor="CxxFunctionAttributeElement" noscript>
+<polymer-element name="cxx-attribute" constructor="CxxFunctionAttributeElement">
   <template>
     <style>
       :host {display:block; margin-top: .5em; margin-bottom: .5em;}
@@ -45,6 +45,21 @@
     </style>
     <dt>{{heading}}:</dt><dd><content></content></dd>
   </template>
+  <script>
+    Polymer('cxx-attribute', {
+      attached: function() {
+        var parent = this.parentNode;
+        while (parent instanceof HTMLModElement)
+          parent = parent.parentNode;
+        if (!(parent instanceof CxxFunctionElement)) {
+          console.warn('<' + this.localName +
+                       '> element must be a child of <cxx-function> ' +
+                       '(ignoring <ins> and <del>):',
+                       this)
+        }
+      },
+    });
+  </script>
 </polymer-element>
 <polymer-element name="cxx-requires" extends="cxx-attribute">
   <script>
