Migrate CompatibilityTable to Compat macro (es) (#4355)

* Migrate CompatibilityTable to Compat macro (es)

* Migrate to multiple Compat macro (es)

1 files changed, 1 insertions, 218 deletions

diff --git a/files/es/web/api/notification/index.html b/files/es/web/api/notification/index.html
index bcd7b2dd23..6e887cb04f 100644
--- a/files/es/web/api/notification/index.html
+++ b/files/es/web/api/notification/index.html
@@ -206,224 +206,7 @@ translation_of: Web/API/Notification
 
  <h2 id="Browser_compatibility">Browser compatibility</h2>
 
- <p>{{CompatibilityTable}}</p>
-
- <div id="compat-desktop">
- <table class="compat-table">
-  <tbody>
-   <tr>
-    <th>Feature</th>
-    <th>Chrome</th>
-    <th>Firefox (Gecko)</th>
-    <th>Internet Explorer</th>
-    <th>Opera</th>
-    <th>Safari</th>
-   </tr>
-   <tr>
-    <td>Basic support</td>
-    <td>5{{property_prefix("webkit")}}<sup>[1]</sup><br>
-     22</td>
-    <td>4.0 {{property_prefix("moz")}}<sup>[2]</sup><br>
-     22</td>
-    <td>{{CompatNo}}</td>
-    <td>25</td>
-    <td>6<sup>[3]</sup></td>
-   </tr>
-   <tr>
-    <td><code>icon</code></td>
-    <td>5{{property_prefix("webkit")}}<sup>[1]</sup><br>
-     22</td>
-    <td>4.0 {{property_prefix("moz")}}<sup>[2]</sup><br>
-     22</td>
-    <td>{{CompatNo}}</td>
-    <td>25</td>
-    <td>{{CompatNo}}</td>
-   </tr>
-   <tr>
-    <td>Available in workers</td>
-    <td>{{CompatVersionUnknown}}</td>
-    <td>{{CompatGeckoDesktop("41.0")}}</td>
-    <td>{{CompatUnknown}}</td>
-    <td>{{CompatUnknown}}</td>
-    <td>{{CompatUnknown}}</td>
-   </tr>
-   <tr>
-    <td><code>silent</code></td>
-    <td>{{CompatChrome(43.0)}}</td>
-    <td>{{CompatNo}}</td>
-    <td>{{CompatNo}}</td>
-    <td>{{CompatNo}}</td>
-    <td>{{CompatNo}}</td>
-   </tr>
-   <tr>
-    <td><code>noscreen</code>, <code>sticky</code></td>
-    <td>{{CompatNo}}</td>
-    <td>{{CompatNo}}</td>
-    <td>{{CompatNo}}</td>
-    <td>{{CompatNo}}</td>
-    <td>{{CompatNo}}</td>
-   </tr>
-   <tr>
-    <td><code>sound</code></td>
-    <td>{{CompatVersionUnknown}}</td>
-    <td>{{CompatNo}}</td>
-    <td>{{CompatNo}}</td>
-    <td>{{CompatNo}}</td>
-    <td>{{CompatNo}}</td>
-   </tr>
-   <tr>
-    <td><code>renotify</code></td>
-    <td>{{CompatChrome(50.0)}}</td>
-    <td>{{CompatNo}}</td>
-    <td>{{CompatNo}}</td>
-    <td>{{CompatNo}}</td>
-    <td>{{CompatNo}}</td>
-   </tr>
-   <tr>
-    <td>Promise-based <code>Notification.requestPermission()</code></td>
-    <td>{{CompatUnknown}}</td>
-    <td>{{CompatGeckoDesktop("47.0")}}</td>
-    <td>{{CompatUnknown}}</td>
-    <td>{{CompatUnknown}}</td>
-    <td>{{CompatUnknown}}</td>
-   </tr>
-  </tbody>
- </table>
- </div>
-
- <div id="compat-mobile">
- <table class="compat-table">
-  <tbody>
-   <tr>
-    <th>Feature</th>
-    <th>Android</th>
-    <th>Android Webview</th>
-    <th>Firefox Mobile (Gecko)</th>
-    <th>Firefox OS</th>
-    <th>IE Mobile</th>
-    <th>Opera Mobile</th>
-    <th>Safari Mobile</th>
-    <th>Chrome for Android</th>
-   </tr>
-   <tr>
-    <td>Basic support</td>
-    <td>{{CompatUnknown}}</td>
-    <td>
-     <p>{{CompatVersionUnknown}}</p>
-    </td>
-    <td>4.0{{property_prefix("moz")}}<sup>[2]</sup><br>
-     22</td>
-    <td>1.0.1{{property_prefix("moz")}}<sup>[2]</sup><br>
-     1.2</td>
-    <td>{{CompatNo}}</td>
-    <td>{{CompatUnknown}}</td>
-    <td>{{CompatNo}}</td>
-    <td>
-     <p>{{CompatVersionUnknown}}</p>
-    </td>
-   </tr>
-   <tr>
-    <td><code>icon</code></td>
-    <td>{{CompatUnknown}}</td>
-    <td>{{CompatVersionUnknown}}</td>
-    <td>4.0{{property_prefix("moz")}}<sup>[2]</sup><br>
-     22</td>
-    <td>1.0.1{{property_prefix("moz")}}<sup>[2]</sup><br>
-     1.2</td>
-    <td>{{CompatNo}}</td>
-    <td>{{CompatUnknown}}</td>
-    <td>{{CompatNo}}</td>
-    <td>{{CompatVersionUnknown}}</td>
-   </tr>
-   <tr>
-    <td>Available in workers</td>
-    <td>{{CompatUnknown}}</td>
-    <td>{{CompatVersionUnknown}}</td>
-    <td>{{CompatGeckoMobile("41.0")}}</td>
-    <td>{{CompatUnknown}}</td>
-    <td>{{CompatUnknown}}</td>
-    <td>{{CompatUnknown}}</td>
-    <td>{{CompatUnknown}}</td>
-    <td>{{CompatVersionUnknown}}</td>
-   </tr>
-   <tr>
-    <td><code>silent</code></td>
-    <td>{{CompatNo}}</td>
-    <td>{{CompatChrome(43.0)}}</td>
-    <td>{{CompatNo}}</td>
-    <td>{{CompatNo}}</td>
-    <td>{{CompatNo}}</td>
-    <td>{{CompatNo}}</td>
-    <td>{{CompatNo}}</td>
-    <td>{{CompatChrome(43.0)}}</td>
-   </tr>
-   <tr>
-    <td><code>noscreen</code>, <code>sticky</code></td>
-    <td>{{CompatNo}}</td>
-    <td>{{CompatNo}}</td>
-    <td>{{CompatNo}}</td>
-    <td>{{CompatNo}}</td>
-    <td>{{CompatNo}}</td>
-    <td>{{CompatNo}}</td>
-    <td>{{CompatNo}}</td>
-    <td>{{CompatNo}}</td>
-   </tr>
-   <tr>
-    <td><code>sound</code></td>
-    <td>{{CompatNo}}</td>
-    <td>{{CompatVersionUnknown}}</td>
-    <td>{{CompatNo}}</td>
-    <td>{{CompatNo}}</td>
-    <td>{{CompatNo}}</td>
-    <td>{{CompatNo}}</td>
-    <td>{{CompatNo}}</td>
-    <td>{{CompatVersionUnknown}}</td>
-   </tr>
-   <tr>
-    <td><code>renotify</code></td>
-    <td>{{CompatNo}}</td>
-    <td>{{CompatChrome(50.0)}}</td>
-    <td>{{CompatNo}}</td>
-    <td>{{CompatNo}}</td>
-    <td>{{CompatNo}}</td>
-    <td>{{CompatNo}}</td>
-    <td>{{CompatNo}}</td>
-    <td>{{CompatNo}}</td>
-   </tr>
-   <tr>
-    <td>Promise-based <code>Notification.requestPermission()</code></td>
-    <td>{{CompatUnknown}}</td>
-    <td>{{CompatUnknown}}</td>
-    <td>{{CompatGeckoMobile("47.0")}}</td>
-    <td>{{CompatUnknown}}</td>
-    <td>{{CompatUnknown}}</td>
-    <td>{{CompatUnknown}}</td>
-    <td>{{CompatUnknown}}</td>
-    <td>{{CompatUnknown}}</td>
-   </tr>
-  </tbody>
- </table>
- </div>
-
- <p>[1] Before Chrome 22, the support for notification followed an <a href="http://www.chromium.org/developers/design-documents/desktop-notifications/api-specification">old prefixed version of the specification</a> and used the {{domxref("window.navigator.webkitNotifications","navigator.webkitNotifications")}} object to instantiate a new notification.</p>
-
- <p>Before Chrome 32, {{domxref("Notification.permission")}} was not supported.</p>
-
- <p>Before Chrome 42, service worker additions were not supported.</p>
-
- <p>Starting in Chrome 49, notifications do not work in incognito mode.</p>
-
- <p>[2] Prior to Firefox 22 (Firefox OS &lt;1.2), the instantiation of a new notification must be done with the {{domxref("window.navigator.mozNotification", "navigator.mozNotification")}} object through its <code>createNotification</code> method.</p>
-
- <p>Prior to Firefox 22 (Firefox OS &lt;1.2), the Notification was displayed when calling the <code>show</code> method and supported only the <code>click</code> and <code>close</code> events.</p>
-
- <p>Nick Desaulniers wrote a <a href="https://github.com/nickdesaulniers/fxos-irc/blob/master/js/notification.js">Notification shim</a> to cover both newer and older implementations.</p>
-
- <p>One particular Firefox OS issue is that you can <a href="https://github.com/nickdesaulniers/fxos-irc/blob/0160cf6c3a2b5c9fe33822aaf6bcba3b7e846da9/my.js#L171">pass a path to an icon</a> to use in the notification, but if the app is packaged you cannot use a relative path like <code>/my_icon.png</code>. You also can't use <code>window.location.origin + "/my_icon.png"</code> because <code>window.location.origin</code> is null in packaged apps. The <a href="https://developer.mozilla.org/en-US/Apps/Developing/Manifest#origin">manifest origin field</a> fixes this, but it is only available in Firefox OS 1.1+. A potential solution for supporting Firefox OS &lt;1.1 is to <a href="https://github.com/nickdesaulniers/fxos-irc/blob/0160cf6c3a2b5c9fe33822aaf6bcba3b7e846da9/my.js#L168">pass an absolute URL to an externally hosted version of the icon</a>. This is less than ideal as the notification is displayed immediately without the icon, then the icon is fetched, but it works on all versions of Firefox OS.</p>
-
- <p>When using notifications  in a Firefox OS app, be sure to add the <code>desktop-notification</code> permission in your manifest file. Notifications can be used at any permission level, hosted or above: <code>"permissions": { "desktop-notification": {} }</code></p>
-
- <p>[3] Safari started to support notification with Safari 6, but only on Mac OSX 10.8+ (Mountain Lion).</p>
+{{Compat("api.Notification")}}
 
  <h2 id="See_also">See also</h2>
  <a href="https://developer.mozilla.org/en-US/docs/Web/API/Notifications_API/Using_the_Notifications_API">Using the Notifications API</a></dt>