khalisfoundation / sttm-web Goto Github PK

http://keertan.net/404

Write to localStorage to persist through searches

entire hukamnama is not displaying on STTM.org website

http://sikhitothemax.org/hukamnama.php

When searching there are large margins between lines. They persist when adding translations, transliterations etc

You're using ID instead of ShabadID

so we can select more than one, ie english and punjabi translations

When you do a default search, there is a large margin between url and source, seems like 2 lines extra.. lets bring writer/source up to be next line from url

maybe have something that when a line in a shabad is hovered over, fb/twitter icons appear to the right and basically post a link to the shabad with the line (unicode)+current display (ie translation) shared in text

Align right. Make the keyboardboard icon add a pop down gurmukhi keyboard below the search box. maybe something like a querty mapped keyboard on desktop and something like igurbani app on mobile

tried to find vah vah gobind singh, didnt come up in search results

but some results show undefined and no raag
http://dev.sikhitothemax.org/search.php?q=vvgs&type=1&source=all

http://sikhitothemax.com/Search.asp?Spicy=1

Navdeep singh will provide you the asp code

Return 10 results for searches with a Load More button when relevant to dynamically add 10 more

It doesnt maintain it's aspect ratio and is squeezed on main page

to be able to share or return to your current view

Allow user to embed Panktee(s) or Shabad to their website.
Use blockquote with Unicode followed by async script to style and add display option toggles

See Twitter embed code

<blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">Now that the mad shopping is over let's focus on <a href="https://twitter.com/hashtag/GivingTuesday?src=hash ">#GivingTuesday</a><br>Help Khalis connect Sangat with Gurbani thru tech. <a href="https://t.co/J6LOqD1uKI">https://t.co/J6LOqD1uKI </a></p>— Khalis Foundation (@khalisfound) <a href="https://twitter.com/khalisfound/status/803660024325107712">November 29, 2016</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

#252525
weight: 600;
font-size: .9em;

currently no drop downs in search

We should save the shabad ID of the hukamnama in a table and provide ability to look up a hukamnama by entering a date.

should be drop downs above the current search tool drop downs.

see mockup or google

must work in safari on iphone and macos

/search.php?q= to /search/?q=

• Transpile ES2015 to ES5 using Babel
• Add promises and fetch polyfills
• Minify CSS/JS
• JPEGify images

Should be blue text with down arrow, no border. Buttons are also a bit strange looking.

Dark gray check boxes on search results should become grouped drop downs (ie transliteration drop down, font drop down (unicode/ascii), translation drop down). These would be blue text drop downs just like on google search results.

no checkboxes, just use highlighted/selected options when drop down clicked.

options should persist via cookies

Let me know your thoughts

http://sikhitothemax.com/akindex.asp

Should be in DB

For compatibility with production deploy scripts and future work, please rename html files to php

use color: #00669B

I feel we should have a way to view one entire ang of any source. The API does support it so it shouldn't be that hard, I guess the renderShabad method should just work.

• manifest
• responsive search results
• responsive shabad

Something like Akmal...

Same data as displayed in search results page, "Granth", "Ang", "Writer", "Raag" with clickable links.

Ang link would be blocked by #40.

Add open graph standard headers AND graphics.

Also include relevant titles on pages where possible.

This from SikhJS might be useful to create one.

export const API_URL = `https://api.gurbaninow.com/`;

export const TYPES = [
  'Initials from beginning (Gurmukhi)',
  'Initials from anywhere (Gurmukhi)',
  'Full word (Gurakhar)',
  'Full word (English)',
];

export const SOURCES = {
  all: 'All Sources',
  G: 'Guru Granth Sahib Ji',
  D: 'Dasam Granth Sahib',
  B: 'Bhai Gurdas Ji Vaaran',
  N: 'Bhai Nand Lal Ji Vaaran',
  A: 'Amrit Keertan',
  U: 'Uggardanti',
};

export const buildApiUrl = options => {
  const {
    q = false,
    source = false,
    type = false,
    writer = false,
    raag = false,
    ang = false,
    results = false,
    id = false,
    hukam = false,
    akhar = false,
    lipi = false,
  } = options;

  let url = API_URL;

  if (q !== false) {
    url += `search/${q}/?`;
    if (source) url += `source=${source}&`;
    if (type) url += `searchtype=${type}&`;
    if (writer) url += `writer=${writer}&`;
    if (raag) url += `raag=${raag}&`;
    if (ang) url += `ang=${ang}&`;
    if (results) url += `results=${results}&`;
  } else if (id !== false) { 
    url += `shabad/${id}`;
  } else if (ang !== false) {
    url += `ang/${ang}/`;
    if (source) url += `source=${source}`;
  } else if (hukam !== false) {
    url += `hukamnama`;
  } else if (akhar !== false && lipi !== false) {
    url += `akhar/${lipi}`;
  } else {
    throw new Error('Invalid options sent');
  }
  return url;
}

Logo should always be on left of search (maybe search bar should resize width so that logo, search bar, and button can always be in same row and not flow down.

left margin on shabad is needed.

STR:

• Search KmrhK from main page
• Search Results come up
• Press search again
• Observe the URL

They support anti-aliasing on windows.

https://github.com/KhalisFoundation/gurmukhi-fonts

Also differentiate random vs darbar sahib