Magento Module Entrance Exam

Functionality: Add Attributes, Sales Agent Feature, KnockOutJs, Modal Popup, Custome Checkout, Custome Fee & Quote Total,...

Install

Copy module and put it in : app/code/AHT/

Run: enable module in commandline in root folder:

php bin/magento module:enable AHT_module-name

php bin/magento setup:upgrade

Attribute Customer

Add the following fields for customers to complete when registering:
1. Organization Name (Textfield) 
2. Contact Phone Number including country code (Textfield)
3. Please select your Company Type (Dropdown)
- CBD Manufacturer
- CBD Brand and Marketing company
- CBD Extractor
- Other
If Other - please specify (Organization Name only appear if "Other" is selected )

Attribute Customer Frontend:

Attribute Customer Admin:

Frontend Test: Modal

1. Create a new frontend page
Create a new page in frontend that has Magento Layout, page’s url: http://<magento_baseurl>/<module_route>
Add a button to the content of this page, e.g:

2. Learn how to use RequireJS, load out “jquery” library (already in Magento)
Whenever the button created above clicked, alert “Hello World!”
Now that the alert works, delete it. Use “magento alert modal” instead, find out how to use “magento alert modal”
Create a 2nd button. Whenever clicked, a Modal (a concept in magento, simply it’s a popup javascript window) is drop downed.
This Modal contain: a login window, e.g: (notice: you can style it yourself)

Button 1

Button 2

Button 1

KnockOut Js:

(Knockout Js (KO) is an important aspect in Magento, KO is a js library that is used widely, in almost every page in Magento)
Read an Overview about KnockoutJs, finish all the tutorial: +http://knockoutjs.com/
http://learn.knockoutjs.com/+
Use knockout js for fast order function. Ajax Filter product

Images:

Others Knockout js test:

Custom Checkout - Delivery:

1. Add a step page checkout for customer to input delivery date and delivery comment
Admin can check and edit delivery date and delivery comment in backend (Order detail)
2. Use code to Company input is required.

Custom Fee & Quote Total

Add fee for order with each payment method
Required:
With each payment method, admin can edit fee for total order
Create configuration : 

Sales Agent

1. Introduction
    - Implement a system consisting of Sales Agent (SA).
    - SA is a customer as well. 
    - SA will be assigned with products, and receive commission when customer buy their product.

2. New Attributes
    Customer: is_sales_agent (boolean)
    Product: sale_agent_id, commission_type (fixed/percent), commission_value

3. Tables
    entity_id
    order_id
    order_item_id
    order_item_sku
    order_item_price
    commision_percent
    commission_value

- Be sure to apply an appropriate data type to each field. ( You can edit the table structure if you feel necessary )

4. Features
a. Backend:
    - Admin will be able to assign SA, commission type, value to each product.
    - Commission report. Only do 1 out of 2 below:
    - According to Product, filterable by SKU with Ajax load.
    - According to SA, filterable by Email with Ajax load.
b. Frontend:
    - When customer successfully place an order, SA will immediately receive commission.
    - When a SA logged in to his account, he can preview (somewhere in My Account) all product assigned to him (you should display this with a table).
    - Product name, sku, url to the product
    - Commission type, commission value..
c. Global:
    - SA’s first name will be displayed as 
    - “Sales Agent: <firstname>” instead of “<firstname>” on all pages of the website