Ignore:
Timestamp:
07/21/20 22:00:35 (4 years ago)
Author:
Mile Jankuloski <mile.jankuloski@…>
Branches:
master
Children:
c352b2d
Parents:
0c48bbb
Message:

Frontend adjustments for prototype

Location:
Farmatiko/ClientApp/src/app/home
Files:
1 added
2 edited

Legend:

Unmodified
Added
Removed

  • Farmatiko/ClientApp/src/app/home/home.component.html

    r0c48bbb r333cdac  
    1 <h1>Hello, world!</h1>
    2 <p>Welcome to your new single-page application, built with:</p>
    3 <ul>
    4   <li><a href='https://get.asp.net/'>ASP.NET Core</a> and <a href='https://msdn.microsoft.com/en-us/library/67ef8sbd.aspx'>C#</a> for cross-platform server-side code</li>
    5   <li><a href='https://angular.io/'>Angular</a> and <a href='http://www.typescriptlang.org/'>TypeScript</a> for client-side code</li>
    6   <li><a href='http://getbootstrap.com/'>Bootstrap</a> for layout and styling</li>
    7 </ul>
    8 <p>To help you get started, we've also set up:</p>
    9 <ul>
    10   <li><strong>Client-side navigation</strong>. For example, click <em>Counter</em> then <em>Back</em> to return here.</li>
    11   <li><strong>Angular CLI integration</strong>. In development mode, there's no need to run <code>ng serve</code>. It runs in the background automatically, so your client-side resources are dynamically built on demand and the page refreshes when you modify any file.</li>
    12   <li><strong>Efficient production builds</strong>. In production mode, development-time features are disabled, and your <code>dotnet publish</code> configuration automatically invokes <code>ng build</code> to produce minified, ahead-of-time compiled JavaScript files.</li>
    13 </ul>
    14 <p>The <code>ClientApp</code> subdirectory is a standard Angular CLI application. If you open a command prompt in that directory, you can run any <code>ng</code> command (e.g., <code>ng test</code>), or use <code>npm</code> to install extra packages into it.</p>
     1<div class="wrapper">
     2    <div>
     3    <h2>Лекови</h2>
     4    <input type="text" class="form-control" name="lek" placeholder="Пронајди лек">
     5    <table class='table table-striped table-bordered table-sm' cellspacing="0" width="100%" aria-labelledby="tableLabel" *ngIf="true">
     6        <thead>
     7            <tr>
     8            <th>Placeholder1</th>
     9            <th>Placeholder2</th>
     10            <th>Placeholder3</th>
     11            <th>Placeholder4</th>
     12            </tr>
     13        </thead>
     14        <tbody>
     15            <tr *ngFor="">
     16            <td>data1</td>
     17            <td>data2</td>
     18            <td>data3</td>
     19            <td>data4</td>
     20            </tr>
     21        </tbody>
     22    </table>
     23    <nav aria-label="Page navigation example">
     24        <ul class="pagination">
     25          <li class="page-item">
     26            <a class="page-link" href="#" aria-label="Previous">
     27              <span aria-hidden="true">&laquo;</span>
     28              <span class="sr-only">Previous</span>
     29            </a>
     30          </li>
     31          <li class="page-item"><a class="page-link" href="#">1</a></li>
     32          <li class="page-item"><a class="page-link" href="#">2</a></li>
     33          <li class="page-item"><a class="page-link" href="#">3</a></li>
     34          <li class="page-item">
     35            <a class="page-link" href="#" aria-label="Next">
     36              <span aria-hidden="true">&raquo;</span>
     37              <span class="sr-only">Next</span>
     38            </a>
     39          </li>
     40        </ul>
     41      </nav>
     42    </div>
     43    <div>
     44    <h2>Аптеки</h2>
     45    <input type="text" class="form-control" name="apteka" placeholder="Пронајди аптека">
     46    <table class='table table-striped table-bordered table-sm' cellspacing="0" width="100%" aria-labelledby="tableLabel" *ngIf="true">
     47        <thead>
     48        <tr>
     49            <th>Placeholder1</th>
     50            <th>Placeholder2</th>
     51            <th>Placeholder3</th>
     52            <th>Placeholder4</th>
     53        </tr>
     54        </thead>
     55        <tbody>
     56        <tr *ngFor="">
     57            <td>data1</td>
     58            <td>data2</td>
     59            <td>data3</td>
     60            <td>data4</td>
     61        </tr>
     62        </tbody>
     63    </table>
     64    <nav aria-label="Page navigation example">
     65        <ul class="pagination">
     66          <li class="page-item">
     67            <a class="page-link" href="#" aria-label="Previous">
     68              <span aria-hidden="true">&laquo;</span>
     69              <span class="sr-only">Previous</span>
     70            </a>
     71          </li>
     72          <li class="page-item"><a class="page-link" href="#">1</a></li>
     73          <li class="page-item"><a class="page-link" href="#">2</a></li>
     74          <li class="page-item"><a class="page-link" href="#">3</a></li>
     75          <li class="page-item">
     76            <a class="page-link" href="#" aria-label="Next">
     77              <span aria-hidden="true">&raquo;</span>
     78              <span class="sr-only">Next</span>
     79            </a>
     80          </li>
     81        </ul>
     82      </nav>
     83    </div>
     84</div>

  • Farmatiko/ClientApp/src/app/home/home.component.ts

    r0c48bbb r333cdac  
    1 import { Component } from '@angular/core';
     1import { Component, OnInit, Input, ViewChild } from '@angular/core';
     2import { MaterialModule } from '../shared/material.module';
    23
    34@Component({
    45  selector: 'app-home',
    56  templateUrl: './home.component.html',
     7  styleUrls: ['./home.component.css']
    68})
    79export class HomeComponent {
Note: See TracChangeset for help on using the changeset viewer.