projects/fipamo
1
0
Fork 1
Code Issues 8 Pull requests Projects 1 Releases 23 Wiki Activity

started redesign of posts index

Browse source
This commit is contained in:
Ro 2019-02-21 20:19:13 -05:00
parent 464f45136c
commit fb7e55369b
7 changed files with 99 additions and 77 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
brain/routes/back/dash_posts.js
View file

@ -61,9 +61,11 @@ router.get('/:page?', function(req, res)
{
title: 'Dashbord | Posts',
mode: 'admin',
welcome: "Your Posts",
items: pageItems,
page_index: pageNum,
page_count: count
page_count: count,
user_status: true
});
}).then(function(value)
{

67
themes/dash/assets/css/dash.css
View file

@ -2149,50 +2149,61 @@ select {
#post-index #post-index-wrapper {
padding: 0.75rem;
}
#post-index #post-index-wrapper a {
display: inline-block;
vertical-align: top;
padding: 3px;
#post-index #post-index-wrapper #post-index-menu {
color: #f2f1ef;
}
#post-index #post-index-wrapper a.add-new-post {
#post-index #post-index-wrapper #post-index-menu a {
text-decoration-color: #fc6399;
}
#post-index #post-index-wrapper #post-index-menu a.add-new-post {
display: inline-block;
background: #fc6399;
border-radius: 3px;
padding: 3px;
color: #f2f1ef;
width: 115px;
text-align: center;
margin-bottom: 10px;
}
#post-index #post-index-wrapper a.add-new-post svg {
display: inline-block;
vertical-align: top;
}
#post-index #post-index-wrapper a.add-new-post label {
padding: 5px;
}
#post-index #post-index-wrapper a.add-new-post span {
font-size: 0.8em;
color: #62809b;
}
#post-index #post-index-wrapper a.add-new-post:hover {
background: #344453;
float: right;
}
#post-index #post-index-wrapper #posts-list {
color: #f2f1ef;
margin: 20px 0 0 0;
}
#post-index #post-index-wrapper #posts-list a.post-list-link {
#post-index #post-index-wrapper #posts-list a.post-link {
background: #f2f1ef;
display: inline-block;
vertical-align: top;
padding: 3px;
width: 48%;
font-size: 1.2em;
width: 100%;
text-decoration: none;
line-height: 0.8em;
margin: 0 0 20px 0;
border-radius: 3px;
color: #161d23;
}
#post-index #post-index-wrapper #posts-list a.post-list-link span {
font-size: 0.7em;
#post-index #post-index-wrapper #posts-list a.post-link label {
font-size: 1.3em;
font-weight: 500;
padding: 10px;
display: inline-block;
vertical-align: top;
width: 45%;
}
#post-index #post-index-wrapper #posts-list a.post-link span {
display: inline-block;
vertical-align: top;
font-size: 0.8em;
font-family: 'Apercu-Mono';
width: 50%;
text-align: right;
padding: 10px;
}
#post-index #post-index-wrapper #posts-list a.post-link div.post-bg {
width: 100%;
height: 350px;
background-color: #fc6399;
}
#post-index #post-index-wrapper #posts-list a.post-link p {
padding: 10px;
font-size: 1.2em;
font-weight: 400;
}
#post-edit-index {
width: 100%;

2
themes/dash/assets/css/dash.css.map
View file

File diff suppressed because one or more lines are too long

2
themes/dash/assets/js/dash.min.js vendored
View file

@ -9075,7 +9075,7 @@ var parent = module.bundle.parent;
if ((!parent || !parent.isParcelRequire) && typeof WebSocket !== 'undefined') {
var hostname = "" || location.hostname;
var protocol = location.protocol === 'https:' ? 'wss' : 'ws';
var ws = new WebSocket(protocol + '://' + hostname + ':' + "64724" + '/');
var ws = new WebSocket(protocol + '://' + hostname + ':' + "49367" + '/');
ws.onmessage = function (event) {
var data = JSON.parse(event.data);

3
themes/dash/partials/front.pug
View file

@ -1,6 +1,5 @@
#dash-recent
#recent-list
#recent-list
.recent-header
h3 Recent
.index-menu

26
themes/dash/posts-index.pug
View file

@ -2,19 +2,25 @@ extends frame
block main-content
#post-index
#post-index-wrapper
h2 Entries
a.add-new-post(href="/@/dashboard/posts/add/new")
svg#new-upload-link(viewBox="0 0 20 20" class="icons")
use(xlink:href='/dash/assets/images/sprite.svg#entypo-plus')
| NEW POST
#post-index-menu
a(href="#") All Posts
| .
a(href="#") Live
| .
a(href="#") Pages
| .
a(href="#") Deleted
a.add-new-post(href="/@/dashboard/posts/add/new") + Create New Post
#posts-list
- var index = 0;
- for ( index; index < items.length; index++)
- var date = new Date(items[index].post.created)
a.post-list-link(href="/@/dashboard/posts/edit/"+items[index].post.uuid id=items[index].post.uuid)
= items[index].post.title
br
span= date.getFullYear()+"-"+date.getMonth()+"-"+date.getDate()+" "+date.getHours()+":"+date.getMinutes()
a.post-link(href="/@/dashboard/posts/edit/"+items[index].post.uuid id=items[index].post.uuid)
label= items[index].post.title
span= items[index].post.created
div.post-bg(style="background: #fc6399 url("+items[index].post.feature.substr(8)+") no-repeat center center / cover")
p= items[index].post.plaintext.substr(0, 200)+"..."
- var next = parseInt(page_index, 10) + 1
- var prev = parseInt(page_index, 10) - 1
- if(next > page_count) next = 1

72
themes/dash/src/styles/main/_posts.styl
View file

@ -5,51 +5,55 @@
#post-index-wrapper
padding 0.75rem
a
display inline-block
vertical-align top
padding 3px
a.add-new-post
background $highlight
border-radius 3px
padding 3px
#post-index-menu
color $white
width 115px
text-align center
margin-bottom 10px
svg
a
text-decoration-color: $highlight
a.add-new-post
display inline-block
vertical-align top
label
padding 5px
span
font-size 0.8em
color $primary + 30%
&:hover
background $primary - 5%
background $highlight
border-radius 3px
padding 3px
color $white
text-align center
margin-bottom 10px
float right
#posts-list
color $white
a.post-list-link
margin 20px 0 0 0
a.post-link
background $white
display inline-block
vertical-align top
padding 3px
width 48%
font-size 1.2em
width 100%
text-decoration none
line-height 0.8em
margin 0 0 20px 0
border-radius: 3px
color $primary - 60%
label
font-size 1.3em
font-weight: 500
padding 10px
display inline-block
vertical-align: top
width: 45%
span
font-size 0.7em
display inline-block
vertical-align: top
font-size 0.8em
font-family 'Apercu-Mono'
width: 50%
text-align: right
padding 10px
div.post-bg
width: 100%
height 350px
background-color: $highlight
p
padding 10px
font-size 1.2em
font-weight: 400
#post-edit-index
width 100%