Mercurial > gemma

comparison client/src/components/admin/Logs.vue @ 1449:bb47531bdd22

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
sass to scss
author Thomas Junk <thomas.junk@intevation.de>
date Mon, 03 Dec 2018 10:19:59 +0100
parents acb71a982837
children 33dda08d67be
comparison
equal deleted inserted replaced
1448:ef388dcbb946 1449:bb47531bdd22
12 <li class="nav-item"> 12 <li class="nav-item">
13 <a 13 <a
14 @click="fetch('system/log/apache2/access.log', 'accesslog')" 14 @click="fetch('system/log/apache2/access.log', 'accesslog')"
15 :class="accesslogStyle" 15 :class="accesslogStyle"
16 href="#" 16 href="#"
17 ><translate>Accesslog</translate></a> 17 >
18 <translate>Accesslog</translate>
19 </a>
18 </li> 20 </li>
19 <li class="nav-item"> 21 <li class="nav-item">
20 <a 22 <a
21 @click="fetch('system/log/apache2/error.log', 'errorlog')" 23 @click="fetch('system/log/apache2/error.log', 'errorlog')"
22 :class="errorlogStyle" 24 :class="errorlogStyle"
23 href="#" 25 href="#"
24 ><translate>Errorlog</translate></a> 26 >
27 <translate>Errorlog</translate>
28 </a>
25 </li> 29 </li>
26 </ul> 30 </ul>
27 </div> 31 </div>
28 <div class="statuscontainer d-flex flex-row"> 32 <div class="statuscontainer d-flex flex-row">
29 <div class="statusline ml-3 mt-1 align-self-center"> 33 <div class="statusline ml-3 mt-1 align-self-center">
30 <h3><translate>Last refresh:</translate> {{refreshed}}</h3> 34 <h3>
35 <translate>Last refresh:</translate>
36 {{refreshed}}
37 </h3>
31 </div> 38 </div>
32 <div class="refresh"> 39 <div class="refresh">
33 <button class="btn btn-dark" @click="fetch(currentFile, currentLog)"><translate>Refresh</translate></button> 40 <button class="btn btn-dark" @click="fetch(currentFile, currentLog)">
41 <translate>Refresh</translate>
42 </button>
34 </div> 43 </div>
35 </div> 44 </div>
36 </div> 45 </div>
37 </div> 46 </div>
38 </template> 47 </template>
39 48
40 <style lang="sass" scoped> 49 <style lang="scss" scoped>
41 .statuscontainer 50 .statuscontainer {
42 width: 87% 51 width: 87%;
43 position: relative 52 position: relative;
53 }
44 54
45 .logmenu 55 .logmenu {
46 margin-left: 5rem 56 margin-left: 5rem;
47 min-width: 60vw 57 min-width: 60vw;
58 }
48 59
49 #code 60 #code {
50 overflow: auto 61 overflow: auto;
62 }
51 63
52 .refresh 64 .refresh {
53 position: absolute 65 position: absolute;
54 right: 0 66 right: 0;
67 }
55 68
56 .logoutput 69 .logoutput {
57 width: 95% 70 width: 95%;
58 height: 85vh 71 height: 85vh;
59 overflow: auto 72 overflow: auto;
60 transition: $transition-fast 73 transition: $transition-fast;
74 }
61 75
62 .spacer 76 .spacer {
63 height: 90vh 77 height: 90vh;
78 }
64 79
65 .spacer-collapsed 80 .spacer-collapsed {
66 min-width: $icon-width + $offset 81 min-width: $icon-width + $offset;
67 transition: $transition-fast 82 transition: $transition-fast;
83 }
68 84
69 .spacer-expanded 85 .spacer-expanded {
70 min-width: $sidebar-width + $offset 86 min-width: $sidebar-width + $offset;
87 }
71 88
72 .statusline 89 .statusline {
73 position: absolute 90 position: absolute;
74 right: 0 91 right: 0;
75 margin-right: 7rem 92 margin-right: 7rem;
93 }
76 </style> 94 </style>
77 95
78 <script> 96 <script>
79 /* This is Free Software under GNU Affero General Public License v >= 3.0 97 /* This is Free Software under GNU Affero General Public License v >= 3.0
80 * without warranty, see README.md and license for details. 98 * without warranty, see README.md and license for details.