<template>
    <div class="main d-flex flex-column">
        <div class="d-flex flex-row">
            <div :class="spacer"></div>
            <div class="logoutput shadow">
                <pre v-highlightjs="logs"><code class="javascript"></code></pre>
            </div>
        </div>
    </div>
</template>

<style scoped lang="scss">
.logoutput {
  width: 95%;
  height: 85vh;
  margin-top: $offset;
  margin-right: $offset;
  margin-left: $offset;
  text-align: left;
  background-color: white;
  overflow: scroll;
  transition: $transition-fast;
}

.spacer {
  margin-left: $offset;
  height: 90vh;
}

.spacer-collapsed {
  min-width: $icon-width + $offset;
  transition: $transition-fast;
}

.spacer-expanded {
  min-width: $sidebar-width + $offset;
}
</style>

<script>
import { mapGetters } from "vuex";

export default {
  name: "logs",
  data() {
    return {
      logs: `gemma ❯ ./run-app.sh
2018/09/21 11:13:37 Configure GeoServer...
2018/09/21 11:13:37 listen on localhost:8000
2018/09/21 11:13:37 info: creating workspace gemma
2018/09/21 11:13:38 info: creating datastore gemma
2018/09/21 11:13:38 info: number of tables to publish 2
2018/09/21 11:13:38 info: creating featuretype distance_marks_geoserver.
2018/09/21 11:13:39 warn: configure GeoServer failed: Status code 'Internal Server Error' (500)
2018/09/21 11:48:22 Injecting user sophie
2018/09/21 11:48:22 proxyDirector: /api/internal/wfs
2018/09/21 11:48:22 proxyDirector: /api/external/d4d
2018/09/21 11:48:22 proxyDirector: /api/external/d4d
2018/09/21 11:48:22 Injecting user sophie
2018/09/21 11:48:22 proxyDirector: /api/internal/wfs
2018/09/21 11:48:25 gzip compression
2018/09/21 11:48:25 rewrite successful
2018/09/21 11:48:25 rewrite took 25.603973ms
2018/09/21 11:48:27 gzip compression
2018/09/21 11:48:27 rewrite successful
2018/09/21 11:48:27 rewrite took 1.039415ms
2018/09/21 11:48:52 Injecting user sophie
2018/09/21 11:48:52 proxyDirector: /api/internal/wfs
2018/09/21 11:48:52 proxyDirector: /api/external/d4d
2018/09/21 11:48:53 gzip compression
2018/09/21 11:48:53 rewrite successful
2018/09/21 11:48:53 rewrite took 1.039695ms
2018/09/21 11:48:53 proxyDirector: /api/external/d4d
2018/09/21 11:48:53 Injecting user sophie
2018/09/21 11:48:53 proxyDirector: /api/internal/wfs
2018/09/21 11:48:53 gzip compression
2018/09/21 11:48:53 rewrite successful
2018/09/21 11:48:53 rewrite took 16.220881ms
2018/09/21 11:49:05 Injecting user sophie
2018/09/21 11:49:05 proxyDirector: /api/internal/wfs
2018/09/21 11:49:05 proxyDirector: /api/external/d4d
2018/09/21 11:49:05 gzip compression
2018/09/21 11:49:05 rewrite successful
2018/09/21 11:49:05 rewrite took 973.896µs
2018/09/21 11:49:05 Injecting user sophie
2018/09/21 11:49:05 proxyDirector: /api/internal/wfs
2018/09/21 11:49:05 gzip compression
2018/09/21 11:49:05 rewrite successful
2018/09/21 11:49:05 rewrite took 1.396081ms
2018/09/21 11:49:38 Injecting user sophie
2018/09/21 11:49:38 proxyDirector: /api/internal/wfs
2018/09/21 11:49:38 proxyDirector: /api/external/d4d
2018/09/21 11:49:38 gzip compression
2018/09/21 11:49:38 rewrite successful
2018/09/21 11:49:38 rewrite took 853.268µs
2018/09/21 11:49:38 proxyDirector: /api/external/d4d
2018/09/21 11:49:38 Injecting user sophie
2018/09/21 11:49:38 proxyDirector: /api/internal/wfs
2018/09/21 11:49:38 gzip compression
2018/09/21 11:49:38 rewrite successful
2018/09/21 11:49:38 rewrite took 5.146315ms
2018/09/21 11:50:38 Injecting user sophie
2018/09/21 11:50:38 proxyDirector: /api/internal/wfs
2018/09/21 11:50:38 proxyDirector: /api/external/d4d
2018/09/21 11:50:38 gzip compression
2018/09/21 11:50:38 rewrite successful
2018/09/21 11:50:38 rewrite took 1.221311ms
2018/09/21 11:50:38 Injecting user sophie
2018/09/21 11:50:38 proxyDirector: /api/internal/wfs
2018/09/21 11:50:38 proxyDirector: /api/external/d4d
2018/09/21 11:50:38 gzip compression
2018/09/21 11:50:38 rewrite successful
2018/09/21 11:50:38 rewrite took 1.427937ms
2018/09/21 11:51:06 proxyDirector: /api/external/d4d
2018/09/21 11:51:06 Injecting user sophie
2018/09/21 11:51:06 proxyDirector: /api/internal/wfs
2018/09/21 11:51:06 gzip compression
2018/09/21 11:51:06 rewrite successful
2018/09/21 11:51:06 rewrite took 8.170505ms
2018/09/21 11:51:17 Injecting user sophie
2018/09/21 11:51:17 proxyDirector: /api/internal/wfs
2018/09/21 11:51:17 proxyDirector: /api/external/d4d
2018/09/21 11:51:17 gzip compression
2018/09/21 11:51:17 rewrite successful
2018/09/21 11:51:17 rewrite took 1.222553ms
2018/09/21 11:51:17 Injecting user sophie
2018/09/21 11:51:17 proxyDirector: /api/internal/wfs
2018/09/21 11:51:17 gzip compression
2018/09/21 11:51:17 rewrite successful
2018/09/21 11:51:17 rewrite took 2.78996ms
2018/09/21 11:51:34 proxyDirector: /api/external/d4d
2018/09/21 11:51:34 Injecting user sophie
2018/09/21 11:51:34 proxyDirector: /api/internal/wfs
2018/09/21 11:51:34 gzip compression
2018/09/21 11:51:34 rewrite successful
2018/09/21 11:51:34 rewrite took 1.33321ms
2018/09/21 11:51:34 proxyDirector: /api/external/d4d
2018/09/21 11:51:34 Injecting user sophie
2018/09/21 11:51:34 proxyDirector: /api/internal/wfs
2018/09/21 11:51:34 gzip compression
2018/09/21 11:51:34 rewrite successful
2018/09/21 11:51:34 rewrite took 3.687839ms
2018/09/21 11:52:08 Injecting user sophie
2018/09/21 11:52:08 proxyDirector: /api/internal/wfs
2018/09/21 11:52:08 proxyDirector: /api/external/d4d
2018/09/21 11:52:08 gzip compression
2018/09/21 11:52:08 rewrite successful
2018/09/21 11:52:08 rewrite took 1.26564ms
2018/09/21 11:52:08 proxyDirector: /api/external/d4d
2018/09/21 11:52:08 Injecting user sophie
2018/09/21 11:52:08 proxyDirector: /api/internal/wfs
2018/09/21 11:52:08 gzip compression
2018/09/21 11:52:08 rewrite successful
2018/09/21 11:52:08 rewrite took 1.024643ms
2018/09/21 11:54:23 Injecting user sophie
2018/09/21 11:54:23 proxyDirector: /api/internal/wfs
2018/09/21 11:54:23 proxyDirector: /api/external/d4d
2018/09/21 11:54:23 gzip compression
2018/09/21 11:54:23 rewrite successful
2018/09/21 11:54:23 rewrite took 1.162201ms
2018/09/21 11:54:23 proxyDirector: /api/external/d4d
2018/09/21 11:54:23 Injecting user sophie
2018/09/21 11:54:23 proxyDirector: /api/internal/wfs
2018/09/21 11:54:23 gzip compression
2018/09/21 11:54:23 rewrite successful
2018/09/21 11:54:23 rewrite took 990.32µs
`
    };
  },
  methods: {
    disallow(e) {
      e.target.blur();
    }
  },
  computed: {
    ...mapGetters("application", ["sidebarCollapsed", "isUsermenuCollapsed"]),
    spacer() {
      return {
        spacer: true,
        "spacer-expanded": !this.sidebarCollapsed,
        "spacer-collapsed": this.sidebarCollapsed
      };
    }
  }
};
</script>