Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add reactive search for API catalog #3502

Merged
merged 11 commits into from
Jun 11, 2018
Merged

Add reactive search for API catalog #3502

merged 11 commits into from
Jun 11, 2018

Conversation

vinaytech
Copy link
Collaborator

@vinaytech vinaytech commented Jun 7, 2018

Closes #3485

Changes

  • Removed pop-up style search field from page header
  • Added reactive search input field on Apis page

Developer checklist

This checklist is to be completed by the PR developer:

  • Alternative solutions were compared/discussed before writing code
    • trade-offs with this solution are considered acceptable
  • Code in this PR adheres to the project styleguide
  • This pull request does not decrease project test coverage
  • If the code changes existing database collection(s), migration has been written
  • If UI texts are added or changed, all texts are internationalized

Reviewer checklist

Reviewed by: @username1

This list is to be completed by the pull request reviewer:

  • Code works as described/expected
  • Code seems to be error free
    • no browser console errors visible
    • no server console errors visible
    • passes CI build
  • Code is written in a way that promotes maintainability
    • easy to understand
    • well organized
    • follows project coding standards and conventions
    • well documented

@ghost ghost assigned vinaytech Jun 7, 2018
@ghost ghost added the in progress label Jun 7, 2018
@preriasusi preriasusi requested a review from matleppa June 8, 2018 08:26
Copy link
Member

@matleppa matleppa left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Some general comments:

  • making a new branch
    • use the current way of naming new branch. Here it would have been something like: feature/add-reactive-search-for-apis
    • Title of PR is generated from branch name, so it may need some adjust to be human language. Here something like: Add reactive search for API catalog
  • PR template

// Init the query reactive variable
instance.query = new ReactiveVar();


Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Remove extra empty line.

<template name="search_form">
<form id="search-form">
<div class="input-group">
<span class="input-group-addon">
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Remove the span from here.
The goal is to have same feel and look as in Dashboard page search component.

@@ -463,6 +463,7 @@
"mostFrequentUsersTable_lintText_downloadFile": "Lataa kaikki k\u00e4ytt\u00e4j\u00e4t",
"navbar_addAPIBackend": "Lis\u00e4\u00e4 rajapinta",
"navbar_apis": "Rajapinnat",
"navbar_my_apis": "Omat sovellusliittymät",
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Do not make any changes in fi.i18n.json.
The changes will be done afterwards during localization round.

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@matleppa so should simply use english word for then text

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@vinaytech When you are adding a new label, text block etc. or modifying existing one, just make those changes only in en.i18n.json, in English language.

Just pay no attention in file fi.i18n.json. (So in this case, remove the changes you've done there now).

The corresponding changes will be translated later and generated with another tool to Finnish translation file.

</div>
</form>
<div class="container">
<form id="search-form">
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

As stated in Contributing Guidelines:
"Indent all HTML(Blaze) and JavaScript code with two spaces for each level of nesting."

Copy link
Member

@matleppa matleppa left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Getting closer, just some indentation fixes left.

<div class="col-xs-12 col-sm-4">
<div class="search">
<i class="fa fa-search"></i>
<input
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Unnecessary indentation level for input.

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ok i will format it

@matleppa matleppa changed the title Feature 3485 Add reactive search for API catalog Jun 11, 2018
@matleppa
Copy link
Member

General comments:
To be used as examples on future,

  1. I updated PR title

  2. I updated Changes section content

  3. title for changes after review

  • rather than mentioning some reviewers' names ("changes for Matti comments"), describe the change itself or in case several minor changes a more common title ("Corrections after review").

@matleppa matleppa merged commit cca6bc3 into develop Jun 11, 2018
@ghost ghost removed the Ready for review label Jun 11, 2018
@matleppa matleppa deleted the feature-3485 branch June 11, 2018 12:05
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants