loklak search page: identical to twitter search result

[Orbiter]

Please visit http://search.twitter.com and do a search. The loklak search result page must look exactly like that result page

[Orbiter]

please add feature requests to loklak_server if you need them for this feature (I believe we need that for people search)

[mariobehling]

Create a list of features and add information about technology and milestones. Please include the following:

a) Feature List (add it to Feature.md)
b) Project Plan with possible milestones (Which features will be implemented at what time)
c) Technologies used

Proposed Milestones

Milestone 1, Due by June 10, 2015
Milestone 2, Due by June 26, 2015
Milestone 3, Due by July 25, 2015
Milestone 4, Due by August 21, 2015

[fuksi]

FEATURES

---

• Render the search results available at twitter search. (1)
• Render tweet created by loklak with rich content and attachments within search results. (2)
• Enable live view - Tweet walls (2)
• Enable filterings and advanced search (2)
• Enable simple statistics, like at twitter search (2)
• Enable customed statistics by loklak.
• Integrate to search view other tweet-related services from other on-going projects: including e.g. post tweet, reply to tweet, fav, retweet, share, export
  Layout from to loklak search page: identical to twitter search result #60 and integrated with AdminLTE.

Other than these, the look and feel of search view should resemble twitter search, while is also integrated with AdminLTE theme.

MILESTONE 1

---

To render all available and required types of result:

1. Normal tweets without links or pictures Render unfiltered results for Search Frontend #64
2. Tweet with images: Render unfiltered results for Search Frontend #64
3. Tweet with videos: Render tweets with video #115
4. Tweet with links: Render tweet with attached link #116
5. Tweet modal Implement view of a single tweet using the id_str #98
6. Check availability of profiles and create a fail-over options: Check availability of profile pictures and fail-over option #59

MILESTONE 2

---

Enable live views, filters & advanced searchs

1. Filter by photos Filter search result by photos #67
2. Filter by people, videos Filter by people, news, videos #68
3. Create advanced search Enable all filters and advanced search #90
4. Create a background process for loading new tweets, and modals for notifications Integrate a background process for loading newer tweets #66
5. Enable option for live view/tweets wall Enable live view (wall) #89
6. Enable users to change themes Enable user to choose color for their AdminLTE themes #126
7. Implement a local service to create embed code. Implement locally debugging service. #183
8. Add map as a display option for search result Add map as display option for tweets #170, Wikipedia - What data is relevant for loklak and maps? #221,
9. Rework layout towards twitter: [Only for review purpose] Dev rework layout #229, Top Bar Architecture Design #236,
10. Rework home view Home list of tweets unordered in loklak #260
11. Enable retweet/retweeet with comment: Create a modal to retweet tweet #123

Depend on the progress of other projects, enable rich content features #100. Ensure basic AdminLTE theme ingration at this milestone

MILESTONE 3:

---

This part of project depends on the progress of other projects.

1. Enable rendering rich content from server: Show all tweets created by loklak with rich content attachments within the search results. #100
2. A initial view for unauthorized user: Create a initial view for unauthorized users / to log in #119
3. Extra actions about a tweet: link single view tweets with date on tweet #160

• Tweet Create a modal for creating a new tweet. #118
• [Reply]
• Favorite Extra action on tweets #124
• Retweet Create a modal to retweet tweet #123
  1. Enable searching from different source Define Source as Search Parameter #290
  2. Use search service to render map view Use the search service to render the map at /map #245

MILESTONE 4 TARGET:

---

1. Analyze composition of twitter search Analyze the composition of twitter search results #125
2. From the result of Analyze the composition of twitter search results #125, implement the new components
3. Provide search suggestions at all search input boxes provide search suggestions at all search input boxes #162
4. Review codebase for clear syntaxt, comments, and documentation.

TECHNOLOGY

---

For now

1. Core of the SPA: AngularJS and its third-party modules
2. UI: Bootstrap Sass, AdminLTE, PSWP, Masonry, [jScroll]
3. Automation with Gulp
4. Embed Code API iframely (implemented locally)
5. Oauth shim from Hello.js (implemented locally)