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

Clean up empty JS-Files and add CSS-link

Browse Source
This commit is contained in:
Erik Römmelt 2018-11-21 15:54:09 +01:00
parent 7043e5b2ed
commit bdf4157b08
9 changed files with 72 additions and 78 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
public/bookmark.js
View File

0
public/folder.js
View File

0
public/home.js
View File

118
public/index.html
View File

@ -10,83 +10,81 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- <meta http-equiv="refresh" content="30"> -- <!-- <meta http-equiv="refresh" content="30"> --
<!-- TODO: vue routes-->
<script src="home.js"></script>
<script src="folder.js"></script>
<script src="bookmark.js"></script>
<script src="profil.js"></script>
<!-- CSS_Material Design for Bootstrap fonts and icons --> <!-- CSS_Material Design for Bootstrap fonts and icons -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons">
<!-- CSS_Material Design for Bootstrap minified CSS --> <!-- CSS_Material Design for Bootstrap minified CSS -->
<link rel="stylesheet" href="https://unpkg.com/bootstrap-material-design@4.1.1/dist/css/bootstrap-material-design.min.css" integrity="sha384-wXznGJNEXNG1NFsbm0ugrLFMQPWswR3lds2VeinahP8N0zJw9VWSopbjv2x7WCvX" crossorigin="anonymous"> <link rel="stylesheet" href="https://unpkg.com/bootstrap-material-design@4.1.1/dist/css/bootstrap-material-design.min.css" integrity="sha384-wXznGJNEXNG1NFsbm0ugrLFMQPWswR3lds2VeinahP8N0zJw9VWSopbjv2x7WCvX" crossorigin="anonymous">
<title>oma</title> <!-- CSS_Custom Design -->
<link rel="stylesheet" type="text/css" href="style.css">
<title>OMApp</title>
</head> </head>
<body> <body>
<div class="om-header-container"> <div class="om-header-container">
<div class="om-header"> <div class="om-header">
<img src="https://www.chaac.tf.fau.de/files/2018/06/csm_th_nuernberg_ohmicon_amp_0b08e6a9c0.png" width=55px height=55px> <!-- <img src="https://www.chaac.tf.fau.de/files/2018/06/csm_th_nuernberg_ohmicon_amp_0b08e6a9c0.png" width=55px height=55px> -->
<form class="om-searchbar"> <img src="th_nbg_ohmicon_amp.png" width=55px height=55px>
<input type="search" placeholder="Search..."> <form class="om-searchbar">
</form> <input type="search" placeholder="Search...">
</div> </form>
</div> </div>
</div>
<div class="om-content"> <div class="om-content">
<div class="om-card card"> <div class="om-card card">
<h5 class="om-user-head"> <h5 class="om-user-head">
<i class="material-icons">account_circle</i> <i class="material-icons">account_circle</i>
<b> User1</b> <b> User1</b>
</h5> </h5>
<h6><b>Betreff</b></h6> <h6><b>Betreff</b></h6>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam.<br> <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam.<br>
<a href="#">#efi</a> <a href="#">#me</a> <a href="#">#projekt</a></p> <a href="#">#efi</a> <a href="#">#me</a> <a href="#">#projekt</a></p>
</div> </div>
<div class="card om-card"> <div class="card om-card">
<h5 class="om-user-head"> <h5 class="om-user-head">
<i class="material-icons">account_circle</i> <i class="material-icons">account_circle</i>
<b> User2</b> <b> User2</b>
</h5> </h5>
<h6><b>Betreff</b></h6> <h6><b>Betreff</b></h6>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam.<br> <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam.<br>
<a href="#">#efi</a> <a href="#">#me</a> <a href="#">#projekt</a></p> <a href="#">#efi</a> <a href="#">#me</a> <a href="#">#projekt</a></p>
</div> </div>
<div class="om-card card"> <div class="om-card card">
<h5 class="om-user-head"> <h5 class="om-user-head">
<i class="material-icons">account_circle</i> <i class="material-icons">account_circle</i>
<b> User2</b> <b> User2</b>
</h5> </h5>
<h6><b>Betreff</b></h6> <h6><b>Betreff</b></h6>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam.<br> <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam.<br>
<a href="#">#efi</a> <a href="#">#me</a> <a href="#">#projekt</a></p> <a href="#">#efi</a> <a href="#">#me</a> <a href="#">#projekt</a></p>
</div> </div>
<div class="om-card card"> <div class="om-card card">
<h5 class="om-user-head"> <h5 class="om-user-head">
<i class="material-icons">account_circle</i> <i class="material-icons">account_circle</i>
<b> User2</b> <b> User2</b>
</h5> </h5>
<h6><b>Betreff</b></h6> <h6><b>Betreff</b></h6>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam.<br> <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam.<br>
<a href="#">#efi</a> <a href="#">#me</a> <a href="#">#projekt</a></p> <a href="#">#efi</a> <a href="#">#me</a> <a href="#">#projekt</a></p>
</div> </div>
</div> </div>
<!-- <!--
<button type="button" class="btn btn-secondary bmd-btn-fab add-msg-button"> <button type="button" class="btn btn-secondary bmd-btn-fab add-msg-button">
<i class="material-icons">add</i> <i class="material-icons">add</i>
</button> </button>
--> -->
<nav class="nav nav-tabs nav-justified om-nav "> <nav class="nav nav-tabs nav-justified om-nav ">
<a class="nav-item nav-link" href="#"><i class="material-icons">home</i></a> <a class="nav-item nav-link" href="#"><i class="material-icons">home</i></a>
<a class="nav-item nav-link" href="#"><i class="material-icons">folder</i></a> <a class="nav-item nav-link" href="#"><i class="material-icons">folder</i></a>
<a class="nav-item nav-link outlined" href="message.html"><i class="material-icons">add_circle</i></a> <a class="nav-item nav-link outlined" href="message.html"><i class="material-icons">add_circle</i></a>
<a class="nav-item nav-link" href="#"><i class="material-icons">bookmark</i></a> <a class="nav-item nav-link" href="#"><i class="material-icons">bookmark</i></a>
<a class="nav-item nav-link" href="#"><i class="material-icons">person</i></a> <a class="nav-item nav-link" href="#"><i class="material-icons">person</i></a>
</nav> </nav>
<!-- NOTE: JavaScript Libs & Files --> <!-- NOTE: JavaScript Libs & Files -->
<!-- CDN_Vue.js developmement lib --> <!-- CDN_Vue.js developmement lib -->

10
public/main.js
View File

@ -29,6 +29,7 @@ $(document).ready(function() {
}); });
*/ */
/*
// NOTE: Define routes // NOTE: Define routes
const routes = [{ const routes = [{
path: "/home", path: "/home",
@ -55,9 +56,8 @@ const routes = [{
component: RouterEntry component: RouterEntry
}, },
]; ];
/* const router = new VueRouter({
const router = new VueRouter({ routes
routes });
}); */
*/

10
public/message.html
View File

@ -6,23 +6,21 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<!--vue:--> <!-- Material Design for Bootstrap fonts and icons -->
<script src=lib/vue.js> </script> <script src=lib/vue-router.js> </script> <script src=lib/jquery-3.3.1.min.js> </script> <link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="message.css">
<!-- Material Design for Bootstrap fonts and icons -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons">
<!-- Material Design for Bootstrap CSS --> <!-- Material Design for Bootstrap CSS -->
<link rel="stylesheet" href="https://unpkg.com/bootstrap-material-design@4.1.1/dist/css/bootstrap-material-design.min.css" integrity="sha384-wXznGJNEXNG1NFsbm0ugrLFMQPWswR3lds2VeinahP8N0zJw9VWSopbjv2x7WCvX" crossorigin="anonymous"> <link rel="stylesheet" href="https://unpkg.com/bootstrap-material-design@4.1.1/dist/css/bootstrap-material-design.min.css" integrity="sha384-wXznGJNEXNG1NFsbm0ugrLFMQPWswR3lds2VeinahP8N0zJw9VWSopbjv2x7WCvX" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="style.css">
<title>oma</title> <title>oma</title>
</head> </head>
<body> <body>
<div class="om-header-container "> <div class="om-header-container ">
<div class="om-header"> <div class="om-header">
<img src="https://www.chaac.tf.fau.de/files/2018/06/csm_th_nuernberg_ohmicon_amp_0b08e6a9c0.png" width=55px height=55px> <img src="th_nbg_ohmicon_amp.png" width=55px height=55px>
<form class="om-searchbar"> <form class="om-searchbar">
<input type="search" placeholder="Search..."> <input type="search" placeholder="Search...">
</form> </form>

0
public/profil.js
View File

12
public/serviceWorker.js
View File

@ -5,13 +5,10 @@ const staticCacheName = 'omapp-v1.0.0';
const filesToCache = [ const filesToCache = [
'/', '/',
'/index.html', '/index.html',
'/message.html',
'/style.css', '/style.css',
'/main.js', '/main.js',
'/favicon.ico', '/favicon.ico'
'/lib/',
'/lib/jquery-3.3.1.min.js',
'/lib/vue.js',
'/lib/vue-router.js'
]; ];
// NOTE: Registration done in main.js // NOTE: Registration done in main.js
@ -20,9 +17,10 @@ const filesToCache = [
self.addEventListener('install', function (event) { self.addEventListener('install', function (event) {
console.log('Service worker installing...'); console.log('Service worker installing...');
event.waitUntil( event.waitUntil(
console.log('Trying to install service worker and static cache files.'); caches.open(staticCacheName).then(function (cache) { (console.log('Trying to install service worker and static cache files.'),
caches.open(staticCacheName).then(function (cache) {
return cache.addAll(filesToCache); return cache.addAll(filesToCache);
}) }))
); );
}); });

BIN
public/th_nbg_ohmicon_amp.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB