| <div class="article"> | |
| <div class="heading">Article Heading</div> | |
| <div class="article-content"> | |
| <div class="paragraph"> | |
| Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod | |
| tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, | |
| </div> | |
| <div class="paragraph"> | |
| quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo | |
| consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse |
Best viewed with editors to left or right.
Working on using flexbox to display pricing plans with varying heights of content, with nice transitions, and mostly just using CSS. Very minimal JS for an optional piece of data. Also, using media queries to stack items when the boxes become too narrow.
TODO: COMMENT CODE, IE Testing, Decide if prices should be centered. (effects design, not functionality),
| [ngStyle]="{'text-align':col.field=='ItemId'?'right':col.field=='AccessionNo'?'right':col.field=='Qty'?'right':col.field=='Rate'?'right':'left'}" | |
| #ngStyle multiple property | |
| [ngStyle]="{'width': col.header=='Waiting Time'?'80px':col.header=='Arrival Time'? '200px':col.header=='Status'?'120px':'', 'text-align': col.header=='Arrival Time'?'right':'left'}" | |
| #ngClass | |
| [ngClass]="expanded ? 'fa fa-fw fa-chevron-circle-down' : 'fa fa-fw fa-chevron-circle-right'" | |
| ## | |
| # ternary | |
| class="{{flipPatientImaging === false ? 'flip-active-btn' : 'flip-normal-btn'}}" | |
| let flipItem = (<HTMLElement>document.querySelector('.bottom-flip-content')).offsetHeight; | |
| document.getElementById('common-flip-all-tab').style.height = flipItem + 50 + 'px'; |
| <div class="lis-filter mb-10"> | |
| <div class="mb-10 text-right"> | |
| <p-selectButton [options]="buttonTypes" [(ngModel)]="selectedTypeOrderType" (click)="filterLISListByStatus()"> | |
| </p-selectButton> | |
| </div> | |
| </div> | |
| <p-button label="Add Vendor" class="mb-10" icon="fa fa-plus"></p-button> | |
| <div class="ui-g-12 ui-md-12"> |
| Data Table: | |
| https://kimsereyblog.blogspot.com/2017/12/prime-ng-data-table-for-angular.html | |
| https://embed.plnkr.co/d9hQLeW3r95SMtCioTqt/ | |
| https://stackoverflow.com/questions/50944629/angular-primeng-table-set-up-pipe-per-column-using-cols-array | |
| #lazy load | |
| https://embed.plnkr.co/SjpIQa/ | |
| https://stackoverflow.com/questions/52673187/primeng-set-the-page-for-the-first-using-lazy-loading-table | |
| https://stackoverflow.com/questions/46292509/unable-to-use-primeng-p-datatable-virtual-scroll-lazy-load?rq=1 | |
| #toggle-select-listbox |
| @import '~primeng/resources/primeng.min.css'; | |
| @import '~primeng/resources/themes/omega/theme.css'; | |
| @import '~primeicons/primeicons.css'; |
| WHAT YOU WILL LEARN | |
| At the end of this course you will be familiar with the concepts of cloud computing. You will have clear idea what is cloud computing, how this works and how to build software for the cloud. You will also be able to design and build your software to utilize and run in AWS infrastructure. | |
| 01 | |
| Introduction to cloud computing concepts | |
| In this course we will get to know what is cloud computing and how this works. We will learn what is the difference between cloud based software and traditional software. We will learn the benefits of cloud computing and other fundamental concepts about cloud computing. | |
| 02 | |
| Get to know about AWS products | |
| In this course we will learn about what services AWS provide and the use case of each of these services. It will help us understand the domain of AWS products and broaden our idea in this platform. |
| https://github.com/arif2009/GIT-HELP-GUIDE | |
| How to Add a New Remote to your Git Repo | |
| https://articles.assembla.com/using-git/how-to-add-a-new-remote-to-your-git-repo | |
| https://github.com/Kunena/Kunena-Forum/wiki/Create-a-new-branch-with-git-and-manage-branches | |
| Discard all local changes to all files permanently > git reset --hard | |
| git log --oneline --decorate --graph | |
| git rebase master |
| https://github.com/MiracleAdvanceTechnologies/PetMatrixFrontend/commit/c9ced1c8611b15562e95b8271ababe824ea72e27 | |
| <p-table #table [value]="[{}]"> | |
| <ng-template pTemplate="header"> | |
| <tr> | |
| <th>Reporting</th> | |
| <th>Con. Simple</th> | |
| <th>Con. Complex</th> | |
| </tr> | |
| </ng-template> |
| Command line instructions | |
| #Git global setup | |
| it config --global user.name "Bipon Biswas" | |
| git config --global user.email "[email protected]" | |
| #Create a new repository | |
| git clone [email protected]:alem-project/the-vault-admin-crm.git | |
| cd the-vault-admin-crm | |
| touch README.md |
