tonimoeckel

Einfache Web Anwendung

Erstellen Sie eine Seite, die als Überschrift "Zeitzone konvertieren" hat. Es soll ein Eingabefeld für den Benutzer geben, in dem eine Uhrzeit im Format "Stunden:Minuten:Sekunden" eingegeben werden kann. Es soll auch ein Dropdown-Menü geben, in dem der Benutzer eine Zeitzone auswählen kann. Sie können sich auf gängige Zeitzonen wie "UTC", "EST", "CST", "PST" oder "GMT" beschränken.

Wenn der Benutzer auf einen Button "Konvertieren" klickt, soll die eingegebene Uhrzeit in die ausgewählte Zeitzone konvertiert werden. Das Ergebnis sollte in einer zweiten Zeile unter dem Eingabefeld und dem Dropdown-Menü angezeigt werden.

Um die Aufgabe noch etwas zu erweitern, soll die Seite am Ende responsive sein, d.h. sie sollte auf verschiedenen Bildschirmgrößen gut aussehen und funktionieren. Verwenden Sie CSS, um sicherzustellen, dass die Seite auf einem Handy, Tablet oder Desktop-Bildschirm gut lesbar und benutzbar ist.

Hier ist ein möglicher HTML-Code, der als Ausgangspunkt verwendet werden ka

tonimoeckel

import {Component, ElementRef, forwardRef, Input} from "@angular/core";
import {Observable} from "rxjs/Rx";
import {ControlValueAccessor, NG_VALUE_ACCESSOR} from "@angular/forms";

@Component({
  selector: 'debounce-input',
  template: '<input type="text" class="{{cssClass}}" [placeholder]="placeholder" [(ngModel)]="liveValue">',
  providers: [
    {
      provide: NG_VALUE_ACCESSOR,

tonimoeckel

const applicationTypeIconMap = {
	'image' : 'fa-file-image-o',
	'audio' : 'fa-file-audio-o',
	'video' : 'fa-file-video-o',
	// Documents
	'application/pdf' : 'fa-file-pdf-o',
	'application/msword' : 'fa-file-word-o',
	'application/vnd.ms-word' : 'fa-file-word-o',
	'application/vnd.oasis.opendocument.text' : 'fa-file-word-o',
	'application/vnd.openxmlformats-officedocument.wordprocessingml' : 'fa-file-word-o',