Ändra utseendet (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, är det möjligt att ändra 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ända 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 att göra detta är att
-
Från huvudmenyn
- Välj Tools > Operations > Replication
- Välj
Activate Tree
- Ange
Start Path
: till/apps/custom
- Avmarkera
Only Modified
- Välj
Activate
knapp
Visa ändrad kommentar på publicerad exempelsida view-modified-comment-on-published-sample-page
Fortsätta upplevelsen i publiceringsinstansen, som fortfarande är inloggad som samma användare, är det nu möjligt att uppdatera sidan i publiceringsmiljön för att 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.