diff --git a/Katalog.htm b/Katalog.htm deleted file mode 100644 index 4e070f9..0000000 --- a/Katalog.htm +++ /dev/null @@ -1,103 +0,0 @@ - - - - - - Katalog - - - -
-

Katalog

-
- - -
-

Eingabe

-
- - - - - - - - - - - - -
-
-
-

Ausgabe

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
ProductId1
TitelDie Bibel 2
AuthorMr. IchBinEinAuthor
ContryAtlantis
Linklmgtfy.de
Languagelatein
Pages42
Year2021
CategoryDies ist ein Beispiel für einen viiiiiiiiiiiiiiiiieeeeeeeeeeeeeeeellllllllllllllllllll zzzzzuuuuuuuuu llllllllllllaaaaaaaaannnnnnnnnnggeeeeeeeennnnnnn TTTTTTeeeeeeeeeeeeeeexxxxxxxxxxxxt
ImageLinkDiesIstEinBild.png
LendTime30
LendTypeBuch
-
- - \ No newline at end of file diff --git a/README.md b/README.md deleted file mode 100644 index 4e827b0..0000000 --- a/README.md +++ /dev/null @@ -1,2 +0,0 @@ -# FrontendDavid - diff --git a/addInventar.htm b/addInventar.htm new file mode 100644 index 0000000..e6fe6cc --- /dev/null +++ b/addInventar.htm @@ -0,0 +1,38 @@ + + + + + + Inventar + + + +
+ +

Inventar

+
+ +
+

Eingabe

+
+ + + +
+
+ +
+

Ausgabe

+ + + + + + + + + +
ItemId
BookId
+
+ + \ No newline at end of file diff --git a/addKatalog.htm b/addKatalog.htm new file mode 100644 index 0000000..3bfdfaa --- /dev/null +++ b/addKatalog.htm @@ -0,0 +1,94 @@ + + + + + + Katalog + + + +
+ +

Katalog

+
+ +
+

Eingabe

+
+ + + + + + + + + + + + +
+
+
+

Ausgabe

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ProductId
Titel
Autor
Land
Link
Sprache
Seitenzahl
Erscheinungsjahr
Kategorie
Bildlink
Verleihdauer
Verleihtyp
+
+ + \ No newline at end of file diff --git a/addVerleih.htm b/addVerleih.htm new file mode 100644 index 0000000..c4bab1b --- /dev/null +++ b/addVerleih.htm @@ -0,0 +1,50 @@ + + + + + + Verleih + + + +
+ +

Verleih

+
+ +
+

Eingabe

+
+ + + + +
+
+
+

Ausgabe

+ + + + + + + + + + + + + + + + + + + + + +
Id
ItemId
Rückgabedatum
Kunde
zurückgegeben
+
+ + \ No newline at end of file diff --git a/changeKatalog.htm b/changeKatalog.htm new file mode 100644 index 0000000..f23720d --- /dev/null +++ b/changeKatalog.htm @@ -0,0 +1,94 @@ + + + + + + Katalog + + + +
+ +

Katalog

+
+ +
+

Eingabe

+
+ + + + + + + + + + + + +
+
+
+

Ausgabe

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ProductId
Titel
Autor
Land
Link
Sprache
Seitenzahl
Jahr
Kategorie
Bildlink
Verleihdauer
Verleihtyp
+
+ + \ No newline at end of file diff --git a/changeVerleih.htm b/changeVerleih.htm new file mode 100644 index 0000000..63786b5 --- /dev/null +++ b/changeVerleih.htm @@ -0,0 +1,51 @@ + + + + + + Inventar + + + +
+ +

Inventar

+
+ +
+

Eingabe

+
+ + + +
+ +
+
+
+

Ausgabe

+ + + + + + + + + + + + + + + + + + + + + +
Id
ItemId
Rückgabedatum
Kunde
zurückgegeben
+
+ + \ No newline at end of file diff --git a/deleteInventar.htm b/deleteInventar.htm new file mode 100644 index 0000000..49b33f9 --- /dev/null +++ b/deleteInventar.htm @@ -0,0 +1,36 @@ + + + + + + Inventar + + + +
+ +

Inventar

+
+ +
+

Eingabe

+
+ + +
+
+ + + \ No newline at end of file diff --git a/deleteKatalog.htm b/deleteKatalog.htm new file mode 100644 index 0000000..5d19ac6 --- /dev/null +++ b/deleteKatalog.htm @@ -0,0 +1,78 @@ + + + + + + Katalog + + + +
+ +

Katalog

+
+ +
+

Eingabe

+
+ + +
+
+ + + + + \ No newline at end of file diff --git a/findInventar.htm b/findInventar.htm new file mode 100644 index 0000000..63db450 --- /dev/null +++ b/findInventar.htm @@ -0,0 +1,37 @@ + + + + + + Inventar + + + +
+ +

Inventar

+
+
+

Eingabe

+
+ + +
+
+ + +
+

Ausgabe

+ + + + + + + + + +
ItemId
BookId
+
+ + \ No newline at end of file diff --git a/findKatalog.htm b/findKatalog.htm new file mode 100644 index 0000000..f4ef338 --- /dev/null +++ b/findKatalog.htm @@ -0,0 +1,76 @@ + + + + + + Katalog + + + +
+ +

Katalog

+
+
+

Eingabe

+
+ + +
+
+ +
+

Ausgabe

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ProductId
Titel
Autor
Erscheinungsland
Link
Sprache
Seitenzahl
Erscheinungsjahr
Kategorie
Bildlink
Verleihdauer
Verleihart
+
+ + \ No newline at end of file diff --git a/findVerleih.htm b/findVerleih.htm new file mode 100644 index 0000000..c810aff --- /dev/null +++ b/findVerleih.htm @@ -0,0 +1,76 @@ + + + + + + Verleih + + + +
+ +

Verleih

+
+
+

Eingabe

+
+ + +
+
+ +
+

Ausgabe

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ProductId
Titel
Autor
Erscheinungsland
Link
Sprache
Seitenzahl
Erscheinungsjahr
Kategorie
Bildlink
Verleihdauer
Verleihtyp
+
+ + \ No newline at end of file diff --git a/index.html b/index.html index f4c2c79..951f49b 100644 --- a/index.html +++ b/index.html @@ -21,10 +21,10 @@ Buch im Katalog
@@ -34,10 +34,9 @@ Buch im Inventar
@@ -47,10 +46,10 @@ Verleihvorgang diff --git a/scss/OutputOnly.css b/scss/OutputOnly.css new file mode 100644 index 0000000..f5997fe --- /dev/null +++ b/scss/OutputOnly.css @@ -0,0 +1,56 @@ +body { + background-color: bisque; + display: -ms-grid; + display: grid; + -ms-grid-columns: 1fr [5]; + grid-template-columns: repeat(5, 1fr); + grid-gap: 20px; + -ms-grid-row: 5; + grid-row: 5; + padding-left: 1%; + padding-right: 1%; +} + +.Titel { + -ms-grid-column: 1; + -ms-grid-column-span: 5; + grid-column: 1 / 6; + -ms-grid-row: 1; + grid-row: 1; +} + +.Ausgabe { + -ms-grid-column: 3; + -ms-grid-column-span: 3; + grid-column: 2 / 5; + -ms-grid-row: 2; + -ms-grid-row-span: 4; + grid-row: 2/6; + background-color: lightgray; + border: 1px solid black; + padding-bottom: 3%; +} + +h2, h1 { + text-align: center; +} + +table { + margin-left: 3%; + margin-right: 3%; + scroll-behavior: auto; +} + +table td, table tr { + border: 1px solid black; +} + +table .fix .headcol { + position: absolute; + width: 5em; + left: 0; + top: auto; + border-top-width: 1px; + margin-top: -1px; +} +/*# sourceMappingURL=OutputOnly.css.map */ \ No newline at end of file diff --git a/scss/OutputOnly.css.map b/scss/OutputOnly.css.map new file mode 100644 index 0000000..fd69627 --- /dev/null +++ b/scss/OutputOnly.css.map @@ -0,0 +1,9 @@ +{ + "version": 3, + "mappings": "AAAA,AAAA,IAAI,CAAC;EACD,gBAAgB,EAAE,MAAM;EACxB,OAAO,EAAE,QAAQ;EACjB,OAAO,EAAE,IAAI;EACb,gBAAgB,EAAE,GAAK,EAAC,CAAC;EACrB,qBAAqB,EAAE,cAAc;EACzC,QAAQ,EAAE,IAAI;EACd,YAAY,EAAE,CAAC;EACf,QAAQ,EAAE,CAAC;EACX,YAAY,EAAE,EAAE;EAChB,aAAa,EAAE,EAAE;CAClB;;AAED,AAAA,MAAM,CAAC;EACL,eAAe,EAAE,CAAC;EAClB,oBAAoB,EAAE,CAAC;EACvB,WAAW,EAAE,KAAK;EAClB,YAAY,EAAE,CAAC;EACf,QAAQ,EAAE,CAAC;CACZ;;AAEF,AAAA,QAAQ,CAAC;EACN,eAAe,EAAE,CAAC;EAClB,oBAAoB,EAAE,CAAC;EACvB,WAAW,EAAE,KAAK;EAClB,YAAY,EAAE,CAAC;EACf,iBAAiB,EAAE,CAAC;EACpB,QAAQ,EAAE,GAAG;EACb,gBAAgB,EAAE,SAAS;EAC3B,MAAM,EAAE,eAAe;EACvB,cAAc,EAAE,EAAE;CACnB;;AAED,AAAA,EAAE,EAAE,EAAE,CAAC;EACL,UAAU,EAAE,MAAM;CACnB;;AAED,AAAA,KAAK,CAAC;EACJ,WAAW,EAAE,EAAE;EACf,YAAY,EAAE,EAAE;EAChB,eAAe,EAAE,IAAI;CACtB;;AAED,AAAA,KAAK,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC;EACjB,MAAM,EAAE,eAAe;CACxB;;AAED,AAAA,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC;EAClB,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,GAAG;EACV,IAAI,EAAE,CAAC;EACP,GAAG,EAAE,IAAI;EACT,gBAAgB,EAAE,GAAG;EACrB,UAAU,EAAE,IAAI;CACjB;;AACD,qCAAqC", + "sources": [ + "OutputOnly.scss" + ], + "names": [], + "file": "OutputOnly.css" +} \ No newline at end of file diff --git a/scss/OutputOnly.scss b/scss/OutputOnly.scss new file mode 100644 index 0000000..2fd56e0 --- /dev/null +++ b/scss/OutputOnly.scss @@ -0,0 +1,56 @@ +body { + background-color: bisque; + display: -ms-grid; + display: grid; + -ms-grid-columns: (1fr)[5]; + grid-template-columns: repeat(5, 1fr); + grid-gap: 20px; + -ms-grid-row: 5; + grid-row: 5; + padding-left: 1%; + padding-right: 1%; + } + + .Titel { + -ms-grid-column: 1; + -ms-grid-column-span: 5; + grid-column: 1 / 6; + -ms-grid-row: 1; + grid-row: 1; + } + + .Ausgabe { + -ms-grid-column: 3; + -ms-grid-column-span: 3; + grid-column: 2 / 5; + -ms-grid-row: 2; + -ms-grid-row-span: 4; + grid-row: 2/6; + background-color: lightgray; + border: 1px solid black; + padding-bottom: 3%; + } + + h2, h1 { + text-align: center; + } + + table { + margin-left: 3%; + margin-right: 3%; + scroll-behavior: auto; + } + + table td, table tr { + border: 1px solid black; + } + + table .fix .headcol { + position: absolute; + width: 5em; + left: 0; + top: auto; + border-top-width: 1px; + margin-top: -1px; + } + /*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/scss/style.css b/scss/style.css index ed80243..9c95000 100644 --- a/scss/style.css +++ b/scss/style.css @@ -12,7 +12,6 @@ body { } .Titel { - text-align: center; -ms-grid-column: 1; -ms-grid-column-span: 5; grid-column: 1 / 6; @@ -20,6 +19,12 @@ body { grid-row: 1; } +.Titel #zuruck { + -ms-flex-item-align: left; + -ms-grid-row-align: left; + align-self: left; +} + .Eingabe { -ms-grid-column: 1; -ms-grid-column-span: 2; @@ -29,9 +34,10 @@ body { grid-row: 2/6; background-color: lightgrey; border: 1px solid black; + padding-bottom: 2%; } -.Eingabe input { +.Eingabe .input { resize: none; overflow: auto; width: 90%; @@ -58,6 +64,7 @@ body { grid-row: 2/6; background-color: lightgray; border: 1px solid black; + padding-bottom: 2%; } h2, h1 { diff --git a/scss/style.css.map b/scss/style.css.map index 103c2e2..7fcade7 100644 --- a/scss/style.css.map +++ b/scss/style.css.map @@ -1,6 +1,6 @@ { "version": 3, - "mappings": "AAAA,AAAA,IAAI,CACA;EACI,gBAAgB,EAAE,MAAM;EACxB,OAAO,EAAE,IAAI;EACb,qBAAqB,EAAE,cAAc;EACrC,QAAQ,EAAE,IAAI;EACd,QAAQ,EAAE,CAAC;EACX,YAAY,EAAE,EAAE;EAChB,aAAa,EAAG,EAAE;CAErB;;AACL,AAAA,MAAM,CACF;EACI,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,KAAK;EAClB,QAAQ,EAAE,CAAC;CAGd;;AACL,AAAA,QAAQ,CACJ;EACI,WAAW,EAAE,KAAK;EAClB,QAAQ,EAAE,GAAG;EACb,gBAAgB,EAAE,SAAS;EAC3B,MAAM,EAAE,eAAe;CAiB1B;;AAtBL,AAMQ,QANA,CAMA,KAAK,CACL;EACI,MAAM,EAAE,IAAI;EACZ,QAAQ,EAAE,IAAI;EACd,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,EAAE;EACV,WAAW,EAAE,EAAE;CAClB;;AAbT,AAcQ,QAdA,CAcA,GAAG,CACH;EACI,WAAW,EAAE,GAAG;EAChB,UAAU,EAAE,EAAE;EACd,WAAW,EAAE,MAAM;EACnB,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,IAAI;CACf;;AAGT,AAAA,QAAQ,CACJ;EACI,WAAW,EAAE,KAAK;EAClB,QAAQ,EAAE,GAAG;EACb,gBAAgB,EAAE,SAAS;EAC3B,MAAM,EAAE,eAAe;CAC1B;;AACL,AAAA,EAAE,EAAC,EAAE,CACD;EACA,UAAU,EAAE,MAAM;CACjB;;AAIL,AAAA,KAAK,CAAA;EACD,WAAW,EAAE,EAAE;EACf,YAAY,EAAE,EAAE;EAChB,eAAe,EAAE,IAAI;CAkBxB;;AArBD,AAII,KAJC,CAID,EAAE,EAJN,KAAK,CAIG,EAAE,CACN;EACI,MAAM,EAAE,eAAe;CAC1B;;AAPL,AAUQ,KAVH,CAQD,IAAI,CAEA,QAAQ,CAAC;EACL,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,GAAG;EACV,IAAI,EAAE,CAAC;EACP,GAAG,EAAE,IAAI;EACT,gBAAgB,EAAE,GAAG;EACrB,UAAU,EAAE,IAAI;CACjB", + "mappings": "AAAA,AAAA,IAAI,CACA;EACI,gBAAgB,EAAE,MAAM;EACxB,OAAO,EAAE,IAAI;EACb,qBAAqB,EAAE,cAAc;EACrC,QAAQ,EAAE,IAAI;EACd,QAAQ,EAAE,CAAC;EACX,YAAY,EAAE,EAAE;EAChB,aAAa,EAAG,EAAE;CAErB;;AACL,AAAA,MAAM,CACF;EACI,WAAW,EAAE,KAAK;EAClB,QAAQ,EAAE,CAAC;CAMd;;AATL,AAIQ,MAJF,CAIE,OAAO,CACP;EACI,UAAU,EAAE,IAAI;CACnB;;AAGT,AAAA,QAAQ,CACJ;EACI,WAAW,EAAE,KAAK;EAClB,QAAQ,EAAE,GAAG;EACb,gBAAgB,EAAE,SAAS;EAC3B,MAAM,EAAE,eAAe;EACvB,cAAc,EAAE,EAAE;CAiBrB;;AAvBL,AAOQ,QAPA,CAOA,MAAM,CACN;EACI,MAAM,EAAE,IAAI;EACZ,QAAQ,EAAE,IAAI;EACd,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,EAAE;EACV,WAAW,EAAE,EAAE;CAClB;;AAdT,AAeQ,QAfA,CAeA,GAAG,CACH;EACI,WAAW,EAAE,GAAG;EAChB,UAAU,EAAE,EAAE;EACd,WAAW,EAAE,MAAM;EACnB,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,IAAI;CACf;;AAGT,AAAA,QAAQ,CACJ;EACI,WAAW,EAAE,KAAK;EAClB,QAAQ,EAAE,GAAG;EACb,gBAAgB,EAAE,SAAS;EAC3B,MAAM,EAAE,eAAe;EACvB,cAAc,EAAE,EAAE;CACrB;;AACL,AAAA,EAAE,EAAC,EAAE,CACD;EACA,UAAU,EAAE,MAAM;CACjB;;AAIL,AAAA,KAAK,CAAA;EACD,WAAW,EAAE,EAAE;EACf,YAAY,EAAE,EAAE;EAChB,eAAe,EAAE,IAAI;CAiBxB;;AApBD,AAII,KAJC,CAID,EAAE,EAJN,KAAK,CAIG,EAAE,CACN;EACI,MAAM,EAAE,eAAe;CAC1B;;AAPL,AAUQ,KAVH,CAQD,IAAI,CAEA,QAAQ,CAAC;EACL,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,GAAG;EACV,IAAI,EAAE,CAAC;EACP,GAAG,EAAE,IAAI;EACT,gBAAgB,EAAE,GAAG;EACrB,UAAU,EAAE,IAAI;CACjB", "sources": [ "style.scss" ], diff --git a/scss/style.scss b/scss/style.scss index adf4c80..71f4c9a 100644 --- a/scss/style.scss +++ b/scss/style.scss @@ -11,10 +11,12 @@ body } .Titel { - text-align: center; grid-column: 1 / 6; grid-row: 1; - //background-color: lightgreen; + #zuruck + { + align-self: left; + } } .Eingabe @@ -23,7 +25,8 @@ body grid-row: 2/6; background-color: lightgrey; border: 1px solid black; - input + padding-bottom: 2%; + .input { resize: none; overflow: auto; @@ -47,6 +50,7 @@ body grid-row: 2/6; background-color: lightgray; border: 1px solid black; + padding-bottom: 2%; } h2,h1 { @@ -75,5 +79,4 @@ table{ } } - } \ No newline at end of file