Home Reference Source

References

assets/helpSvgr

summary
public

SVGR component depicting a lion that looks curious.

public

SVGR component depicting a lion that looks in doubt, with a warning sign on its overalls.

public

SVGR component depicting a happy lion with a question mark on its overall.

public

SVGR component depicting a lion resting and in laying position.

public

SVGR component depicting a satisfied lion with a question mark on its overall.

public

SVGR component depicting a lion with a question mark on its overall, in sitting posture.

public

SVGR component depicting a lion with a thumb up, and a question mark on its overall.

public

SVGR component depicting a lion with a thumb up.

assets/iconsSvgr

summary
public

SVGR component representing a round "close" icon.

public

SVGR component representing a round "see details" icon.

public

SVGR component depicting an eraser.

public

SVGR component representing the "font color" symbol.

public

SVGR component depicting the round "home" icon.

public

SVGR component representing an arrow pointing to the left.

public

SVGR component representing a lock.

public

SVGR component representing the "next" round icon

public

F OkIconSvgr(props: Object): Object

SVGR component representing the "ok" round icon.

public

SVGR component representing the "paper color" symbol.

public

SVGR component representing the "pen" symbol.

public

SVGR component representing the "previous" round icon

public

SVGR component representing a red cross symbol.

public

SVGR component representing the "save" symbol.

public

SVGR component representing the "back to start" round icon.

public

SVGR component depicting a trash can symbol.

public

SVGR component representing the "undo" symbol.

assets/itemsSvgr

summary
public

SVGR component depicting the bottom left photo corner.

public

SVGR component depicting a bottom right photo corner.

public

SVGR component depicting the top left photo corner.

public

SVGR component depicting the top right photo corner.

assets/stickersSvgr

summary
public

SVGR component depicting a bookshelf sticker.

public

SVGR component depicting a teaddy bear sticker.

components/avatar

summary
public

F Avatar(mood: number, full: boolean): Object

Method for making avatar

components/buttons

summary
public

Component displaying a square "back" button.

public

Component representing the base for a round button with shadow.

public

Component representing the base for a square button with shadow.

public

Component representing the base for a square button with shadow.

public

Close button, round button with shadow

public

Component displaying a square "delete" button.

public

Details button, round button with shadow

public

Home round button with shadow

public

F JournalButton(props: Object, label: string, style: Object): Object

Component displaying a square button for the journal module, with the specified label.

public

Component displayin a square login button

public

Next button, round with shadow

public

Ok button, round button with shadow

public

"Previous" round button with shadow

public

Component displaying a Square save button.

public

Component representing the button to navigate to diary.

public

Component representing the button to navigate to journal.

public

"Go to start" button, round button with shadow

components/dialogBoxes

summary
public

Component displaying an overlay on a view with a confirmation box.

public

Component displaying an overlay on a view with an information box and a single close button

public

Component displaying an overlay view with alert box for login to journal.

public

Component displaying an overlay on a view with an alert box.

components/helper

summary
public

Returns the avatar of the lion with the given expression.

components/stickers

summary
public

Round sticker with happy user avatar

public

An ImageWrapper component containing a sticker

components/wrappers

summary
public

Wrapper for image.

public

SafeArea Wrapper

database

summary
public

F getActivity(activityId: number): Object

Returns activity with given id

public

Return all activites

public

F getName(activityId: number): string

Returns the activity name

public

F getPicture(activityId: number): Object

Returns the activity picture

public

F getQuestion(activityId: number, questionId: number): Object

Returns question with given questoinIdd from activity with given activityId

public

Returns all questions

public

Gets the filename of activity picture

public

Returns the name of the activity type

public

Returns the picture of the activity type

public

F getQuestion(id: number, questionId: number): Object

Returns the question with the given activity type id and question id

public

Returns the number of questions

public

Looks for the given username in the database and returns the id if found.

public

Gets the image from the therapist object with given id

public

Gets the name of a therapist with given id

public

F isValidPassword(therapistId: number, password: string): boolean

Checks if the given password is the correct password for the given therapist id.

public

If the activity is already defined, update it If the activity is not assessed, add assessment

public

F getAssessment(assessmentID: number): Object

Gets the assessment with given assessmentID

public

Gets all of the assessments in the user object

public

Gets the user object

public

Returns the number of assessmetns

public

Activity sessions

public

Type of activities

public

Therapists

public

V user: Object[]

The user that is using the application

objects

summary
public

Resets the assessment

public

Returns the activity create date

public

Returns the activity id

public

Returns the activity type

public

Returns the assessment object

public

Returns the assessment id

public

Returns the comment object

public

Returns the drawing path

public

Returns the grading object

public

Sets the activityCreateDate

public

F setActivityId(activityId: number)

Sets the id of the Activity

public

F setActivityType(activityType: Object)

Sets the activity type

public

Overwrite assessment.

public

Sets the id of the assessment

public

F setComment(content: string, textColor: string, paperColor: string)

Sets the comment which consists of content, and colors.

public

F setCreateDate(date: Date)

Sets the createDate

public

F setDrawing(drawing: string)

Sets the drawing

public

F setGrading(grading: Object)

Sets the grading for a question.

public

F initHelp(id: number): Object[]

Return properties of the help object with the given id

public

Returns properties of the lion corresponding to the given help-object.

styles

summary
public

Font and font size from iOS UI kit

public

Font and font size from iOS UI kit, xLarge

public

iOS xxxLarge: diary details on free text, buttons

public

Non standard-iOS typography

public

General styles which can be used by all components

svgr-components

summary
public

Not happy face

public

Medium happy face

public

Happy face

public

Not happy avatar

public

Medium happy avatar

public

Very happy avatar

public

Unsure avatar

utils

summary
public

F handleLogin(username: String, setUsername: function, password: String, setPassword: function, therapistId: number, setTherapistId: function, setIsValidConnection: function, setShowErrorMsg: function, setGoToJournal: function): function

Process the login and set the variables to the correct value.

public

F handleLogout(setIsLoggedOut: function, setIsValidConnection: function, setGoToJournal: function): Object

Set values to the given states to process log out.

public

Check if the given id is valid

public

F getColors(): string[]

Function to convert CSS colors (first letter capitalized) to React colors (all lowercase)

public

F convertDate(dateString: string): string[]

Convert a date in ISO format to an array of strings containing weekDay, day, month and year.

public

Return the title of the diary with the specified name as part of the title.

public

F setBorderStyle(paperColor: string, styles: Object): Object[]

Set the color of the border and add it to the specified style

public

F getEmojiImage(grading: number): Object

Get the source of the image of the emoji corresponding to the specified grading.

public

F getLegend(grading: number): string

Get the legend of the corresponding grading.

public

F getSpeech(grading: number): string

Get the speech sound for the specified grading

public

F iosPlaySound(filename: string)

Preferred way of playing sound on ios

public

F playSound(filename: string)

Plays the .wav soundfile corresponding to the filename.

public

F stopSound()

Stops the currently playing sound.

public

F smileyometerAnimationDelay(grading: boolean, comment: boolean, drawing: boolean): number[]

Receives parts of assessment, and returns timer delay values based on true or false

public

F timedEvent(func: function, time: number, id: number)

A timed event.

public

Enum defining the expression and function of the avatar of the helper.

public

Enum defining the posture of the character

public

Colors used in the color selector for drawing and free text

public

Complete color palette used in the user interface

public

UI colors used in journal

public

V UIColors: *

The default colors used for the UI elements

public

Holds the activity object of the activity the user is assesseing

public

Create a context for the diary module, to keep track of the page the user is on.

public

Creates a context for the journal module, to keep track of login information.

public

Defines a new context for mood with no startvalue.

public

Creates a context that controls whether helper is muted or not

public

Enum defining the length of a button (journal button)

public

Enum defining the color lightness of a component of a button

public

Enum defining the position of components

public

Enum defining the dimensions of round buttons in journal module.

public

Enum defining the dimensions of round buttons (journal button)

public

Enum defining the size of round button

public

Enum defining the dimensions of square buttons

public

Different compliments the user recieve in scoreboard component.

public

Enum to differentiate between FreeTextView and DrawingView

public

Enum definingn different moods.

public

Defines constants describing the type of notification.

views/assessment

summary
public

F Activity(activity: Object, setGoToActivity: function): Object

The landing page for activities.

views/assessment/components

summary
public

The menu used to select a color, with horizontal scroll.

public

Menu shown when user is exiting, prompting user to save the drawing

public

F LeftMenu(props: Object): Object

The left side menu of FreeTextView and DrawingView.

views/assessment/components/buttons

summary
public

The base button used in the drawing and free text menu.

public

The button clicked when clearing the drawing.

public

F DrawButton(props: Object): Object

The button clicked when activating the pen.

public

The button to activate the eraser.

public

The button to change the color of the font.

public

The button to change the color of the paper.

public

F UndoButton(props: Object): Object

The button to undo a drawing action.

views/assessment/drawing

summary
public

F DrawingView(setShowDrawingView: boolean): Object

The view where the user can draw.

views/assessment/drawing/components

summary
public

Component displaying the size of the drawing stroke.

public

Component with slider controlling the width of the pen stroke, and an indicator displaying the stroke size.

views/assessment/freetext

summary
public

F FreeTextView(setShowFreeText: function): Object

The view where the user can write free text.

views/assessment/grading/components

summary
public

F Face(mood: number, question: number, setAnswered: function): Object

Component for each face in Grading.

views/assessment/menu

summary
public

F Menu(setGoToActivity: function): Object

The assessment menu where the user can go to Grading, Freetext, Drawing or back to StartView.

views/assessment/menu/components

summary
public

F MenuIcon(delay: number, onPress: function, png: string): Object

Makes an icon in the assessment menu.

views/diary

summary
public

F DiaryView(props: Object): Object

View showing the diary

public

Common styles used in the diary.

views/diary/components

summary
public

Component that display the date with year, month, day and weekday like on single page single day calendars

public

Front cover of the diary

public

Component displaying the right page of the diary with all the answers to assessment for an activity session.

public

F Drawing(props: Object): Object

Component displaying the drawing made by the user, on a diary page.

public

Detailed view of drawing

public

F FreeText(props: Object): Object

Component displaying the free text element on the diary page.

public

Detailed view of free text

public

Component displaying the backside of a grading card in the diary.

public

Component displaying the front size of a grading card.

public

Component displaying an overview of all answers to questions related to an activity.

public

F Header(props: Object): Object

Header of the diary.

public

Diary menu bar to navigate to next page.

public

Diary menu bar to navigate to previous page.

public

F NavToStart(props: Object): Object

Component displaying the menu to navigate to the cover page.

public

F PageTitle(props: Object): Object

Component displaying the title of a diary page.

public

Component displaying the picture of the activity with photo corners.

views/journal

summary
public

View displaying an assessment on an activity session in the journal.

public

Component displaying the login page of the journal.

public

Component displaying the landing view of the journal module, after successfull login.

public

Styles used in journal

views/journal/components

summary
public

F Header(props: Object): Object

Component displaying the header of the journal, with info on the user currently logged in and logout button.

public

Component displaying the label of a text input.

public

Component displaying a notification message.

public

F TableCell(props: Object): Object

Component representing a cell in a table.

public

F TableTitle(props: Object): Object

Component displaying the title cell of a table.

views/startview

summary
public

The Landing page showing the main menu

views/startview/components

summary
public

F ActivityList(setGoToActivity: function): Object

Component for making the activity list in main menu