+ {{ file.size }} +
+ +OR sign with
+ + + `, + styles: ``, +}) +export class SocialBtnComponent {} diff --git a/apiferia/src/app/components/state-card/state-card.component.html b/apiferia/src/app/components/state-card/state-card.component.html new file mode 100644 index 00000000..fca44a82 --- /dev/null +++ b/apiferia/src/app/components/state-card/state-card.component.html @@ -0,0 +1,20 @@ +{{ data.title }}
+ {{ data.badge }}% + ++ {{ notify.from }} +
+{{ notify.content }}
+
+
+
+
+
+ Add {{ data.files.length }} files to
+
+
{{ data.content }}
+ } + @if (data.files) { ++ Rater js is the best star rater for the browser. No dependencies. + Unlimited number of stars +
+ ++ To use Rating, follow the instructions from its documentation over + + here +
+
+ Just use tag
+ ngx-simplebar and add max-height: **px oh
+ fix height
+
+ SimpleBar
+ does NOT implement a custom scroll behaviour. It
+ keeps the
+ native
+ overflow: auto
+ scroll and
+ only replace the scrollbar visual appearance.
+
+ SimpleBar uses pure CSS to style the scrollbar. You can easily + customize it as you want! Or even have multiple style on the same + page...or just keep the default style ("Mac OS" scrollbar style). +
++ Only 6kb minified. SimpleBar doesn't use Javascript to handle + scrolling. You keep the performances/behaviours of the native + scroll. +
++ SimpleBar has been tested on the following browsers: Chrome, + Firefox, Safari, Edge, IE11. +
+
+ Just add tag ngx-simplebar and use data attribute
+ data-simplebar-direction='rtl'
+ and add max-height: **px oh fix height
+
+ SimpleBar
+ does NOT implement a custom scroll behaviour. It
+ keeps the
+ native
+ overflow: auto
+ scroll and
+ only replace the scrollbar visual appearance.
+
+ SimpleBar uses pure CSS to style the scrollbar. You can easily + customize it as you want! Or even have multiple style on the same + page...or just keep the default style ("Mac OS" scrollbar style). +
++ Only 6kb minified. SimpleBar doesn't use Javascript to handle + scrolling. You keep the performances/behaviours of the native + scroll. +
++ SimpleBar has been tested on the following browsers: Chrome, + Firefox, Safari, Edge, IE11. +
+
+ Just add a tag ngx-simplebar and use data attribute use
+ data attribute data-simplebar-lg and add
+ max-height: **px oh fix height
+
+ SimpleBar
+ does NOT implement a custom scroll behaviour. It
+ keeps the
+ native
+ overflow: auto
+ scroll and
+ only replace the scrollbar visual appearance.
+
+ SimpleBar uses pure CSS to style the scrollbar. You can easily + customize it as you want! Or even have multiple style on the same + page...or just keep the default style ("Mac OS" scrollbar style). +
++ Only 6kb minified. SimpleBar doesn't use Javascript to handle + scrolling. You keep the performances/behaviours of the native + scroll. +
++ SimpleBar has been tested on the following browsers: Chrome, + Firefox, Safari, Edge, IE11. +
+
+ Just add a tag ngx-simplebar and use data attribute
+ data-simplebar data-simplebar-*
+ and add max-height: **px oh fix height
+
+ SimpleBar
+ does NOT implement a custom scroll behaviour. It
+ keeps the
+ native
+ overflow: auto
+ scroll and
+ only replace the scrollbar visual appearance.
+
+ SimpleBar uses pure CSS to style the scrollbar. You can easily + customize it as you want! Or even have multiple style on the same + page...or just keep the default style ("Mac OS" scrollbar style). +
++ Only 6kb minified. SimpleBar doesn't use Javascript to handle + scrolling. You keep the performances/behaviours of the native + scroll. +
++ SimpleBar has been tested on the following browsers: Chrome, + Firefox, Safari, Edge, IE11. +
++ A beautiful, responsive, customizable, accessible (WAI-ARIA) + replacement for JavaScript's popup boxes +
+ ++ To use SweetAlert, follow the instructions from its documentation + over + here +
++ Swiper is the most modern slider with hardware accelerated transitions + and amazing native behavior. +
+ ++ To use Swiper, follow the instructions from its documentation over + + here +
+
+ Use
+ [config]="swiperConfig" init="false"
+ attribute to set a default swiper.
+
+ 
+ 
+
+ Use
+ [config]="swiperNavigation" init="false"
+ attribute to set a swiper with navigation and pagination.
+
+ 
+ 
+
+ Use
+ init="false" [config]="swiperPagination"
+ attribute to set a swiper with dynamic and pagination.
+
+
+
+
+ Use
+ [config]="swiperfadeEffect" init="false"
+ attribute to set a swiper with fade effect.
+
+
+
+
+ Use
+ [config]="swiperCreativeEffect" init="false"
+ attribute to set a swiper with creative custom effect.
+
+
+
+
+ Use
+ [config]="swiperFlip" init="false"
+ attribute to set a swiper with flip custom effect.
+
+
+
+
+ Use
+ [config]="swiperScroll" init="false"
+ attribute to set a swiper with scrollbar pagination.
+
+
+
+
+ Use
+ [config]="verticalConfig" init="false"
+ attribute to set a swiper with vertical pagination.
+
+
+
+
+ Use
+ init="false" [config]="swiperMouseWheel"
+ attribute to set a swiper with mousewheel scroll.
+
+
+
+
+ Use
+ init="false" [config]="resposiveConfig"
+ attribute to set a responsive swiper.
+
+
+
+
+
+
+ Better notification messages
+ ++ To use Toastify, follow the instructions from its documentation over + + here +
+typing...
++ {{ msg.mediaContend.size }} +
+{{ msg.text }}
+ } ++ {{ msg.mediaContend.size }} +
+{{ msg.text }}
+ } ++ @if (chat.timeStamp && chat.msg.length - 1 === $index) { + {{ chat.timeStamp }} + @if (chat.isRead) { + + } + } +
++ {{ data.lastMsg }} + @if (data.isRead) { + + } +
++ Last Interacted: + Online +
++ Phone Number: +
++1 456 9595 9594
+ ++ Location: +
+California, USA
+ ++ Languages: +
+English, German, Spanish
+ ++ Groups: +
++ Work + Friends +
++ Show Newly downloaded media in your phone's gallery +
++ Enter key will send your message +
+small
+English
++ Play sound for incoming and outgoing message. +
+Default ringtone
+Default
+White
+Default ringtone
+Off
+Dark
+2.4 GB
++ 7.2 GB sent - 13.8 GB received +
++ Voice message are always automatically downloaded +
+No media
+No media
+No media
++ Choose the quality of media files to be sent +
+Auto (recommended)
+Questions?
+7.02 GB (46%) of 15 GB used
+
+ Hi Jorge...
++ Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean + commodo ligula eget dolor. Aenean massa. Cum sociis natoque + penatibus et magnis dis parturient montes, nascetur ridiculus mus. + Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. +
++ Nulla consequat massa quis enim. Donec pede justo, fringilla vel, + aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, + imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede + mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum + semper nisi. +
++ Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, + consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, + viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus + varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies + nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. + Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem + quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam + quam nunc, blandit vel, luctus pulvinar, +
+
+ End of air-mode area
` + + editorConfig = { + toolbar: [ + [{ font: [] }], + ['bold', 'italic', 'underline'], + [{ color: [] }], + [ + { list: 'ordered' }, + { list: 'bullet' }, + { indent: '-1' }, + { indent: '+1' }, + ], + ['direction', { align: [] }], + ['link', 'image', 'video'], + ], + } +} diff --git a/apiferia/src/app/views/apps/email/components/email-list/email-list.component.html b/apiferia/src/app/views/apps/email/components/email-list/email-list.component.html new file mode 100644 index 00000000..03ead25d --- /dev/null +++ b/apiferia/src/app/views/apps/email/components/email-list/email-list.component.html @@ -0,0 +1,210 @@ +You don't have any saved drafts.
++ Saving a draft allows you to keep a message you aren't ready to send + yet. +
++ Messages that have been in Trash more than 30 days will be + automatically deleted. + Empty Trash Now +
++ {{ feed.content }} +
+ + @if (feed.images) { +
+ + {{ friend.mutual > 0 ? friend.mutual : 'no' }} mutual + friends +
++ {{ friend.mutual > 0 ? friend.mutual : 'no' }} mutual + friends +
++ {{ request.name }} sent you a request +
+ + {{ request.mutual > 0 ? request.mutual : 'no' }} mutual friends+ {{ request.mutual > 0 ? request.mutual : 'no' }} mutual friends +
+Story based around the idea of time lapse, animation to post soon!
+ +
+ 
+ 
+ 
+
+
+ + The quick, brown fox jumps over a lazy dog. DJs flock by when MTV ax + quiz prog. Junk MTV quiz graced by fox whelps. Bawds jog, flick + quartz, vex nymphs. +
+
+ + One morning, when Gregor Samsa woke from troubled dreams, he + found himself transformed in his bed into a horrible vermin. + He lay on his armour-like back, and if he lifted his head. +
+
+ 
+ + UI / UX Design Tutorial – Wireframe, Mockup & Design in Figma +
+ 1 days ago +
+
+
+ + “Not only must we be good, but we must also be good for something.” +
+ + +Cant go wrong with Bernadette Clothes
+Affordable Price and Top Quality
+COD Available, 10 days return policy
+#Clothes #Trendy #Shirts
+
+
+
+ Cant go wrong with Vanessa Mall
+Affordable Price and Top Quality
+COD Available, no return policy
+#Grocery #HomeMaterial #Foods #Market
+
+
+
+ Land of elves in Norse mythology.
+The "otherworld" of Welsh mythology.
+The city in which King Arthur reigned.
+#Travelling #Nature
+
+
+
+ Academic Library
+Special Library.
+Public Library.
+#LoveReading #Book
+
+
+
+ + {{ profileDetail.location }} +
++ {{ profileDetail.about }} +
+| Task Name | +Created Date | +Due Date | +Assigned | +Status | +Priority | +Action | +
|---|---|---|---|---|---|---|
|
+
+
+
+
+
+
+ |
+ + {{ data.create_date }} + {{ data.time }} + | +{{ data.due_date }} | + @if (data.assigned) { +
+
+
+
+
+ + {{ data.assigned.name }} ++ |
+ }
+ + {{ data.status }} + | ++ {{ data.priority }} + | ++ + + | +
This Week
+Last Week
+| Project | +Client | +Team | +Deadline | +Work Progress | +
|---|---|---|---|---|
| {{ data.project }} | +{{ data.client }} | +
+ @for (team of data.team; track team) {
+
+ |
+ {{ data.deadline }} | +
+ |
+
{{ schedule.time }}
++ {{ schedule.title }} +
++ {{ schedule.duration }} +
++ {{ data.mutual > 0 ? data.mutual : 'no' }} mutual friends +
++ {{ data.title }} +
++ {{ data.title }} +
+| {{ data.date }} | +${{ data.amount }} | ++ {{ data.status }} + | +{{ data.description }} | +
+ + Enter your password to access the admin. +
+ ++ Not you? return + Sign In +
++ Enter your password to access the admin. +
+ ++ Not you? return + Sign In +
+
+ + Enter your email address and we'll send you an email with + instructions to reset your password. +
+ ++ Back to + Sign In +
++ Enter your email address and we'll send you an email with instructions + to reset your password. +
+ ++ Back to + Sign In +
+
+ + Enter your email address and password to access admin panel. +
+ ++ Don't have an account? + Sign Up +
++ Enter your email address and password to access admin panel. +
+ ++ New here? + Sign Up +
+
+ + New to our platform? Sign up now! It only takes a minute. +
+ ++ I already have an account + Sign In +
++ New to our platform? Sign up now! It only takes a minute. +
+ ++ I already have an account + Sign In +
++ {{ data.description }} +
+Type your question or search keyword
+ ++ {{ item.description }} +
++ Drag and drop your event or click in the calendar +
+ @for (data of externalEvents; track $index) { +
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ Showing 26 more cars you might like
+
+ $73,000
+ +
+ $73,000
+ +
+ $73,000
+ +
+ $73,000
+ ++ ApexCharts is loaded with powerful features to fulfill your + data-visualization needs. +
+ ++ To use ApexCharts, follow the instructions from its documentation over + + here +
+ +
+ Find the TS file for the following chart at:
+ src/app/views/charts/area.component.ts
+
+ Find the TS file for the following chart at:
+ src/app/views/charts/bar.component.ts
+
+ Find the JS file for the following chart at:
+ src/app/views/charts/boxplot.component.ts
+
+ Find the TS file for the following chart at:
+ src/app/views/charts/bubble.component.ts
+
+ Find the TS file for the following chart at:
+ src/app/views/charts/candlestick.component.ts
+
+ Find the JS file for the following chart at:
+ src/app/views/charts/column.component.ts
+
+ Find the JS file for the following chart at:
+ src/app/views/charts/heatmap.component.ts
+
+ Find the TS file for the following chart at:
+ src/app/views/charts/line.component.ts
+
+ Find the JS file for the following chart at:
+ src/app/views/charts/mixed.component.ts
+
+ Find the JS file for the following chart at:
+ src/app/views/charts/pie.component.ts
+
+ Find the JS file for the following chart at:
+ src/app/views/charts/polar.component.ts
+
+ Find the JS file for the following chart at:
+ src/app/views/charts/radar.component.ts
+
+ Find the JS file for the following chart at:
+ src/app/views/charts/radial-bar.component.ts
+
+ Find the JS file for the following chart at:
+ src/app/views/charts/scatter.component.ts
+
+ Find the JS file for the following chart at:
+ src/app/views/charts/timeline.component.ts
+
+ Find the JS file for the following chart at:
+ src/app/views/charts/treemap.component.ts
+
This Week
+Last Week
+
+
{{ item.progressAmount }}k
++ {{ data.name }} +
+| Page Path | +Page Views | +Avg Time on Page | +Exit Rate | +
|---|---|---|---|
| + {{ + item.path + }} + | +{{ item.views }} | +{{ item.time }} | ++ {{ item.rate }}% + | +
| Sources | +Revenue | +Perc. | +
|---|---|---|
| Online | +{{ currency }}187,232 | ++ 48.63% + 2.5% Up + | +
| Offline | +{{ currency }}126,874 | ++ 36.08% + 8.5% Up + | +
| Direct | +{{ currency }}90,127 | ++ 23.41% + 10.98% Down + | +
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+ {{ data.date }} +
++ {{ + data.title + }} +
++ {{ data.location }} +
+