The “approval” application is used to review images and insert notes and drawings.
The header (1) contains information about the lightbox, its name, size, state and order number (which is a link which opens directly the order page).
Actions.
The actions tab (3)
contains buttons to perform such actions as:
- save changes (save notes and drawings)
- export to pdf – exports the image into pdf format which also includes user notes and drawings
- minimize – allows to hide temporarily notes and drawings to enable the user to take a look at the original image
- approve – approve the image
- reject – reject the image
NOTE: if you make some changes and close or reload the application page without saving changes – the browser will warn you about it:
Rejecting subject.
If the subject is rejected – corresponding email is sent to the PRODUCTION_INTERNAL. You will need to specify the body of the email:
Exporting to pdf.
Click button, select the configuration of the output pdf
and the created pdf will be shown in a new tab:
NOTE: the browser may block opening new tab with the message “popup blocked”. In this case it‘s necessary to allow popups from this site.
Modes
Application has several different modes which determine how the application reacts on mouse events in the image area (2)
- moving
- selection
- notes
- drawing
Modes may be switched using buttons from the control panel (4):
Move
The default mode.
Dragging is used to move images or notes.
Mouse click is used to select a single note or a single drawing. To append another element to the selection use Ctrl + mouse click.
The mouse scroller is used for scaling in this mode.
Selection
Used to select one or several drawings or notes in a rectangle area using mouse (use click and drag to indicate the selection rectangle).
Notes.
Used to add notes. A note consists of the pin and note body.
To insert a new note click the button and then make a mouse click on the place where note‘s pin should be positioned. Another way to add a note is to right-click the necessary place and then select “create pin” from the popup menu. You may move note‘s pin and body using mouse. To move the note‘s body use its header. A note may be resized by mouse using the right-bottom area of the note's body. To change font and color of the note use the control panel (4). To delete selected elements click “del” key or press the button in the control panel.
Note: if some note is focused, “del” key not deletes the selection but is used to delete characters in the text of the focused note.
The list of all notes (6) is shown on the page.
Each note has one of three states: “to do”, “do not” and “done”.
The user may use note state to have a convenient visual control of the state of corrections.
To change the state of a note – click the circle at the corresponding item.
Drawings.
Click the button to start drawing using mouse. The new drawing will have parameters currently selected in the control panel (color and pen width) but they also may be changed later. Select one or several drawings and then change their parameters using corresponding buttons on the control panel.
To select a single drawing – make a mouse click in any position of the drawing‘s line. You may add another drawings to the selection (or remove a drawing without unselecting already selected) by using ctrl+mouse click. Another way to select one or several drawings is to enter the select mode and select the necessary rectangle area using mouse.
As a mouse cursor moves, the target drawing is highlighted.
To move one or several drawings, select them and then use the mouse to move them.
Scaling.
As the app starts, it adjusts the scale so that the image occupies whole width of the form. To change the scale the user may use the scroller (in “move” mode) or use the control panel buttons which allow to:
- select one of predefined zooms – 25, 50, 75, 100
- fit image to screen width (button )
- zoom 5% in or 5% out using buttons and
Preview.
Moving can be done by dragging image with the mouse in “move” mode or using the preview thumbnail (5).