enter response - revaturelabs/ask-frontend GitHub Wiki

HTML

Enter Response component is used for the expert to enter a response to a question that an Associate has posed.

md-editor is used to create the input capabilities for the response to be written.

TS

@Output()

newResponse: Response event emitter
updatedResponse: Response event emitter

@Input()

isEdit: Boolean
response: Response (manually set default variables)

Variables

private options: new Markdownoptions
public mode: String 'editor' questionId: nubmer;

Constructor

private responseService: ResponseService
questionService: QuestionService
authService: AuthService
_snackBar: MatSnackBar
router: Router

ngOnInit()

questionId: QuestionService.getQuestionId()

Functions

addResponse(body): Saves the response that has been entered within the page using the ResponseService.saveResponse(). All notifications to the end user utilizes the MatSnackBar.

updateResponse(): Intended to update the response. Currently unused functionality.

Help! These component names are confusing!

In this project there are several components just related to posted questions, all in the static module. We start with the question-list, which is a list of preview-question components. This is a list of questions for users to browse through for reading/answering. When one of these preview-question components is clicked, it routes the user to a view-question component built using that question. This view-question component itself contains a question component for the actual question, in addition to responses and other content. In summation:

question-list : a list of preview-question components
preview-question : a limited preview that links to view-question
view-question : a full view of a question and associated responses
question : the component that represents the question itself in the view-question component *_ask-question: where user submits a question *_ask-question: component where user submits a question