diff --git a/Katalog.htm b/Katalog.htm deleted file mode 100644 index f92dafd..0000000 --- a/Katalog.htm +++ /dev/null @@ -1,113 +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..163d524 --- /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..d28f8ce --- /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..17b3f3a --- /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..e82f537 --- /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..d994ff5 --- /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..297db3d 100644 --- a/index.html +++ b/index.html @@ -5,8 +5,6 @@ Bücherwurm WebInterface -
@@ -18,39 +16,37 @@
- Buch im Katalog +
- Buch im Inventar +
- 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/menu.css b/scss/menu.css deleted file mode 100644 index 8787ae6..0000000 --- a/scss/menu.css +++ /dev/null @@ -1 +0,0 @@ -/* No CSS *//*# sourceMappingURL=menu.css.map */ \ No newline at end of file diff --git a/scss/menu.css.map b/scss/menu.css.map deleted file mode 100644 index 5403b2e..0000000 --- a/scss/menu.css.map +++ /dev/null @@ -1,9 +0,0 @@ -{ - "version": 3, - "mappings": "", - "sources": [ - "menu.scss" - ], - "names": [], - "file": "menu.css" -} \ No newline at end of file diff --git a/scss/menu.scss b/scss/menu.scss deleted file mode 100644 index e69de29..0000000 diff --git a/scss/style.css b/scss/style.css index 85d4c1b..b866cd9 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,6 +34,15 @@ body { grid-row: 2/6; background-color: lightgrey; border: 1px solid black; + padding-bottom: 2%; +} + +.Eingabe .input { + resize: none; + overflow: auto; + width: 90%; + height: 3%; + margin-left: 5%; } .Eingabe #go { @@ -37,7 +51,7 @@ body { -webkit-box-align: center; -ms-flex-align: center; align-items: center; - width: 100px; + width: 150px; height: 30px; } @@ -50,20 +64,13 @@ body { grid-row: 2/6; background-color: lightgray; border: 1px solid black; + padding-bottom: 2%; } h2, h1 { text-align: center; } -textarea { - resize: none; - overflow: auto; - width: 90%; - height: 3%; - margin-left: 5%; -} - table { margin-left: 3%; margin-right: 3%; diff --git a/scss/style.css.map b/scss/style.css.map index f5471e8..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;CAS1B;;AAdL,AAMQ,QANA,CAMA,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;;AAEL,AAAA,QAAQ,CACJ;EACA,MAAM,EAAE,IAAI;EACZ,QAAQ,EAAE,IAAI;EACd,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,EAAE;EACV,WAAW,EAAE,EAAE;CACd;;AAEL,AAAA,KAAK,CAAA;EACD,WAAW,EAAE,EAAE;EACf,YAAY,EAAE,EAAE;EAChB,eAAe,EAAE,IAAI;CAgBxB;;AAnBD,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 2da3973..15097f7 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,12 +25,21 @@ body grid-row: 2/6; background-color: lightgrey; border: 1px solid black; + padding-bottom: 2%; + .input + { + resize: none; + overflow: auto; + width: 90%; + height: 3%; + margin-left: 5%; + } #go { margin-left: 40%; margin-top: 5%; align-items: center; - width: 100px; + width: 150px; height: 30px; } } @@ -39,20 +50,14 @@ body grid-row: 2/6; background-color: lightgray; border: 1px solid black; + padding-bottom: 2%; } h2,h1 { text-align: center; } -textarea - { - resize: none; - overflow: auto; - width: 90%; - height: 3%; - margin-left: 5%; - } + table{ margin-left: 3%; @@ -73,4 +78,5 @@ table{ margin-top: -1px; } } + } \ No newline at end of file