moralis-frontend-helper
v1.1.2
Published
Helps nocoders to get to use and moralis functionalities. Created as a Part of Moralis Weekly challange.
Downloads
2
Readme
��#� ��m�o�r�a�l�i�s�-�f�r�o�n�t�e�n�d�-�h�e�l�p�e�r�
�
�
�
�
�h�t�t�p�s�:�/�/�g�i�t�h�u�b�.�c�o�m�/�j�o�h�n�v�s�n�a�g�e�n�d�r�a�/�m�o�r�a�l�i�s�-�f�r�o�n�t�e�n�d�-�h�e�l�p�e�r�/�b�l�o�b�/�m�a�i�n�/�R�E�A�D�M�E�.�m�d�
�
�
�
�>� �P�a�r�t� �o�f� �M�o�r�a�l�i�s� �w�e�e�k�l�y� �c�h�a�l�l�e�n�g�e�
�
�
�
�>� �T�h�e� �m�a�i�n� �a�i�m� �o�f� �t�h�i�s� �p�r�o�j�e�c�t� �i�s� �t�o� �m�a�k�e� �t�h�e� �t�h�e� �f�r�o�n�t�e�n�d� �d�e�v�e�l�o�p�m�e�n�t� �e�a�s�y� �w�i�t�h� ���M�o�r�a�l�i�s��� �f�o�r� �a�n�y�o�n�e� �w�i�t�h� �v�e�r�y� �b�a�s�i�c� �k�n�o�w�l�e�d�g�e� �o�f� �p�r�o�g�r�a�m�m�i�n�g� �/� �N�o�C�o�d�e�r�s� �/� �L�o�w�C�o�d�e�r�s�.�
�
�
�
�#�#� �S�e�t�u�p�:�
�
�
�
�G�e�t� �a�c�c�e�s�s� �t�o� �t�h�e� �c�o�d�e� �u�s�i�n�g� �b�e�l�o�w� �l�i�n�e�.�
�
�
�
��
��
�
�n�p�m� �i� �m�o�r�a�l�i�s�-�f�r�o�n�t�e�n�d�-�h�e�l�p�e�r�
�
�
��
�
�
�
�
�C�o�p�t� �t�h�e� �H�T�M�L� �f�r�o�m� �r�e�p�o�s�i�t�o�r�y� �I�n�d�e�x�.�h�t�m�l�
�
�
�
�C�o�p�y� �t�h�e� �b�e�l�o�w� �s�c�r�i�p�t� �t�o� �y�o�u�r� �p�r�o�j�e�c�t� �s�c�r�i�p�t� �a�n�d� �a�d�d� �M�o�r�a�l�i�s� �S�e�r�v�e�r�U�r�l� �a�n�d� �A�p�p�I�D�.�
�
�
�
��
��
�
�c�o�n�s�t� �s�e�r�v�e�r�U�r�l� �=� �"�s�e�r�v�e�r�-�u�r�l�"�;�
�
�c�o�n�s�t� �a�p�p�I�d� �=� �"�a�p�p�-�i�d�"�;�
�
�M�o�r�a�l�i�s�.�s�t�a�r�t�(�{� �s�e�r�v�e�r�U�r�l�,� �a�p�p�I�d� �}�)�;�
�
�
��
�
�
�
�
�#�#� �W�i�t�h� �t�h�e� �h�e�l�p� �o�f� �m�o�r�a�l�i�s�-�f�r�o�n�t�e�n�d�-�h�e�l�p�e�r�:�
�
�
�
�1�.� �U�s�e�r� �w�i�l�l� �b�e� �a�b�l�e� �t�o� �i�n�j�e�c�t� �w�o�r�k�i�n�g� �m�o�r�a�l�i�s� �f�u�n�c�t�i�o�n�s� �d�i�r�e�c�t�l�y� �i�n�t�o� �t�h�e�i�r� �w�e�b� �p�a�g�e�.�
�
�2�.� �G�e�t� �H�T�M�L� �c�o�d�e� �i�n�s�t�a�n�t�l�y� �b�y� �r�u�n�n�i�n�g� �m�o�r�a�l�i�s�-�f�r�o�n�t�e�n�d�-�h�e�l�p�e�r� �f�u�n�c�t�i�o�n� �w�h�i�c�h� �l�a�t�e�r� �c�a�n� �b�e� �u�s�e�d� �t�o� �a�d�d� �t�o� �a�n�y� �o�f� �t�h�e�i�r� �H�T�M�L� �c�o�d�e�.�
�
�3�.� �G�i�v�e�s� �u�s�e�r� �a�b�i�l�i�t�y� �t�o� �g�i�v�e� �c�u�s�t�o�m� �s�t�y�l�i�n�g� �t�o� �t�h�e�i�r� �w�e�b�p�a�g�e�.�
�
�
�
�#� �U�I� �E�l�e�m�e�n�t� �F�u�n�c�t�i�o�n�s� �w�h�i�c�h� �u�s�e�s� �m�o�r�a�l�i�s� �w�e�b�3�a�p�i� �f�u�n�c�t�i�o�n�s�
�
�
�
�-� �[��a�d�d�T�o�k�e�n�S�e�l�e�c�t�(�)�
�]�(�#�a�d�d�T�o�k�e�n�S�e�l�e�c�t�)�
�
�
�
� � �-� ����A�d�d�s� �a� �d�r�o�p�d�o�w�n� �i�n�t�o� �t�h�e� �p�a�g�e� �w�i�t�h� �t�o�k�e�n� �n�a�m�e�s�
���
�
� � �-� ��T�h�e� �b�e�l�o�w� �c�o�d�e� �c�r�e�a�t�e�s� �a� �d�o�r�p�d�o�w�n� �s�e�l�e�c�t� �i�n� �d�o�c�u�m�e�n�t� �w�i�t�h� �e�l�e�m�e�n�t� �i�d� �=� �S�e�l�e�c�t�1�,� �i�n�s�i�d�e� �p�a�r�e�n�t� �e�l�e�m�e�n�t� �o�f� �i�d� �=� �B�o�d�y�,� �w�i�t�h� �d�e�f�a�u�l�t� �d�r�o�p�d�o�w�n� �=� �S�e�l�e�c�t� �a�n�d� �w�i�t�h� �s�t�y�l�i�n�g� �t�e�x�t� �a�l�i�g�n�m�e�n�t� �=� �c�e�n�t�e�r�,� �t�e�x�t� �c�o�l�o�r� �=� �#�0�0�0�0�0�0�.� �*�*�A�n�d� �m�o�s�t� �i�m�p�o�r�t�a�n�t�l�y� �i�t� �g�e�t�s� �t�h�e� �t�o�k�e�n� �n�a�m�e�s� �f�r�o�m� �U�n�i�s�w�a�p� �a�n�d� �P�a�n�c�a�k�e� �s�w�a�p� �a�n�d� �a�d�d�s� �i�t� �t�o� �t�h�e� �d�r�o�p�d�o�w�n� �s�e�l�e�c�t�*�*�
�
�
�
�
� � � � ��
��
�
� � � � �o�p�t�i�o�n�s� �=� �{�
�
� � � � �T�a�g�I�D�:�"�S�e�l�e�c�t�1�"�,� �P�a�r�e�n�t�I�d�:�"�B�o�d�y�"�,� �D�e�f�a�u�l�t�V�a�l�u�e�:�"�S�e�l�e�c�t�"�,� �S�t�y�l�e�:�"�t�e�x�t�-�a�l�i�g�n�:� �c�e�n�t�e�r�;� �c�o�l�o�r�:� �#�0�0�0�0�0�0�;�"�
�
� � � � �}�
�
� � � � �a�d�d�T�o�k�e�n�S�e�l�e�c�t�(�o�p�t�i�o�n�s�)�
�
� � � � �
��
�
�
�
�
�-� �[��A�d�d�L�o�g�i�n�B�u�t�t�o�n�(�)�
�]�(�#�A�d�d�L�o�g�i�n�B�u�t�t�o�n�)�
�
�
�
� � �-� ����A�d�d�s� �a� �M�e�t�a�m�a�s�k� �l�o�g�i�n� �b�u�t�t�o�n� �e�l�e�m�e�n�t� �i�n�t�o� �t�h�e� �p�a�g�e�
���
�
� � �-� ��T�h�e� �b�e�l�o�w� �c�o�d�e� �a�d�d�s� �a�n� �b�u�t�t�o�n� �e�l�e�m�e�n�t� �i�n�t�o� �t�h�e� �d�o�c�u�m�e�n�t� �w�i�t�h� �e�l�e�m�e�n�t� �i�d� �=� �L�o�g�i�n�B�t�n�,� �i�n�s�i�d�e� �p�a�r�e�n�t� �e�l�e�m�e�n�t� �o�f� �i�d� �=� �B�o�d�y�,� �w�i�t�h� �h�e�i�g�h�t� �=� �1�5�p�x� �a�n�d� �w�i�d�t�h� �=� �5�0�p�x� �a�n�d� �B�a�c�k�g�r�o�u�n�d� �c�o�l�o�r� �=� �#�6�5�a�4�7�b� �.� �*�*�A�n�d� �c�a�n� �b�e� �u�s�e�d� �t�o� �l�o�g�i�n� �i�n�t�o� �m�e�t�a�m�a�s�k� �w�a�l�l�e�t�.�*�*�
�
�
�
�
� � � � ��
��
�
� � � � �o�p�t�i�o�n�s� �=� �{�
�
� � � � �T�a�g�I�D�:�"�L�o�g�i�n�B�t�n�"�,� �P�a�r�e�n�t�I�d�:�"�B�o�d�y�"�,� �S�t�y�l�e�:�"�m�i�n�-�w�i�d�t�h�:� �5�0�p�x�;� �m�i�n�-�h�e�i�g�h�t�:� �1�5�p�x�;� �b�a�c�k�g�r�o�u�n�d�-�c�o�l�o�r�:� �#�6�5�a�4�7�b�;�"�
�
� � � � �}�
�
� � � � �A�d�d�L�o�g�i�n�B�u�t�t�o�n�(�o�p�t�i�o�n�s�)�
�
� � � � �
��
�
�
�
�
�-� �[��A�d�d�W�C�L�o�g�i�n�B�u�t�t�o�n�(�)�
�]�(�#�A�d�d�W�C�L�o�g�i�n�B�u�t�t�o�n�)�
�
�
�
� � �-� ����A�d�d�s� �a� �W�a�l�l�e�t� �C�o�n�n�e�c�t� �l�o�g�i�n� �b�u�t�t�o�n� �e�l�e�m�e�n�t� �i�n�t�o� �t�h�e� �p�a�g�e�
���
�
� � �-� ��T�h�e� �b�e�l�o�w� �c�o�d�e� �a�d�d�s� �a�n� �b�u�t�t�o�n� �e�l�e�m�e�n�t� �i�n�t�o� �t�h�e� �d�o�c�u�m�e�n�t� �w�i�t�h� �e�l�e�m�e�n�t� �i�d� �=� �L�o�g�i�n�B�t�n�,� �i�n�s�i�d�e� �p�a�r�e�n�t� �e�l�e�m�e�n�t� �o�f� �i�d� �=� �B�o�d�y�,� �w�i�t�h� �h�e�i�g�h�t� �=� �1�5�p�x� �a�n�d� �w�i�d�t�h� �=� �5�0�p�x� �a�n�d� �B�a�c�k�g�r�o�u�n�d� �c�o�l�o�r� �=� �#�6�5�a�4�7�b� �.� �*�*�A�n�d� �c�a�n� �b�e� �u�s�e�d� �t�o� �l�o�g�i�n� �i�n�t�o� �c�r�y�p�t�o� �w�a�l�l�e�t�s� �u�s�i�n�g� �W�a�l�l�e�t� �C�o�n�n�e�c�t� �f�u�n�t�i�o�n�s�.�*�*�
�
�
�
�
� � � � ��
��
�
� � � � �o�p�t�i�o�n�s� �=� �{�
�
� � � � �T�a�g�I�D�:�"�L�o�g�i�n�B�t�n�"�,� �P�a�r�e�n�t�I�d�:�"�B�o�d�y�"�,� �S�t�y�l�e�:�"�m�i�n�-�w�i�d�t�h�:� �5�0�p�x�;� �m�i�n�-�h�e�i�g�h�t�:� �1�5�p�x�;� �b�a�c�k�g�r�o�u�n�d�-�c�o�l�o�r�:� �#�6�5�a�4�7�b�;�"�
�
� � � � �}�
�
� � � � �A�d�d�L�o�g�i�n�B�u�t�t�o�n�(�o�p�t�i�o�n�s�)�
�
� � � � �
��
�
�
�
�
�-� �[��A�d�d�B�u�t�t�o�n�(�)�
�]�(�#�A�d�d�B�u�t�t�o�n�)�
�
�
�
� � �-� ����A�d�d�s� �a� �b�u�t�t�o�n� �e�l�e�m�e�n�t� �w�i�t�h� �m�o�r�a�l�i�s� �w�e�b�3�a�p�i� �f�u�n�c�t�i�o�n�s� �i�n�t�o� �t�h�e� �p�a�g�e�
���
�
�
�
� � � � ���A�c�c�e�p�t�e�d� �B�u�t�t�o�n� �F�u�n�c�t�i�o�n���
�
�
�
� � � � �-� �L�o�g�i�n� ��R�e�q�u�i�e�s� �n�o� �i�n�p�u�t� �e�l�e�m�e�m�t�,� �r�e�q�u�i�r�e�s� �o�u�t�p�u�t� �t�e�x�t� �e�l�e�m�e�n�t� �t�o� �s�t�o�r�e� �u�s�e�r� �a�d�d�r�e�s�s�
�
�
� � � � �-� �L�o�g�o�u�t� ��R�e�q�u�i�e�s� �n�o� �i�n�p�u�t� �e�l�e�m�e�m�t�,� �r�e�q�u�i�r�e�s� �n�o� �o�u�t�p�u�t� �e�l�e�m�e�n�t�
�
�
� � � � �-� �B�a�l�a�n�c�e� ��R�e�q�u�i�e�s� �i�n�p�u�t� �e�l�e�m�e�n�t� �w�i�t�h� �w�a�l�l�e�t� �a�d�d�r�e�s�s�,� �r�e�q�u�i�r�e�s� �o�u�t�p�u�t� �t�a�b�l�e� �e�l�e�m�e�n�t� �w�i�t�h� �t�w�o� �c�o�l�u�m�n�s� �[�"�A�d�d�r�e�s�s�"�,� �"�B�a�l�a�n�c�e�s�"�]�
�
�
� � � � �-� �T�r�a�n�s�a�c�t�i�o�n� ��R�e�q�u�i�e�s� �i�n�p�u�t� �e�l�e�m�e�n�t� �w�i�t�h� �w�a�l�l�e�t� �a�d�d�r�e�s�s�,� �r�e�q�u�i�r�e�s� �o�u�t�p�u�t� �t�a�b�l�e� �e�l�e�m�e�n�t� �w�i�t�h� �f�i�v�e� �c�o�l�u�m�n�s� �[�"�C�h�a�n�i�n�"�,� �"�F�r�o�m� �A�d�d�r�e�s�s�"�,� �"�T�o� �A�d�d�r�e�s�s�"�,� �"�V�a�l�u�e�"�,� �"�T�r�a�n�s�a�c�t�i�o�n� �D�a�t�e�"�]�
�
�
� � � � �-� �N�F�T� ��R�e�q�u�i�e�s� �i�n�p�u�t� �e�l�e�m�e�n�t� �w�i�t�h� �t�e�x�t� �e�l�e�m�e�n�t� �t�o� �s�e�a�r�c�h� �f�o�r� �N�F�T�,� �r�e�q�u�i�r�e�s� �o�u�t�p�u�t� �d�i�v� �e�l�e�m�e�n�t� �t�o� �s�t�o�r�e� �s�e�a�r�c�h� �o�u�t�p�u�t�
�
�
� � � � �-� �T�o�k�e�n�P�r�i�c�e� ��R�e�q�u�i�e�s� �i�n�p�u�t� �e�l�e�m�e�n�t� �w�i�t�h� �t�o�k�e�n� �c�o�n�t�r�a�c�t� �a�d�d�r�e�s�s�,� �r�e�q�u�i�r�e�s� �o�u�t�p�u�t� �t�e�x�t� �e�l�e�m�e�n�t� �t�o� �s�h�o�w� �p�r�i�c�e�
�
�
�
�
� � �-� ��T�h�e� �b�e�l�o�w� �c�o�d�e� �a�d�d�s� �a�n� �b�u�t�t�o�n� �e�l�e�m�e�n�t� �i�n�t�o� �t�h�e� �d�o�c�u�m�e�n�t� �w�i�t�h� �e�l�e�m�e�n�t� �i�d� �=� �B�u�t�t�o�n�1�,� �i�n�s�i�d�e� �p�a�r�e�n�t� �e�l�e�m�e�n�t� �o�f� �i�d� �=� �B�o�d�y�,� �w�i�t�h� �b�u�t�t�o�n� �o�n�c�l�i�c�k� �f�u�n�c�t�i�o�n� �a�s� �t�o� �g�e�t� �t�o�k�e�n� �p�r�i�c�e� �w�h�i�c�h� �t�a�k�e�s� �i�n�p�u�t� �f�r�o�m� �t�h�e� �U�I� �e�l�e�m�e�n�t� �=� �I�n�t�e�x�t�1� �a�n�d� �s�e�n�d�s� �o�u�t�p�u�t� �i�n�t�o� �a�n� �U�I� �e�l�e�m�e�n�t� �T�e�x�t�1� �w�i�t�h� �h�e�i�g�h�t� �=� �1�5�p�x� �a�n�d� �w�i�d�t�h� �=� �5�0�p�x� �a�n�d� �B�a�c�k�g�r�o�u�n�d� �c�o�l�o�r� �=� �#�6�5�a�4�7�b� �.� �*�*�A�n�d� �c�a�n� �b�e� �u�s�e�d� �t�o� �l�o�g�i�n� �i�n�t�o� �c�r�y�p�t�o� �w�a�l�l�e�t�s� �u�s�i�n�g� �W�a�l�l�e�t� �C�o�n�n�e�c�t� �f�u�n�t�i�o�n�s�.�*�*�
�
�
�
�
� � � � ��
��
�
� � � � �o�p�t�i�o�n�s� �=� �{�
�
� � � � �T�a�g�I�D�:�"�B�u�t�t�o�n�1�"�,� �P�a�r�e�n�t�I�d�:�"�B�o�d�y�"�,� �B�u�t�t�o�n�N�a�m�e�:�"�C�l�i�c�k�M�e�"�,� �B�u�t�t�o�n�F�u�n�c�t�i�o�n�:�"�T�o�k�e�n�P�r�i�c�e�"�,� �F�u�n�c�t�i�o�n�I�n�p�u�t�:�"�I�n�T�e�x�t�1�"�,� �F�u�n�c�t�i�o�n�O�u�t�p�u�t�:�"�T�e�x�t�1�"�,� �S�t�y�l�e�:�"�m�i�n�-�w�i�d�t�h�:� �5�0�p�x�;� �m�i�n�-�h�e�i�g�h�t�:� �1�5�p�x�;� �b�a�c�k�g�r�o�u�n�d�-�c�o�l�o�r�:� �#�6�5�a�4�7�b�;�"�
�
� � � � �}�
�
� � � � �A�d�d�B�u�t�t�o�n�(�o�p�t�i�o�n�s�)�
�
� � � � �
��
�
�
�
�
�#� �U�I� �E�l�e�m�e�n�t� �F�u�n�c�t�i�o�n�s�
�
�
�
�-� �[��a�d�d�T�e�x�t�(�)�
�]�(�#�a�d�d�T�e�x�t�)�
�
�
�
� � �-� ����A�d�d�s� �a� �U�I� �t�e�x�t� �e�l�e�m�e�n�t� �t�o� �t�h�e� �p�a�g�e�
���
�
� � �-� ��T�h�e� �b�e�l�o�w� �c�o�d�e� �c�r�e�a�t�e�s� �a� �t�e�x�t� �e�l�e�m�e�n�t� �i�n� �d�o�c�u�m�e�n�t� �w�i�t�h� �e�l�e�m�e�n�t� �i�d� �=� �T�e�x�t�,� �i�n�s�i�d�e� �p�a�r�e�n�t� �e�l�e�m�e�n�t� �o�f� �i�d� �=� �B�o�d�y�,� �w�i�t�h� �t�e�x�t� �v�a�l�u�e� �=� �H�e�l�l�o� �W�o�r�l�d�!�!�,� �t�e�x�t� �c�o�l�o�r� �=� �#�0�0�0�0�0�0� �.�
�
�
�
�
� � � � ��
��
�
� � � � �o�p�t�i�o�n�s� �=� �{�
�
� � � � �T�a�g�I�D�:�"�T�e�x�t�"�,� �P�a�r�e�n�t�I�d�:�"�B�o�d�y�"�,� �T�e�x�t�:�"�H�e�l�l�o� �W�o�r�l�d�!�!�"�,� �S�t�y�l�e�:�"�c�o�l�o�r�:� �#�0�0�0�0�0�0�;�"�
�
� � � � �}�
�
� � � � �a�d�d�T�e�x�t�(�o�p�t�i�o�n�s�)�
�
� � � � �
��
�
�
�
�
�-� �[��c�r�e�a�t�e�D�i�v�(�)�
�]�(�#�c�r�e�a�t�e�D�i�v�)�
�
�
�
� � �-� ����A�d�d�s� �a�n� �d�i�v� �e�l�e�m�e�n�t� �i�n�t�o� �t�h�e� �p�a�g�e�
���
�
� � �-� ��T�h�e� �b�e�l�o�w� �c�o�d�e� �a�d�d�s� �a�n� �d�i�v� �e�l�e�m�e�n�t� �i�n�t�o� �t�h�e� �d�o�c�u�m�e�n�t� �w�i�t�h� �e�l�e�m�e�n�t� �i�d� �=� �D�i�v�1�,� �i�n�s�i�d�e� �p�a�r�e�n�t� �e�l�e�m�e�n�t� �o�f� �i�d� �=� �B�o�d�y�,� �w�i�t�h� �h�e�i�g�h�t� �a�n�d� �w�i�d�t�h� �=� �1�0�0�p�x� �a�n�d� �B�a�c�k�g�r�o�u�n�d� �c�o�l�o�r� �=� �#�8�7�6�5�d�5� �.�
�
�
�
�
� � � � ��
��
�
� � � � �o�p�t�i�o�n�s� �=� �{�
�
� � � � �T�a�g�I�D�:�"�D�i�v�1�"�,� �P�a�r�e�n�t�I�d�:�"�B�o�d�y�"�,� �S�t�y�l�e�:�"�m�i�n�-�w�i�d�t�h�:� �1�0�0�p�x�;� �m�i�n�-�h�e�i�g�h�t�:� �1�0�0�p�x�;� �b�a�c�k�g�r�o�u�n�d�-�c�o�l�o�r�:� �#�8�7�6�5�d�5�;�"�
�
� � � � �}�
�
� � � � �c�r�e�a�t�e�D�i�v�(�o�p�t�i�o�n�s�)�
�
� � � � �
��
�
�
�
�
�-� �[��c�r�e�a�t�e�R�o�w�D�i�v�(�)�
�]�(�#�c�r�e�a�t�e�R�o�w�D�i�v�)�
�
�
�
� � �-� ����A�d�d�s� �a�n� �d�i�v� �e�l�e�m�e�n�t� �i�n�t�o� �t�h�e� �p�a�g�e� �w�h�i�c�h� �f�l�e�x�e�s� �a�s� �r�o�w�
���
�
� � �-� ��T�h�e� �b�e�l�o�w� �c�o�d�e� �a�d�d�s� �a�n� �d�i�v� �e�l�e�m�e�n�t� �w�h�i�c�h� �f�l�e�x�e�s� �a�s� �r�o�w� �i�n�t�o� �t�h�e� �d�o�c�u�m�e�n�t� �w�i�t�h� �e�l�e�m�e�n�t� �i�d� �=� �R�o�w�1�,� �i�n�s�i�d�e� �p�a�r�e�n�t� �e�l�e�m�e�n�t� �o�f� �i�d� �=� �B�o�d�y�,� �w�i�t�h� �h�e�i�g�h�t� �a�n�d� �w�i�d�t�h� �=� �1�0�0�p�x� �a�n�d� �B�a�c�k�g�r�o�u�n�d� �c�o�l�o�r� �=� �#�8�7�6�5�d�5� �.�
�
�
�
�
� � � � ��
��
�
� � � � �o�p�t�i�o�n�s� �=� �{�
�
� � � � �T�a�g�I�D�:�"�R�o�w�1�"�,� �P�a�r�e�n�t�I�d�:�"�B�o�d�y�"�,� �S�t�y�l�e�:�"�m�i�n�-�w�i�d�t�h�:� �1�0�0�p�x�;� �m�i�n�-�h�e�i�g�h�t�:� �1�0�0�p�x�;� �b�a�c�k�g�r�o�u�n�d�-�c�o�l�o�r�:� �#�8�7�6�5�d�5�;�"�
�
� � � � �}�
�
� � � � �c�r�e�a�t�e�R�o�w�D�i�v�(�o�p�t�i�o�n�s�)�
�
� � � � �
��
�
�
�
�
�-� �[��c�r�e�a�t�e�C�o�l�u�m�n�D�i�v�(�)�
�]�(�#�c�r�e�a�t�e�C�o�l�u�m�n�D�i�v�)�
�
�
�
� � �-� ����A�d�d�s� �a�n� �d�i�v� �e�l�e�m�e�n�t� �i�n�t�o� �t�h�e� �p�a�g�e� �w�h�i�c�h� �f�l�e�x�e�s� �a�s� �c�o�l�u�m�n�
���
�
� � �-� ��T�h�e� �b�e�l�o�w� �c�o�d�e� �a�d�d�s� �a�n� �d�i�v� �e�l�e�m�e�n�t� �w�h�i�c�h� �f�l�e�x�e�s� �a�s� �c�o�l�u�m�n� �i�n�t�o� �t�h�e� �d�o�c�u�m�e�n�t� �w�i�t�h� �e�l�e�m�e�n�t� �i�d� �=� �C�o�l�m�1�,� �i�n�s�i�d�e� �p�a�r�e�n�t� �e�l�e�m�e�n�t� �o�f� �i�d� �=� �B�o�d�y�,� �w�i�t�h� �h�e�i�g�h�t� �a�n�d� �w�i�d�t�h� �=� �1�0�0�p�x� �a�n�d� �B�a�c�k�g�r�o�u�n�d� �c�o�l�o�r� �=� �#�8�7�6�5�d�5� �.�
�
�
�
�
� � � � ��
��
�
� � � � �o�p�t�i�o�n�s� �=� �{�
�
� � � � �T�a�g�I�D�:�"�C�o�l�m�1�"�,� �P�a�r�e�n�t�I�d�:�"�B�o�d�y�"�,� �S�t�y�l�e�:�"�m�i�n�-�w�i�d�t�h�:� �1�0�0�p�x�;� �m�i�n�-�h�e�i�g�h�t�:� �1�0�0�p�x�;� �b�a�c�k�g�r�o�u�n�d�-�c�o�l�o�r�:� �#�8�7�6�5�d�5�;�"�
�
� � � � �}�
�
� � � � �c�r�e�a�t�e�C�o�l�u�m�n�D�i�v�(�o�p�t�i�o�n�s�)�
�
� � � � �
��
�
�
�
�
�-� �[��A�d�d�I�n�p�u�t�T�e�x�t�B�o�x�(�)�
�]�(�#�A�d�d�I�n�p�u�t�T�e�x�t�B�o�x�)�
�
�
�
� � �-� ����A�d�d�s� �a� �U�I� �i�n�p�u�t� �t�e�x�t� �e�l�e�m�e�n�t� �t�o� �t�h�e� �p�a�g�e�
���
�
� � �-� ��T�h�e� �b�e�l�o�w� �c�o�d�e� �c�r�e�a�t�e�s� �a� �i�n�p�u�t� �t�e�x�t� �e�l�e�m�e�n�t� �i�n� �d�o�c�u�m�e�n�t� �w�i�t�h� �e�l�e�m�e�n�t� �i�d� �=� �I�n�T�e�x�t�,� �i�n�s�i�d�e� �p�a�r�e�n�t� �e�l�e�m�e�n�t� �o�f� �i�d� �=� �B�o�d�y�,� �w�i�t�h� �P�l�a�c�e�h�o�l�d�e�r� �v�a�l�u�e� �=� �E�n�t�e�r� �T�e�x�t�,� �t�e�x�t� �c�o�l�o�r� �=� �#�0�0�0�0�0�0� �.�
�
�
�
�
� � � � ��
��
�
� � � � �o�p�t�i�o�n�s� �=� �{�
�
� � � � �T�a�g�I�D�:�"�I�n�T�e�x�t�"�,� �P�a�r�e�n�t�I�d�:�"�B�o�d�y�"�,� �P�l�a�c�e�h�o�l�d�e�r�:�"�E�n�t�e�r� �T�e�x�t�"�,� �S�t�y�l�e�:�"�c�o�l�o�r�:� �#�0�0�0�0�0�0�;�"�
�
� � � � �}�
�
� � � � �A�d�d�I�n�p�u�t�T�e�x�t�B�o�x�(�o�p�t�i�o�n�s�)�
�
� � � � �
��
�
�
�
�
�-� �[��C�r�e�a�t�e�T�a�b�l�e�(�)�
�]�(�#�C�r�e�a�t�e�T�a�b�l�e�)�
�
�
�
� � �-� ����A�d�d�s� �a� �t�a�b�l�e� �i�n�t�o� �t�h�e� �p�a�g�e�
���
�
� � �-� ��T�h�e� �b�e�l�o�w� �c�o�d�e� �c�r�e�a�t�e�s� �a� �t�a�b�l�e� �i�n� �d�o�c�u�m�e�n�t� �w�i�t�h� �e�l�e�m�e�n�t� �i�d� �=� �T�a�b�l�e�1�,� �i�n�s�i�d�e� �p�a�r�e�n�t� �e�l�e�m�e�n�t� �o�f� �i�d� �=� �B�o�d�y�,� �w�i�t�h� �c�o�l�u�m�n�s� �=� �C�o�l�m�1�,� �C�o�l�m�2�,� �C�o�l�m�3� �a�n�d� �w�i�t�h� �s�t�y�l�i�n�g� �t�e�x�t� �a�l�i�g�n�m�e�n�t� �=� �c�e�n�t�e�r�,� �t�e�x�t� �c�o�l�o�r� �=� �#�0�0�0�0�0�0� �.�
�
�
�
�
� � � � ��
��
�
� � � � �o�p�t�i�o�n�s� �=� �{�
�
� � � � �T�a�g�I�D�:�"�T�a�b�l�e�1�"�,� �P�a�r�e�n�t�I�d�:�"�B�o�d�y�"�,� �C�o�l�u�m�n�N�a�m�e�s�:�[�"�C�o�l�m�1�"�,� �"�C�o�l�m�2�"�,� �"�C�o�l�m�3�"�]�,� �S�t�y�l�e�:�"�t�e�x�t�-�a�l�i�g�n�:� �c�e�n�t�e�r�;� �c�o�l�o�r�:� �#�0�0�0�0�0�0�;�"�
�
� � � � �}�
�
� � � � �C�r�e�a�t�e�T�a�b�l�e�(�o�p�t�i�o�n�s�)�
�
� � � � �
��
�
�
�
�
�-� �[��a�d�d�I�m�a�g�e�(�)�
�]�(�#�a�d�d�I�m�a�g�e�)�
�
�
�
� � �-� ����A�d�d�s� �a�n� �i�m�a�g�e� �i�n�t�o� �t�h�e� �p�a�g�e�
���
�
� � �-� ��T�h�e� �b�e�l�o�w� �c�o�d�e� �a�d�d�s� �a�n� �i�m�a�g�e� �i�n�t�o� �t�h�e� �d�o�c�u�m�e�n�t� �w�i�t�h� �e�l�e�m�e�n�t� �i�d� �=� �I�m�a�g�e�1�,� �i�n�s�i�d�e� �p�a�r�e�n�t� �e�l�e�m�e�n�t� �o�f� �i�d� �=� �B�o�d�y�,� �w�i�t�h� �i�m�a�g�e� �f�r�o�m� �"�h�t�t�p�s�:�/�/�p�i�c�s�u�m�.�p�h�o�t�o�s�/�i�d�/�2�3�7�/�2�0�0�/�3�0�0�"� �a�n�d� �w�i�t�h� �B�a�c�k�g�r�o�u�n�d� �c�o�l�o�r� �=� �#�0�0�0�0�0�0� �.�
�
�
�
�
� � � � ��
��
�
� � � � �o�p�t�i�o�n�s� �=� �{�
�
� � � � �T�a�g�I�D�:�"�I�m�a�g�e�1�"�,� �P�a�r�e�n�t�I�d�:�"�B�o�d�y�"�,� �I�m�a�g�e�:�"�h�t�t�p�s�:�/�/�p�i�c�s�u�m�.�p�h�o�t�o�s�/�i�d�/�2�3�7�/�2�0�0�/�3�0�0�"�,� �S�t�y�l�e�:�"�b�a�c�k�g�r�o�u�n�d�-�c�o�l�o�r�:� �#�0�0�0�0�0�0�;�"�
�
� � � � �}�
�
� � � � �a�d�d�I�m�a�g�e�(�o�p�t�i�o�n�s�)�
�
� � � � �
��
�
�
�
�
�-� �[��D�e�l�e�t�e�D�i�v�(�)�
�]�(�#�D�e�l�e�t�e�D�i�v�)�
�
�
�
� � �-� ����D�e�l�e�t�e�s� �U�I� �e�l�e�m�e�n�t� �f�r�o�m� �t�h�e� �p�a�g�e�.�
���
�
� � �-� ��T�h�e� �b�e�l�o�w� �c�o�d�e� �d�e�l�e�t�e�s� �a� �e�l�e�m�e�n�t� �w�i�t�h� �i�d�=� �T�e�x�t� �f�r�o�m� �p�a�g�e� �.�
�
�
�
�
� � � � ��
��
�
� � � � �D�e�l�e�t�e�D�i�v�(�"�T�e�x�t�"�)�
�
� � � � �
��
�
�
�
�
�-� �[��D�e�l�e�t�e�C�o�n�t�e�n�t�(�)�
�]�(�#�D�e�l�e�t�e�C�o�n�t�e�n�t�)�
�
�
�
� � �-� ����R�e�m�o�v�e�s� �t�h�e� �c�o�n�t�e�n�t� �t�h�a�t� �i�s� �p�r�e�s�e�n�t� �i�n� �a� �U�I� �e�l�e�m�e�n�t�.�
���
�
� � �-� ��T�h�e� �b�e�l�o�w� �c�o�d�e� �r�e�m�o�v�e�s� �t�h�e� �c�o�n�t�e�n�t� �t�h�a�t� �i�s� �p�r�e�s�e�n�t� �i�n� �a� �U�I� �e�l�e�m�e�n�t� �w�i�t�h� �i�d�=� �"�T�e�x�t�"� �.�
�
�
�
�
� � � � ��
��
�
� � � � �D�e�l�e�t�e�C�o�n�t�e�n�t�(�"�T�e�x�t�"�)�
�
� � � � �
��
�
�
�
�
�#�#� �F�u�n�c�t�i�o�n�s� �t�o� �b�e� �a�d�d�e�d� �i�n�t�o� �m�o�r�a�l�i�s�-�f�r�o�n�t�e�n�d�-�h�e�l�p�e�r�:�
�
�
�
�-� �[��F�i�a�t�B�u�y�(�)�
�]�(�#�F�i�a�t�B�u�y�)�
�
�-� �[��C�o�i�n�S�w�a�p�(�)�
�]�(�#�C�o�i�n�S�w�a�p�)�
�
�-� �[��P�r�i�c�e�C�h�a�r�t�(�)�
�]�(�#�P�r�i�c�e�C�h�a�r�t�)�
�
�-� �[��I�P�F�S�U�p�l�o�a�d�(�)�
�]�(�#�I�P�F�S�U�p�l�o�a�d�)�
�
�-� �[��N�F�T�M�i�n�t�(�)�
�]�(�#�N�F�T�M�i�n�t�)�
�
�
�
�.�.�.�.�a�n�d� �m�o�n�y� �m�o�r�e�
�
�