Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update to angular17 #15

Open
wants to merge 28 commits into
base: master
Choose a base branch
from
Open
Changes from 1 commit
Commits
Show all changes
28 commits
Select commit Hold shift + click to select a range
5977633
Updated to angular 12
ENate Feb 20, 2024
44b1ea5
Updated material to 12
ENate Feb 20, 2024
7fb97b2
Updated to 12
ENate Feb 20, 2024
c3b07bf
Updated to material 13!
ENate Feb 20, 2024
4128500
Updated to store 17
ENate Feb 20, 2024
4d99340
Updated all to 13!
ENate Feb 20, 2024
bec9bae
Locked to 15
ENate Feb 20, 2024
8c96fdd
Updated individual packages to 13
ENate Feb 20, 2024
7e7d4ab
Updated to 14
ENate Feb 20, 2024
4383568
Updated cli to 14!
ENate Feb 20, 2024
fa56ca9
Updated to ng 15
ENate Feb 20, 2024
44453b6
Updated to ng 17
ENate Feb 21, 2024
f4a1866
Updated to carbon icons 17
ENate Feb 21, 2024
1721c68
Fixed NgxModule import, cli to 17
ENate Feb 21, 2024
9047a50
Modified packages
ENate Feb 21, 2024
8224d3d
More dependency updates
ENate Mar 21, 2024
babc88d
More updates to libs, components and dependencies
ENate Mar 21, 2024
67026bc
ibm-tab-header -> ibm-header
ENate Mar 21, 2024
ee5f0d7
Replaced @ using "@" characters
ENate Mar 21, 2024
c96b657
Updated pagination&Overflow modules from carbon-components angular
ENate Mar 21, 2024
556c5b8
Updated carbon modules and prettier tabs
ENate Mar 22, 2024
7cd39d6
Updated resizable element by removing resizableCursorPrecision property
ENate Mar 22, 2024
72f4366
Fixed identation for most components
ENate Mar 22, 2024
6867f8b
Updated import statements for styles
ENate Mar 23, 2024
410f02d
Updated checkbox, addEventLister and media Observer
ENate Mar 25, 2024
793c8e1
Downgrade typescript
ENate Mar 26, 2024
14a127a
Updated carbon styles and type
ENate Apr 7, 2024
b51db7d
Updated styles
ENate Aug 16, 2024
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
ibm-tab-header -> ibm-header
ENate committed Mar 21, 2024
commit 67026bc45e08bb804f16bd30c811f35bf6fc107f
107 changes: 52 additions & 55 deletions src/app/main/profile/profile.component.html
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<div class="app-a-box app-scrollbar-fix">
<ng-scrollbar>
<div class="bg-cover cursor-pointer"
style="background-image:url('assets/img/pixabay/orange-1377310_1920.jpg');height: 200px">
style="background-image:url('assets/img/pixabay/orange-1377310_1920.jpg');height: 200px">

</div>
<div fxLayout="row wrap">
@@ -10,7 +10,8 @@
<div fxLayout="row wrap">
<div fxFlex="30%" fxFlex.gt-md="100%">
<div class="">
<img class="w-full rounded-lg border-4 border-solid app-border-container" src="assets/img/avatar/avatar2.jpg"/>
<img class="w-full rounded-lg border-4 border-solid app-border-container"
src="assets/img/avatar/avatar2.jpg" />
</div>
</div>

@@ -87,36 +88,35 @@
</div>

<ibm-tab-header-group class="app-ibm-tab-auto">
<ibm-tab-header>
<ibm-tab>
Wall
</ibm-tab-header>
<ibm-tab-header>
</ibm-tab>
<ibm-tab>
Personal
</ibm-tab-header>
<ibm-tab-header>
</ibm-tab>
<ibm-tab>
Photos
</ibm-tab-header>
<ibm-tab-header>
</ibm-tab>
<ibm-tab>
Videos
</ibm-tab-header>
</ibm-tab>
</ibm-tab-header-group>

<div class="app-card app-card--m-b mb-4">
<div class="app-card__content">
<div class="flex justify-between mb-4">
<div class="flex items-center">
<img class="w-12 rounded mr-2" src="assets/img/avatar/avatar2.jpg"/>
<img class="w-12 rounded mr-2" src="assets/img/avatar/avatar2.jpg" />
<div>
<div class="app-productive-heading-02">David Robson <span class="app-helper-text-01 opacity-5 ml-1">Following</span>
<div class="app-productive-heading-02">David Robson <span
class="app-helper-text-01 opacity-5 ml-1">Following</span>
</div>
<div class="app-label-01">Marketing manager</div>
<div class="app-label-01">3d</div>
</div>
</div>
<div>
<button
ibmButton="ghost" size="sm"
class="bx--btn--icon-only bx--btn--remove-tooltip">
<button ibmButton="ghost" size="sm" class="bx--btn--icon-only bx--btn--remove-tooltip">
<svg class="bx--btn__icon" ibmIconOverflowMenuVertical size="32"></svg>
</button>
</div>
@@ -131,36 +131,36 @@
<div fxLayout="row wrap" fxLayoutGap="3px grid" style="min-height: 350px;">
<div fxFlex="50%" fxFlex.gt-md="50%" style="min-height: 350px;">
<div class="bg-cover cursor-pointer" fxFlex
style="background-image:url(assets/img/pixabay/new-york-2699520_640.jpg)">
style="background-image:url(assets/img/pixabay/new-york-2699520_640.jpg)">
</div>
</div>
<div fxFlex="25%" fxFlex.gt-md="25%" style="min-height: 350px;">
<div fxFlex fxLayout="column" fxLayoutGap="3px">
<div class="bg-cover cursor-pointer" fxFlex
style="background-image:url(assets/img/pixabay/dusk-404072_640.jpg)">
style="background-image:url(assets/img/pixabay/dusk-404072_640.jpg)">
</div>
<div class="bg-cover cursor-pointer" fxFlex
style="background-image:url(assets/img/pixabay/road-238458_640.jpg)">
style="background-image:url(assets/img/pixabay/road-238458_640.jpg)">
</div>
</div>
</div>
<div fxFlex="25%" fxFlex.gt-md="25%" style="min-height: 350px;">
<div fxFlex fxLayout="column" fxLayoutGap="3px">
<div class="bg-cover cursor-pointer" fxFlex
style="background-image:url(assets/img/pixabay/house-569115_640.jpg)">
style="background-image:url(assets/img/pixabay/house-569115_640.jpg)">
</div>
<div class="bg-cover cursor-pointer" fxFlex
style="background-image:url(assets/img/pixabay/grand-central-station-690180_640.jpg)">
style="background-image:url(assets/img/pixabay/grand-central-station-690180_640.jpg)">
</div>
</div>
</div>
</div>
<div class="flex justify-between items-center mt-4">
<div class="flex items-center ">
<div class="app-img-select">
<img src="assets/img/avatar/avatar3.jpg" class="app-img-select__item w-8 rounded"/>
<img src="assets/img/avatar/avatar7.jpg" class="app-img-select__item w-8 rounded"/>
<img src="assets/img/avatar/avatar6.jpg" class="app-img-select__item w-8 rounded"/>
<img src="assets/img/avatar/avatar3.jpg" class="app-img-select__item w-8 rounded" />
<img src="assets/img/avatar/avatar7.jpg" class="app-img-select__item w-8 rounded" />
<img src="assets/img/avatar/avatar6.jpg" class="app-img-select__item w-8 rounded" />
</div>
<div class="app-label-01 ml-2">You and 12 more liked this
</div>
@@ -194,18 +194,17 @@
<div class="app-card__content">
<div class="flex justify-between mb-4">
<div class="flex items-center">
<img class="w-12 rounded mr-2" src="assets/img/avatar/avatar2.jpg"/>
<img class="w-12 rounded mr-2" src="assets/img/avatar/avatar2.jpg" />
<div>
<div class="app-productive-heading-02">David Robson <span class="app-helper-text-01 opacity-5 ml-1">Following</span>
<div class="app-productive-heading-02">David Robson <span
class="app-helper-text-01 opacity-5 ml-1">Following</span>
</div>
<div class="app-label-01">Marketing manager</div>
<div class="app-label-01">3d</div>
</div>
</div>
<div>
<button
ibmButton="ghost" size="sm"
class="bx--btn--icon-only bx--btn--remove-tooltip">
<button ibmButton="ghost" size="sm" class="bx--btn--icon-only bx--btn--remove-tooltip">
<svg class="bx--btn__icon" ibmIconOverflowMenuVertical size="32"></svg>
</button>
</div>
@@ -215,16 +214,16 @@
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
fugiat nulla pariatur. Excepteur sint <b>occaecat cupidatat non proident</b>, sunt in culpa qui officia
deserunt mollit anim id est laborum.<br/>
deserunt mollit anim id est laborum.<br />
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
deserunt mollit anim id est laborum.
</p>
<div class="flex justify-between items-center mt-4">
<div class="flex items-center ">
<div class="app-img-select">
<img src="assets/img/avatar/avatar3.jpg" class="app-img-select__item w-8 rounded"/>
<img src="assets/img/avatar/avatar6.jpg" class="app-img-select__item w-8 rounded"/>
<img src="assets/img/avatar/avatar3.jpg" class="app-img-select__item w-8 rounded" />
<img src="assets/img/avatar/avatar6.jpg" class="app-img-select__item w-8 rounded" />
</div>
<div class="app-label-01 ml-2">You and 5 more liked this
</div>
@@ -258,40 +257,39 @@
<div class="app-card__content">
<div class="flex justify-between mb-4">
<div class="flex items-center">
<img class="w-12 rounded mr-2" src="assets/img/avatar/avatar2.jpg"/>
<img class="w-12 rounded mr-2" src="assets/img/avatar/avatar2.jpg" />
<div>
<div class="app-productive-heading-02">David Robson <span class="app-helper-text-01 opacity-5 ml-1">Following</span>
<div class="app-productive-heading-02">David Robson <span
class="app-helper-text-01 opacity-5 ml-1">Following</span>
</div>
<div class="app-label-01">Marketing manager</div>
<div class="app-label-01">3d</div>
</div>
</div>
<div>
<button
ibmButton="ghost" size="sm"
class="bx--btn--icon-only bx--btn--remove-tooltip">
<button ibmButton="ghost" size="sm" class="bx--btn--icon-only bx--btn--remove-tooltip">
<svg class="bx--btn__icon" ibmIconOverflowMenuVertical size="32"></svg>
</button>
</div>
</div>
<div fxLayout="row wrap" fxLayoutGap="3px grid" style="min-height: 350px;">
<div fxFlex="50%" fxFlex.gt-md="50%" style="min-height: 350px;">
<div class="bg-cover cursor-pointer" fxFlex
style="background-image:url(assets/img/pixabay/forest-931706_640.jpg)">
style="background-image:url(assets/img/pixabay/forest-931706_640.jpg)">
</div>
</div>
<div fxFlex="50%" fxFlex.gt-md="50%" style="min-height: 350px;">
<div class="bg-cover cursor-pointer" fxFlex
style="background-image:url(assets/img/pixabay/rock-540130_640.jpg)">
style="background-image:url(assets/img/pixabay/rock-540130_640.jpg)">
</div>
</div>
</div>
<div class="flex justify-between items-center mt-4">
<div class="flex items-center ">
<div class="app-img-select">
<img src="assets/img/avatar/avatar3.jpg" class="app-img-select__item w-8 rounded"/>
<img src="assets/img/avatar/avatar7.jpg" class="app-img-select__item w-8 rounded"/>
<img src="assets/img/avatar/avatar6.jpg" class="app-img-select__item w-8 rounded"/>
<img src="assets/img/avatar/avatar3.jpg" class="app-img-select__item w-8 rounded" />
<img src="assets/img/avatar/avatar7.jpg" class="app-img-select__item w-8 rounded" />
<img src="assets/img/avatar/avatar6.jpg" class="app-img-select__item w-8 rounded" />
</div>
<div class="app-label-01 ml-2">You and 12 more liked this
</div>
@@ -325,18 +323,17 @@
<div class="app-card__content">
<div class="flex justify-between mb-4">
<div class="flex items-center">
<img class="w-12 rounded mr-2" src="assets/img/avatar/avatar2.jpg"/>
<img class="w-12 rounded mr-2" src="assets/img/avatar/avatar2.jpg" />
<div>
<div class="app-productive-heading-02">David Robson <span class="app-helper-text-01 opacity-5 ml-1">Following</span>
<div class="app-productive-heading-02">David Robson <span
class="app-helper-text-01 opacity-5 ml-1">Following</span>
</div>
<div class="app-label-01">Marketing manager</div>
<div class="app-label-01">3d</div>
</div>
</div>
<div>
<button
ibmButton="ghost" size="sm"
class="bx--btn--icon-only bx--btn--remove-tooltip">
<button ibmButton="ghost" size="sm" class="bx--btn--icon-only bx--btn--remove-tooltip">
<svg class="bx--btn__icon" ibmIconOverflowMenuVertical size="32"></svg>
</button>
</div>
@@ -356,16 +353,16 @@
</div>
<div fxFlex="50%" fxFlex.gt-md="50%" style="min-height: 350px;">
<div class="bg-cover cursor-pointer" fxFlex
style="background-image:url(assets/img/pixabay/taj-mahal-1209004_640.jpg)">
style="background-image:url(assets/img/pixabay/taj-mahal-1209004_640.jpg)">
</div>
</div>
</div>
<div class="flex justify-between items-center mt-4">
<div class="flex items-center ">
<div class="app-img-select">
<img src="assets/img/avatar/avatar3.jpg" class="app-img-select__item w-8 rounded"/>
<img src="assets/img/avatar/avatar7.jpg" class="app-img-select__item w-8 rounded"/>
<img src="assets/img/avatar/avatar6.jpg" class="app-img-select__item w-8 rounded"/>
<img src="assets/img/avatar/avatar3.jpg" class="app-img-select__item w-8 rounded" />
<img src="assets/img/avatar/avatar7.jpg" class="app-img-select__item w-8 rounded" />
<img src="assets/img/avatar/avatar6.jpg" class="app-img-select__item w-8 rounded" />
</div>
<div class="app-label-01 ml-2">You and 12 more liked this
</div>
@@ -403,7 +400,7 @@

<div class="flex items-center mb-2">
<div class="bg-cover cursor-pointer w-16 h-16 rounded mr-3"
style="background-image:url(assets/img/pixabay/taj-mahal-1209004_640.jpg)">
style="background-image:url(assets/img/pixabay/taj-mahal-1209004_640.jpg)">
</div>
<div>
<div class="app-productive-heading-02">Cities</div>
@@ -414,7 +411,7 @@

<div class="flex items-center mb-2">
<div class="bg-cover cursor-pointer w-16 h-16 rounded mr-3"
style="background-image:url(assets/img/pixabay/rock-540130_640.jpg)">
style="background-image:url(assets/img/pixabay/rock-540130_640.jpg)">
</div>
<div>
<div class="app-productive-heading-02">Nature</div>
@@ -425,7 +422,7 @@

<div class="flex items-center mb-2">
<div class="bg-cover cursor-pointer w-16 h-16 rounded mr-3"
style="background-image:url(assets/img/pixabay/orange-1377310_1920.jpg)">
style="background-image:url(assets/img/pixabay/orange-1377310_1920.jpg)">
</div>
<div>
<div class="app-productive-heading-02">Paint</div>
@@ -436,7 +433,7 @@

<div class="flex items-center mb-2">
<div class="bg-cover cursor-pointer w-16 h-16 rounded mr-3"
style="background-image:url(assets/img/pixabay/house-569115_640.jpg)">
style="background-image:url(assets/img/pixabay/house-569115_640.jpg)">
</div>
<div>
<div class="app-productive-heading-02">Buildings</div>
@@ -483,4 +480,4 @@
</div>
</div>
</ng-scrollbar>
</div>
</div>