mirror of
https://github.com/pixelfed/pixelfed.git
synced 2024-12-23 05:23:17 +00:00
Merge pull request #192 from dansup/frontend-ui-refactor
Frontend ui refactor
This commit is contained in:
commit
646c4489e7
5 changed files with 10 additions and 8 deletions
BIN
public/js/app.js
vendored
BIN
public/js/app.js
vendored
Binary file not shown.
Binary file not shown.
|
@ -24,7 +24,7 @@ $(document).ready(function() {
|
||||||
if($('.status-container').length == 1) {
|
if($('.status-container').length == 1) {
|
||||||
var comments = el.parents().eq(3).find('.comments');
|
var comments = el.parents().eq(3).find('.comments');
|
||||||
} else {
|
} else {
|
||||||
var comments = el.parents().eq(2).find('.comments');
|
var comments = el.parents().eq(1).find('.comments');
|
||||||
}
|
}
|
||||||
|
|
||||||
var comment = '<p class="mb-0"><span class="font-weight-bold pr-1"><bdi><a class="text-dark" href="' + profile + '">' + username + '</a></bdi></span><span class="comment-text">'+ commenttext + '</span><span class="float-right"><a href="' + permalink + '" class="text-dark small font-weight-bold">1s</a></span></p>';
|
var comment = '<p class="mb-0"><span class="font-weight-bold pr-1"><bdi><a class="text-dark" href="' + profile + '">' + username + '</a></bdi></span><span class="comment-text">'+ commenttext + '</span><span class="float-right"><a href="' + permalink + '" class="text-dark small font-weight-bold">1s</a></span></p>';
|
||||||
|
|
4
resources/assets/js/components/likebutton.js
vendored
4
resources/assets/js/components/likebutton.js
vendored
|
@ -35,7 +35,7 @@ $(document).ready(function() {
|
||||||
.then(function (res) {
|
.then(function (res) {
|
||||||
var likes = ls.get('likes');
|
var likes = ls.get('likes');
|
||||||
var action = false;
|
var action = false;
|
||||||
var counter = el.parents().eq(2).find('.like-count');
|
var counter = el.parents().eq(1).find('.like-count');
|
||||||
var count = res.data.count;
|
var count = res.data.count;
|
||||||
var heart = el.find('.status-heart');
|
var heart = el.find('.status-heart');
|
||||||
|
|
||||||
|
@ -54,7 +54,7 @@ $(document).ready(function() {
|
||||||
}
|
}
|
||||||
|
|
||||||
ls.set('likes', likes);
|
ls.set('likes', likes);
|
||||||
console.log(action + ' - ' + $(this).data('id') + ' like event');
|
console.log(action + ' - ' + id + ' like event');
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
});
|
});
|
|
@ -1,15 +1,12 @@
|
||||||
<nav class="navbar navbar-expand-md navbar-light navbar-laravel">
|
<nav class="navbar navbar-expand navbar-light navbar-laravel sticky-top">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<a class="navbar-brand d-flex align-items-center" href="{{ url('/timeline') }}">
|
<a class="navbar-brand d-flex align-items-center" href="{{ url('/timeline') }}">
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mr-2"><path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"></path><circle cx="12" cy="13" r="4"></circle></svg>
|
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mr-2"><path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"></path><circle cx="12" cy="13" r="4"></circle></svg>
|
||||||
<strong class="font-weight-bold">{{ config('app.name', 'Laravel') }}</strong>
|
<strong class="font-weight-bold">{{ config('app.name', 'Laravel') }}</strong>
|
||||||
</a>
|
</a>
|
||||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
|
||||||
<span class="navbar-toggler-icon"></span>
|
|
||||||
</button>
|
|
||||||
|
|
||||||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||||
<ul class="navbar-nav ml-auto">
|
<ul class="navbar-nav ml-auto d-none d-md-block">
|
||||||
<form class="form-inline search-form">
|
<form class="form-inline search-form">
|
||||||
<input class="form-control mr-sm-2 search-form-input" type="search" placeholder="Search" aria-label="Search">
|
<input class="form-control mr-sm-2 search-form-input" type="search" placeholder="Search" aria-label="Search">
|
||||||
</form>
|
</form>
|
||||||
|
@ -64,3 +61,8 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
|
<nav class="breadcrumb d-md-none d-flex">
|
||||||
|
<form class="form-inline search-form mx-auto">
|
||||||
|
<input class="form-control mr-sm-2 search-form-input" type="search" placeholder="Search" aria-label="Search">
|
||||||
|
</form>
|
||||||
|
</nav>
|
||||||
|
|
Loading…
Reference in a new issue