modified api.ts to directly incorporate swagger-ui-express code

static/styles/swagger-ui.css

@@ -0,0 +1,323 @@
+/*Bosch styling for swagger*/
+
+/*GET: dark blue*/
+/*POST: dark green*/
+/*PUT: turquoise*/
+/*DELETE: fuchsia*/
+
+:root {
+  --red: #ea0016;
+  --dark-blue: #005691;
+  --dark-blue-w75: #bfd5e3;
+  --dark-green: #006249;
+  --dark-green-w75: #bfd8d1;
+  --turquoise: #00a8b0;
+  --turquoise-w75: #bfe9eb;
+  --fuchsia: #b90276;
+  --fuchsia-w75: #edc0dd;
+  --light-grey: #bfc0c2;
+  --light-grey-w75: #efeff0;
+  --light-green: #78be20;
+}
+
+body {
+  background: #fff;
+}
+
+body:before {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 16px;
+  content: '';
+  background-repeat: no-repeat;
+  background-size: cover;
+  background-image: url(/static/img/header.svg);
+}
+
+body:after {
+  position: absolute;
+  right: 25px;
+  top: 36px;
+  width: 135px;
+  height: 48px;
+  content: '';
+  background-repeat: no-repeat;
+  background-size: cover;
+  background-image: url(/static/img/bosch-logo.svg);
+}
+
+.swagger-ui {
+  font-family: "Bosch Sans", sans-serif;
+}
+
+/*custom docs*/
+.docs {
+  position: relative;
+  font-size: 14px;
+}
+
+.docs > summary {
+  position: absolute;
+  right: 0;
+  top: -25px;
+  cursor: pointer;
+}
+
+.docs-open:hover {
+  text-decoration: underline;
+}
+
+/*Remove topbar*/
+.swagger-ui .topbar {
+    display: none
+}
+
+/*Remove models view*/
+.swagger-ui .models {
+  display: none;
+}
+
+/*Remove application/json select*/
+.swagger-ui .opblock .opblock-section-header > label, .swagger-ui .response-controls {
+  display: none;
+}
+
+/*Remove border radius*/
+.swagger-ui .opblock, .swagger-ui .opblock .opblock-summary-method, .swagger-ui select {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+/*remove links in response*/
+.swagger-ui .response-col_links {
+  display: none;
+}
+
+/*remove version*/
+.swagger-ui .info .title span {
+  display: none;
+}
+
+/*separator before methods*/
+.swagger-ui .scheme-container {
+  box-shadow: none;
+  border-bottom: 1px solid var(--light-grey);
+}
+
+/*tag separator*/
+.swagger-ui .opblock-tag {
+  border-bottom: 1px solid var(--light-grey);
+}
+
+/*parameters/responses bar*/
+.swagger-ui .opblock .opblock-section-header {
+  box-shadow: none;
+  background: #fff;
+}
+
+/*select*/
+.swagger-ui select {
+  background-color: var(--light-grey-w75);
+  border: none;
+  height: 36px;
+}
+
+/*button*/
+.swagger-ui .btn {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+.swagger-ui .btn:hover {
+  box-shadow: none;
+}
+
+/*authorize button */
+.swagger-ui .btn.authorize {
+  color: var(--light-green);
+  border-color: var(--light-green);
+}
+
+.swagger-ui .btn.authorize svg {
+  fill: var(--light-green);
+}
+
+/*auth inputs*/
+.swagger-ui .auth-container input[type="password"], .swagger-ui .auth-container input[type="text"] {
+  border-radius: 0;
+  box-shadow: none;
+  border-color: var(--light-grey);
+}
+
+.swagger-ui .dialog-ux .modal-ux {
+  border-radius: 0;
+}
+
+/*cancel button*/
+.swagger-ui .btn.cancel {
+  color: var(--red);
+  border-color: var(--red);
+}
+
+/*download button*/
+.swagger-ui .download-contents {
+  border-radius: 0;
+  height: 28px;
+  width: 80px;
+}
+
+/*model*/
+.swagger-ui .model-box {
+  border-radius: 0;
+}
+
+/*execute button*/
+.swagger-ui .btn.execute {
+  background-color: var(--dark-blue);
+  border-color: var(--dark-blue);
+  height: 30px;
+  line-height: 0.7;
+}
+
+.swagger-ui .btn-group .btn:last-child {
+  border-radius: 0;
+  height: 30px;
+  border-color: var(--dark-blue);
+}
+
+.swagger-ui .btn-group .btn:first-child {
+  border-radius: 0;
+}
+
+.swagger-ui .btn-group {
+  padding: 0 20px;
+}
+
+/*parameter input*/
+.swagger-ui .parameters-col_description input[type="text"] {
+  border-radius: 0;
+}
+
+/*required label*/
+.swagger-ui .parameter__name.required > span {
+  color: var(--red) !important;
+}
+
+.swagger-ui .parameter__name.required::after {
+  color: var(--red);
+}
+/*Remove colored parameters bar*/
+.swagger-ui .opblock.opblock-get .tab-header .tab-item.active h4 span::after, .swagger-ui .opblock.opblock-post .tab-header .tab-item.active h4 span::after, .swagger-ui .opblock.opblock-put .tab-header .tab-item.active h4 span::after, .swagger-ui .opblock.opblock-delete .tab-header .tab-item.active h4 span::after {
+  background: none;
+}
+
+/*code*/
+.swagger-ui .opblock-body pre.microlight {
+  border-radius: 0;
+}
+
+.swagger-ui .highlight-code > .microlight {
+  min-height: 0;
+}
+
+/*request body*/
+.swagger-ui textarea {
+  border-radius: 0;
+}
+
+/*parameters smaller padding*/
+.swagger-ui .execute-wrapper {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+.swagger-ui .btn.execute {
+  margin-bottom: 20px;
+}
+
+.swagger-ui .opblock-description-wrapper {
+  margin-top: 20px;
+}
+
+.swagger-ui .opblock-description-wrapper {
+  margin-top: 5px;
+}
+
+.opblock-section .opblock-section-request-body > div > div {
+  padding-top: 18px;
+}
+
+/*response element positions*/
+.swagger-ui .model-example {
+  position: relative;
+  margin-top: 0;
+}
+
+.swagger-ui .tab {
+  position: absolute;
+  top: -35px;
+  right: 0;
+}
+
+.swagger-ui table tbody tr td {
+  padding: 0;
+}
+
+.swagger-ui .renderedMarkdown p {
+  margin: 8px auto;
+}
+
+/*Method colors*/
+.swagger-ui .opblock.opblock-get .opblock-summary-method {
+  background: var(--dark-blue);
+}
+
+.swagger-ui .opblock.opblock-get .opblock-summary {
+  border-color: var(--dark-blue);
+}
+
+.swagger-ui .opblock.opblock-get {
+  background: var(--dark-blue-w75);
+  border-color: var(--dark-blue);
+}
+
+.swagger-ui .opblock.opblock-post .opblock-summary-method {
+  background: var(--dark-green);
+}
+
+.swagger-ui .opblock.opblock-post .opblock-summary {
+  border-color: var(--dark-green);
+}
+
+.swagger-ui .opblock.opblock-post {
+  background: var(--dark-green-w75);
+  border-color: var(--dark-green);
+}
+
+.swagger-ui .opblock.opblock-put .opblock-summary-method {
+  background: var(--turquoise);
+}
+
+.swagger-ui .opblock.opblock-put .opblock-summary {
+  border-color: var(--turquoise);
+}
+
+.swagger-ui .opblock.opblock-put {
+  background: var(--turquoise-w75);
+  border-color: var(--turquoise);
+}
+
+.swagger-ui .opblock.opblock-delete .opblock-summary-method {
+  background: var(--fuchsia);
+}
+
+.swagger-ui .opblock.opblock-delete .opblock-summary {
+  border-color: var(--fuchsia);
+}
+
+.swagger-ui .opblock.opblock-delete {
+  background: var(--fuchsia-w75);
+  border-color: var(--fuchsia);
+}