49 lines
1.4 KiB
JavaScript
49 lines
1.4 KiB
JavaScript
|
// app.jsの名はモジュールバンドラーを投入する日まで予約しておく。CSSも同じ。
|
||
|
|
|
||
|
|
(function ($) {
|
||
|
|
|
||
|
|
$.fn.linkCard = function (options) {
|
||
|
|
var settings = $.extend({
|
||
|
|
endpoint: '/api/checkin/card'
|
||
|
|
}, options);
|
||
|
|
|
||
|
|
return this.each(function () {
|
||
|
|
var $this = $(this);
|
||
|
|
$.ajax({
|
||
|
|
url: settings.endpoint,
|
||
|
|
method: 'get',
|
||
|
|
type: 'json',
|
||
|
|
data: {
|
||
|
|
url: $this.find('a').attr('href')
|
||
|
|
}
|
||
|
|
}).then(function (data) {
|
||
|
|
var $title = $this.find('.card-title');
|
||
|
|
var $desc = $this.find('.card-text');
|
||
|
|
var $image = $this.find('img');
|
||
|
|
|
||
|
|
if (data.title === '') {
|
||
|
|
$title.hide();
|
||
|
|
} else {
|
||
|
|
$title.text(data.title);
|
||
|
|
}
|
||
|
|
|
||
|
|
if (data.description === '') {
|
||
|
|
$desc.hide();
|
||
|
|
} else {
|
||
|
|
$desc.text(data.description);
|
||
|
|
}
|
||
|
|
|
||
|
|
if (data.image === '') {
|
||
|
|
$image.hide();
|
||
|
|
} else {
|
||
|
|
$image.attr('src', data.image);
|
||
|
|
}
|
||
|
|
|
||
|
|
if (data.title !== '' || data.description !== '' || data.image !== '') {
|
||
|
|
$this.removeClass('d-none');
|
||
|
|
}
|
||
|
|
});
|
||
|
|
});
|
||
|
|
};
|
||
|
|
|
||
|
|
})(jQuery);
|