peregrinetel / tekdb Goto Github PK

Right now they are wrapped down from the row above.
Place them in the row below.

There is only 1 action available: "Delete selected page contents"
But, there is a button on the right that offers the option to "Add page content".

If you select a page(s), then click "Add page content", you are taken to another page where you still have to select which page to add content to.

Looks like its separate because one can only add content to one page at a time, but one can delete more than one page at a time. Still, this is confusing. Can this be done a better way?

Blend into background more?
Find a different compass image?

The admin button is styled differently than the Explore, About, and Help buttons.

• Why does float: right; have no effect when added to header.css (line 86-101), but does when added to the css within Chrome?
  
• Looks like there is quite a bit of redundant button styling. Look into this more.
• It also looks like both type="button" (for the admin button), and the anchor tags are impacting the inheritance. Learn more about this.

Search Results page

• Take a look at some examples of search results pages at some newer sites.

"No keyword specified" shows above table when no words entered into search form.

On home page, no text should be underlined that is not a link. (This is the Traditional Ethnographic Knowledge Database, operated by the Tolowa Tribe.) Find a different way to emphasize this text.

https://help.github.com/articles/closing-issues-using-keywords/

Almost all buttons should have the same rounded corners and shadows (see navbar buttons),
and the same thin grey border with white shadow (see Explore page buttons)

• Explore page: Search button (rounded corners and shadows)
• Home page: admin button (rounded corners and shadows)
• Navbar buttons (except TEK button?) (thin grey border with grey shadow)
• Item Description page: Back to Search results button (thin grey border with grey shadow)
• Search Results page: Apply Filter button (thin grey border with grey shadow)

Minimal information. More would need to be set up in an rtf-like editor?

• Darken and enlarge column heads' titles
• Add light border around column heads
• make every other line of table a different color
• reassess

Copy from Explore page

• About page
• Help page
• Welcome page

• on search results
• navbar's Login button

• Should filter selection on Explore page and filter selection on Search Results page look more similar to each other?

• It would be nice if the filter selection on the Explore page offered the option to select more than one filter, as one can on the Search Results page.

• Once this is resolved, will probably still need a back to website button for the Search Results page

Explore page: Instructions? Friendly invitation?

There are two "location" items in my repository. Neither of them have map data. So, that explains why I couldn't find a map. :-)
Would it be very involved/time consuming to add a few items with location data to my TEKDB copy?

One can only download the list information from the Search Results page. If you want to download descriptions for each item on the list, you would have to do each one individually, from each Item Description page. Will users want to download all descriptions that show up in the search results -- all at once?

• Secure your desk
• Secure a FOB
• Paperwork?

• Its kind of crowded. Especially for long search terms. (See other issue for not including "no search terms specified")
• "Results for search...." text could be less prominent. (smaller? less bold? lighter color?)
• Switch places of "Results for search..." text and paginating section.

Esp. any added since CSS3.
May find some good tools for addressing things there. These newer features were not used when this site was built.

Find out why.

Search Results page: Search results up and down arrows are too faint; they are hard to see and know the options is there. Modify by either

1. changing the background color to make them stand out more
   or
   2)using the tool that the table was built with, a front end library called "Datatables" (built in Javascript. Or JQuery)

• Name
• Category
• Definition

Why are these two different?

What is happening here? Explore and examine.

• checkout out Bootstrap's built-in glyphicons -- see 'glyphicon-user'

Is this intentional? I see "admin" because that is my user name. Do we want everyone to see their user name? Or, should they see a more generic label. ("admin" for everyone? Unless a user is staff, they won't see "Administration" in the drop-down -- only "Logout".

Relevant code from navbar.hmtl (lines 56-70):
{% if user.is_authenticated %} <div class="dropdown col-sm-3 col-md-3"> <button class="btn dropdown-toggle" type="button" id="userDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> {{ user.username }} </button> <ul class="dropdown-menu" aria-labelledby="userDropdown"> {% if user.is_staff %} <li><a class="dropdown-item" href="/admin">Administration</a></li> {% endif %} <li><a class="dropdown-item" href="/logout?next=/">Logout</a></li> </ul> </div> {% else %} <a class="col-sm-3 col-md-3 header-button" data-toggle="modal" data-target="#loginModal"> Login

Once restyling navbar is complete, decide if button css should be isolated.

I made the same styling to buttons on several CSS sheets. It would be nice to have all that styling in the same place. What would be the best way to go about doing this? A separate css sheet just for button styling? A sheet to collect button styling and other things I add might ad that will be applied to more than one html page?
I don't think there is a single class to which all the buttons belong. "btn" is probably the most commonly applied. (Is there a tool that creates a "breadcrumb trail" or a tree like structure, but with classes instead of element names?)

Search results page: Icons should appear in left margin too, near their names and check boxes.

On the GitHub account, this is called "Traditional Ecological Knowledge Ethnographic Database".

On the website, it is called "Traditional Ethnographic Knowledge".

"TEK" usually means "Traditional Ecological Knowledge".

Why does the TEK on the website stand for "Traditional Ethnographic Knowledge"?

• Find out if this text is within a separate document, or written twice, one for each page:
• To immediately right of the green box containing the search results (Search Results page)
• To immediately right of the green box containing the item description (Item Description page)

• Make the text bigger.
• Next, assess whether other text around it should be smaller

Search results page: green box extends too far below the list of results.

• Find out if it is possible to easily size this to fit without impacting other pages.

• Smaller
• Green and bold on hover, just like the other header buttons
• Reassess

Leave other behavior. Border should apply only when buttons are selected.
See the navbar buttons.

• Search results page: pagination buttons (5, 10, 50, or 100 search results seen). Currently there is inconsistent behavior. Sometimes the selected one has a blue and/or black border, sometimes it has one of the borders but a different one has the other border.
• Explore page...
• ...and Search Results page: Filter buttons that are currently selected (Currently, they are highlighted (blue outline) when clicked, but once the user clicks into the search form, the highlighting is gone.)
• On Search results page, view selection buttons (gallery or list) (currently, the one selected has black fill, but should have an outline like all other selected buttons)
• On Explore page, “All” filter button should be automatically marked as selected.

• Move button row to bottom of containing div.
• Admin button should not overlap other buttons on narrow screens.
• Decide: (update: used Bootsrap's tab class to restyle)
  Make buttons smaller?
  Just words?
  Create a hamburger menu instead?

Also, should there be a different icon for the Explore page?
Should other icons be added elsewhere?

• to explore other image options, check out the website: The Noun Project (later suggestion: use Font Awesome instead)
• add new icons (see comment below)

Pagination numbers' styling (Search Results page) is inconsistent with itself and with other styling.

Scroll bars needed:

• Search results box
  Question: I have datatables.min.js
  Looks like this might be where I need to go to change this. Can I see the pre-minified version?
  From https://datatables.net/reference/option/scrollY (but with "paging":true)
  $('#example').dataTable( { "scrollY": "200px", "scrollCollapse": true, "paging": false } );

• create issues
• create milestones
• organize issues within milestones

Admin's Change Records page: div class="actions" should have a more prominent font.

• Try a darker text color
• Reassess

Green, no border.

• Home page: Explore button
• Search Results page: Right button (left already does)
• Item description page: Back to search results button
• Explore page: search button
• Search Results page: Apply Filter button, (left side of page)
• Navbar: Admin button?
• Navbar, explore, about help buttons: no black border (unless selected)
• Login button

Search results switch back to list view when the filter is changed. It should stay on either list or thumbnail, even as search changes, until user says otherwise.