hopfma/om
4
1
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Compare commits

base: hopfma:ae4203ccf9b3c49ee2cb9bdfd001f222b543f321
Branches Tags
hopfma:developer
hopfma:master
..
compare: hopfma:aba5a9ce8e2e21679f0ff2683599f6edef4a54c8
Branches Tags
hopfma:developer
hopfma:master

No commits in common. "ae4203ccf9b3c49ee2cb9bdfd001f222b543f321" and "aba5a9ce8e2e21679f0ff2683599f6edef4a54c8" have entirely different histories.
ae4203ccf9 ... aba5a9ce8e

9 changed files with 279 additions and 346 deletions
Show Stats Expand all files Collapse all files

3
.gitignore vendored
View File

@ -19,6 +19,3 @@ latex-files/*.toc
# config # config
mongodb.config.js mongodb.config.js
# exclude Mac-File .DS_Store
*.DS_Store

52
public/index.html
View File

@ -51,7 +51,12 @@
<!-- CSS_Material Design for Bootstrap fonts and icons --> <!-- CSS_Material Design for Bootstrap fonts and icons -->
<link rel="stylesheet" href="lib/bootstrap-font-and-icons.css"> <link rel="stylesheet" href="lib/bootstrap-font-and-icons.css">
<!-- CSS_Material Design for Bootstrap minified CSS --> <!-- CSS_Material Design for Bootstrap minified CSS -->
<!--<link rel="stylesheet" href="lib/bootstrap-material-design.min.css">--> <link rel="stylesheet" href="lib/bootstrap-material-design.min.css">
<!-- CSS_vuetify -->
<link href='https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Material+Icons' rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/vuetify/dist/vuetify.min.css" rel="stylesheet">
<!-- CSS_Custom Design -->
<link rel="stylesheet" type="text/css" href="style/style.css">
<!-- NOTE: Call manifest.json --> <!-- NOTE: Call manifest.json -->
<link rel="manifest" href="manifest.json"> <link rel="manifest" href="manifest.json">
@ -64,18 +69,14 @@
<!-- Buefy/Vuetify --> <!-- Buefy/Vuetify -->
<script src="lib/buefy-0.7.5.js"></script> <script src="lib/buefy-0.7.5.js"></script>
<!-- <script src="lib/buefy-0.7.5.min.js"></script>--> <!-- <script src="lib/buefy-0.7.5.min.js"></script>-->
<link rel="stylesheet" href="https://cdn.materialdesignicons.com/2.5.94/css/materialdesignicons.min.css">
<link rel="stylesheet" type="text/css" href="lib/buefy-0.7.5.css"> <link rel="stylesheet" type="text/css" href="lib/buefy-0.7.5.css">
<!--<link rel="stylesheet" type="text/css" href="lib/buefy-0.7.5.min.css">--> <!-- <link rel="stylesheet" type="text/css" href="lib/buefy-0.7.5.min.css">-->
<!-- <script src="lib/vuetify-1.5.14.js"></script>--> <!-- <script src="lib/vuetify-1.5.14.js"></script>-->
<!-- <script src="lib/vuetify-1.5.14.min.js"></script>--> <!-- <script src="lib/vuetify-1.5.14.min.js"></script>-->
<!-- <link rel="stylesheet" type="text/css" href="lib/vuetify-1.5.14.css">--> <!-- <link rel="stylesheet" type="text/css" href="lib/vuetify-1.5.14.css">-->
<!-- <link rel="stylesheet" type="text/css" href="lib/vuetify-1.5.14.min.css">--> <!-- <link rel="stylesheet" type="text/css" href="lib/vuetify-1.5.14.min.css">-->
<!-- CSS_Custom Design -->
<link rel="stylesheet" type="text/css" href="style/style.css">
<!-- NOTE: JavaScript Libs & Files --> <!-- NOTE: JavaScript Libs & Files -->
<script src="routes/home.js"></script> <script src="routes/home.js"></script>
<script src="routes/files.js"></script> <script src="routes/files.js"></script>
@ -97,12 +98,7 @@
<div class="om-header"> <div class="om-header">
<a class="logo-img" href="index.html"><img src="img/app_icon.png" width=45px height=45px></a> <a class="logo-img" href="index.html"><img src="img/app_icon.png" width=45px height=45px></a>
<form class="om-searchbar"> <form class="om-searchbar">
<b-field> <input type="search" placeholder="Search...">
<b-input placeholder="Suche..."
type="search"
icon="magnify">
</b-input>
</b-field>
</form> </form>
</div> </div>
</div> </div>
@ -112,33 +108,13 @@
<router-view></router-view> <router-view></router-view>
</div> </div>
<nav class="navbar is-fixed-bottom is-expanded is-light is-hoverable" role="navigation" aria-label="main navigation"> <nav class="nav nav-tabs nav-justified om-nav" v-if="$route.path !=='/createMessage' ">
<div class="navbar-brand is-expanded"> <router-link to="/home" class="nav-item nav-link"><i class="material-icons">home</i></router-link>
<router-link to="/home" class="navbar-item is-expanded has-text-centered is-active"> <router-link to="/files" class="nav-item nav-link"><i class="material-icons">language</i></router-link>
<i class="material-icons">home</i> <router-link to="/createMessage" class="nav-item nav-link outlined"><i class="material-icons">add_circle</i></router-link>
</router-link> <router-link to="/bookmark" class="nav-item nav-link"><i class="material-icons">bookmark</i></router-link>
<router-link to="/files" class="navbar-item is-expanded"> <router-link to="/profil" class="nav-item nav-link"><i class="material-icons">person</i></router-link>
<i class="material-icons">language</i>
</router-link>
<router-link to="/createMessage" class="navbar-item is-expanded">
<i class="material-icons">add_circle</i>
</router-link>
<router-link to="/bookmark" class="navbar-item is-expanded">
<i class="material-icons">bookmark</i>
</router-link>
<router-link to="/profil" class="navbar-item is-expanded">
<i class="material-icons">person</i>
</router-link>
</div>
</nav> </nav>
<!--<nav class="nav nav-tabs nav-justified om-nav" v-if="$route.path !=='/createMessage' ">
<router-link to="/home" class="navbar-item has-text-centered"><i class="material-icons">home</i></router-link>
<router-link to="/files" class="navbar-item has-text-centered"><i class="material-icons">language</i></router-link>
<router-link to="/createMessage" class="navbar-item has-text-centered outlined"><i class="material-icons">add_circle</i></router-link>
<router-link to="/bookmark" class="navbar-item has-text-centered"><i class="material-icons">bookmark</i></router-link>
<router-link to="/profil" class="navbar-item has-text-centered"><i class="material-icons">person</i></router-link>
</nav>-->
</div> </div>
<script> <script>

386
public/lib/buefy-0.7.5.css
View File

File diff suppressed because it is too large Load Diff

2
public/lib/buefy-0.7.5.min.css vendored
View File

File diff suppressed because one or more lines are too long

74
public/routes/createMessage.js
View File

@ -1,48 +1,52 @@
const data=[
'#th',
'#efi',
'#wichtig',
];
const CreateMsgRouter = { const CreateMsgRouter = {
template: ` template: `
<div class="content card om-card"> <div class="card om-card">
<h4>Neue Nachricht erstellen</h4> <h4>Neue Nachricht erstellen</h4>
<form class="new-msg-form" @submit.prevent=createMsg>
<div class="form-group">
<label class="bmd-label-floating">User*</label>
<input type="text" class="form-control" id="user">
</div>
<div class="form-group bmd-form-group">
<label class="bmd-label-floating">Betreff*</label>
<input type="text" class="form-control" id="subject">
</div>
<div class="form-group bmd-form-group">
<label class="bmd-label-floating">Tags</label>
<input type="text" class="form-control" id="tag">
</div>
<b-field>
<b-input placeholder="User" id="user"></b-input>
</b-field>
<b-field>
<b-input placeholder="Betreff" id="subject"></b-input>
</b-field>
<b-field label="Tags"> <v-combobox
<b-taginput v-model="select"
v-model="selected" :items="items"
:data=items label="I use chips"
autocomplete multiple
allow-new:false chips
icon="label" ></v-combobox>
placeholder="#"
@typing="getFilteredTags" id="tag">
</b-taginput>
</b-field>
<b-field>
<b-input placeholder="Nachricht" id="message" type="textarea"></b-input>
</b-field>
<b-button @click="$router.go(-1)">ABBRECHEN</b-button>
<b-button type="is-primary" @click="$router.push('/home')">SENDEN</b-button>
<div class="form-group">
<label class="bmd-label-floating">Nachricht*</label>
<textarea class="form-control" id="message" rows="5"></textarea>
</div>
<button class="btn btn-default"><a @click="$router.go(-1)">ABBRECHEN </a></button>
<button type="submit" class="btn btn-raised om-btn"><a @click="$router.push('/home')">SENDEN</a></button>
</form>
</div> </div>
`, `,
data: function () { data: function () {
return { return {
selected: [], select: ['Design', 'jj'],
items: data items: [
'Programming',
'Design',
'Vue',
'Vuetify'
]
}; };
}, },
methods: { methods: {
@ -72,14 +76,6 @@ const CreateMsgRouter = {
console.log(err); console.log(err);
} }
}, },
getFilteredTags(text) {
this.items = data.filter((option) => {
return option
.toString()
.toLowerCase()
.indexOf(text.toLowerCase()) >= 0
})
},
}, },
mounted: function () { mounted: function () {
if ($(this).bootstrapMaterialDesign) if ($(this).bootstrapMaterialDesign)

64
public/routes/login.js
View File

@ -1,64 +1,34 @@
Vue.component('login-panel', { Vue.component('login-panel', {
template: ` template: `
<form action=""> <div class="loginModal modal" tabindex="-1" role="dialog">
<div class="modal-card" style="width: auto">
<header class="modal-card-head">
<p class="modal-card-title">Login</p>
</header>
<section class="modal-card-body">
<b-field>
<b-input
placeholder="User (Ohmportal)"
:value="user"
v-model=user
required>
</b-input>
</b-field>
<b-field>
<b-input
type="password"
placeholder="Password"
:value="pwd"
required>
</b-input>
</b-field>
<b-checkbox>Eingeloggt bleiben</b-checkbox>
</section>
<footer class="modal-card-foot">
<button class="button" type="button" @click="$parent.close()">Close</button>
<button class="button is-primary" on:click="logIn(this.Event)">Login</button>
</footer>
</div>
</form>
<!--<div class="loginModal modal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<h5 class="modal-title">Login</h5> <h5 class="modal-title">Login</h5>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<b-field> <form>
<b-input placeholder="User (Ohmportal)" v-model=user></b-input> <div class="form-group">
</b-field> <label class="bmd-label-floating"> User (Ohmportal)</label>
<b-field> <input type="text" class="form-control" length=20 ref=userField v-model=user>
<b-input type="password" placeholder="Password"></b-input> </div>
</b-field> <div class="form-group">
<label class="bmd-label-floating">Password</label>
<input type=password class="form-control" length=20 v-model=pwd>
</div>
</form>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<b-button type="button" class="btn btn-primary" data-dismiss="modal" v-on:click="closeLogin(this.Event)">Login</b-button> <button type="button" class="btn btn-primary" data-dismiss="modal" v-on:click="closeLogin(this.Event)">Login</button>
<b-button type="button" class="btn btn-secondary" data-dismiss="modal" v-on:click="closeLogin(this.Event)">Close</b-button> <button type="button" class="btn btn-secondary" data-dismiss="modal" v-on:click="closeLogin(this.Event)">Close</button>
</div> </div>
</div> </div>
</div> </div>
</div>-->`, </div>`,
data: function () { data: function () {
return { return {
user: "name", user: "",
pwd:"password", pwd:"",
}; };
}, },
methods: { methods: {
@ -71,6 +41,6 @@ Vue.component('login-panel', {
} }
}, },
mounted: function () { mounted: function () {
//$(".loginModal").modal ('show'); $(".loginModal").modal ('show');
}, },
}); });

29
public/routes/profil.js
View File

@ -7,31 +7,34 @@ const ProfilRouter = {
:key="profil.id" :key="profil.id"
:profil="profil" :profil="profil"
></ProfilCard> ></ProfilCard>
<b-button type="button" class="btn btn-primary" data-dismiss="modal" v-on:click="logOut() ">Logout</b-button> <button type="button" class="btn btn-primary" data-dismiss="modal" v-on:click="logOut() ">Logout</button>
</div> </div>
<div v-else-if="!isAuthentified"> <div v-else-if="!isAuthentified">
<button class="button is-primary is-medium" @click="isModalActive = true"> <button v-on:click="showLoginModal=true" @clicked="logIn">Login</button>
Login <v-rating v-model="rating"></v-rating>
</button> <login-panel v-if="showLoginModal" @clicked="closeModal" ></login-panel>
<!--<login-panel v-if="showLoginModal" @clicked="closeModal" ></login-panel>-->
<b-modal :active.sync="showLoginModal" has-modal-card>
<login-panel v-bind="formProps"></login-panel>
</b-modal>
</div> </div>
</div>`, </div>`,
data: function () { data: function () {
return { return {
isModalActive: false,
profilcard: _profilcard, profilcard: _profilcard,
showLoginModal: false,
isAuthentified: false,
rating: 3,
}; };
}, },
methods: { methods: {
checkAuthentication (value) { closeModal (value) {
this.showLoginModal = value; this.showLoginModal = value;
this.isAuthentified = !this.isAuthentified; this.isAuthentified = !this.isAuthentified;
},
logIn (value) {
this.showLoginModal=false;
},
logOut () {
this.isAuthentified=false;
}, },
}, },
}; };

3
public/style/style.css
View File

@ -71,9 +71,6 @@
.om-user-line i { .om-user-line i {
margin-right: 2%; margin-right: 2%;
} }
taginput-container is-focusable:focus {
border-color: #0046a0 !important;
}
.bookmark-headline { .bookmark-headline {
margin: 10px; margin: 10px;
padding-bottom: 10px; padding-bottom: 10px;

6
public/style/style.less
View File

@ -89,12 +89,6 @@ a.nav-item.nav-link{
} }
} }
//createMsg
taginput-container is-focusable:focus {
border-color: @color !important;
//box-shadow: 0;
}
// bookmark // bookmark
.bookmark-headline{ .bookmark-headline{
margin: 10px; margin: 10px;