hamlab/mobilizon-frontend
2
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

update frontend lib : leaflet + oruga - #1815

Browse Source
This commit is contained in:
Laurent GAY
2025-10-24 17:40:29 +02:00
committed by setop
parent b5852a95eb
commit 58a1d857a1
75 changed files with 944 additions and 1076 deletions
Download Patch File Download Diff File Expand all files Collapse all files

114
tests/unit/specs/views/Group/__snapshots__/CreateView.spec.ts.snap
View File

@@ -4,15 +4,11 @@ exports[`CreateView > Show simple 1`] = `
"<section class="container mx-auto">
<h1>Create a new group</h1>
<form>
<div data-oruga="field" class="o-field"><label for="group-display-name" class="o-field__label">Group display name</label>
<div class="o-field__body">
<div class="o-field o-field--addons">
<div data-oruga="input" class="o-input__wrapper o-input__wrapper--expanded"><input aria-required="true" required="" id="group-display-name" data-oruga-input="text" type="text" class="o-input" autocomplete="off">
<!---->
<!---->
<!---->
</div>
</div>
<div data-oruga="field" class="o-field"><label id="v-0-0" for="group-display-name" class="o-field__label">Group display name</label>
<div data-oruga="input" class="o-input o-input--expanded">
<!----><input aria-labelledby="v-0-0" aria-required="true" required="" id="group-display-name" type="text" data-oruga-input="text" class="o-input__input o-input__input--placeholder" autocomplete="off">
<!---->
<!---->
</div>
<!---->
</div>
@@ -20,58 +16,45 @@ exports[`CreateView > Show simple 1`] = `
<div class="field-body">
<div data-oruga="field" class="o-field">
<!---->
<div class="o-field__body">
<div class="o-field o-field--addons">
<div data-oruga="input" class="o-input__wrapper o-input__wrapper--expanded"><input aria-required="true" required="" pattern="[a-z0-9_]+" id="group-preferred-username" data-oruga-input="text" type="text" class="o-input" autocomplete="off">
<!---->
<!---->
<!---->
</div>
<p class="control"><span class="button is-static">@localhost</span></p>
</div>
<div data-oruga="input" class="o-input o-input--expanded">
<!----><input aria-labelledby="v-0-2" aria-describedby="v-0-3" aria-required="true" required="" pattern="[a-z0-9_]+" id="group-preferred-username" type="text" data-oruga-input="text" class="o-input__input o-input__input--placeholder" autocomplete="off">
<!---->
<!---->
</div>
<p class="o-field__message">Only alphanumeric lowercased characters and underscores are supported.</p>
<p class="control"><span class="button is-static">@localhost</span></p>
<p id="v-0-3" class="o-field__message">Only alphanumeric lowercased characters and underscores are supported.</p>
</div>
</div>
<!--v-if-->
</div>
<div data-oruga="field" class="o-field"><label for="group-summary" class="o-field__label">Description</label>
<div class="o-field__body">
<div class="o-field o-field--addons"></div>
</div>
<div data-oruga="field" class="o-field"><label id="v-0-4" for="group-summary" class="o-field__label">Description</label>
<!---->
</div>
<div class="address-autocomplete">
<div data-oruga="field" class="o-field !-mt-2" id="FullAddressAutoComplete-o-field"><label for="full-address-autocomplete-1" class="o-field__label">Group address</label>
<div class="o-field__body">
<div class="o-field o-field--addons">
<!--v-if-->
<div data-oruga="autocomplete" class="o-drop o-drop--expanded o-drop--position-auto o-acp">
<div tabindex="-1" class="o-drop__trigger" aria-haspopup="listbox">
<div data-oruga="input" class="o-input__wrapper o-input__wrapper--expanded"><input dir="auto" class="FullAddressAutoComplete-o-autocomplete !mt-0 !h-full o-input o-input--iconspace-left" role="combobox" aria-autocomplete="list" aria-controls="" aria-expanded="false" id="full-address-autocomplete-1" data-oruga-input="text" type="text" autocomplete="off" placeholder="e.g. 10 Rue Jangot"><span class="o-icon o-input__icon-left" data-oruga="icon"><i class="mdi mdi-map-marker mdi-24px"></i></span>
<!---->
<!---->
</div>
</div>
<!--teleport start-->
<transition-stub name="fade" appear="false" persisted="false" css="true">
<!---->
</transition-stub>
<transition-stub name="fade" appear="false" persisted="false" css="true">
<div id="" tabindex="-1" class="o-drop__menu o-drop__menu--auto" style="max-height: 200px; overflow: auto; display: none;" role="listbox" aria-hidden="true" aria-modal="false">
<!---->
<!---->
<div class="o-drop__item o-drop__item--clickable o-acp__item o-acp__item--empty" role="listitem" tabindex="0" data-oruga="dropdown-item"></div>
<!---->
</div>
</transition-stub>
<!--teleport end-->
</div><button disabled="" type="button" class="o-btn o-btn--disabled reset-area !h-auto" role="button" data-oruga="button" title="Clear address field"><span class="o-btn__wrapper"><span class="o-icon o-btn__icon o-btn__icon-left" data-oruga="icon"><i class="mdi mdi-close mdi-24px"></i></span>
<div data-oruga="field" class="o-field !-mt-2 flex" id="FullAddressAutoComplete-o-field"><label id="v-0-0-0" for="full-address-autocomplete-1" class="o-field__label">Group address</label>
<!--v-if-->
<div data-oruga="autocomplete" class="o-dropdown o-dropdown--expanded o-dropdown--position-auto o-autocomplete">
<div class="o-dropdown__trigger" role="combobox" aria-haspopup="listbox" aria-expanded="false" aria-disabled="false" aria-controls="v-0-0-2" aria-labelledby="v-0-0-0">
<div data-oruga="input" class="o-input o-input--expanded"><span data-oruga="icon" class="o-icon o-input__icon-left"><i class="mdi mdi-map-marker mdi-24px"></i></span><input aria-labelledby="v-0-0-0" class="FullAddressAutoComplete-o-autocomplete !mt-0 !h-full o-input__input o-input__input--iconspace-left o-input__input--placeholder" aria-autocomplete="list" aria-controls="v-0-0-2" enterkeyhint="enter" id="full-address-autocomplete-1" type="text" data-oruga-input="text" autocomplete="off" placeholder="e.g. 10 Rue Jangot">
<!---->
<!----></span>
</button>
<!---->
</div>
</div>
</div>
<!--teleport start-->
<!---->
<transition-stub name="fade" appear="false" persisted="false" css="true">
<div id="v-0-0-2" tabindex="-1" class="o-dropdown__menu o-dropdown__menu--auto" style="max-height: 200px; overflow: auto; display: none;" role="listbox" aria-labelledby="v-0-0-0" aria-multiselectable="false">
<!---->
<!---->
<div id="v-0-0-2-1" data-oruga="dropdown-item" data-id="dropdown-1" class="o-dropdown__item o-dropdown__item--clickable o-autocomplete__item o-autocomplete__item--empty" role="option" tabindex="-1" aria-selected="false" aria-disabled="false"></div>
<!---->
</div>
</transition-stub>
<!--teleport end-->
</div><button data-oruga="button" type="button" role="button" tabindex="0" class="o-button o-button--disabled reset-area !h-auto" disabled="" title="Clear address field"><span class="o-button__wrapper"><span data-oruga="icon" class="o-icon o-button__icon o-button__icon-left"><i class="mdi mdi-close mdi-24px"></i></span>
<!---->
<!----></span>
</button>
<!---->
</div>
<!--v-if-->
@@ -80,8 +63,8 @@ exports[`CreateView > Show simple 1`] = `
<!--v-if-->
<!--v-if-->
<div class="field"><b class="field-label">Avatar</b>
<div><label class="o-upl !flex" data-oruga="upload">
<div class="o-upl__draggable" role="button" tabindex="0">
<div><label data-oruga="upload" class="o-upload !flex">
<div class="o-upload__draggable" role="button" tabindex="0">
<div class="w-100 text-center p-4 rounded-xl border-dashed border-2 border-gray-600"><span class="mx-auto flex w-fit"><span aria-hidden="true" class="material-design-icon upload-icon" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="24" height="24" viewBox="0 0 24 24"><path d="M9,16V10H5L12,3L19,10H15V16H9M5,20V18H19V20H5Z"><!--v-if--></path></svg></span><span class="capitalize">Click to upload Avatar</span></span>
<!--v-if-->
<!--v-if-->
@@ -91,8 +74,8 @@ exports[`CreateView > Show simple 1`] = `
<!--v-if-->
</div>
<div class="field"><b class="field-label">Banner</b>
<div><label class="o-upl !flex" data-oruga="upload">
<div class="o-upl__draggable" role="button" tabindex="0">
<div><label data-oruga="upload" class="o-upload !flex">
<div class="o-upload__draggable" role="button" tabindex="0">
<div class="w-100 text-center p-4 rounded-xl border-dashed border-2 border-gray-600"><span class="mx-auto flex w-fit"><span aria-hidden="true" class="material-design-icon upload-icon" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="24" height="24" viewBox="0 0 24 24"><path d="M9,16V10H5L12,3L19,10H15V16H9M5,20V18H19V20H5Z"><!--v-if--></path></svg></span><span class="capitalize">Click to upload Banner</span></span>
<!--v-if-->
<!--v-if-->
@@ -102,35 +85,32 @@ exports[`CreateView > Show simple 1`] = `
<!--v-if-->
</div>
<fieldset>
<legend class="field-label !mb-0 mt-2">Group visibility</legend><label class="o-radio o-radio--checked" data-oruga="radio" role="radio" aria-checked="true"><input type="radio" data-oruga-input="radio" class="o-radio__input o-radio__input--checked" name="groupVisibility" autocomplete="off" value="PUBLIC"><span class="o-radio__label">Visible everywhere on the web<br><small>The group will be publicly listed in search results and may be suggested in the explore section. Only public informations will be shown on it's page.</small></span></label><label class="o-radio" data-oruga="radio" role="radio" aria-checked="false"><input type="radio" data-oruga-input="radio" class="o-radio__input" name="groupVisibility" autocomplete="off" value="UNLISTED"><span class="o-radio__label">Only accessible through link<br><small>You'll need to transmit the group URL so people may access the group's profile. The group won't be findable in Mobilizon's search or regular search engines.</small></span></label>
<legend class="field-label !mb-0 mt-2">Group visibility</legend>
<div data-oruga="radio" class="o-radio o-radio--checked"><input id="v-0-6" type="radio" data-oruga-input="radio" class="o-radio__input" name="groupVisibility" autocomplete="off" aria-checked="true" aria-labelledby="v-0-7" value="PUBLIC"><label id="v-0-7" for="v-0-6" class="o-radio__label">Visible everywhere on the web<br><small>The group will be publicly listed in search results and may be suggested in the explore section. Only public informations will be shown on it's page.</small></label></div>
<div data-oruga="radio" class="o-radio"><input id="v-0-8" type="radio" data-oruga-input="radio" class="o-radio__input" name="groupVisibility" autocomplete="off" aria-checked="false" aria-labelledby="v-0-9" value="UNLISTED"><label id="v-0-9" for="v-0-8" class="o-radio__label">Only accessible through link<br><small>You'll need to transmit the group URL so people may access the group's profile. The group won't be findable in Mobilizon's search or regular search engines.</small></label></div>
</fieldset>
<fieldset>
<legend class="mt-2"><span class="field-label !mb-0">New members</span><span>Members will also access private sections like discussions, resources and restricted posts.</span></legend>
<div data-oruga="field" class="o-field">
<!---->
<div class="o-field__body">
<div class="o-field o-field--addons"><label class="o-radio" data-oruga="radio" role="radio" aria-checked="false"><input type="radio" data-oruga-input="radio" class="o-radio__input" name="groupOpenness" autocomplete="off" value="OPEN"><span class="o-radio__label">Anyone can join freely<br><small>Anyone wanting to be a member from your group will be able to from your group page.</small></span></label></div>
</div>
<div data-oruga="radio" class="o-radio"><input aria-labelledby="v-0-10" id="v-0-12" type="radio" data-oruga-input="radio" class="o-radio__input" name="groupOpenness" autocomplete="off" aria-checked="false" value="OPEN"><label id="v-0-10" for="v-0-12" class="o-radio__label">Anyone can join freely<br><small>Anyone wanting to be a member from your group will be able to from your group page.</small></label></div>
<!---->
</div>
<div data-oruga="field" class="o-field">
<!---->
<div class="o-field__body">
<div class="o-field o-field--addons"><label class="o-radio o-radio--checked" data-oruga="radio" role="radio" aria-checked="true"><input type="radio" data-oruga-input="radio" class="o-radio__input o-radio__input--checked" name="groupOpenness" autocomplete="off" value="MODERATED"><span class="o-radio__label">Moderate new members<br><small>Anyone can request being a member, but an administrator needs to approve the membership.</small></span></label></div>
</div>
<div data-oruga="radio" class="o-radio o-radio--checked"><input aria-labelledby="v-0-13" id="v-0-15" type="radio" data-oruga-input="radio" class="o-radio__input" name="groupOpenness" autocomplete="off" aria-checked="true" value="MODERATED"><label id="v-0-13" for="v-0-15" class="o-radio__label">Moderate new members<br><small>Anyone can request being a member, but an administrator needs to approve the membership.</small></label></div>
<!---->
</div>
<div data-oruga="field" class="o-field">
<!---->
<div class="o-field__body">
<div class="o-field o-field--addons"><label class="o-radio" data-oruga="radio" role="radio" aria-checked="false"><input type="radio" data-oruga-input="radio" class="o-radio__input" name="groupOpenness" autocomplete="off" value="INVITE_ONLY"><span class="o-radio__label">Manually invite new members<br><small>The only way for your group to get new members is if an admininistrator invites them.</small></span></label></div>
</div>
<div data-oruga="radio" class="o-radio"><input aria-labelledby="v-0-16" id="v-0-18" type="radio" data-oruga-input="radio" class="o-radio__input" name="groupOpenness" autocomplete="off" aria-checked="false" value="INVITE_ONLY"><label id="v-0-16" for="v-0-18" class="o-radio__label">Manually invite new members<br><small>The only way for your group to get new members is if an admininistrator invites them.</small></label></div>
<!---->
</div>
</fieldset>
<fieldset>
<legend class="mt-2"><span class="field-label !mb-0">Followers</span><span>Followers will receive new public events and posts.</span></legend><label class="o-chk" data-oruga="checkbox" role="checkbox" aria-checked="false"><input type="checkbox" data-oruga-input="checkbox" class="o-chk__input" autocomplete="off" true-value="true" false-value="false"><span class="o-chk__label">Manually approve new followers</span></label>
</fieldset><button type="submit" class="o-btn o-btn--primary mt-3" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Create my group</span>
<legend class="mt-2"><span class="field-label !mb-0">Followers</span><span>Followers will receive new public events and posts.</span></legend>
<div data-oruga="checkbox" class="o-checkbox"><input id="v-0-19" type="checkbox" data-oruga-input="checkbox" class="o-checkbox__input" true-value="true" false-value="false" autocomplete="off" aria-checked="false" aria-labelledby="v-0-20"><label id="v-0-20" for="v-0-19" class="o-checkbox__label">Manually approve new followers</label></div>
</fieldset><button data-oruga="button" type="submit" role="button" tabindex="0" class="o-button o-button--primary mt-3"><span class="o-button__wrapper"><!----><span class="o-button__label">Create my group</span>
<!----></span>
</button>
</form>

2
tests/unit/specs/views/Group/__snapshots__/GroupSettings.spec.ts.snap
View File

@@ -7,7 +7,7 @@ exports[`GroupSettings > Show simple 1`] = `
<!---->
</transition-stub>
<transition-stub name="fade" appear="false" persisted="false" css="true">
<article class="o-notification o-notification--top" data-oruga="notification">
<article data-oruga="notification" class="o-notification o-notification--top">
<!---->
<div class="o-notification__wrapper">
<!---->

2
tests/unit/specs/views/Group/__snapshots__/GroupView.spec.ts.snap
View File

@@ -4,7 +4,7 @@ exports[`GroupView > Show simple 1`] = `
"<div data-v-63850a71="" class="container mx-auto is-widescreen">
<!--v-if-->
<transition-stub data-v-63850a71="" name="fade" appear="false" persisted="false" css="true">
<article class="o-notification o-notification--danger o-notification--top" data-oruga="notification">
<article data-oruga="notification" class="o-notification o-notification--danger o-notification--top">
<!---->
<div class="o-notification__wrapper">
<!---->

2
tests/unit/specs/views/Group/__snapshots__/MyGroups.spec.ts.snap
View File

@@ -4,7 +4,7 @@ exports[`MyGroups > Show simple 1`] = `
"<section data-v-59f508e2="" class="container mx-auto px-1 mb-6">
<h1 data-v-59f508e2="" class="title">My groups</h1>
<p data-v-59f508e2="">Groups are spaces for coordination and preparation to better organize events and manage your community.</p>
<div data-v-59f508e2="" class="flex my-3"><a data-v-59f508e2="" href="/groups/create" class="o-btn o-btn--primary" role="button" data-oruga="button"><span class="o-btn__wrapper"><!----><span class="o-btn__label">Create group</span>
<div data-v-59f508e2="" class="flex my-3"><a data-v-59f508e2="" href="/groups/create" class="o-button o-button--primary" data-oruga="button" role="button" tabindex="0"><span class="o-button__wrapper"><!----><span class="o-button__label">Create group</span>
<!----></span>
</a></div>
<transition-stub data-v-59f508e2="" name="fade" appear="false" persisted="false" css="true">

124
tests/unit/specs/views/Group/__snapshots__/TimelineView.spec.ts.snap
View File

@@ -6,34 +6,38 @@ exports[`TimelineView > Show simple 1`] = `
<section data-v-4ef926d4="" class="timeline">
<div data-v-4ef926d4="" data-oruga="field" class="o-field">
<!---->
<div class="o-field__body">
<div class="o-field o-field--addons"><label data-v-4ef926d4="" class="o-radio o-radio--checked" data-oruga="radio" role="radio" aria-checked="true"><input class="pr-4 o-radio__input o-radio__input--checked" type="radio" data-oruga-input="radio" autocomplete="off"><span class="o-radio__label"><span data-v-4ef926d4="" aria-hidden="true" class="material-design-icon timeline-text-icon" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="24" height="24" viewBox="0 0 24 24"><path d="M4 2V8H2V2H4M2 22H4V16H2V22M5 12C5 10.9 4.11 10 3 10C1.9 10 1 10.9 1 12C1 13.11 1.9 14 3 14C4.11 14 5 13.11 5 12M24 6V18C24 19.11 23.11 20 22 20H10C8.9 20 8 19.11 8 18V14L6 12L8 10V6C8 4.89 8.9 4 10 4H22C23.11 4 24 4.89 24 6M19 13H11V15H19V13M21 9H11V11H21V9Z"><!--v-if--></path></svg></span> All activities</span></label><label data-v-4ef926d4="" class="o-radio" data-oruga="radio" role="radio" aria-checked="false"><input class="pr-4 o-radio__input" type="radio" data-oruga-input="radio" autocomplete="off" value="MEMBER"><span class="o-radio__label"><span data-v-4ef926d4="" class="o-icon" data-oruga="icon"><i class="mdi mdi-account-multiple-plus mdi-24px"></i></span> Members</span></label><label data-v-4ef926d4="" class="o-radio" data-oruga="radio" role="radio" aria-checked="false"><input class="pr-4 o-radio__input" type="radio" data-oruga-input="radio" autocomplete="off" value="GROUP"><span class="o-radio__label"><span data-v-4ef926d4="" class="o-icon" data-oruga="icon"><i class="mdi mdi-cog mdi-24px"></i></span> Settings</span></label><label data-v-4ef926d4="" class="o-radio" data-oruga="radio" role="radio" aria-checked="false"><input class="pr-4 o-radio__input" type="radio" data-oruga-input="radio" autocomplete="off" value="EVENT"><span class="o-radio__label"><span data-v-4ef926d4="" class="o-icon" data-oruga="icon"><i class="mdi mdi-calendar mdi-24px"></i></span> Events</span></label><label data-v-4ef926d4="" class="o-radio" data-oruga="radio" role="radio" aria-checked="false"><input class="pr-4 o-radio__input" type="radio" data-oruga-input="radio" autocomplete="off" value="POST"><span class="o-radio__label"><span data-v-4ef926d4="" class="o-icon" data-oruga="icon"><i class="mdi mdi-bullhorn mdi-24px"></i></span> Posts</span></label><label data-v-4ef926d4="" class="o-radio" data-oruga="radio" role="radio" aria-checked="false"><input class="pr-4 o-radio__input" type="radio" data-oruga-input="radio" autocomplete="off" value="DISCUSSION"><span class="o-radio__label"><span data-v-4ef926d4="" class="o-icon" data-oruga="icon"><i class="mdi mdi-chat mdi-24px"></i></span> Discussions</span></label><label data-v-4ef926d4="" class="o-radio" data-oruga="radio" role="radio" aria-checked="false"><input type="radio" data-oruga-input="radio" class="o-radio__input" autocomplete="off" value="RESOURCE"><span class="o-radio__label"><span data-v-4ef926d4="" class="o-icon" data-oruga="icon"><i class="mdi mdi-link mdi-24px"></i></span> Resources</span></label></div>
</div>
<div data-v-4ef926d4="" data-oruga="radio" class="o-radio o-radio--checked"><input aria-labelledby="v-0-0" class="pr-4 o-radio__input" id="v-0-2" type="radio" data-oruga-input="radio" autocomplete="off" aria-checked="true"><label id="v-0-0" for="v-0-2" class="o-radio__label"><span data-v-4ef926d4="" aria-hidden="true" class="material-design-icon timeline-text-icon" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="24" height="24" viewBox="0 0 24 24"><path d="M4 2V8H2V2H4M2 22H4V16H2V22M5 12C5 10.9 4.11 10 3 10C1.9 10 1 10.9 1 12C1 13.11 1.9 14 3 14C4.11 14 5 13.11 5 12M24 6V18C24 19.11 23.11 20 22 20H10C8.9 20 8 19.11 8 18V14L6 12L8 10V6C8 4.89 8.9 4 10 4H22C23.11 4 24 4.89 24 6M19 13H11V15H19V13M21 9H11V11H21V9Z"><!--v-if--></path></svg></span> All activities</label></div>
<div data-v-4ef926d4="" data-oruga="radio" class="o-radio"><input aria-labelledby="v-0-0" class="pr-4 o-radio__input" id="v-0-3" type="radio" data-oruga-input="radio" autocomplete="off" aria-checked="false" value="MEMBER"><label id="v-0-0" for="v-0-3" class="o-radio__label"><span data-v-4ef926d4="" data-oruga="icon" class="o-icon"><i class="mdi mdi-account-multiple-plus mdi-24px"></i></span> Members</label></div>
<div data-v-4ef926d4="" data-oruga="radio" class="o-radio"><input aria-labelledby="v-0-0" class="pr-4 o-radio__input" id="v-0-4" type="radio" data-oruga-input="radio" autocomplete="off" aria-checked="false" value="GROUP"><label id="v-0-0" for="v-0-4" class="o-radio__label"><span data-v-4ef926d4="" data-oruga="icon" class="o-icon"><i class="mdi mdi-cog mdi-24px"></i></span> Settings</label></div>
<div data-v-4ef926d4="" data-oruga="radio" class="o-radio"><input aria-labelledby="v-0-0" class="pr-4 o-radio__input" id="v-0-5" type="radio" data-oruga-input="radio" autocomplete="off" aria-checked="false" value="EVENT"><label id="v-0-0" for="v-0-5" class="o-radio__label"><span data-v-4ef926d4="" data-oruga="icon" class="o-icon"><i class="mdi mdi-calendar mdi-24px"></i></span> Events</label></div>
<div data-v-4ef926d4="" data-oruga="radio" class="o-radio"><input aria-labelledby="v-0-0" class="pr-4 o-radio__input" id="v-0-6" type="radio" data-oruga-input="radio" autocomplete="off" aria-checked="false" value="POST"><label id="v-0-0" for="v-0-6" class="o-radio__label"><span data-v-4ef926d4="" data-oruga="icon" class="o-icon"><i class="mdi mdi-bullhorn mdi-24px"></i></span> Posts</label></div>
<div data-v-4ef926d4="" data-oruga="radio" class="o-radio"><input aria-labelledby="v-0-0" class="pr-4 o-radio__input" id="v-0-7" type="radio" data-oruga-input="radio" autocomplete="off" aria-checked="false" value="DISCUSSION"><label id="v-0-0" for="v-0-7" class="o-radio__label"><span data-v-4ef926d4="" data-oruga="icon" class="o-icon"><i class="mdi mdi-chat mdi-24px"></i></span> Discussions</label></div>
<div data-v-4ef926d4="" data-oruga="radio" class="o-radio"><input aria-labelledby="v-0-0" id="v-0-8" type="radio" data-oruga-input="radio" class="o-radio__input" autocomplete="off" aria-checked="false" value="RESOURCE"><label id="v-0-0" for="v-0-8" class="o-radio__label"><span data-v-4ef926d4="" data-oruga="icon" class="o-icon"><i class="mdi mdi-link mdi-24px"></i></span> Resources</label></div>
<!---->
</div>
<div data-v-4ef926d4="" data-oruga="field" class="o-field">
<!---->
<div class="o-field__body">
<div class="o-field o-field--addons"><label data-v-4ef926d4="" class="o-radio o-radio--checked" data-oruga="radio" role="radio" aria-checked="true"><input class="pr-4 o-radio__input o-radio__input--checked" type="radio" data-oruga-input="radio" autocomplete="off"><span class="o-radio__label"><span data-v-4ef926d4="" aria-hidden="true" class="material-design-icon timeline-text-icon" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="24" height="24" viewBox="0 0 24 24"><path d="M4 2V8H2V2H4M2 22H4V16H2V22M5 12C5 10.9 4.11 10 3 10C1.9 10 1 10.9 1 12C1 13.11 1.9 14 3 14C4.11 14 5 13.11 5 12M24 6V18C24 19.11 23.11 20 22 20H10C8.9 20 8 19.11 8 18V14L6 12L8 10V6C8 4.89 8.9 4 10 4H22C23.11 4 24 4.89 24 6M19 13H11V15H19V13M21 9H11V11H21V9Z"><!--v-if--></path></svg></span> All activities</span></label><label data-v-4ef926d4="" class="o-radio" data-oruga="radio" role="radio" aria-checked="false"><input class="pr-4 o-radio__input" type="radio" data-oruga-input="radio" autocomplete="off" value="SELF"><span class="o-radio__label"><span data-v-4ef926d4="" class="o-icon" data-oruga="icon"><i class="mdi mdi-account mdi-24px"></i></span> From yourself</span></label><label data-v-4ef926d4="" class="o-radio" data-oruga="radio" role="radio" aria-checked="false"><input class="pr-4 o-radio__input" type="radio" data-oruga-input="radio" autocomplete="off" value="BY"><span class="o-radio__label"><span data-v-4ef926d4="" class="o-icon" data-oruga="icon"><i class="mdi mdi-account-multiple mdi-24px"></i></span> By others</span></label></div>
</div>
<div data-v-4ef926d4="" data-oruga="radio" class="o-radio o-radio--checked"><input aria-labelledby="v-0-9" class="pr-4 o-radio__input" id="v-0-11" type="radio" data-oruga-input="radio" autocomplete="off" aria-checked="true"><label id="v-0-9" for="v-0-11" class="o-radio__label"><span data-v-4ef926d4="" aria-hidden="true" class="material-design-icon timeline-text-icon" role="img"><svg fill="currentColor" class="material-design-icon__svg" width="24" height="24" viewBox="0 0 24 24"><path d="M4 2V8H2V2H4M2 22H4V16H2V22M5 12C5 10.9 4.11 10 3 10C1.9 10 1 10.9 1 12C1 13.11 1.9 14 3 14C4.11 14 5 13.11 5 12M24 6V18C24 19.11 23.11 20 22 20H10C8.9 20 8 19.11 8 18V14L6 12L8 10V6C8 4.89 8.9 4 10 4H22C23.11 4 24 4.89 24 6M19 13H11V15H19V13M21 9H11V11H21V9Z"><!--v-if--></path></svg></span> All activities</label></div>
<div data-v-4ef926d4="" data-oruga="radio" class="o-radio"><input aria-labelledby="v-0-9" class="pr-4 o-radio__input" id="v-0-12" type="radio" data-oruga-input="radio" autocomplete="off" aria-checked="false" value="SELF"><label id="v-0-9" for="v-0-12" class="o-radio__label"><span data-v-4ef926d4="" data-oruga="icon" class="o-icon"><i class="mdi mdi-account mdi-24px"></i></span> From yourself</label></div>
<div data-v-4ef926d4="" data-oruga="radio" class="o-radio"><input aria-labelledby="v-0-9" class="pr-4 o-radio__input" id="v-0-13" type="radio" data-oruga-input="radio" autocomplete="off" aria-checked="false" value="BY"><label id="v-0-9" for="v-0-13" class="o-radio__label"><span data-v-4ef926d4="" data-oruga="icon" class="o-icon"><i class="mdi mdi-account-multiple mdi-24px"></i></span> By others</label></div>
<!---->
</div>
<transition-group-stub data-v-4ef926d4="" name="timeline-list" tag="div" appear="false" persisted="false" css="true">
<div data-v-4ef926d4="" class="day">
<div data-v-4ef926d4="" data-oruga="skeleton" class="o-sklt o-sklt--left">
<div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated" style="height: 48px; width: 300px;"></div>
<div data-v-4ef926d4="" data-oruga="skeleton" class="o-skeleton o-skeleton--left">
<div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated" style="height: 48px; width: 300px;"></div>
</div>
<ul data-v-4ef926d4="" class="before:opacity-10">
<li data-v-4ef926d4="">
<div data-v-56a583cf="" data-v-4ef926d4="" class="activity-item"><span data-v-56a583cf=""><div data-v-56a583cf="" data-oruga="skeleton" class="o-sklt o-sklt--left"><div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated" style="height: 32px; width: 32px; border-radius: 50%;"></div></div></span>
<div data-v-56a583cf="" data-v-4ef926d4="" class="activity-item"><span data-v-56a583cf=""><div data-v-56a583cf="" data-oruga="skeleton" class="o-skeleton o-skeleton--left"><div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated" style="height: 32px; width: 32px; border-radius: 50%;"></div></div></span>
<div data-v-56a583cf="" class="subject">
<div data-v-56a583cf="" class="prose dark:prose-invert">
<p data-v-56a583cf="">
<div data-v-56a583cf="" data-oruga="skeleton" class="o-sklt o-sklt--left">
<div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated"></div>
<div data-v-56a583cf="" data-oruga="skeleton" class="o-skeleton o-skeleton--left">
<div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated"></div>
</div>
<div data-v-56a583cf="" data-oruga="skeleton" class="o-sklt o-sklt--left datetime">
<div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated"></div>
<div data-v-56a583cf="" data-oruga="skeleton" class="o-skeleton o-skeleton--left datetime">
<div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated"></div>
</div>
</p>
</div>
@@ -41,15 +45,15 @@ exports[`TimelineView > Show simple 1`] = `
</div>
</li>
<li data-v-4ef926d4="">
<div data-v-56a583cf="" data-v-4ef926d4="" class="activity-item"><span data-v-56a583cf=""><div data-v-56a583cf="" data-oruga="skeleton" class="o-sklt o-sklt--left"><div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated" style="height: 32px; width: 32px; border-radius: 50%;"></div></div></span>
<div data-v-56a583cf="" data-v-4ef926d4="" class="activity-item"><span data-v-56a583cf=""><div data-v-56a583cf="" data-oruga="skeleton" class="o-skeleton o-skeleton--left"><div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated" style="height: 32px; width: 32px; border-radius: 50%;"></div></div></span>
<div data-v-56a583cf="" class="subject">
<div data-v-56a583cf="" class="prose dark:prose-invert">
<p data-v-56a583cf="">
<div data-v-56a583cf="" data-oruga="skeleton" class="o-sklt o-sklt--left">
<div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated"></div>
<div data-v-56a583cf="" data-oruga="skeleton" class="o-skeleton o-skeleton--left">
<div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated"></div>
</div>
<div data-v-56a583cf="" data-oruga="skeleton" class="o-sklt o-sklt--left datetime">
<div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated"></div>
<div data-v-56a583cf="" data-oruga="skeleton" class="o-skeleton o-skeleton--left datetime">
<div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated"></div>
</div>
</p>
</div>
@@ -57,15 +61,15 @@ exports[`TimelineView > Show simple 1`] = `
</div>
</li>
<li data-v-4ef926d4="">
<div data-v-56a583cf="" data-v-4ef926d4="" class="activity-item"><span data-v-56a583cf=""><div data-v-56a583cf="" data-oruga="skeleton" class="o-sklt o-sklt--left"><div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated" style="height: 32px; width: 32px; border-radius: 50%;"></div></div></span>
<div data-v-56a583cf="" data-v-4ef926d4="" class="activity-item"><span data-v-56a583cf=""><div data-v-56a583cf="" data-oruga="skeleton" class="o-skeleton o-skeleton--left"><div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated" style="height: 32px; width: 32px; border-radius: 50%;"></div></div></span>
<div data-v-56a583cf="" class="subject">
<div data-v-56a583cf="" class="prose dark:prose-invert">
<p data-v-56a583cf="">
<div data-v-56a583cf="" data-oruga="skeleton" class="o-sklt o-sklt--left">
<div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated"></div>
<div data-v-56a583cf="" data-oruga="skeleton" class="o-skeleton o-skeleton--left">
<div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated"></div>
</div>
<div data-v-56a583cf="" data-oruga="skeleton" class="o-sklt o-sklt--left datetime">
<div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated"></div>
<div data-v-56a583cf="" data-oruga="skeleton" class="o-skeleton o-skeleton--left datetime">
<div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated"></div>
</div>
</p>
</div>
@@ -73,15 +77,15 @@ exports[`TimelineView > Show simple 1`] = `
</div>
</li>
<li data-v-4ef926d4="">
<div data-v-56a583cf="" data-v-4ef926d4="" class="activity-item"><span data-v-56a583cf=""><div data-v-56a583cf="" data-oruga="skeleton" class="o-sklt o-sklt--left"><div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated" style="height: 32px; width: 32px; border-radius: 50%;"></div></div></span>
<div data-v-56a583cf="" data-v-4ef926d4="" class="activity-item"><span data-v-56a583cf=""><div data-v-56a583cf="" data-oruga="skeleton" class="o-skeleton o-skeleton--left"><div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated" style="height: 32px; width: 32px; border-radius: 50%;"></div></div></span>
<div data-v-56a583cf="" class="subject">
<div data-v-56a583cf="" class="prose dark:prose-invert">
<p data-v-56a583cf="">
<div data-v-56a583cf="" data-oruga="skeleton" class="o-sklt o-sklt--left">
<div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated"></div>
<div data-v-56a583cf="" data-oruga="skeleton" class="o-skeleton o-skeleton--left">
<div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated"></div>
</div>
<div data-v-56a583cf="" data-oruga="skeleton" class="o-sklt o-sklt--left datetime">
<div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated"></div>
<div data-v-56a583cf="" data-oruga="skeleton" class="o-skeleton o-skeleton--left datetime">
<div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated"></div>
</div>
</p>
</div>
@@ -89,15 +93,15 @@ exports[`TimelineView > Show simple 1`] = `
</div>
</li>
<li data-v-4ef926d4="">
<div data-v-56a583cf="" data-v-4ef926d4="" class="activity-item"><span data-v-56a583cf=""><div data-v-56a583cf="" data-oruga="skeleton" class="o-sklt o-sklt--left"><div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated" style="height: 32px; width: 32px; border-radius: 50%;"></div></div></span>
<div data-v-56a583cf="" data-v-4ef926d4="" class="activity-item"><span data-v-56a583cf=""><div data-v-56a583cf="" data-oruga="skeleton" class="o-skeleton o-skeleton--left"><div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated" style="height: 32px; width: 32px; border-radius: 50%;"></div></div></span>
<div data-v-56a583cf="" class="subject">
<div data-v-56a583cf="" class="prose dark:prose-invert">
<p data-v-56a583cf="">
<div data-v-56a583cf="" data-oruga="skeleton" class="o-sklt o-sklt--left">
<div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated"></div>
<div data-v-56a583cf="" data-oruga="skeleton" class="o-skeleton o-skeleton--left">
<div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated"></div>
</div>
<div data-v-56a583cf="" data-oruga="skeleton" class="o-sklt o-sklt--left datetime">
<div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated"></div>
<div data-v-56a583cf="" data-oruga="skeleton" class="o-skeleton o-skeleton--left datetime">
<div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated"></div>
</div>
</p>
</div>
@@ -107,20 +111,20 @@ exports[`TimelineView > Show simple 1`] = `
</ul>
</div>
<div data-v-4ef926d4="" class="day">
<div data-v-4ef926d4="" data-oruga="skeleton" class="o-sklt o-sklt--left">
<div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated" style="height: 48px; width: 300px;"></div>
<div data-v-4ef926d4="" data-oruga="skeleton" class="o-skeleton o-skeleton--left">
<div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated" style="height: 48px; width: 300px;"></div>
</div>
<ul data-v-4ef926d4="" class="before:opacity-10">
<li data-v-4ef926d4="">
<div data-v-56a583cf="" data-v-4ef926d4="" class="activity-item"><span data-v-56a583cf=""><div data-v-56a583cf="" data-oruga="skeleton" class="o-sklt o-sklt--left"><div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated" style="height: 32px; width: 32px; border-radius: 50%;"></div></div></span>
<div data-v-56a583cf="" data-v-4ef926d4="" class="activity-item"><span data-v-56a583cf=""><div data-v-56a583cf="" data-oruga="skeleton" class="o-skeleton o-skeleton--left"><div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated" style="height: 32px; width: 32px; border-radius: 50%;"></div></div></span>
<div data-v-56a583cf="" class="subject">
<div data-v-56a583cf="" class="prose dark:prose-invert">
<p data-v-56a583cf="">
<div data-v-56a583cf="" data-oruga="skeleton" class="o-sklt o-sklt--left">
<div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated"></div>
<div data-v-56a583cf="" data-oruga="skeleton" class="o-skeleton o-skeleton--left">
<div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated"></div>
</div>
<div data-v-56a583cf="" data-oruga="skeleton" class="o-sklt o-sklt--left datetime">
<div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated"></div>
<div data-v-56a583cf="" data-oruga="skeleton" class="o-skeleton o-skeleton--left datetime">
<div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated"></div>
</div>
</p>
</div>
@@ -128,15 +132,15 @@ exports[`TimelineView > Show simple 1`] = `
</div>
</li>
<li data-v-4ef926d4="">
<div data-v-56a583cf="" data-v-4ef926d4="" class="activity-item"><span data-v-56a583cf=""><div data-v-56a583cf="" data-oruga="skeleton" class="o-sklt o-sklt--left"><div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated" style="height: 32px; width: 32px; border-radius: 50%;"></div></div></span>
<div data-v-56a583cf="" data-v-4ef926d4="" class="activity-item"><span data-v-56a583cf=""><div data-v-56a583cf="" data-oruga="skeleton" class="o-skeleton o-skeleton--left"><div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated" style="height: 32px; width: 32px; border-radius: 50%;"></div></div></span>
<div data-v-56a583cf="" class="subject">
<div data-v-56a583cf="" class="prose dark:prose-invert">
<p data-v-56a583cf="">
<div data-v-56a583cf="" data-oruga="skeleton" class="o-sklt o-sklt--left">
<div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated"></div>
<div data-v-56a583cf="" data-oruga="skeleton" class="o-skeleton o-skeleton--left">
<div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated"></div>
</div>
<div data-v-56a583cf="" data-oruga="skeleton" class="o-sklt o-sklt--left datetime">
<div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated"></div>
<div data-v-56a583cf="" data-oruga="skeleton" class="o-skeleton o-skeleton--left datetime">
<div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated"></div>
</div>
</p>
</div>
@@ -144,15 +148,15 @@ exports[`TimelineView > Show simple 1`] = `
</div>
</li>
<li data-v-4ef926d4="">
<div data-v-56a583cf="" data-v-4ef926d4="" class="activity-item"><span data-v-56a583cf=""><div data-v-56a583cf="" data-oruga="skeleton" class="o-sklt o-sklt--left"><div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated" style="height: 32px; width: 32px; border-radius: 50%;"></div></div></span>
<div data-v-56a583cf="" data-v-4ef926d4="" class="activity-item"><span data-v-56a583cf=""><div data-v-56a583cf="" data-oruga="skeleton" class="o-skeleton o-skeleton--left"><div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated" style="height: 32px; width: 32px; border-radius: 50%;"></div></div></span>
<div data-v-56a583cf="" class="subject">
<div data-v-56a583cf="" class="prose dark:prose-invert">
<p data-v-56a583cf="">
<div data-v-56a583cf="" data-oruga="skeleton" class="o-sklt o-sklt--left">
<div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated"></div>
<div data-v-56a583cf="" data-oruga="skeleton" class="o-skeleton o-skeleton--left">
<div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated"></div>
</div>
<div data-v-56a583cf="" data-oruga="skeleton" class="o-sklt o-sklt--left datetime">
<div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated"></div>
<div data-v-56a583cf="" data-oruga="skeleton" class="o-skeleton o-skeleton--left datetime">
<div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated"></div>
</div>
</p>
</div>
@@ -160,15 +164,15 @@ exports[`TimelineView > Show simple 1`] = `
</div>
</li>
<li data-v-4ef926d4="">
<div data-v-56a583cf="" data-v-4ef926d4="" class="activity-item"><span data-v-56a583cf=""><div data-v-56a583cf="" data-oruga="skeleton" class="o-sklt o-sklt--left"><div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated" style="height: 32px; width: 32px; border-radius: 50%;"></div></div></span>
<div data-v-56a583cf="" data-v-4ef926d4="" class="activity-item"><span data-v-56a583cf=""><div data-v-56a583cf="" data-oruga="skeleton" class="o-skeleton o-skeleton--left"><div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated" style="height: 32px; width: 32px; border-radius: 50%;"></div></div></span>
<div data-v-56a583cf="" class="subject">
<div data-v-56a583cf="" class="prose dark:prose-invert">
<p data-v-56a583cf="">
<div data-v-56a583cf="" data-oruga="skeleton" class="o-sklt o-sklt--left">
<div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated"></div>
<div data-v-56a583cf="" data-oruga="skeleton" class="o-skeleton o-skeleton--left">
<div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated"></div>
</div>
<div data-v-56a583cf="" data-oruga="skeleton" class="o-sklt o-sklt--left datetime">
<div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated"></div>
<div data-v-56a583cf="" data-oruga="skeleton" class="o-skeleton o-skeleton--left datetime">
<div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated"></div>
</div>
</p>
</div>
@@ -176,15 +180,15 @@ exports[`TimelineView > Show simple 1`] = `
</div>
</li>
<li data-v-4ef926d4="">
<div data-v-56a583cf="" data-v-4ef926d4="" class="activity-item"><span data-v-56a583cf=""><div data-v-56a583cf="" data-oruga="skeleton" class="o-sklt o-sklt--left"><div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated" style="height: 32px; width: 32px; border-radius: 50%;"></div></div></span>
<div data-v-56a583cf="" data-v-4ef926d4="" class="activity-item"><span data-v-56a583cf=""><div data-v-56a583cf="" data-oruga="skeleton" class="o-skeleton o-skeleton--left"><div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated" style="height: 32px; width: 32px; border-radius: 50%;"></div></div></span>
<div data-v-56a583cf="" class="subject">
<div data-v-56a583cf="" class="prose dark:prose-invert">
<p data-v-56a583cf="">
<div data-v-56a583cf="" data-oruga="skeleton" class="o-sklt o-sklt--left">
<div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated"></div>
<div data-v-56a583cf="" data-oruga="skeleton" class="o-skeleton o-skeleton--left">
<div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated"></div>
</div>
<div data-v-56a583cf="" data-oruga="skeleton" class="o-sklt o-sklt--left datetime">
<div class="o-sklt__item o-sklt__item--rounded o-sklt__item--animated"></div>
<div data-v-56a583cf="" data-oruga="skeleton" class="o-skeleton o-skeleton--left datetime">
<div class="o-skeleton__item o-skeleton__item--rounded o-skeleton__item--animated"></div>
</div>
</p>
</div>