krikkert/habitica
1
0
Fork 0
mirror of https://github.com/HabitRPG/habitica.git synced 2025-12-17 22:57:21 +01:00
Code Issues Packages Projects Releases Wiki Activity

Client: Header & Menu & Icons (#8770)

Browse Source 
* header revamp - wip

* fix webpack fonts

* wip icons

* fix compilation errors

* implement icons loading without iconmoo

* new svg implementation

* wip

* fix issues with svgs

* fix issues with svgs

* fix bits svg

* fix displaying of pet in avatar

* avatar class icon

* no party header

* update navigation

* split code by route

* round gems and gp

* add string for faqs

* fix icons in css
This commit is contained in:
Matteo Pagliazzi
2017-06-08 12:04:19 -07:00
committed by GitHub
parent e3c1eaa9d2
commit 706de95458
97 changed files with 1634 additions and 672 deletions
Download Patch File Download Diff File Expand all files Collapse all files

76
website/client/router.js
View File

@@ -1,7 +1,7 @@
import Vue from 'vue';
import VueRouter from 'vue-router';
import EmptyView from './components/emptyView';
// import EmptyView from './components/emptyView';
// TODO Dummy elements used as placeholder until real components are implemented
import ParentPage from './components/parentPage';
import Page from './components/page';
@@ -9,23 +9,28 @@ import Page from './components/page';
// Tasks
import UserTasks from './components/userTasks';
// Except for tasks that are always loaded all the other main level
// components are loaded in separate webpack chunks.
// See https://webpack.js.org/guides/code-splitting-async/
// for docs
// Inventory
import InventoryContainer from './components/inventory/index';
import ItemsPage from './components/inventory/items/index';
import EquipmentPage from './components/inventory/equipment/index';
import StablePage from './components/inventory/stable';
const InventoryContainer = () => import(/* webpackChunkName: "inventory" */'./components/inventory/index');
const ItemsPage = () => import(/* webpackChunkName: "inventory" */'./components/inventory/items/index');
const EquipmentPage = () => import(/* webpackChunkName: "inventory" */'./components/inventory/equipment/index');
const StablePage = () => import(/* webpackChunkName: "inventory" */'./components/inventory/stable');
// Social
import SocialContainer from './components/social/index';
import InboxPage from './components/social/inbox/index';
import InboxConversationPage from './components/social/inbox/conversationPage';
// TODO add inbox back
// import InboxPage from './components/social/inbox/index';
// import InboxConversationPage from './components/social/inbox/conversationPage';
// Guilds
import GuildIndex from './components/guilds/index';
import TavernPage from './components/guilds/tavern';
import MyGuilds from './components/guilds/myGuilds';
import GuildsDiscoveryPage from './components/guilds/discovery';
import GuildPage from './components/guilds/guild';
const GuildIndex = () => import(/* webpackChunkName: "guilds" */ './components/guilds/index');
const TavernPage = () => import(/* webpackChunkName: "guilds" */ './components/guilds/tavern');
const MyGuilds = () => import(/* webpackChunkName: "guilds" */ './components/guilds/myGuilds');
const GuildsDiscoveryPage = () => import(/* webpackChunkName: "guilds" */ './components/guilds/discovery');
const GuildPage = () => import(/* webpackChunkName: "guilds" */ './components/guilds/guild');
Vue.use(VueRouter);
@@ -49,7 +54,7 @@ export default new VueRouter({
{ name: 'stable', path: 'stable', component: StablePage },
],
},
{ name: 'market', path: '/market', component: Page },
{ name: 'shops', path: '/shops', component: Page },
{
path: '/guilds',
component: GuildIndex,
@@ -73,30 +78,25 @@ export default new VueRouter({
},
],
},
{
path: '/social',
component: SocialContainer,
children: [
{
path: 'inbox',
component: EmptyView,
children: [
{
name: 'inbox',
path: '',
component: InboxPage,
},
{
name: 'conversation',
path: 'conversation/:id',
component: InboxConversationPage,
},
],
},
{ name: 'challenges', path: 'challenges', component: Page },
{ name: 'party', path: 'party', component: Page },
],
},
{ name: 'challenges', path: 'challenges', component: Page },
{ name: 'party', path: 'party', component: Page },
/* TODO add inbox back
{
path: 'inbox',
component: EmptyView,
children: [
{
name: 'inbox',
path: '',
component: InboxPage,
},
{
name: 'conversation',
path: 'conversation/:id',
component: InboxConversationPage,
},
],
}, */
{
path: '/user',
component: ParentPage,