pepyatka / pepyatka-html Goto Github PK

HTML client for Pepyatka

License: MIT License

JavaScript 91.51% CSS 7.34% HTML 1.15%

pepyatka-html's Introduction

Pepyatka

Pepyatka is an open source FriendFeed clone. Basically, this is a social real-time feed aggregator that allows you to share cute kitty photos, coordinate upcoming events, discuss any other cool stuff on the Internet or setup a private Pepyatka instance in your company.

How to install

Build and run Server. Your server should be running on http://localhost:3000/ now.
Build and run HTML Client. Open http://localhost:3333/ in your browser.
(optional) Build and run iOS Client

Deployment

Check out instructions

pepyatka-html's People

Contributors

Stargazers

Watchers

pepyatka-html's Issues

"Other ways to read this feed" block is missing on a feed page

"Other ways to read this feed" block is missing on a feed page. This block says that this or that feed can be read by for example RSS.

HTTPS bookmarklet doesn't work

https://www.archlinux.org/

Try to use bookmarklet there, you'll get

[19:45:08.332] Blocked loading mixed active content "http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"

Prepare Howto advanced search page

Though it's said nowhere, current search implementation allows doing advanced queries, like:

intitle:hello AND world
incomments:world from:epicmonkey
ABC OR CNN

This issues is to document this as a static page.

Replace deprecated CollectionView to {{each}} helpers

While ago Emberjs has deprecated CollectionView and it has been replaced to {{each}} helpers. We should review templates before the moment CollectionView will be removed from the library.

Migrate Groups#unadmin

Migrate Groups#unadmin from master to develop

Private feeds

Private feeds (groups and users)

Let browser save password on sign in form

via https://try.pepyatka.com/posts/34686235-6960-4dda-aab9-79c2d009682d

Bookmarklet doesn't allow user selecting group(s) to post to.

via https://try.pepyatka.com/posts/cb6f315b-d387-438e-a3fe-92400e82f684

Custom profile pictures

Following up on pepyatka/pepyatka#20 we need to allow users to upload custom profiles images. In the settings there will be a new link: "Change picture" that opens a page with a file field, submit button and if there is already an uploaded image, user can remove it.

Images are automatically resized to (a) 75x75, (b) 64x64 and (c) 32x32.

(a) is used on settings and a post pages
(b) is a generic and most used profile picture, e.g. posts page, email notifications, etc
(c) reserved for a future

Rename timeline start attribute to offset and num to limit so the backend is consistent with the frontend

Error messages and notifications on signup/signin

Expander helper is broken (prettifyText function)

This commit pepyatka/pepyatka-server@d2ee9e3 extracts text style functions to a boundHelper, however this introduced a regression: expander is a javascript library that trims text to X symbols/words and injects hellip that allows user to expand this text if she wants. The problem is bound helper returns just html without javascript associated with it, so if we apply expand fn there user won't be able to run javascript and see entire text.

Authorize users prior subscribing them to feed/post

Right now this is not a security issue as we do not have any private feeds, however in the future we must be doing authorization on "subscribe" event:

authorized user is a user who is in the list of subscribed users
public feed bypasses authorization.

Otherwise user can subscribe to any feed and receive new posts and comments in real-time even she does not have an access to that feed.

Migrate Groups#admin

Migrate Groups#admin from master to develop

RequireJS and cache

Issue by epicmonkey
Tuesday Nov 26, 2013 at 21:00 GMT
Originally opened as https://github.com/pepyatka/pepyatka/issues/35

Right now requirejs (r.js -o build.js) generates two minimized files: main.js and common.js the issue is requirejs (build.js) is not configured in a way to prevent browser cache, so sometimes when we deploy updated scripts, users will still see an old pepyatka.

This article http://stackoverflow.com/questions/8315088/prevent-requirejs-from-caching-required-scripts explains how to update requirejs configuration.

Side notes:

main.js is a pepyatka brain, it's updated every single time.
common.js is an artel with emberjs, jquery, handlebars and stuff. so this script must hit user's cache.

Prepare route for River of News

Prepare route for River of News.

Limit number of tags to 50

Limit number of tags returned from /v1/tags to 50.

Notify user if post has been deleted

If user A is on a post page and owner B of that post deleted it we need to either redirect the first user A to a home page or let her know that post has been deleted and no longer exist.

Migrate Groups#create

Migrate Groups#create from master to develop

Avatar right margin is too big on user timeline

Avatar right margin is too big on user timeline. Should be 32px less at least.

Show progress spinner on all ajax requests

We should show gif progress spinner on all ajax requests so a user knows there is a pending action or something. We could catch all ajax requests by using $.ajaxSetup() method that sets global AJAX properties that will apply for the entire page.

$.ajaxSetup({
  beforeSend: function() {
    // show progress spinner
  },
  complete: function() {
    // hide progress spinner
  }
});

Ember-friendly way TBD.

Slide down only new posts.

It's annoying to show posts with a slide down effect when a user loads a page for the first time (e.g. her homepage or public steam) we must be rendering already expanded posts for the first time and apply slide down effect only for new posts on that page.

Pagination loses page number

If there are more than two pages available and a user clicks on "Older items" link, Pepyatka will load older entries however URL won't be changed. As a result if she refreshes a page Pepyatka will lose that page and will render the very first one.

Emberjs has query-params feature available in canary builds (pull request for the reference: emberjs/ember.js#3182, however it's not a part of 1.3 release) and there are instructions how to use it: http://emberjs.com/guides/routing/query-params/.

We can introduce query parameter "page" like it's done in will_paginate Rails module.

Set max-width, application is too wide

Please refer to FrF for a width px.

Comments block with first and last comments

We should consider doing refactoring of comments block that renders comments, collapsed comments, first and last items. There are already a couple of issues connected to its bad design, e.g. http://pepyatka.com/posts/c810daff-25b8-4f2f-98df-0a0c8e3ff3d6 (or see attached image). Another one is: when user click on "X more comments" link we'll: a) hide all comments, b) apply slide down effect for all of them. Ideally we need to render just X-2 comments and do not touch the first and the last ones.

Migrate Pubsub

Migrate Pubsub from master to develop

Render 404 page if a user follows a link to an object that doesn't exist

We need to handle situations when a user opens a page with a post that no longer exists (or just wrong url). Keep in mind that 404 pages are required for other objects as well like unknown user and stuff. However let's start from posts 404 page.

As a side note: this was already implemented for prerelease version of ember, however deprecated after migration to stable and latest one.

Migrate Users#subscriptions

Migrate Users#subscriptions from master to develop

Sign in and Sign up links are missing on small screens

Separate bootstrap library and theme files

Most likely we'll be changing themes more frequently than core libraries, so it makes sense to cache them. We need to extract bootstrap library and theme files that way there are two css types:

vendor libraries (bootstrap, select2) compiled into one file
our theme (e.g. fresh and helvetica) in separated files

My discussions

First and last comments are not updated by updateComment event

If there are 4+ comments then first and last comments are not updated by updateComment pubsub event (most likely other events also do not hit them) unless comments are expanded. #52 is related to this defect.

Date tooltip on comment balloon mouse hover

When a user mouse hover a comment balloon we need to show a tooltip when this comment has been published.

[Verified] Show 3 latest likes and fold others to "X other people" link

Show 3 latest likes and fold others to "X other people" link. If a user clicks on that link the application will expand it and show other users who likes that post.

Use strict everywhere

Migrate Groups#destroy

Migrate Groups#destroy from master to develop

Human-readable URLs

At this moment we use only postId to generate post URL e.g. http://pepyatka.com/posts/c4dfe46e-a828-4dd2-8d4f-dfc829b46bd2 which is definitely not a user-friendly way doing this. We can improve that by using new pattern: http://///

, e.g. http://pepyatka.com/epicmonkey/6c5c1224-0035-40e9-a2af-ffa91dd57cb3/countdown-is-on-till-first-complaint-comes, where summary is:

cut common words like "the"
replace spaces to dashes
limit para to 7 words