From 52dd7c009f12e1d5522787f4173670c408efa158 Mon Sep 17 00:00:00 2001
From: Roger Braun <roger@rogerbraun.net>
Date: Thu, 16 Feb 2017 22:25:29 +0100
Subject: Add Settings page.

---
 src/components/settings/settings.js  |  9 +++++++++
 src/components/settings/settings.vue | 22 ++++++++++++++++++++++
 2 files changed, 31 insertions(+)
 create mode 100644 src/components/settings/settings.js
 create mode 100644 src/components/settings/settings.vue

(limited to 'src')

diff --git a/src/components/settings/settings.js b/src/components/settings/settings.js
new file mode 100644
index 00000000..f979e7ab
--- /dev/null
+++ b/src/components/settings/settings.js
@@ -0,0 +1,9 @@
+import StyleSwitcher from '../style_switcher/style_switcher.vue'
+
+const settings = {
+  components: {
+    StyleSwitcher
+  }
+}
+
+export default settings
diff --git a/src/components/settings/settings.vue b/src/components/settings/settings.vue
new file mode 100644
index 00000000..8bb0ffb1
--- /dev/null
+++ b/src/components/settings/settings.vue
@@ -0,0 +1,22 @@
+<template>
+  <div class="settings panel panel-default base00-background">
+    <div class="panel-heading base01-background base04">
+      Settings
+    </div>
+    <div class="panel-body">
+      <div class="setting-item">
+        <h2>Theme</h2>
+        <style-switcher></style-switcher>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script src="./settings.js">
+</script>
+
+<style>
+ .setting-item {
+   margin: 1em
+ }
+</style>
-- 
cgit v1.2.3-70-g09d2


From 34bc38f0bf76a9add53652f5a7442be4f7fe9851 Mon Sep 17 00:00:00 2001
From: Roger Braun <roger@rogerbraun.net>
Date: Thu, 16 Feb 2017 22:25:41 +0100
Subject: Add settings page to app.

---
 src/App.js   | 4 +---
 src/App.scss | 5 +++++
 src/App.vue  | 4 +++-
 src/main.js  | 4 +++-
 4 files changed, 12 insertions(+), 5 deletions(-)

(limited to 'src')

diff --git a/src/App.js b/src/App.js
index c326ddfc..03421c62 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,15 +1,13 @@
 import UserPanel from './components/user_panel/user_panel.vue'
 import NavPanel from './components/nav_panel/nav_panel.vue'
 import Notifications from './components/notifications/notifications.vue'
-import StyleSwitcher from './components/style_switcher/style_switcher.vue'
 
 export default {
   name: 'app',
   components: {
     UserPanel,
     NavPanel,
-    Notifications,
-    StyleSwitcher
+    Notifications
   },
   data: () => ({
     mobileActivePanel: 'timeline'
diff --git a/src/App.scss b/src/App.scss
index c820779a..e5d4c74f 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -256,3 +256,8 @@ nav {
         display: flex;
     }
 }
+
+.item.right {
+    text-align: right;
+    padding-right: 20px;
+}
diff --git a/src/App.vue b/src/App.vue
index d2b07d2b..fc510fda 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -5,7 +5,9 @@
         <div class='item'>
           <a route-to='friends-timeline' href="#">{{sitename}}</a>
         </div>
-        <style-switcher></style-switcher>
+        <div class='item right'>
+          <router-link :to="{ name: 'settings'}"><i class="icon-cog"></i></router-link>
+        </div>
       </div>
     </nav>
     <div class="container" id="content">
diff --git a/src/main.js b/src/main.js
index 84db5c86..9917ccd9 100644
--- a/src/main.js
+++ b/src/main.js
@@ -8,6 +8,7 @@ import FriendsTimeline from './components/friends_timeline/friends_timeline.vue'
 import ConversationPage from './components/conversation-page/conversation-page.vue'
 import Mentions from './components/mentions/mentions.vue'
 import UserProfile from './components/user_profile/user_profile.vue'
+import Settings from './components/settings/settings.vue'
 
 import statusesModule from './modules/statuses.js'
 import usersModule from './modules/users.js'
@@ -48,7 +49,8 @@ const routes = [
   { path: '/main/friends', component: FriendsTimeline },
   { name: 'conversation', path: '/notice/:id', component: ConversationPage },
   { name: 'user-profile', path: '/users/:id', component: UserProfile },
-  { name: 'mentions', path: '/:username/mentions', component: Mentions }
+  { name: 'mentions', path: '/:username/mentions', component: Mentions },
+  { name: 'settings', path: '/settings', component: Settings }
 ]
 
 const router = new VueRouter({
-- 
cgit v1.2.3-70-g09d2


From 2e874933a5c633d1f40abd342f5ecf969cb53d92 Mon Sep 17 00:00:00 2001
From: Roger Braun <roger@rogerbraun.net>
Date: Thu, 16 Feb 2017 22:36:09 +0100
Subject: Navbar fixes.

---
 src/App.scss | 2 ++
 1 file changed, 2 insertions(+)

(limited to 'src')

diff --git a/src/App.scss b/src/App.scss
index b7bbf8ef..5c14c17b 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -59,6 +59,8 @@ nav {
     height: 50px;
 
     .inner-nav {
+        padding-left: 20px;
+        padding-right: 20px;
         display: flex;
         align-items: center;
         flex-basis: 920px;
-- 
cgit v1.2.3-70-g09d2


From eb7156de0de7c713a1ac4975838c7081bc3afb39 Mon Sep 17 00:00:00 2001
From: Roger Braun <roger@rogerbraun.net>
Date: Fri, 17 Feb 2017 10:16:29 +0100
Subject: Fix oembed attachments.

---
 src/App.vue                              | 2 +-
 src/components/attachment/attachment.vue | 7 +++++--
 src/main.js                              | 2 +-
 3 files changed, 7 insertions(+), 4 deletions(-)

(limited to 'src')

diff --git a/src/App.vue b/src/App.vue
index 7bd79280..d8e1d3e8 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -3,7 +3,7 @@
     <nav class='container base01-background base04'>
       <div class='inner-nav' :style="logoStyle">
         <div class='item'>
-          <a route-to='friends-timeline' href="#">{{sitename}}</a>
+          <router-link :to="{ name: 'root'}">{{sitename}}</router-link>
         </div>
         <div class='item right'>
           <router-link :to="{ name: 'settings'}"><i class="icon-cog"></i></router-link>
diff --git a/src/components/attachment/attachment.vue b/src/components/attachment/attachment.vue
index 505182c6..94e88d52 100644
--- a/src/components/attachment/attachment.vue
+++ b/src/components/attachment/attachment.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="attachment">
+  <div class="attachment" :class="type">
     <a class="image-attachment" v-if="hidden" v-on:click.prevent="toggleHidden()">
       <img :key="nsfwImage" :src="nsfwImage"></img>
     </a>
@@ -42,6 +42,10 @@
           margin: 0.2em;
           align-self: flex-start;
 
+          &.html {
+            flex-basis: 100%;
+          }
+
           .hider {
               position: absolute;
               margin: 10px;
@@ -74,7 +78,6 @@
           .oembed {
               img {
                   width: 100%;
-                  height: 100%;
               }
           }
 
diff --git a/src/main.js b/src/main.js
index dfff1444..4b367db9 100644
--- a/src/main.js
+++ b/src/main.js
@@ -44,7 +44,7 @@ const store = new Vuex.Store({
 })
 
 const routes = [
-  { path: '/', redirect: '/main/all' },
+  { name: 'root', path: '/', redirect: '/main/all' },
   { path: '/main/all', component: PublicAndExternalTimeline },
   { path: '/main/public', component: PublicTimeline },
   { path: '/main/friends', component: FriendsTimeline },
-- 
cgit v1.2.3-70-g09d2


From 6c631016c6719b811d48b05e32601578e150ba13 Mon Sep 17 00:00:00 2001
From: Roger Braun <roger@rogerbraun.net>
Date: Fri, 17 Feb 2017 10:20:12 +0100
Subject: One more small visual fix to oembeds.

---
 src/components/attachment/attachment.vue | 1 +
 1 file changed, 1 insertion(+)

(limited to 'src')

diff --git a/src/components/attachment/attachment.vue b/src/components/attachment/attachment.vue
index 94e88d52..a9dbecd9 100644
--- a/src/components/attachment/attachment.vue
+++ b/src/components/attachment/attachment.vue
@@ -43,6 +43,7 @@
           align-self: flex-start;
 
           &.html {
+            border: 1px solid;
             flex-basis: 100%;
           }
 
-- 
cgit v1.2.3-70-g09d2


From cdc90f8edcfa705741151d975fdf59a954687137 Mon Sep 17 00:00:00 2001
From: Roger Braun <roger@rogerbraun.net>
Date: Fri, 17 Feb 2017 10:33:35 +0100
Subject: One more fix.

---
 src/components/attachment/attachment.vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

(limited to 'src')

diff --git a/src/components/attachment/attachment.vue b/src/components/attachment/attachment.vue
index a9dbecd9..311e36b8 100644
--- a/src/components/attachment/attachment.vue
+++ b/src/components/attachment/attachment.vue
@@ -43,7 +43,6 @@
           align-self: flex-start;
 
           &.html {
-            border: 1px solid;
             flex-basis: 100%;
           }
 
@@ -83,7 +82,7 @@
           }
 
           .oembed {
-              border: 1px solid rgba(0, 0, 0, 0.14);
+              border: 1px solid;
               width: 100%;
 
               display: flex;
-- 
cgit v1.2.3-70-g09d2


From cd0925747dd4657747ed3bdb242446297676b5cf Mon Sep 17 00:00:00 2001
From: Roger Braun <roger@rogerbraun.net>
Date: Fri, 17 Feb 2017 18:21:02 +0100
Subject: Show current theme in theme selector.

---
 src/components/style_switcher/style_switcher.js | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

(limited to 'src')

diff --git a/src/components/style_switcher/style_switcher.js b/src/components/style_switcher/style_switcher.js
index 954e2ff0..d265572d 100644
--- a/src/components/style_switcher/style_switcher.js
+++ b/src/components/style_switcher/style_switcher.js
@@ -1,8 +1,10 @@
 export default {
-  data: () => ({
-    availableStyles: [],
-    selected: false
-  }),
+  data () {
+    return {
+      availableStyles: [],
+      selected: this.$store.state.config.theme
+    }
+  },
   created () {
     const self = this
     window.fetch('/static/css/themes.json')
-- 
cgit v1.2.3-70-g09d2