Migration to glimmer components/native javascript. (Remove .js if component javascript support uses an empty class. Substitute '@' for 'this.' in hbs for component arguments.)

Author: svogt0511

app/components/creator-show.hbs

@@ -1,9 +1,9 @@
-{{#if this.creators}}
-  {{#each (take (or this.showOnly this.creators.length) this.creators) as |creator index|}}
+{{#if @creators}}
+  {{#each (take (or @showOnly @creators.length) @creators) as |creator index|}}
     {{#if (and creator.orcid (feature-flag 'showResearchers'))}}
-      <a href="https://commons.datacite.org/orcid.org/{{creator.orcid}}">{{creator.displayName~}}</a>{{format-creator this.creators index=index}}
+      <a href="https://commons.datacite.org/orcid.org/{{creator.orcid}}">{{creator.displayName~}}</a>{{format-creator @creators index=index}}
     {{else}}
-      {{creator.displayName~}}{{format-creator this.creators index=index showOnly=(or this.showOnly this.creators.length)}}
+      {{creator.displayName~}}{{format-creator @creators index=index showOnly=(or @showOnly @creators.length)}}
     {{/if}}
   {{/each}}
 {{/if}}

app/components/creator-show.js

@@ -5,8 +5,8 @@
 </div>
 <div class="panel panel-transparent url">
   <div class="panel-body">
-    {{#if this.model.media}}
-      {{#each this.model.media as |media|}}
+    {{#if @model.media}}
+      {{#each @model.media as |media|}}
         <div class="row">
           <div class="col-md-2">
             <strong><media.media-type /></strong>

app/components/doi-media.hbs

@@ -1,5 +1,5 @@
-<ul class={{this.class}}>
-  {{#each this.links as |link| }}
+<ul class={{@class}}>
+  {{#each @links as |link| }}
     <li>
       <a target="_blank" rel="noopener noreferrer" href={{link.url}}>{{link.name}}</a>
     </li>

app/components/doi-media.js

@@ -3,10 +3,10 @@
     <div class="panel-body">
       <div class="btn-toolbar">
         <div class="btn-group btn-group-sm">
-          {{#if this.model.repository}}
+          {{#if @model.repository}}
             <LinkTo
-              @route={{this.link}}
-              @model={{this.model.repository.id}}
+              @route={{@link}}
+              @model={{@model.repository.id}}
               class="btn btn-warning"
               id="assign-prefix"
             >
@@ -15,8 +15,8 @@
             </LinkTo>
           {{else}}
             <LinkTo
-              @route={{this.link}}
-              @model={{this.model.repository.id}}
+              @route={{@link}}
+              @model={{@model.repository.id}}
               class="btn btn-warning"
               id="assign-prefix"
             >