Ändra utseende (HBS) alter-the-appearance-hbs
Nu när komponenterna för det anpassade kommentarsystemet i programkatalogen (https://experienceleague.adobe.com/apps?lang=sv) finns på plats, med en resourceSuperType som refererar till standardkommentarsystemet och den anpassade modellen/vyn registrerad, kan du redigera implementeringen.
För en enkel demonstration, en visuell funktion, tas den avatar som visas för den inloggade användaren som skickar en kommentar bort.
Ändra HBS-skript modify-the-hbs-scripts
Använder CRXDE Lite:
-
Öppna /apps/custom/components/comments/comment/comment.hbs
-
Kommentera taggen som innehåller avataren för ett kommentarinlägg (~ line 21):
code language-none <!-- <<img class="scf-comment-avatar {{#if topLevel}}withTopLevel{{/if}}" src="{{author.avatarUrl}}"></img> -->
-
-
Öppna /apps/custom/components/comments/comments.hbs
-
Kommentera taggen som innehåller avataren för nästa kommentarspost (~ line 44):
code language-none <!-- <img class="scf-composer-avatar" src="{{loggedInUser.avatarUrl}}"></img> -->
-
-
Välj Spara alla
Replikera anpassad app replicate-custom-app
När programmet har ändrats måste den anpassade komponenten replikeras om.
Ett sätt är att
-
Från huvudmenyn
- Välj Tools > Operations > Replication.
- Välj Activate Tree.
- Ange
Start Pathtill/apps/custom. - Avmarkera Only Modified.
- Välj knappen Activate.
Visa ändrad kommentar på publicerad exempelsida view-modified-comment-on-published-sample-page
Det går nu att uppdatera sidan i publiceringsmiljön och visa ändringen för att ta bort avataren:
Exempel på kommentartillägg sample-comment-extension-package
Bifogat är ett paket med det anpassade kommentarprogrammet som skapas i den här självstudiekursen.