Skip to content

Instantly share code, notes, and snippets.

<template>
<div class="pagination">
<a
:href="`?page=${prevPage}`"
class="prev"
v-if="currentPage > 1"
@click.prevent="onPrev"
>&lt; 前へ</a>
<div class="total">ページ {{currentPage}}/{{totalPage}}</div>
<a
<template>
<div id="app">
<div class="content">
<ol>
<li v-for="(item, i) in items" :key="i">{{item}}</li>
</ol>
</div>
</div>
</template>
@Tenderfeel
Tenderfeel / vue-pagination-tutorial-1.vue
Created March 24, 2019 14:56
[Vue] ページングコンポーネントの作り方とか 1
<template>
<div id="app">
</div>
</template>
<script>
export default {
name: "App",
components: {},
};
@Tenderfeel
Tenderfeel / nuxt-child-keep-alive-sample.vue
Last active February 21, 2019 10:13
nuxt-childでkeep-aliveを有効にした時にdataを保持する
<template>
<div>
<p>{{id}}</p>
<div>{{profile}}</div>
</div>
</template>
<script>
let cacheData = null;
export default {
name: 'user-index',
@Tenderfeel
Tenderfeel / CustomDie.php
Last active September 28, 2018 06:43
味気ないwp_dieの出力を変更する
<?php
/**
* 味気ないwp_dieの出力を変更する
*/
class CustomDie {
public function __cosntruct() {
}
public function enable_custom_die() {
// モーダル開閉時のフォーカス操作(モーダルのルート要素にtabindex=0必要)
$('.uk-modal').on('show', (e) => {
$(e.target).data('lastFocusdElement', window.document.activeElement).focus();
}).on('hide', (e) => {
$(e.target).data('lastFocusdElement').focus();
});
@Tenderfeel
Tenderfeel / responsive.scss
Created September 12, 2018 20:31
Sass Responsive Mixins
@function percentage-vw($num) {
$per: ($num * 100);
@return #{$per}vw;
}
@mixin responsive-width($width, $base: 750px) {
width: percentage($width / $base);
max-width: $width;
}
@Tenderfeel
Tenderfeel / wp-remove-all-rest-endpoint.php
Created September 12, 2018 19:01
Turn off Wordpress's default endpoint.
add_filter( 'rest_endpoints', function( $endpoints ){
if ( isset( $endpoints['/wp/v2/posts'] ) ) {
unset( $endpoints['/wp/v2'] );
}
if ( isset( $endpoints['/wp/v2/posts'] ) ) {
unset( $endpoints['/wp/v2/posts'] );
}
if ( isset( $endpoints['/wp/v2/posts'] ) ) {
unset( $endpoints['/wp/v2/posts'] );
}
@Tenderfeel
Tenderfeel / countdown.js
Last active September 4, 2018 01:33
Countdown Timer
class Countdown {
constructor() {
this.limit = new Date(META.limitdate);
this.labels = ['days', 'hours', 'minutes', 'seconds'];
this.elements = {};
this.nums = {};
this.onStop = () => {};
this.labels.forEach((label) => {
this.elements[label] = window.document.querySelector(`.countdown > .nums.${label}`);
@Tenderfeel
Tenderfeel / wp-admin-columns-manage-sample.php
Last active July 26, 2018 08:43
投稿一覧でカスタムフィールドの値を使ってフィルタリングや並び替えする
/**
* カラムの追加と削除
*/
add_filter('manage_cat_story_posts_columns' , function ($columns) {
 //削除
unset( $columns['author'] );
unset( $columns['comments'] );
$new_columns = array(