Ray Villalobos planetoftheweb
🚀
planetoftheweb
/ ri-App.html
Created
December 14, 2018 00:41
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <main class="page bg-white" id="petratings"> | |
| <div class="container"> | |
| <div class="row"> | |
| <div class="col-md-12 bg-white"> | |
| <div class="container"> | |
| <div>Add Appointments</div> | |
| <div>Search Appointments</div> | |
| <div>List Appointments</div> | |
| </div> | |
| </div> |
planetoftheweb
/ ri-index.css
Created
December 14, 2018 00:22
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** Basic Page CSS **/ | |
| body { | |
| font-weight: 200; | |
| background-color: #337ab7; | |
| } | |
| header a, | |
| footer a { | |
| color: white; | |
| } |
planetoftheweb
/ ti-App.css
Created
December 14, 2018 00:22
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .add-appointment .card-body { | |
| display: none; | |
| } | |
| .apt-addheading { | |
| cursor: pointer; | |
| user-select: none; | |
| } | |
| .appointment-list { |
planetoftheweb
/ ri-index.html
Created
December 14, 2018 00:05
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <header class="container text-white"> | |
| <h4 class="py-2">Wisdom Pet Medicine</h4> | |
| </header> | |
| <div id="root"></div> | |
| <footer class="container d-flex text-white py-2"> | |
| <p> | |
| All contents © 2018 | |
| <a href="https://www.linkedin.com/learning">LinkedIn Learning</a>. All |
planetoftheweb
/ ai-search.component.html
Created
December 1, 2018 23:01
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="search-appointments row justify-content-center my-4"> | |
| <div class="col-md-6"> | |
| <div class="input-group"> | |
| <input id="SearchApts" placeholder="Search" type="text" class="form-control" aria-label="Search Appointments"> | |
| <div class="input-group-append"> | |
| <button type="button" class="btn btn-primary dropdown-toggle" | |
| data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Sort by: <span class="caret"></span> | |
| </button> | |
| <div class="sort-menu dropdown-menu dropdown-menu-right"> |
planetoftheweb
/ ai-add-component.html
Last active
December 1, 2018 22:59
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="card textcenter mt-3"> | |
| <div class="apt-addheading card-header bg-primary text-white"> | |
| Add Appointment | |
| </div><!-- card-header --> | |
| <div class="card-body"> | |
| <form id="aptForm" novalidate> | |
planetoftheweb
/ ng-list.component.html
Created
November 30, 2018 00:28
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="appointment-list item-list mb-3"> | |
| <div class="pet-item col media py-3"> | |
| <div class="mr-3"> | |
| <button class="pet-delete btn btn-sm btn-danger"></button> | |
| </div><!-- media-left --> | |
| <div class="pet-info media-body"> | |
| <div class="pet-head d-flex"> | |
| <span class="pet-name" contenteditable="true">petName</span> | |
| <span class="apt-date ml-auto">aptDate</span> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| [ | |
| { | |
| "petName": "Pepe", | |
| "ownerName": "Reggie Tupp", | |
| "aptNotes": "It's time for this rabbit's post spaying surgery checkup", | |
| "aptDate": "2018-11-28 13:30" | |
| }, | |
| { | |
| "petName": "Rio", | |
| "ownerName": "Philip Ransu", |
planetoftheweb
/ wisdom.app.component.html
Last active
November 28, 2018 17:11
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <main class="page bg-white" id="petratings"> | |
| <div class="container"> | |
| <div class="row"> | |
| <div class="col-md-12 bg-white"> | |
| <div class="container"> | |
| <h2 class="py-5">{{title}}</h2> | |
| </div> | |
| </div><!-- col-md-12 --> |
planetoftheweb
/ wisdompet.html
Created
November 28, 2018 17:02
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <header class="container text-white"><h4 class="py-2">Wisdom Pet Medicine</h4></header> | |
| <app-root></app-root> | |
| <footer class="container d-flex text-white py-2"> | |
| <p>All contents © 2018 <a href="https://www.linkedin.com/learning">LinkedIn Learning</a>. All rights reserved.</p> | |
| <div class="ml-auto"> | |
| <a class="d-block" class="text-white bg-dark" href="#">Terms of use</a> | |
| <a class="d-block" class="text-white bg-dark" href="#">Privacy policy</a> | |
| </div><!-- col-md-6 --> |