dan/parsley
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ui

Browse Source
This commit is contained in:
Dan Elbert 2018-07-22 15:53:08 -05:00
parent 8a13dfc3d6
commit f4b86e9a6c
3 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/javascript/components/AppIcon.vue
View File

@ -16,6 +16,7 @@
import LockUnlocked from "open-iconic/svg/lock-unlocked"; import LockUnlocked from "open-iconic/svg/lock-unlocked";
import Person from "open-iconic/svg/person"; import Person from "open-iconic/svg/person";
import Pencil from "open-iconic/svg/pencil"; import Pencil from "open-iconic/svg/pencil";
import Plus from "open-iconic/svg/plus.svg";
import Star from "open-iconic/svg/star"; import Star from "open-iconic/svg/star";
import X from "open-iconic/svg/x"; import X from "open-iconic/svg/x";
@ -30,6 +31,7 @@
'lock-unlocked': LockUnlocked, 'lock-unlocked': LockUnlocked,
pencil: Pencil, pencil: Pencil,
person: Person, person: Person,
plus: Plus,
star: Star, star: Star,
x: X x: X
}; };

2
app/javascript/components/RecipeShow.vue
View File

@ -24,7 +24,7 @@
<div> <div>
<p class="heading">Source</p> <p class="heading">Source</p>
<p class="title is-6"> <p class="title is-6">
<a v-if="isSourceUrl" :href="sourceUrl">{{sourceText}}</a> <a v-if="isSourceUrl" :href="sourceUrl" target="_blank">{{sourceText}}</a>
<span v-else>{{sourceText}}</span> <span v-else>{{sourceText}}</span>
</p> </p>
</div> </div>

9
app/javascript/components/TheRecipeList.vue
View File

@ -1,8 +1,11 @@
<template> <template>
<div> <div>
<h1 class="title">Recipes</h1> <h1 class="title">
Recipes
<router-link v-if="isLoggedIn" :to="{name: 'new_recipe'}" class="button is-primary">Create Recipe</router-link> <router-link v-if="isLoggedIn" :to="{name: 'new_recipe'}" class="button is-primary is-rounded" title="Create new Recipe">
<app-icon icon="plus"></app-icon>
</router-link>
</h1>
<app-pager :current-page="currentPage" :total-pages="totalPages" paged-item-name="recipe" @changePage="changePage"></app-pager> <app-pager :current-page="currentPage" :total-pages="totalPages" paged-item-name="recipe" @changePage="changePage"></app-pager>