Browse Source

Merge remote-tracking branch 'origin/developer' into developer

# Conflicts:
#	public/routes/files.js
master
Senta Mandutz 5 years ago
parent
commit
1f6261dba0

+ 11
- 1
public/lib/buefy-0.7.5.css View File

@@ -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; }

+ 1
- 1
public/routes/createMessage.js View File

@@ -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>

+ 43
- 4
public/routes/files.js View File

@@ -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 () {

+ 11
- 1
public/routes/home.js View File

@@ -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 {

+ 2
- 2
public/routes/msgCard.js View File

@@ -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>

+ 6
- 6
public/routes/navRoutes.js View File

@@ -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>

+ 21
- 0
public/routes/profil.js View File

@@ -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 {

+ 11
- 2
public/style/style.css View File

@@ -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;
}

+ 10
- 3
public/style/style.less View File

@@ -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;
}


Loading…
Cancel
Save