Commit 95abe15cae3a8bbe4acc0fd971506a9b69d3dc16
menu bar
Joran committed on 11/17/2017, 12:17:24 AMParent: 55cdd08baf0ea682874a8dcd25f8c44f2bb43b69
Files changed
| index.html | changed |
| src/components/Message.vue | changed |
| src/components/Navbar.vue | changed |
| index.html | ||
|---|---|---|
| @@ -1,14 +1,15 @@ | ||
| 1 | 1 … | |
| 2 | 2 … | <html lang="en"> |
| 3 | 3 … | <head> |
| 4 | 4 … | <meta charset="utf-8"> |
| 5 … | + <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | |
| 5 | 6 … | <title>ScuttleVue</title> |
| 6 | 7 … | <link rel="stylesheet" href="dist/build.css"> |
| 7 | 8 … | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous"> |
| 8 | -<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script> | |
| 9 | -<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script> | |
| 10 | -<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script> | |
| 9 … | + <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script> | |
| 10 … | + <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script> | |
| 11 … | + <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script> | |
| 11 | 12 … | </head> |
| 12 | 13 … | <body> |
| 13 | 14 … | <div id="app"></div> |
| 14 | 15 … | <script src="dist/build.js"></script> |
| src/components/Message.vue | ||
|---|---|---|
| @@ -23,10 +23,11 @@ | ||
| 23 | 23 … | | |
| 24 | 24 … | <span >{{ relatedMessages.length }} replies</span> |
| 25 | 25 … | <button type="button" class="btn btn-outline-info btn-sm" @click="raw = !raw">Raw</button> |
| 26 | 26 … | </div> |
| 27 | - <message v-for="mess in relatedMessages" :message="mess"> | |
| 28 | - </message> | |
| 27 … | + <!-- {{ relatedMessages }} --> | |
| 28 … | + <!-- <message v-for="mess in relatedMessages" :message="mess"> | |
| 29 … | + </message> --> | |
| 29 | 30 … | |
| 30 | 31 … | </div> |
| 31 | 32 … | |
| 32 | 33 … | |
| @@ -68,10 +69,10 @@ | ||
| 68 | 69 … | if(a.length > 1) |
| 69 | 70 … | { |
| 70 | 71 … | // console.log(a) |
| 71 | 72 … | // remove last item as it's a ref to this message |
| 72 | - a.splice(-1,1) | |
| 73 | - this.relatedMessages = a.map(function(e){ return nn(e) }) | |
| 73 … | + a = a.splice(-1,1) | |
| 74 … | + this.relatedMessages = a//.map(function(e){ return nn(e) }) | |
| 74 | 75 … | } |
| 75 | 76 … | |
| 76 | 77 … | }, |
| 77 | 78 … | |
| @@ -93,14 +94,14 @@ | ||
| 93 | 94 … | this.$depject_api.signifier[0]( |
| 94 | 95 … | this.message.value.author(), this.setAuthor |
| 95 | 96 … | ) |
| 96 | 97 … | |
| 97 | - if(this.message.key()) | |
| 98 | - { | |
| 99 | - this.$depject_api.getThread[0]( | |
| 100 | - this.message.key(), this.setRelatedMessages | |
| 101 | - ) | |
| 102 | - } | |
| 98 … | + // if(this.message.key()) | |
| 99 … | + // { | |
| 100 … | + // this.$depject_api.getThread[0]( | |
| 101 … | + // this.message.key(), this.setRelatedMessages | |
| 102 … | + // ) | |
| 103 … | + // } | |
| 103 | 104 … | this.image_url = this.$depject_api.avatar_image[0]( |
| 104 | 105 … | this.message.value.author() |
| 105 | 106 … | ) |
| 106 | 107 … | |
| src/components/Navbar.vue | |||
|---|---|---|---|
| @@ -1,11 +1,21 @@ | |||
| 1 | 1 … | <template> | |
| 2 | 2 … | <nav class="navbar navbar-light bg-light justify-content-between"> | |
| 3 | 3 … | <span> | |
| 4 | - <a class="navbar-brand" href="#/public">Public</a> | ||
| 5 | - <a class="navbar-brand" href="#/profile">Profile</a> | ||
| 6 | - <!-- <a class="navbar-brand" href="#/infinitely">Infinite scroller</a> --> | ||
| 4 … | + <a class="navbar-brand" href="#/">ScuttleVue❈</a> | ||
| 5 … | + | ||
| 6 … | + <ul class="navbar-nav mr-auto"> | ||
| 7 … | + <li class="nav-item active"> | ||
| 8 … | + <a class="nav-link" href="#/profile">Profile</a> | ||
| 9 … | + </li> | ||
| 10 … | + </ul> | ||
| 11 … | + | ||
| 12 … | + <div class="my-2 my-lg-0"> | ||
| 13 … | + Settings | ||
| 14 … | + </div> | ||
| 7 | 15 … | </span> | |
| 16 … | + | ||
| 17 … | + | ||
| 8 | 18 … | </nav> | |
| 9 | 19 … | </template> | |
| 10 | 20 … | ||
| 11 | 21 … | <script> | |
Built with git-ssb-web