# Conflicts: # public/routes/files.jsmaster
@@ -442,6 +442,15 @@ body { | |||
line-height: 1.5; } | |||
a { | |||
color: #0046a0; | |||
cursor: pointer; | |||
text-decoration: none; } | |||
a strong { | |||
color: currentColor; } | |||
a:hover { | |||
color: #0046a0; } | |||
a.menu-list { | |||
color: white; | |||
cursor: pointer; | |||
text-decoration: none; } | |||
@@ -4154,7 +4163,8 @@ a.list-item { | |||
border-radius: 2px; | |||
display: block; | |||
padding: 0.5em 0.75em; | |||
background-color: #0046a0; } | |||
background-color: #0046a0; | |||
color: white !important;} | |||
.menu-list a:hover { | |||
background-color: #01295d; | |||
color: white; } |
@@ -37,7 +37,7 @@ const CreateMsgRouter = { | |||
</div> | |||
<div class="column is-three-quarters is-pulled-right is-hidden-touch content-desktop"> | |||
<div id="desktop" class="content card om-card"> | |||
<div id="desktop" class="content"> | |||
<h4>Neue Nachricht erstellen</h4> | |||
<b-field> | |||
<b-input placeholder="User" id="user"></b-input> |
@@ -2,10 +2,10 @@ var tagArray = []; | |||
const FileRouter = { | |||
template: ` | |||
<div> | |||
<div class="content"> | |||
<h4 >Erweiterte Suche</h4> | |||
</div> | |||
<div class="content"> | |||
<div class="is-hidden-desktop"> | |||
<h4>Erweiterte Suche</h4> | |||
<b-field label="Suche nach"> | |||
<b-select | |||
placeholder="Wähle eine Suchform" | |||
@@ -39,6 +39,45 @@ const FileRouter = { | |||
:msg="messages[id] || {}" | |||
></MsgCard> | |||
</div> | |||
</div> | |||
<div class="column is-three-quarters is-pulled-right is-hidden-touch content-desktop"> | |||
<h4>Erweiterte Suche</h4> | |||
<b-field label="Suche nach"> | |||
<b-select | |||
placeholder="Wähle eine Suchform" | |||
v-model="selectedOptions"> | |||
<option value="freeSearch">Freie Suche</option> | |||
<option value="subject">Betreff</option> | |||
<option value="tags">Tags</option> | |||
<option value="text">Nachrichtentext</option> | |||
<option value="user">User</option> | |||
</b-select> | |||
</b-field> | |||
<b-field v-if="selectedOptions=='freeSearch'||selectedOptions=='subject'|| selectedOptions=='text' || selectedOptions=='user'"> | |||
<b-input id="freeSe"></b-input> | |||
</b-field> | |||
<b-field v-if="selectedOptions=='tags'"> | |||
<b-autocomplete rounded v-model="searchtext" | |||
:data="filteredDataArray" | |||
placeholder="suche..." icon="magnify" | |||
@select="option => selected = option"> | |||
</b-autocomplete> | |||
</b-field> | |||
<b-button type="is-primary" @click="search">SUCHE</b-button> | |||
<div id="om-msg-cards"> | |||
<MsgCard | |||
v-for="id in messagelist.slice().reverse()" | |||
:key="id" | |||
:msg="messages[id] || {}" | |||
></MsgCard> | |||
</div> | |||
</div> | |||
</div> | |||
`, | |||
data: function () { |
@@ -1,11 +1,21 @@ | |||
const HomeRouter = { | |||
template: ` | |||
<div id="om-msg-cards"> | |||
<div> | |||
<div id="om-msg-cards" class="is-hidden-desktop"> | |||
<MsgCard | |||
v-for="id in messagelist.slice().reverse()" | |||
:key="id" | |||
:msg="messages[id] || {}" | |||
></MsgCard> | |||
</div> | |||
<div id="om-msg-cards" class="column is-three-quarters is-pulled-right is-hidden-touch content-desktop"> | |||
<MsgCard | |||
v-for="id in messagelist.slice().reverse()" | |||
:key="id" | |||
:msg="messages[id] || {}" | |||
></MsgCard> | |||
</div> | |||
</div>`, | |||
data: function () { | |||
return { |
@@ -4,9 +4,9 @@ Vue.component('MsgCard', { | |||
<b>{{ msg.subject }}</b> | |||
<img src="favicon.ico" width=20px height=20px> | |||
</h6> | |||
{{ msg.message }}<br><br> | |||
{{ msg.message }}<br> | |||
<a v-for="tag in msg.tag" @click="filterForTag(tag)">#{{ tag }} </a> | |||
<!--<b-button class="tags" type="is-text" v-for="tag in msg.tag">#{{ tag }} </b-button>--> | |||
<br> | |||
</p> | |||
<div class="om-card-footer"> <div class="om-user-line"> | |||
<i class="material-icons">account_circle</i> |
@@ -29,23 +29,23 @@ Vue.component('nav-router', { | |||
<div class="column is-sidebar-menu is-hidden-touch"> | |||
<aside class="menu is-medium"> | |||
<ul class="menu-list"> | |||
<li><router-link to="/home" class="is-hidden-touch"> | |||
<li><router-link to="/home"> | |||
<i class="material-icons">home</i> Home | |||
</router-link></li> | |||
<li><router-link to="/files" class="is-hidden-touch"> | |||
<i class="material-icons">language</i> Language | |||
<li><router-link to="/files"> | |||
<i class="material-icons">search</i> Search | |||
</router-link></li> | |||
<li><router-link to="/createMessage" class="is-hidden-touch"> | |||
<li><router-link to="/createMessage"> | |||
<i class="material-icons">add_circle</i> Create Message | |||
</router-link></li> | |||
<li><router-link to="/bookmark" class="is-hidden-touch"> | |||
<li><router-link to="/bookmark"> | |||
<i class="material-icons">bookmark</i> Bookmark | |||
</router-link></li> | |||
<li><router-link to="/profil" class="is-hidden-touch"> | |||
<li><router-link to="/profil"> | |||
<i class="material-icons">person</i> Profil | |||
</router-link></li> | |||
</ul> |
@@ -1,6 +1,7 @@ | |||
const ProfilRouter = { | |||
template: ` | |||
<div> | |||
<div class="is-hidden-desktop"> | |||
<div v-if="isAuth"> | |||
<profil-card></profil-card> | |||
</div> | |||
@@ -17,6 +18,26 @@ const ProfilRouter = { | |||
<login-panel></login-panel> | |||
</b-modal> | |||
</div> | |||
</div> | |||
<div class="column is-three-quarters is-pulled-right is-hidden-touch content-desktop"> | |||
<div v-if="isAuth"> | |||
<profil-card></profil-card> | |||
</div> | |||
<div v-else> | |||
<button class="button is-primary is-medium" | |||
@click="isLPVisible = true"> | |||
Login | |||
</button> | |||
<b-modal :active.sync="isLPVisible" | |||
@close-login-panel="closeLoginPanel" | |||
@show-login-panel="showLoginPanel" | |||
has-modal-card> | |||
<login-panel></login-panel> | |||
</b-modal> | |||
</div> | |||
</div> | |||
</div>`, | |||
data: function () { | |||
return { |
@@ -31,10 +31,16 @@ | |||
overflow: hidden; | |||
} | |||
.om-content a { | |||
color: white; | |||
color: #0046a0; | |||
} | |||
.om-content a:hover { | |||
color: white; | |||
color: #0046a0; | |||
} | |||
.om-content a .menu-list { | |||
color: white !important; | |||
} | |||
.om-content a .menu-list:hover { | |||
color: white !important; | |||
} | |||
.content-desktop { | |||
margin-right: 30px; | |||
@@ -233,3 +239,6 @@ button.clearButton { | |||
border-color: #dbdbdb; | |||
border-left: white; | |||
} | |||
.taglink { | |||
color: #0046a0; | |||
} |
@@ -37,9 +37,12 @@ | |||
width: auto; | |||
overflow: hidden; | |||
a{ | |||
color: white; | |||
&:hover{color:white;} | |||
} | |||
color: #0046a0; | |||
&:hover{color: #0046a0;} | |||
.menu-list { | |||
color: white !important; | |||
&:hover{color: white !important; } | |||
}} | |||
} | |||
.content-desktop { | |||
@@ -275,3 +278,7 @@ button.clearButton{ | |||
} | |||
.taglink{ | |||
color: @color; | |||
} | |||