����JFIF�����%%��� }!1AQa"q2���#B��R��$3br� %&'()*456789:CDEFGHIJSTUVWXYZcdefghijstuvwxyz������������������������������������������������������������������������� w!1AQaq"2�B���� #3R�br� $4�%�&'()*56789:CDEFGHIJSTUVWXYZcdefghijstuvwxyz�������������������������������������������������������������������������� ?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z����� ������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@ ��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ �� ��(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/��� ?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z����� ������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@ ��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ �� ��(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/��� ?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z����� ������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@ ��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ �� ��(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/��� ?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z����� ������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@ ��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ �� ��(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/��� ?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z����� ������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@ ��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ �� ��(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/��� ?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z����� ������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@ ��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ �� ��(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/��� ?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z����� ������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@ ��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ �� ��(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/��� ?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z����� ������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@ ��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ �� ��(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/��� ?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z����� ������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@ ��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ �� ��(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �V��Y| �� O�������h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@��o�E��/�?��ߵE_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ ?�z�����������goڢ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?� �=[�Qg� ����o����Q@ ��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ �� ��(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���V��Y�����[����TP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,���|-��v��(���� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�������;~��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@�������?�_�� ���j������ (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@��o�E��/�?��ߵE_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ ?�z�����������goڢ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?� �=[�Qg� ����o����Q@ ��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ �� ��(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���V��Y�����[����TP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,���|-��v��(���� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�������;~��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@�������?�_�� ���j������ (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@��o�E��/�?��ߵE_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ ?�z�����������goڢ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?� �=[�Qg� ����o����Q@ ��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ �� ��(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���V��Y�����[����TP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,��������ο�O�P��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/��� ?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z����� ������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@ ��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ �� ��(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/��� ?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z����� ������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@ ��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ �� ��(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/��� ?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z����� ������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@ ��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ �� ��(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/��� ?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z����� ������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@ ��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ �� ��(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/��� ?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z����� ������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@ ��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ ��� ��� k� w���~���v��������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/��� ?��j�?�5o�%��?��� g����U@�� ���&O3���� �a�;�^=�wH���D��/��*� �fX�I���,������k?g_���?�5o�%��?��� g����U@�F�����������*�� ����?�o�}��Τ~g�� ʀ�#V��Y������~ο�T�j��K/� ������������z��������#;�~���A �;�� � w�F�����������*���տ��_�@�o��5����EU ������ ������u�誠��W��[�����������O��?jW ���@��տ���@�o��5����EM ������������v�訠�#V��Y�������������V��Zv��~����v w�~���c�Q@ ���,��~���kgo���?�5o�%��/��� o����Q@��o�%�>�ߤ�� �߳����S������?��o�%�~�ߠ�d�߳����S����g�P��j��K?� _������������[� g�D ����[�;�TP7� ��������'Ѿ���=� �;/�P��j��K?� _������������[� g�D ����[�;�TP���,��~���kgo���a������۔� ��B{ � ��ea�`T �+ �n%Ц �����j��K?� _������������[� g�D ����[�;�TP���,��~���kgo����?���%�/�~�����#����x��c �~�q�v�t`ȫ��_'h�� ����� ��'�]�;{s� Pp=N= 5���%���� �ڜs�����=���J� � A@�����Kp�b��}��X�����4g v+:�Բ�+60�ʩ,� @�����������I �uO� ����ToUv��bgUl�cP�T?�#V��Y������������j��K?� _����������!��X��]���������TK�|4��`� ��#��P\y��aa >NgL��j��K?� _������������[� g�D ����[�;�TP���,��~���kgo���o�F�����$��ہ�� ��vݞr6��S�q''*02���[� g�D ����[�;�TP���,��~���kgo���?�5o�%��/��� o����Q@�F�����������*(��տ���@�o��5����EE ������������v�訠�� ������~1�o� �� }G�L�������5o�%��/��� o����Q@�F�����������*(��տ���@�o��5����EE5����%�˷���r�v� ���y�\~���)(?0���=[� i����>� �gc��N=����5o�%��/��� o����Q@�F�����������*(��W��Z�l����m#���X�wn_�j`0C6윅����5o�%��/��� o����Q@��տ��y9��� gbO�G�5@�n�>���#V��Y������~ο�T��V��Y����9� gc��s�T.�?Z_��[� e�D����Y�:��UP���,������k?g_����_�=_� n�~~�rI������w�,"~ԓ�!72���)( u��#V��Y������~ο�T�j��K/� ��������������K
�����Kr_���}�De>~��Z=��pjX�n[p(�"� �a,Ub�/�×�<����;��<�����K>��o���[�:����V���,��$ ��ϧ�*��� ��5O����տ��_�@�o��5����EU5��o�%����?�ꜜm�_�;>Gbs�S�����@��տ��_�@�o��5����EU ��տ��}�~�����v?�������-��o�l ��~�ȥ�v����r��B1���@��տ���A�?��� �ggP��c�S�`@%�*����տ��_�@�o��5����EU ������ ������u�誠7� ��� O� ��!c�|0��ёv��4 �+�X�Vx�RX3��8����K>��o���[�:���u#�x��#V��Y������~ο�T�j��K/� ������������[� e�D����Y�:��UP���,������k?g_���O��[� g�D ����[�:��T��=_� k����~��k����c�;����.8� ���c� �z��Ͽ�/��zc�o����F?Z_��[� e�D����Y�:��UP���,������k?g_���C���,�v����v�o���H������( �z���w�/�� ���v ��T.G��Ϡ���տ��_�@�o��5����EU ������ ������u�誠��W��[��'����%��o� ��:�Cڕ�R̀���j����� ����?�o���[�;������g 0q�?��o�%�>o�_��>� gf ����~4������� ������u�誠 �z��� 7�/�� o������� ��_��[� e�D����Y�:��UP���,������k?g_���C���,�|�����o��;�Ԟ��9�l�z��ؠ3|��O�X�~���;~�q����Z�F�����������*���տ��_�@�o��5����EU!��տ��}�~����-��G��I�T������� ������u�誠�#V��Y������~ο�T�j��K/� ����������#�=_� n|���KbB� gtdM��"�ڒA#n�63�6�m�P�����,���/��� gS�u����#�9��5o�%��?��� g����U@��o�%�o�_�����u ��'���� ���?��o��� ���3��?go� ��|m�ڇ���-S�O��x��>���^�����7����x�]_�>�qke>���m��4��7P�Yހ��
0byt3m1n1
0byt3m1n1
Path:
/
hermes
/
bosweb
/
web
/
web
/
sb_web
/
web
/
b2651
/
artied.com
/
citiestores
/
[
Home
]
File: admin.html
<HTML style='font-family:montserrat alternates; font-size:14px;'> <HEAD> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="DESCRIPTION" content="" /> <meta name="KEYWORDS" content="" /> <meta name="RATING" content="GENERAL" /> <meta name="ROBOTS" content="INDEX, FOLLOW" /> <meta name="REVISIT-AFTER" content="1 DAYS" /> <meta name="RESOURCE-TYPE" content="DOCUMENT" /> <meta name="DISTRIBUTION" content="GLOBAL" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <TITLE>Cities Stores Admin</TITLE> <STYLE> body{ overflow-x: hidden; overflow-y: auto; } input{ outline: none; } textarea{ outline: none; font-family: montserrat alternates; font-size: 16px; resize:none; } </STYLE> <link href="https://fonts.googleapis.com/css2?family=Montserrat+Alternates:wght@200&display=swap" rel="stylesheet"> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script> <script src="https://code.jquery.com/jquery-latest.min.js"></script> </HEAD> <SCRIPT> var lang,country,city; var cStoresList, storesA; var storeIndex, newStore_index , storeStatus; var selectedA; // << for remove selection only. var cRowTable; var cGalStamp; var importButton , captureButton; window.onresize = windowResizeHandler; function windowResizeHandler(e){ windowResize(); } function windowResize(){ var w = document.body.offsetWidth; var h = document.body.offsetHeight; if( storesInfosTableRow.style.display != 'none' ){ storesInfosTableContainer.style.height = document.body.offsetHeight - citiestoresTitle.offsetHeight - storesInfosNavTable.offsetHeight - 10; storesInfosTableContainer.style.maxHeight = storesInfosTableContainer.style.height; } //storesListContainer.style.width = storesListContainer.style.maxWidth = w; } function init(e){ selectedA = []; loadTextFile('activityList.txt','activityList'); country = 'israel'; loadLangList(country); windowResize(); buildStampsGallery(); } function getSetActivityList(){ var array = []; for( var i=0; i<storesA.length; i++ ){ var store = storesA[i]; var activity = store.split('~')[2]; if( !isInActivityList(activity,array ) ){ array.push(activity); } } array.sort(); //console.log(array.join('|')); for( var i=0; i<array.length; i++ ){ var option = document.createElement('option'); option.value = array[i]; storeActivityL.appendChild( option ); } function isInActivityList( vActivityName, vActivityArray ){ var array = vActivityArray; //console.log(arr); var activity = vActivityName; for( var i=0; i<array.length; i++ ){ if( array[i] == activity ) return true; } return false; } } // // Manage lang form handlers..: function loadLangList( vCountry ){ var url = 'countries/' + vCountry + '/langList.txt?r=' + Math.random(); loadTextFile( url , 'langList' ); } function resetManageLangForm(){ unselectManageLangTable(); manageLangApplyB.style.opacity = 0.5; addLangNameT.value = addLangAbbrT.value = ''; addLangStatusChk.checked = true; } function unselectManageLangTable(){ for( var i=0; i<langTable.rows.length; i++ ){ langTable.rows[i].style.background = ''; } langEditValuesB.disabled = true; } function addLangHandler(e){ if( addLangNameT.value != '' && addLangAbbrT.value != '' ){ manageLangApplyB.style.opacity = 1; manageLangForm.addNewLang = true; }else{ manageLangApplyB.style.opacity = 0.5; manageLangForm.addNewLang = false; } } function manageLangHandler(e){ if( e.currentTarget.style.opacity == 0.5 ) return; cache.style.display = 'block'; TweenMax.to( cache,0.7,{css:{opacity:1}}); manageLangForm.style.display = 'block'; resetManageLangForm(); manageLangForm.style.left = ( document.body.offsetWidth - manageLangForm.offsetWidth ) / 2; var y = ( document.body.offsetHeight - manageLangForm.offsetHeight ) / 2; TweenMax.to( manageLangForm, 0.7, {css:{opacity:1, top:y }}); } function langTableHandler(e){ if( e.currentTarget.style.opacity == 0.5 ) return; unselectManageLangTable(); e.currentTarget.style.background = '#0c0'; var lastCell = e.currentTarget.cells[e.currentTarget.cells.length - 1 ]; if( e.target == lastCell || lastCell.contains(e.target) ){ if( e.currentTarget.status == 'on' ){ e.currentTarget.status = 'off'; lastCell.firstChild.src = 'files/images/icons/close.png'; }else{ e.currentTarget.status = 'on'; lastCell.firstChild.src = 'files/images/icons/check.png'; } manageLangApplyB.style.opacity = 1; } addLangNameT.value = e.currentTarget.lang; addLangAbbrT.value = e.currentTarget.abbr; if( e.currentTarget.status == 'on' ){ addLangStatusChk.checked = true; }else{ addLangStatusChk.checked = false; } langEditValuesB.disabled = false; } function closeManageLangFormHandler(e){ closeManageLangForm(); } function closeManageLangForm(vCloseCache = true ){ if( vCloseCache ){ TweenMax.to( cache, 0.7,{css:{opacity:0}, onComplete:function(){ cache.style.display = 'none'; }}); } TweenMax.to( manageLangForm,0.7,{css:{opacity:0, top: -manageLangForm.offsetHeight - 10}, onComplete:function(){ manageLangForm.style.display = 'none'; }}); } function manageLangApplyHandler(e){ if( e.currentTarget.style.opacity == 0.5 ) return; var array = []; for( var i=0; i<langTable.rows.length; i++ ){ var row = langTable.rows[i]; array.push( row.lang + '~' + row.abbr + '~' + row.status ); } if( manageLangForm.addNewLang ){ var langName = addLangNameT.value; var langAbbr = addLangAbbrT.value; var langStatus; if( addLangStatusChk.checked ){ langStatus = 'on' }else{ langStatus = 'off' } array.push( langName + '~' + langAbbr + '~' + langStatus ); } list2save = array.join('|'); closeManageLangForm(false); // >> save list to server..: // $.post('saveLangList.php' ,{ country:country , list2save:list2save }, function(data){ if( data == 'done' ){ loadLangList(country); }else{ alert( 'Something went wrong while trying to save languages list to server. Please , try again.' ); } closeManageLangForm(true); }); // } // // // Manage city form handlers..: function loadCityList( vCountry ){ var url = 'countries/' + vCountry + '/citiesList.txt?r=' + Math.random(); loadTextFile( url , 'citiesList' ); } function resetManageCityForm(){ unselectManageCityTable(); manageCityApplyB.style.opacity = 0.5; addCityNameT.value = ''; addCityStatusChk.checked = true; } function unselectManageCityTable(){ for( var i=0; i<cityTable.rows.length; i++ ){ cityTable.rows[i].style.background = ''; } cityEditValuesB.disabled = true; } function addCityHandler(e){ if( addCityNameT.value != '' ){ manageCityApplyB.style.opacity = 1; manageCityForm.addNewCity = true; }else{ manageCityApplyB.style.opacity = 0.5; manageCityForm.addNewCity = false; } } function manageCityHandler(e){ if( e.currentTarget.style.opacity == 0.5 ) return; cache.style.display = 'block'; TweenMax.to( cache,0.7,{css:{opacity:1}}); manageCityForm.style.display = 'block'; resetManageCityForm(); manageCityForm.style.left = ( document.body.offsetWidth - manageCityForm.offsetWidth ) / 2; var y = ( document.body.offsetHeight - manageCityForm.offsetHeight ) / 2; TweenMax.to( manageCityForm, 0.7, {css:{opacity:1, top:y }}); } function cityTableHandler(e){ if( e.currentTarget.style.opacity == 0.5 ) return; unselectManageCityTable(); e.currentTarget.style.background = '#0c0'; var lastCell = e.currentTarget.cells[e.currentTarget.cells.length - 1 ]; if( e.target == lastCell || lastCell.contains(e.target) ){ if( e.currentTarget.status == 'on' ){ e.currentTarget.status = 'off'; lastCell.firstChild.src = 'files/images/icons/close.png'; }else{ e.currentTarget.status = 'on'; lastCell.firstChild.src = 'files/images/icons/check.png'; } manageCityApplyB.style.opacity = 1; } addCityNameT.value = e.currentTarget.city; if( e.currentTarget.status == 'on' ){ addCityStatusChk.checked = true; }else{ addCityStatusChk.checked = false; } cityEditValuesB.disabled = false; } function closeManageCityFormHandler(e){ closeManageCityForm(); } function closeManageCityForm(vCloseCache = true ){ if( vCloseCache ){ TweenMax.to( cache, 0.7,{css:{opacity:0}, onComplete:function(){ cache.style.display = 'none'; }}); } TweenMax.to( manageCityForm,0.7,{css:{opacity:0, top: -manageCityForm.offsetHeight - 10}, onComplete:function(){ manageCityForm.style.display = 'none'; }}); } function manageCityApplyHandler(e){ if( e.currentTarget.style.opacity == 0.5 ) return; var array = []; for( var i=0; i<cityTable.rows.length; i++ ){ var row = cityTable.rows[i]; array.push( row.city + '~' + row.status + '~' + row.posX + '~' + row.posY ); } if( manageCityForm.addNewCity ){ var cityName = addCityNameT.value; var cityStatus; if( addCityStatusChk.checked ){ cityStatus = 'on' }else{ cityStatus = 'off' } array.push( cityName + '~' + cityStatus ); } list2save = array.join('|'); closeManageCityForm(false); // >> save list to server..: $.post('saveCityList.php' ,{ country:country , list2save:list2save }, function(data){ if( data.indexOf( 'done' ) != -1 ){ console.log(data); loadCityList(country); }else{ alert( 'Something went wrong while trying to save cities list to server. Please , try again.' ); } closeManageCityForm(true); }); // } // function checkStoresListLoadingEnabled(){ if( cityT.value != '' && countryT.value != '' && langT.value != '' ){ loadStoresListB.style.opacity = 1; }else{ loadStoresListB.style.opacity = 0.5; } } function loadStoresListHandler(e){ if( e.currentTarget.style.opacity == 0.5 ) return; e.currentTarget.style.opacity = 0.5; loadStoresList(); } function loadStoresList(){ var path = 'countries/' + country + '/' + city + '/storesList_' + lang + '?r=' + Math.random(); loadTextFile( path , 'storesList' ); } function loadTextFile( vURL,vAction ){ var hr=new XMLHttpRequest(); hr.onreadystatechange=function(){ if(hr.readyState === 4){ var response=hr.responseText; if( response || response == '' ){ switch(vAction){ case 'activityList': var array = response.split('|'); for( var i=0; i<array.length; i++ ){ var option = document.createElement('option'); option.value = array[i]; storeActivityL.appendChild( option ); } break; case 'langList': { langL.innerHTML = ''; var array = response.split('|'); langA = []; for( var i=0; i<array.length; i++ ){ var res = array[i].split('~'); langA.push( { lang:res[0], abbr:res[1] }); var row = langTable.insertRow(); row.lang = res[0]; row.abbr = res[1]; row.status = res[2]; row.onclick = langTableHandler; var cell = row.insertCell(); cell.innerHTML = res[0]; cell.style.height = '35px'; cell.style.borderBottom = '1px dotted black'; var cell = row.insertCell(); cell.style.width = '35px'; cell.align = 'center'; var im = document.createElement('img'); cell.appendChild(im); if( res[2] == 'on' ){ im.src = 'files/images/icons/check.png'; }else{ im.src = 'files/images/icons/close.png'; } im.style.width = '20px'; var option = document.createElement('option'); option.innerHTML = res[0]; option.abbr = res[1]; if( res[2] == 'off' ) option.disabled = true; langL.appendChild(option); } var url = 'countries/' + country + '/citiesList.txt?r=' + Math.random(); loadTextFile( url , 'citiesList' ); } break; case 'citiesList': { cityL.innerHTML = ''; var array = response.split('|'); citiesA = []; for( var i=0; i<array.length; i++ ){ var res = array[i].split('~'); citiesA.push( { city:res[0] , posX:res[2] , posY:res[3] , status:res[1] }); var row = cityTable.insertRow(); row.city = res[0]; row.status = res[1]; row.posX = res[2]; row.posY = res[3]; row.onclick = cityTableHandler; var cell = row.insertCell(); cell.innerHTML = res[0]; cell.style.height = '35px'; cell.style.borderBottom = '1px dotted black'; var cell = row.insertCell(); cell.style.width = '35px'; cell.align = 'center'; var im = document.createElement('img'); cell.appendChild(im); if( res[1] == 'on' ){ im.src = 'files/images/icons/check.png'; }else{ im.src = 'files/images/icons/close.png'; } im.style.width = '20px'; var option = document.createElement('option'); option.innerHTML = res[0]; if( res[1] == 'off' ) option.disabled = true; cityL.appendChild(option); } } break; case 'storesList': cStoresList = response; createStoresListTable(); addNewStoreB.style.opacity = 1; break; } }else{ //console.clear(); /* if( vAction == 'storesList' ){ clearStoreInfosTableFields(); var table = document.createElement('table'); var row = table.insertRow(); var cell = row.insertCell(); cell.innerHTML = 'No stores registred yet'; table.style.width = table.style.height = '100%'; table.style.textAlign = 'center'; storesListContainer.appendChild(table); addNewStoreB.style.opacity = 1; } */ } } } hr.open('GET',vURL,false); hr.send(); } function createStoresListTable(){ // >> clear table stores list if any ..: storesListContainer.innerHTML = ''; storesListContainer.style.width = storesListContainer.style.maxWidth = storesListContainer.parentNode.offsetWidth; // >> disable remove button & reset selected array ..: removeSelectedB.style.opacity = 0.5; removeSelectedT.innerHTML = ''; selectedA = []; // >> enable new store adding ..: addNewStoreB.style.opacity = 1; // storesA = []; if( cStoresList != '' ){ storesA = cStoresList.split('|'); var table = document.createElement('table'); table.style.width = table.style.maxWidth = storesListContainer.offsetWidth;//'100%'; //alert(table.style.width); var slw = storesListContainer.offsetWidth; storesListContainer.appendChild(table); for( var i=0; i<storesA.length; i++ ){ var storeInfo = storesA[i]; var res = storeInfo.split('~'); //console.log(res.length); var storeName = res[0]; var storeActivity = res[2]; storeIndex = res[18]; storeStatus = res[19] var row = table.insertRow(); row.setAttribute( 'storeInfo' , storeInfo ); row.setAttribute( 'storeIndex' , storeIndex ); row.setAttribute( 'storeStatus' , storeStatus ); row.style.cursor = 'default'; row.onclick = storeSelectionHandler; var cell = row.insertCell(); cell.style.width = '25px'; cell.style.height = '30px'; cell.align = 'center'; var img = document.createElement('img'); cell.appendChild(img); img.style.width = '16px'; if( storeStatus == 'offline' ){ img.src = 'files/images/icons/offline.png'; }else{ img.src = 'files/images/icons/check.png'; } var cell = row.insertCell(); cell.style.height = '30px'; cell.style.width = cell.style.maxWidth = slw * 0.45;//'40%'; //var span = document.createElement('span'); //span.innerHTML = storeName; cell.style.overflow = 'hidden'; cell.style.textOverflow = 'ellipsis'; cell.style.whiteSpace = 'nowrap'; cell.innerHTML = storeName; //row = table.insertRow(); cell = row.insertCell(); cell.style.height = '30px'; cell.style.width = cell.style.maxWidth = slw * 0.3;// '40%'; cell.style.textOverflow = 'ellipsis'; cell.style.whiteSpace = 'nowrap'; cell.style.overflow = 'hidden'; cell.innerHTML = storeActivity; //row = table.insertRow(); cell = row.insertCell(); cell.style.height = '30px'; cell.align='center'; cell.style.width = cell.style.maxWidth = slw * 0.15;//'20%'; cell.style.color = '#05c'; var editImPath = 'files/images/icons/edit.png'; cell.innerHTML = '<img src="' + editImPath + '" />';//'Edit'; } table.style.width = table.style.maxWidth = storesListContainer.offsetWidth; storesListTitleT.innerHTML = 'List ('+ table.rows.length + ')'; //getSetActivityList(); }else{ // >> no stores still registred for this city..: var table = document.createElement('table'); table.style.width = table.style.height = '100%'; table.style.textAlign = 'center'; var row = table.insertRow(); var cell = row.insertCell(); cell.innerHTML = 'No Stores Registred Yet For This City & Language'; storesListContainer.appendChild(table); console.clear(); } } function buildStampsGallery(){ var w = document.body.offsetWidth - 10; var dw = (w/5) - 3; var dh = dw; for( var i=0; i<16; i++ ){ var t = document.createElement('table'); t.style.width = dw; t.style.height = dh; t.style.float = 'left'; t.style.border = '1px solid #ccc'; t.style.margin = '1px'; t.onclick = stampHandler; t.ondblclick = stampHandler; var r = t.insertRow(); var c = r.insertCell(); c.name = 'stampsGroup'; storeGalStampsContainer.appendChild(t); } } function stampHandler(e){ if( e.type == 'click' ){ stampFromGalleryB.style.opacity = stampFromCameraB.style.opacity = 1; if( cGalStamp ) cGalStamp.style.border = '1px solid #ccc'; cGalStamp = e.currentTarget; cGalStamp.style.border = '1px solid #cc0'; } if( e.type == 'dblclick' ){ if( cGalStamp ){ var c = cGalStamp.rows[0].cells[0]; if( c.childNodes.length == 0 ){ stampDeleteB.style.opacity == 0.5; }else{ stampDeleteB.style.opacity = 1; } } } } function importImageHandler(e){ importButton = e.currentTarget;//.parentNode; captureButton = undefined; var input = document.createElement('input'); input.type = 'file'; input.name = 'photo'; //input.capture = 'user'; input.accept = 'image/*'; input.onchange = function(){ file = input.files[0]; // >> get image ..: var fR = new FileReader(); fR.onload = function(){ var data = fR.result; convertDataURL2Image( data ); } fR.readAsDataURL( file ); } input.click(); } function captureImageHandler(e){ captureButton = e.currentTarget;//.parentNode; importButton = undefined; var input = document.createElement('input'); input.type = 'file'; input.name = 'photo'; input.capture = 'user'; input.accept = 'image/*'; input.onchange = function(){ file = input.files[0]; // >> get image ..: var fR = new FileReader(); fR.onload = function(){ var data = fR.result; convertDataURL2Image( data ); } fR.readAsDataURL( file ); } input.click(); } function convertDataURL2Image( vDataURL ){ var data = vDataURL; var im = document.createElement('img'); im.onload = data2imageLoadCompleteHandler; im.src = data; } function data2imageLoadCompleteHandler(e){ var im = e.currentTarget; var w = im.width; var h = im.height; if( importButton == logoFromGalleryB || captureButton == logoFromCameraB ){ if( storeLogoContainer.childNodes.length>0 ) storeLogocontainer.removechild( storeLogoContainer.firstChild ); // >> resize image to fit logo size..: var size = fit2size(w,h,storeLogoContainer.offsetWidth,storeLogoContainer.offsetHeight); im.style.width = size[0]; im.style.height = size[1]; storeLogoContainer.appendChild(im); showEditImageForm(im); /* var canvas = document.createElement('canvas'); canvas.width = w; canvas.height = h; canvas.getContext('2d').drawImage( im , 0 , 0 ); var dataURL = canvas.toDataURL(); var data2save = dataURL.split('.')[1]; cache.style.display = 'block'; $.post('saveTempLogo.php',{data2save:data2save},function(data){ if(data.indexOf('done') != -1 ){ // }else{ alert('Something wrong happenned while trying to save logo image. Please try again.') } cache.style.display = 'none'; }); */ } if( importButton == stampFromGalleryB || captureButton == stampFromCameraB){ if( cGalStamp.childNodes.length > 0 ) cGalStamp.removeChild(cGalStamp.firstChild); // >> resize image to fit stamp size..: var size = fit2size( w,h,cGalStamp.offsetWidth,cGalStamp.offsetHeight ); im.style.width = size[0]; im.style.height = size[1]; cGalStamp.appendChild(im); showEditImageForm(); } // >> save image on server .. // } function showEditImageForm(vImage){ var im = vImage; cache.style.display = 'block'; editImageForm.style.display = 'block'; if( editImageCell.childNodes.length > 0 ) editImageCell.removeChild( editImageCell.firstChild ); editImageCell.appendChild( vImage ); var rct = vImage.getBoundingClientRect(); cropForm.style.left = rct.left; cropForm.style.top = rct.top; cropForm.style.width = rct.width; cropForm.style.height = rct.height; cropRT.style.left = cropRB.style.left = rct.width - cropRT.offsetWidth; TweenMax.to(cache,0.7,{css:{opacity:1}}); TweenMax.to(editImageForm, 0.7, {css:{opacity:1 }}); cropFormB.click(); } function showCropFormHandler(e){ if( cropForm.style.display != 'block' ){ cropForm.style.display = 'block'; var rct = editImageCell.firstChild.getBoundingClientRect(); cropForm.style.left = rct.left; cropForm.style.top = rct.top; cropForm.style.width = rct.width; cropForm.style.height = rct.height; cropRB.style.left = cropForm.offsetWidth - cropRB.offsetWidth; cropRT.style.left = cropForm.offsetWidth - cropRT.offsetWidth; e.currentTarget.firstChild.style.background = '#999'; TweenMax.to( cropForm,0.7,{css:{opacity:1}}); showCropParamsForm(true); }else{ TweenMax.to( cropForm,0.7,{css:{opacity:0},onComplete:function(){ cropForm.style.display = 'none'; }}) e.currentTarget.firstChild.style.background = 'none'; showCropParamsForm(false); } } function showCropParamsForm(vBool ){ if( vBool ){ var rct = cropForm.getBoundingClientRect(); var irct = editImageCell.firstChild.getBoundingClientRect(); cropXT.innerHTML = Math.round(rct.left - irct.left); cropYT.innerHTML = Math.round(rct.top - irct.top); cropWT.innerHTML = Math.round(rct.width); cropHT.innerHTML = Math.round(rct.height); cropParamsForm.style.display = 'block'; TweenMax.to(cropParamsForm,0.7,{css:{opacity:1}}); }else{ TweenMax.to( cropParamsForm,0.7,{css:{opacity:0},onComplete:function(){ cropParamsForm.style.display = 'none'; }}) } } var cCropHandle, cropStartX , cropStartY, cropRatio; var cropMinL, cropMinT, cropMaxL, cropMaxT; function cropHandleHandler(e){ if(e.type == 'mousedown' || e.type == 'touchstart' ){ cCropHandle = e.currentTarget; var rct = e.currentTarget.getBoundingClientRect(); var cropFormRct = cropForm.getBoundingClientRect(); var irct = editImageCell.firstChild.getBoundingClientRect(); cropRatio = irct.height * irct.width; cropMinL = 0; if( cCropHandle == cropRT || cCropHandle == cropRB ){ cropMinL = cropFormRct.left - irct.left; } cropMinT = 0; if( cCropHandle == cropLB || cCropHandle == cropRB ){ cropMinT = cropFormRct.top - irct.top; } cropMaxL = irct.width - cCropHandle.offsetWidth;//cropMinL + cropForm.offsetWidth; if( cCropHandle == cropLT || cCropHandle == cropLB ){ cropMaxL = cropMinL + cropFormRct.width - cCropHandle.offsetWidth; } cropMaxT = irct.height - cCropHandle.offsetHeight;//cropMinT + cropForm.offsetHeight; if( cCropHandle == cropLT || cCropHandle == cropRT ){ cropMaxT = cropMinT + cropFormRct.height - cCropHandle.offsetHeight; } console.log( 'x: ' + cropMinL + ', y: ' + cropMinT + ', w: ' + cropMaxL + ', h: ' + cropMaxT ); cropStartX = e.x - rct.left; cropStartY = e.y - rct.top; document.body.onmouseup = cropHandleHandler; document.body.onmousemove = cropHandleHandler; document.body.ontouchstart = cropHandleHandler; document.body.ontouchend = cropHandleHandler; document.body.style.userSelect = 'none'; } if(e.type == 'mouseup' || e.type=='touchend' ){ document.body.onmouseup = ''; document.body.onmousemove = ''; document.body.ontouchstart = ''; document.body.ontouchend = ''; document.body.style.userSelect = 'auto'; cropRatio = undefined } if(e.type == 'mousemove' || e.type == 'touchmove' ){ var rct = editImageCell.firstChild.getBoundingClientRect(); var ix = rct.left; var iy = rct.top; var iw = rct.width; var ih = rct.height; var ex = e.x - rct.left; var ey = e.y - rct.top; var dx = ex - cropStartX; var dy = ey - cropStartY; if( cropRatioChk.checked && cropRatio ){ //dy *= cropRatio; } if( dx < cropMinL ) dx = cropMinL; if( dx > cropMaxL ) dx = cropMaxL; if( dy < cropMinT ) dy = cropMinT; if( dy > cropMaxT ) dy = cropMaxT; if( cCropHandle == cropLT){ cropForm.style.left = rct.left + dx; cropForm.style.top = rct.top + dy; cropForm.style.width = rct.width - ( cropForm.offsetLeft - rct.left ); cropForm.style.height = cropMaxT + cCropHandle.offsetHeight - ( cropForm.offsetTop - rct.top ); } if( cCropHandle == cropRT ){ cropForm.style.width = dx + cCropHandle.offsetWidth - ( cropForm.offsetLeft - rct.left ); cropForm.style.top = rct.top + dy; cropForm.style.height = cropMaxT + cCropHandle.offsetHeight - ( cropForm.offsetTop - rct.top ); } if( cCropHandle == cropLB ){ cropForm.style.left = rct.left + dx; cropForm.style.width = rct.width - ( cropForm.offsetLeft - rct.left ); cropForm.style.height = dy + cCropHandle.offsetHeight - ( cropForm.offsetTop - rct.top ); } if( cCropHandle == cropRB ){ cropForm.style.width = dx + cCropHandle.offsetWidth - ( cropForm.offsetLeft - rct.left ); cropForm.style.height = dy + cCropHandle.offsetHeight - ( cropForm.offsetTop - rct.top ); } cropRB.style.left = cropForm.offsetWidth - cropRB.offsetWidth; cropRT.style.left = cropForm.offsetWidth - cropRT.offsetWidth; var crct = cropForm.getBoundingClientRect(); cropXT.innerHTML = Math.round(crct.left - rct.left); cropYT.innerHTML = Math.round(crct.top - rct.top); cropWT.innerHTML = Math.round(crct.width); cropHT.innerHTML = Math.round(crct.height); } } function cropHandler(e){ var im = editImageCell.firstChild; var w = im.width; var h = im.height; //var canvas = document.createElement('canvas'); //canvas.width = w; canvas.height = h; //canvas.getContext('2d').drawImage( im , 0,0 ); var rct = cropForm.getBoundingClientRect(); var irct = editImageCell.firstChild.getBoundingClientRect(); var dx = rct.left - irct.left; var dy = rct.top - irct.top; //alert(dx + ',' + dy + ' // ' + w + '/' + h ); var cnv = document.createElement('canvas'); cnv.width = rct.width; cnv.height = rct.height; var ctx = cnv.getContext('2d'); ctx.drawImage( im , dx , dy , rct.width , rct.width , 0 , 0 , rct.width , rct.height ); var dataURL = cnv.toDataURL(); var rim = document.createElement('img'); rim.onload = function(){ editImageCell.removeChild(editImageCell.firstChild); editImageCell.appendChild(rim); } rim.src = dataURL; cropForm.style.display = 'none'; } function closeEditImageFormHandler(e){ if( e.currentTarget.style.opacity == 0.5 ) return; closeEditImageForm(); } function closeEditImageForm(){ TweenMax.to( editImageForm,0.7,{css:{opacity:0},onComplete:function(){ editImageForm.style.display = 'none'; }}) TweenMax.to( cache,0.7,{css:{opacity:0},onComplete:function(){ cache.style.display = 'none'; }}) } function applyEditImageFormHandler(e){ if( e.currentTarget.style.opacity == 0.5 ) return; applyEditImageForm(); } function applyEditImageForm(){ // } function saveTempImage(vImage,vType){ var im = vImage; var w = im.width; var h = im.height; var canvas = document.createElement('canvas'); canvas.width = w; canvas.height = h; var ctx = canvas.getContext('2d') ctx.drawImage( im , 0 , 0 ); var url; if( vType == 'logo' ){ url='saveTempLogo.php'; } if( vType == 'gallery' ){ // } return; var dataURL = canvas.toDataURL(); var data2save = dataURL.split('.')[1]; cache.style.display = 'block'; $.post( url , {data2save:data2save} ,function(data){ if(data.indexOf('done') != -1 ){ // }else{ alert('Something wrong happenned while trying to save logo image. Please try again.') } cache.style.display = 'none'; }); } function getStoreTopIndex(){ var index = -1; if( storesA ){ for( var i=0; i<storesA.length; i++ ){ var store = storesA[i]; var array = store.split('~'); var ind = parseInt(array[18]); if( ind>index ) index = ind; } }else{ // >> no list registred... } index++; return index; } function addNewStoreHandler(e){ storesInfosTableRow.selectedEditType = 'new'; storeIndex = getStoreTopIndex(); storeStatus = 'new'; clearStoreInfosTableFields(); showStoreInfoTable(); } function showStoreInfoTable(){ storesListTableRow.style.display = 'none'; storesInfosTableRow.style.display = 'table-row'; windowResize(); } function clearStoreInfosTableFields(){ storeOwnerNameT.value = storeOwnerPhoneT.value = ''; //storeOwnerPhoneL.innerHTML = '';// storeOwnerPhoneT.list = ''; storeOwnerPrivateChk.value = 'checked'; storeNameT.value = storeActivityT.value = storeSloganT.value = ''; storeHoursT.value = ''; storeAddressT.value = storePhoneT.value = storeFaxT.value = storeCellularT.value = ''; storePhoneT.list = storeCellularT.list = ''; storePhoneL.innerHTML = storeCellularL.innerHTML = ''; storeMailT.value = ''; storeWebsiteT.value = storeFacebookT.value = storeInstagramT.value = storeTwitterT.value = storeLinkedInT.value = ''; storeDescriptionT.value = ''; storeLogoContainer.innerHTML = ''; storeGalStampsContainer.innerHTML = ''; saveStoreInfosB.style.opacity = 0.5; stampFromCameraB.style.opacity = stampFromGalleryB.style.opacity = stampDeleteB.style.opacity = 0.5; buildStampsGallery(); } function populateStoreInfosTableFields(vStoreInfo){ var array = vStoreInfo.split('~'); var ownerA = array[16].split('±'); storeOwnerNameT.value = ownerA[0]; storeOwnerPhoneT.value = ownerA[1]; if( ownerA[2] == 'true' ){ storeOwnerPrivateChk.checked = true; }else{ storeOwnerPrivateChk.checked = false; } // >> basic part ..: storeNameT.value = array[0]; storeActivityT.value = array[2]; storeSloganT.value = array[17]; storeHoursT.value = array[15]; // >> loc & contacts part ..: storeAddressT.value = array[3]; var phonesA = array[4].split(','); storePhoneT.value = phonesA[0]; if( phonesA.length > 1 ){ for( var i=0; i<phonesA.length; i++ ){ var option = document.createElement('option'); option.innerHTML = phonesA[i]; storePhoneL.appendChild(option); } storePhoneT.list = storePhoneL; } storeFaxT.value = array[5]; var cellularsA = array[6].split(','); storeCellularT.value = cellularsA[0]; if( cellularsA.length > 1 ){ for( var i=0; i<cellularsA.length; i++ ){ var option = document.createElement('option'); option.innerHTML = cellulars[i]; storeCellularL.appendChild(option); } storeCellularT.list = storeCellularL; } storeMailT.value = array[9]; // >> web links part ..: storeWebsiteT.value = array[8]; storeFacebookT.value = array[10]; storeInstagramT.value = array[11]; storeTwitterT.value = array[12]; storeLinkedInT.value = array[13]; // >> description part ..: storeDescriptionT.value = array[14]; // >> logo part ..: if( storeLogoContainer.childNodes.length > 0 ) storeLogoContainer.removeChild( storeLogoContainer.firstChild ); var cW = storeLogoContainer.offsetWidth; var cH = storeLogoContainer.offsetHeight; logoName = array[1]; if( logoName != '' ){ alert('logo name : ' + logoName ); var im = document.createElement('img'); storeLogoContainer.appendChild( im ); im.onload=function(){ var w = im.width; var h = im.height; var size = fit2size( w,h,cW,cH ); im.width = size[0]; im.height = size[1]; } im.src = 'countries/' + country + '/' + city + '/files/images/storesLogos/' + logoName; } // >> gal part : galList = array[7]; if( galList != '' ){ var stampContainer = storeGalleryContainer.firstChild; var w = stampContainer.offsetWidth; var h = stampContainer.offsetHeight; loadGalleryStamp( 0 , galList , w , h ); } } function loadGalleryStamp( vIndex , vList , vSW, vSH){ var index = vIndex; var list = vList; var stampW = vSW; var stampH = vSH; var array = list.split('±'); var im =document.createElement('img'); var stampContainer = storeGalleryContainer.childNodes[index]; if( stampContainer.childNodes.length > 0 )stampContainer.removeChild(stampContainer.firstChild); stampContainer.appendChild(im); im.onload = function(){ var w = im.width; var h = im.height; var size = fit2size( w , h , stampW , stampH ); im.width = size[0]; im.height = size[1]; index++; if( index < array.length ){ loadGalleryStamp( index , list , stampW , stampH ); }else{ // >> gallery stamps populated.. } } im.src = 'countries/' + country + '/' + city + '/files/gallery/' + storeIndex + '/' + array[index]; } function fit2size( vW,vH,vCW,vCH ){ var w = vW; var h = vH; var cW = vCW; var cH = vCH; if( w > cW ){ var ratio = cW/w; w = cW; h *= ratio; if( h > cH ){ ratio = cH/h; h = cH; w *= ratio; } } if( h > cH ){ var ratio = cH/h; h = cH; w *= ratio; if( w > cW ){ ratio = cW/w; w = cW; h *= ratio; } } return [w,h] } function back2mainHandler(e){ storesInfosTableRow.style.display = 'none'; storesListTableRow.style.display = 'table-row'; cache.style.display = 'block'; $.post('deleteTempImages.php',{},function(data){ if(data.indexOf('done') != -1 ){ }else{ alert('something wrong happened while attempting to remove temporary images files' ); } cache.style.display = 'none'; }); } function storeSelectionHandler(e){ searchStoreT.value = ''; var lastCellIndex = e.currentTarget.cells.length - 1; var rowIndex = e.currentTarget.rowIndex; var storeInfo = e.currentTarget.getAttribute( 'storeInfo' ); if( e.target.cellIndex == lastCellIndex || e.target.parentNode.cellIndex == lastCellIndex ){ if( e.currentTarget.cells[lastCellIndex].style.opacity == 0.5 ) return; storeIndex = storeInfo.split('~')[18]; // << store index == store folder on server. storeStatus = storeInfo.split('~')[19]; editStoreOptionForm.storeInfos = storeInfo; storesInfosTableRow.selectedRowIndex = rowIndex; storesInfosTableRow.selectedEditType = 'edit'; storesInfosTableRow.storeInfo = storeInfo; showEditStoreOptionForm(); }else{ if( e.currentTarget.getAttribute('selected') != 'selected' ){ e.currentTarget.setAttribute('selected','selected' ); e.currentTarget.style.background = '#5c0'; e.currentTarget.cells[2].style.color = 'white'; e.currentTarget.cells[2].style.opacity = 0.5; // >> add to selection array ..: selectedA.push( { rowIndex: rowIndex, storeInfo: storeInfo } ); // }else{ e.currentTarget.setAttribute( 'selected', '' ); e.currentTarget.style.background = ''; e.currentTarget.cells[2].style.color = '#05c'; e.currentTarget.cells[2].style.opacity = 1; // >> remove from selection array..: for( var i=0; i<selectedA.length; i++ ){ if( selectedA[i].storeInfo == storeInfo ){ selectedA.splice( i , 1 ); break; } } } // >> update selected button enabled status..: if( selectedA.length != 0 ){ removeSelectedB.style.opacity = 1; removeSelectedT.innerHTML = "("+ selectedA.length +')'; }else{ removeSelectedB.style.opacity = 0.5; removeSelectedT.innerHTML = ''; } } } function searchStoreHandler(e){ searchStore(searchStoreT.value); } function searchStore( vName ){ selectedA = []; removeSelectedB.style.opacity = 0.5; removeSelectedT.innerHTML = ''; var table = storesListContainer.firstChild; for( var i=0; i< table.rows.length; i++ ){ table.rows[i].style.background = ''; } if( vName != '' && vName != ' ' ){ for( var i=0; i<table.rows.length; i++ ){ var row = table.rows[i]; var cell = row.cells[0]; var storeName = cell.innerHTML; if( storeName.toLowerCase().indexOf( vName.toLowerCase() ) != -1 ){ row.style.background = '#c90'; } } } } function inputListHandler(e){ if( e.type == 'focus' ){ if(e.currentTarget.value != '' ) e.currentTarget.placeholder = e.currentTarget.value; e.currentTarget.value = ''; } if( e.type == 'blur' ){ if( e.currentTarget.value == '' ){ e.currentTarget.value = e.currentTarget.placeholder; } } if( e.type == 'change' ){ if( storesListTableRow.style.display == 'table-row' ){ if( e.currentTarget == langT ){ var value = e.currentTarget.value; for( var i=0; i<langL.childNodes.length; i++ ){ var child = langL.childNodes[i]; var lg = child.value; if( lg == value ){ lang = child.abbr; checkStoresListLoadingEnabled(); break; } } } if( e.currentTarget == countryT ){ // >> inactive actually > can not be modified.. // country = countryT.value.toLowerCase(); // checkStoresListLoadingEnabled(); } if( e.currentTarget == cityT ){ city = cityT.value.toLowerCase(); checkStoresListLoadingEnabled(); } } if( storesInfosTableRow.style.display == 'table-row' ){ checkStoreInfoSaveable(); } e.currentTarget.blur(); } } // // >> relative to page '2' ( stores infos table row element )..: function storeInputChangeHandler(e){ checkStoreInfoSaveable(); } function checkStoreInfoSaveable(){ saveStoreInfosB.style.opacity = 0.5; if( storeNameT.value != '' ){ if( storeActivityT.value != '' ){ if( storeSloganT.value != '' ){ //if( storeAddressT.value != '' ){ saveStoreInfosB.style.opacity = 1; //} } } } } function updateAndSaveStoreInfosHandler(e){ // << from save button page '2'. if( e.currentTarget.style.opacity == 0.5 ) return; cache.style.display = 'block'; spinForm.style.display = 'block'; TweenMax.to( cache,0.7,{css:{opacity:1}}); TweenMax.to( spinForm,0.7,{css:{opacity:1}}); var infos = compileInfos(); updateAndSaveStoreInfos( infos ); } function compileInfos(){ // logo name var storeLogoName = ''; if( storeLogoContainer.firstChild ){ var storeLogoURL = storeLogoContainer.firstChild.src; var res = storeLogoURL.split('/'); storeLogoName = res[res.length-1]; } // phone list var phoneList = ''; if( storePhoneL.childNodes.length > 1 ){ for( var i=0; i<storePhoneL.childNodes.length; i++ ){ if( i!= storePhoneL.childNodes.length-1 ){ phoneList += storePhoneL.childNodes[i] + ','; }else{ phoneList += storePhoneL.childNodes[i]; } } } // cellular list var cellularList = ''; if( storeCellularL.childNodes.length > 1 ){ for( var i=0; i<storeCellularL.childNodes.length; i++ ){ if( i!= storeCellularL.childNodes.length-1 ){ cellularList += storeCellularL.childNodes[i] + ','; }else{ cellularList += storeCellularL.childNodes[i]; } } } // gallery list var galList = ''; for( var i=0; i<storeGalStampsContainer.childNodes.length; i++ ){ var child = storeGalStampsContainer.childNodes[i]; var stamp = child.firstChild.childNodes[0].childNodes[0].childNodes[0]; //alert( child.firstChild.childNodes[0].childNodes[0] ); if( stamp ){ url = stamp.src; var res = url.split('/'); if( i != storeGalStampsContainer.childNodes.length - 1 ){ galList += res[res.length-1] + '±'; }else{ galList += res[res.length-1]; } }else{ /* if( i != storeGalStampsContainer.childNodes.length - 1 ){ galList += '' + '±'; }else{ galList += ''; } */ } } // owner infos. var ownerList = storeOwnerNameT.value + '±' + storeOwnerPhoneT.value + '±' + storeOwnerPrivateChk.checked; var stg = storeNameT.value + '~' + storeLogoName + '~' + storeActivityT.value + '~' + storeAddressT.value + '~' + phoneList + '~' + storeFaxT.value + '~' + cellularList + '~' + galList + '~' + storeWebsiteT.value + '~' + storeMailT.value + '~' + storeFacebookT.value + '~' + storeInstagramT.value + '~' + storeTwitterT.value + '~' + storeLinkedInT.value + '~' + storeDescriptionT.value + '~' + storeHoursT.value + '~' + ownerList + '~' + storeSloganT.value + '~' + storeIndex + '~' + storeStatus; return stg; } function updateAndSaveStoreInfos( vInfos ){ if( storesInfosTableRow.selectedEditType == 'edit' ){ alert(vInfos); var pinfos = storesInfosTableRow.storeInfo;// srow.storeInfos; for( var i=0; i<storesA.length; i++ ){ if( storesA[i] == pinfos ){ storesA[i] = vInfos; break; } } } if( storesInfosTableRow.selectedEditType == 'new' ){ storesA.unshift( vInfos ); } saveStoresList(); } // // >> Global save stores list ..: function saveStoresList(){ var infos2save = storesA.join('|'); cache.style.display = 'block'; //spinForm.style.display = 'block'; TweenMax.to( cache, 0.7,{css:{opacity:1}}); //TweenMax.to( spinForm, 0.7,{css:{opacity:1}}); // $.post( 'saveStoresList.php' , {lang:lang, country:country, city:city, infos2save:infos2save, storeIndex:storeIndex} , function( data ){ if( data == 'done' ){ backB.click(); saveStoreInfosB.style.opacity = 0.5; var url = 'countries/' + country + '/' + city + '/storesList_' + lang + '?r=' + Math.random(); loadTextFile( url , 'storesList' ); }else{ alert( 'Something went wrong while saving. Please try again.' ); } TweenMax.to( cache,0.7,{css:{opacity:0}, onComplete:function(){ cache.style.display = 'none'; }}); TweenMax.to( spinForm,0.7,{css:{opacity:0, top:-spinForm.offsetHeight - 10 }, onComplete:function(){ spinForm.style.display = 'none'; }}); }); // } function showEditStoreOptionForm(){ cache.style.display = 'block'; editStoreOptionForm.style.display = 'block'; editStoreOptionForm.style.left = (document.body.offsetWidth - editStoreOptionForm.offsetWidth )/2; var y = (document.body.offsetHeight - editStoreOptionForm.offsetHeight )/2; TweenMax.to( cache,0.7,{css:{opacity:1}}); TweenMax.to( editStoreOptionForm, 0.7, {css:{top:y , opacity:1}}); } function closeEditStoreOptionFormHandler(e){ closeEditStoreOptionForm(); } function closeEditStoreOptionForm(){ h = editStoreOptionForm.offsetHeight - 5; TweenMax.to( cache, 0.7, {css:{opacity:0}, onComplete:function(){ cache.style.display = 'none'; }}); TweenMax.to( editStoreOptionForm, 0.7, { css:{ top: - h , opacity:0 }, onComplete:function(){ //editTypeT.value = 'click then select in list'; editStoreOptionForm.style.display = 'none'; } } ); } function editPartSelectionHandler(e){ if( e.target.style.opacity == 0.5 ) return; if( e.target != editPartB && e.currentTarget != e.target ){ if( e.currentTarget.selectedPart ){ e.currentTarget.selectedPart.style.background = ''; e.currentTarget.selectedPart.style.color = 'white'; } e.target.style.background = '#cc0'; e.currentTarget.selectedPart = e.target; e.target.style.color = 'black'; editStoreOptionForm.showPart = e.target.innerHTML; editPartB.style.opacity = 1; }else{ // >> close & show selected... closeEditStoreOptionForm(); // >> fill info .. populateStoreInfosTableFields(editStoreOptionForm.storeInfos); // show store info page showStoreInfoTable(); // open select part..: var bar; var partName = editStoreOptionForm.showPart; //console.log(partName); if( partName == 'Owner Infos' ){ bar = ownerBar; } if( partName == 'Basic Infos' ){ bar = basicBar; } if( partName == 'Loc. & Contacts' ){ bar = locBar; } if( partName == 'Description' ){ bar = desBar; } if( partName == 'Web Links' ){ bar = webBar; } if( partName == 'Logo' ){ bar = logoBar; } if( partName == 'Gallery' ){ bar = galBar; } if(bar) bar.click(); } } function showStoreHoursFormHandler(e){ // } function showStoreHoursForm(){ // } function closeStoreHoursFormHandler(e){ // } function closeStoreHours(){ // } function barHandler(e){ var id = e.currentTarget.id; var nid = id.substr(0,id.length-3) + 'Row'; var table = document.getElementById(nid); if( cRowTable && cRowTable != table ){ if( cRowTable.style.display != 'none' ) cRowTable.style.display = 'none'; } if( table ){ cRowTable = table; if( cRowTable.style.display == 'none' ){ cRowTable.style.display = 'table-row'; }else{ cRowTable.style.display = 'none'; } } } // // // remove selected stores part handlers..: function removeSelectedHandler(e){ if( e.currentTarget.style.opacity == 0.5 ) return; showRemoveSelectedOptionsForm(); } function showRemoveSelectedOptionsForm(){ var form = removeSelectedOptionsForm; cache.style.display = 'block'; TweenMax.to( cache,0.7,{css:{opacity:1}}); form.style.display = 'block'; form.style.left = ( document.body.offsetWidth - form.offsetWidth ) / 2; form.style.top = - form.style.offsetHeight - 10; var y = ( document.body.offsetHeight - form.offsetHeight ) / 2; TweenMax.to( form , 0.7, {css:{opacity:1 , top:y }, onComplete:function(){ console.log('done...'); }}); } function closeRemoveSelectedOptionsFormHandler(e){ closeRemoveSelectedOptionsForm(); } function closeRemoveSelectedOptionsForm( vCacheHide = true ){ var form = removeSelectedOptionsForm; TweenMax.to( form , 0.7,{css:{opacity:0 , top: -form.offsetHeight - 10 }, onComplete:function (){ removeSelectedOptionsForm.style.display = 'none'; if( vCacheHide ) cache.style.display = 'none'; }}) } function removeTypeHandler(e){ if( e.currentTarget.style.opacity == 0.5 )return; removeTypeOfflineB.style.background = removeTypeDeleteB.style.background = ''; var typeButton = e.currentTarget; typeButton.style.background = '#cc0'; if( typeButton == removeTypeOfflineB ) removeSelectedOptionsForm.removeType = 'offline'; if( typeButton == removeTypeDeleteB ) removeSelectedOptionsForm.removeType = 'delete'; applyRemoveB.style.opacity = 1; } function applyRemoveSelectedHandler(e){ if( e.currentTarget.style.opacity == 0.5 )return; closeRemoveSelectedOptionsForm(false); switch( removeSelectedOptionsForm.removeType ){ case 'offline': for( var i=0; i<selectedA.length; i++ ){ var storeInfo = selectedA[i].storeInfo; for( var j=0; j<storesA.length; j++ ){ if( storeInfo == storesA[j] ){ var infosA = storesA[j].split('~'); infosA[infosA.length-1] = 'offline'; storesA[j] = infosA.join('~'); break; } } } saveStoresList(); break; case 'delete': // break; } } /* store info array indexes: 0: storeName 1: storeLogoName 2: storeActivity 3: storeAddress 4: storePhone 5: storeFax 6: storeCellular 7: storeGalleryList 8: storeWebsite 9: storeMail 10: storeFacebook 11: storeInstagram 12: storeTwitter 13: storeLinkedIn 14: storeDescription 15: storeHours 16: storeOwnerName & storeOwnerPhone & 'keepPrivate' Boolean ( separator '±' ) 17: storeSlogan 18: storeIndex // >> folder. 19: storeStatus */ /* store info array indexes example: 0 :Ethan Meat Delicate~ 1 :ethan_meat_delicate.jpg~ 2 :Butcher shop~ 3 :Tamarim 2, Shalom Center Jerusalem~ 4 :053-3404683~ 5 :~ 6 :050-4340274~ 7 :~ 8 :http://www.eitan-meat.co.il~ 9 :~ 10:https://www.facebook.com/הב-סחר-שיווק-והפצה-בעמ-2277777612440036/~ 11:~ 12:~ 13:~ 14:HB Trade in Peace Center is a butcher shop and a grill and smoking center in Eilat In the store you will find a selection of meat in the exclusive marketing of "firm meat delicacies" such as tomahawk, butcher's steak, picnic, shitelle, burgers, margarine, cinnamon kebab in enclosures and more. In addition to HB Trade You will find a professional selection of Louisiana grills and smokers for sale.~ 15:Mon - Thu 20:00 - 12:00, Fri 15:00 - 10:00~ 16:Shlomo~ 17:Meat, grills and smokes~ 18:92~ 19:Demo */ </SCRIPT> <BODY onload='init(event);'> <TABLE id='mainContent' style='width:100%; height:100%;'> <TR> <TD id='citiestoresTitle' valign='top' style='height:35px; text-align:center; font-size:21px;'>Cities Stores Admin</TD> </TR> <TR id='storesListTableRow' style='display:table-row;'><TD align='center' valign='top'> <TABLE id='storesListTable' style='width:100%; margin-top:5px;'> <TR> <TD style='height:40px; background:linear-gradient(#ddd,#aaa); text-indent:10px; font-size:15px; color:black;'>Languages, Country & City..</TD> </TR> <TR> <TD align='center' valign='top'> <table style='width:90%;'> <tr> <td style='border-bottom: 1px dotted #ccc;'> <table style='width:100%; height:30px;'><tr> <td style='width:80px; text-align:end;'>lang : </td> <td> <input id='langT' list='langL' style='width:100%; height:30px; border:none; font-size:16px; text-indent:10px;' onfocus='inputListHandler(event);' onblur='inputListHandler(event);' onchange='inputListHandler(event);' value='' placeholder='Select Language...'/> <datalist id='langL'> <option abbr='en' value='English'/> <option abbr='he' value='Hebrew' /> <option abbr='fr' value='French' disabled /> <option abbr='ru' value='Russian' disabled /> <option abbr='ar' value='Arabic' disabled /> </datalist> </td> <td style='width:30px; color:#00c; text-align:center;' onclick='manageLangHandler(event);'><img src='files/images/icons/edit.png' /></td> </tr></table> </td> </tr> <tr> <td style='border-bottom: 1px dotted #ccc; opacity:0.5;'> <table style='width:100%; height:30px;'><tr> <td style='width:80px; text-align:end;'>Country : </td> <td> <input id='countryT' list='countryL' style='width:100%; height:30px; border:none; font-size:16px; text-indent:10px;' onfocus='inputListHandler(event);' onblur='inputListHandler(event);' onchange='inputListHandler(event);' value='Israel' disabled/> <datalist id='countryL'></datalist> </td> <td style='width:30px; color:#00c; text-align:center;'><img src='files/images/icons/edit.png' /></td> </tr></table> </td> </tr> <tr> <td style='border-bottom: 1px dotted #ccc;'> <table style='width:100%; height:30px;'><tr> <td style='width:80px; text-align:end;'>City : </td> <td> <input id='cityT' list='cityL' style='width:100%; height:30px; border:none; font-size:16px; text-indent:10px;' onfocus='inputListHandler(event);' onblur='inputListHandler(event);' onchange='inputListHandler(event);' value='' placeholder='Select City..'/> <datalist id='cityL'> <option value='Eilat' /> <option value='Jerusalem' /> </datalist> </td> <td style='width:30px; color:#00c; text-align:center;' onclick='manageCityHandler(event);'><img src='files/images/icons/edit.png' /></td> </tr></table> </td> </tr> </table> </TD> </TR> <TR><TD align='center'> <table id='loadStoresListB' style='color:white; margin-bottom:5px;background:rgba(0,0,80,0.7); padding:5px; border-radius:15px; cursor:default; opacity:0.5;' onclick='loadStoresListHandler(event);'><tr><td>Load Stores List</td></tr></table> </TD></TR> <TR> <TD style='height:40px; background:linear-gradient(#ddd,#aaa); text-indent:10px; font-size:15px; color:black;'> <table style='width:100%; height:100%;'><tr> <td id='storesListTitleT'>List</td> <td> <table style='border-radius: 15px; border:1px solid #000;'><tr> <td><img src='files/images/icons/search.png' style='height:16px;'/></td> <td><input id='searchStoreT' style='width:90%; height:100%; font-size:14px; border:none; background:none;' oninput='searchStoreHandler(event);' placeholder='Enter store name'/></td> </tr></table> </td> <td> </td> </tr></table> </TD> </TR> <TR> <TD> <DIV id='storesListContainer' style='width:100%; max-height:250px; height:250px; border:1px solid #999; overflow-x: hidden; overflow-y: auto;'></DIV> </TD> </TR> <TR> <TD style='height:40px;'> <table style='width:100%; height:100%;'><tr> <td><SPAN id='addNewStoreB' style='height:40px; padding:10px; background:#05c; color:white; border-radius:20px; opacity: 0.5; cursor:default;' onclick='addNewStoreHandler(event);'>Add New Store</SPAN></td> <td></td> <td id='removeSelectedB' style='width:40px; color:#05c; opacity:0.5; text-align:end; cursor:default;' align='right' onclick='removeSelectedHandler(event);'> <table><tr> <td><img src='files/images/icons/delete.png' /></td> <td id='removeSelectedT'></td> </tr></table> </td> </tr></table> </TD> </TR> </TABLE> </TD></TR> <TR id='storesInfosTableRow' style='display:none;'><TD align='center' valign='top'> <DIV id='storesInfosTableContainer' style='width:100%; overflow-x:hidden; overflow-y:auto;'> <TABLE id='storeInfosTable' style='width:100%; height:100%; margin-top:5px; background:white;'><TR><TD align='center' valign='top'> <TABLE style='width:100%;'> <TR> <TD align='center'> <table style='width:90%;'> <tr><td id='ownerBar' style='height:30px; color:white; text-indent:10px; text-shadow:1px 2px 2px black; background:linear-gradient(#ccc,#aaa); font-weight:bold;' onclick='barHandler(event);'> Store Owner Info</td></tr> <tr id='ownerRow' style='display:none;'><td align='center'> <table style='width:100%;'> <tr><td> <input id='storeOwnerNameT' style='width:100%; height:30px; font-size:14px; text-align: center;' placeholder='Enter Store Owner Name'/> </td></tr> <tr><td> <input id='storeOwnerPhoneT' style='width:100%; height:30px; font-size:14px; text-align: center;' placeholder='Enter Store Owner Phone/Cellular'/> </td></tr> <tr><td> <input type='checkbox' id='storeOwnerPrivateChk' style='' checked /> Keep Private. </td></tr> </table> </td></tr> <tr><td id='basicBar' style='height:30px; color:white; text-indent:10px; text-shadow:1px 2px 2px black; background:linear-gradient(#ccc,#aaa); font-weight:bold;' onclick='barHandler(event);'>Store Basic Info</td></tr> <tr id='basicRow' style='display:none;'><td align='center'> <table style='width:100%;'> <tr><td> <input id='storeNameT' style='width:100%; height:30px; font-size:14px; text-align: center;' placeholder='Enter Store Name..' onchange='inputListHandler(event)'/> </td></tr> <tr><td> <input id='storeActivityT' list='storeActivityL' style='width:100%; height:30px; font-size:14px; text-align: center;' placeholder='Enter Store Activity ..' onchange='inputListHandler(event)' onfocus='inputListHandler(event);' onblur='inputListHandler(event);' /> <datalist id='storeActivityL'></datalist> </td></tr> <tr><td> <input id='storeSloganT' style='width:100%; height:30px; font-size:14px; text-align: center;' placeholder='Enter Store Short Description (Slogan)' onchange='inputListHandler(event)'/> </td></tr> <tr><td> <input id='storeHoursT' style='width:100%; height:30px; font-size:14px; text-align: center;' placeholder='Click to Enter or Edit Store Hours' onclick='showStoreHoursFormHandler(event);' readonly /> </td></tr> </table> </td></tr> <tr><td id='locBar' style='height:30px; color:white; text-indent:10px; text-shadow:1px 2px 2px black; background:linear-gradient(#ccc,#aaa); font-weight:bold;' onclick='barHandler(event);'>Store Location & Contacts Info</td></tr> <tr id='locRow' style='display:none;'><td align='center'> <table style='width:100%;'> <tr><td> <input id='storeAddressT' style='width:100%; height:30px; font-size:14px; text-align: center;' placeholder='Enter Store Address' onchange='inputListHandler(event)'/> </td></tr> <tr><td> <input id='storePhoneT' style='width:100%; height:30px; font-size:14px; text-align: center;' placeholder='Enter Store Phone' onchange='inputListHandler(event)'/> <datalist id='storePhoneL'></datalist> </td></tr> <tr><td> <input id='storeFaxT' style='width:100%; height:30px; font-size:14px; text-align: center;' placeholder='Enter Store Fax' onchange='inputListHandler(event)'/></td> </tr> <tr><td> <input id='storeCellularT' style='width:100%; height:30px; font-size:14px; text-align: center;' placeholder='Enter Store Cellular' onchange='inputListHandler(event)'/> <datalist id='storeCellularL'></datalist> </td></tr> <tr><td> <input id='storeMailT' style='width:100%; height:30px; font-size:14px; text-align: center;' placeholder='Enter Store Mail' onchange='inputListHandler(event)'/> </td></tr> </table> </td></tr> <tr><td id='webBar' style='height:30px; color:white; text-indent:10px; text-shadow:1px 2px 2px black; background:linear-gradient(#ccc,#aaa); font-weight:bold;' onclick='barHandler(event);'>Store Web Links</td></tr> <tr id='webRow' style='display:none;'><td align='center'> <table style='width:100%;'> <tr><td> <input id='storeWebsiteT' style='width:100%; height:30px; font-size:14px; text-align: center;' placeholder='Enter Website URL' onchange='inputListHandler(event)'/> </td></tr> <tr><td> <input id='storeFacebookT' style='width:100%; height:30px; font-size:14px; text-align: center;' placeholder='Enter Facebook URL' onchange='inputListHandler(event)'/> </td></tr> <tr><td> <input id='storeInstagramT' style='width:100%; height:30px; font-size:14px; text-align: center;' placeholder='Enter Instagram URL' onchange='inputListHandler(event)'/> </td></tr> <tr><td> <input id='storeTwitterT' style='width:100%; height:30px; font-size:14px; text-align: center;' placeholder='Enter Twitter URL' onchange='inputListHandler(event)'/> </td></tr> <tr><td> <input id='storeLinkedInT' style='width:100%; height:30px; font-size:14px; text-align: center;' placeholder='Enter LinkedIn URL' onchange='inputListHandler(event)'/> </td></tr> </table> </td></tr> <tr><td id='desBar' style='height:30px; color:white; text-indent:10px; text-shadow:1px 2px 2px black; background:linear-gradient(#ccc,#aaa); font-weight:bold;' onclick='barHandler(event);'>Store ( Full ) Description</td></tr> <tr id='desRow' style='display:none;'><td align='center'> <textarea id='storeDescriptionT' style='width:100%; height:200px; border:1px solid #ccc;' placeholder='Enter or Paste Store Full Description' onchange='inputListHandler(event)'></textarea> </td></tr> <tr><td id='logoBar' style='height:30px; color:white; text-indent:10px; text-shadow:1px 2px 2px black; background:linear-gradient(#ccc,#aaa); font-weight:bold;' onclick='barHandler(event);'>Store Logo</td></tr> <tr id='logoRow' style='display:none;'><td align='center'> <table style='width:100%; height:200px;'><tr> <td style='width:80%;' align='center'> <div id='storeLogoContainer' style='width:250px; height:150px; border:1px solid #ccc;'></div> </td> <td style=''> <table style='width:100%;'> <tr><td id='logoFromGalleryB' align='center' style='padding:3px; border:1px solid #000; border-radius:10px;' onclick='importImageHandler(event);'><img src='files/images/icons/gallery.png' style='height:30px;' /></td></tr> <tr><td style='height:10px;'></td></tr> <tr><td id='logoFromCameraB' align='center' style='padding:3px; border:1px solid #000; border-radius:10px;' onclick='captureImageHandler(event);'><img src='files/images/icons/camera.png' style='height:34px;'/></td></tr> </table> </td> </tr></table> </td></tr> <tr><td id='galBar' style='height:30px; color:white; text-indent:10px; text-shadow:1px 2px 2px black; background:linear-gradient(#ccc,#aaa); font-weight:bold;' onclick='barHandler(event);'>Store Pictures Gallery ( <span id='galStampsCount'>0</span> / 16 )</td></tr> <tr id='galRow' style='display:none;'><td align='center'> <table style='width:100%; height:280px;'> <tr> <td align='center' style='width:80%'> <table style='width:100%; height:100%;'> <tr><td> click on stamp to select , double click to preview image. </td></tr> <tr> <td align='center' id='storeGalStampsContainer' style='width:100%; border:0px solid #ccc; padding-left: 5px;'></td> </tr> <tr> <td style='height:30px;'> <table style='width:100%;'><tr> <td id='stampFromGalleryB' align='center' style='padding:3px; border:1px solid #ccc; border-radius:10px; opacity:0.5;'><img src='files/images/icons/gallery.png' style='height:30px;' onclick='importImageHandler(event);'/></td> <td id='stampFromCameraB' align='center' style='padding:3px; border:1px solid #ccc; border-radius:10px; opacity:0.5;'><img src='files/images/icons/camera.png' style='height:34px;' onclick='captureImageHandler(event);'/></td> <td id='stampDeleteB' align='center' style='height:30px; padding:3px; border:1px solid #ccc; border-radius:10px; opacity:0.5;'><img src='files/images/icons/delete.png' style='height:24px;'/></td> </tr></table> </td> </tr> </table> </td> <!--td style='height:280px;'> <table style='width:100%;height:270px;'> <tr><td> <table style='width:100%;'> <tr><td align='center' style='height:14px; padding:3px; border:1px solid #ccc; border-radius:10px; opacity:0.5;'><img src='files/images/icons/up-arrow.png' style='height:30px;'/></td></tr> <tr><td style='height:60px; border:1px solid #ccc; border-radius:10px;'><img src=''/></td></tr> <tr><td align='center' style=' height:14px; padding:3px; border:1px solid #ccc; border-radius:10px;'><img src='files/images/icons/down-arrow.png' style='height:34px; opacity:0.5;'/></td></tr> </table> </td></tr> <tr><td style='height:45px;' valign='top' align='center'>0 / 20</td></tr> <tr><td align='center' style='height:30px; padding:3px; border:1px solid #ccc; border-radius:10px; opacity:0.5;'> <img src='files/images/icons/delete.png' style='height:34px;' /> </td></tr> </table> </td--> </tr> </table> </td></tr> </table> </TD> </TR> </TABLE> </TD></TR></TABLE> </DIV> <DIV id='storesInfosNavTable' style='width:90%; height:55px;'> <TABLE style='width:100%; height:100%;'><TR> <TD style='width:50%;'> <table id='backB' style='margin-left: 10px; cursor:default;' onclick='back2mainHandler(event);'><tr> <td><img src='files/images/icons/left-arrow.png'/></td> <td>Back</td> </tr></table> </TD> <TD id='saveStoreInfosB' align='center' style='width:50%; background:#05c; opacity:0.5;' onclick='updateAndSaveStoreInfosHandler(event);'> <img src='files/images/icons/diskette.png' style='height:30px; filter:invert(100%);'/> </TD> </TR></TABLE> </DIV> </TD></TR> </TABLE> <DIV id='cache' style='position:absolute; left:0px; top:0px; width:100%; height:100%; overflow:hidden; display:none; opacity:0;'> <div id='spinForm' style='position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,80,0.35); display:none; opacity:0;'> <table style='width:100%; height:100%; text-align:center;'> <tr><td></td></tr> <tr><td align='center' style='height:100px;'> <img src='files/images/icons/loading.gif' style='border-radius:30px; width:100px;'/> </td></tr> <tr><td style='height:20px;' align='center'><div style='width:120px; height:25px; background:white; border-radius:10px;'><table style='width:100%; height:100%;'><tr><td align='center'>Updating...</td></tr></table></div></td></tr> <tr><td></td></tr> </table> </div> <div id='editStoreOptionForm' style='position:absolute; top:-115px; width:250px; height:310px; background:rgba(0,0,80,0.8); color:white; text-align:center; border-radius:14px; display:none; opacity:0;'> <table style='width:100%; height:30px; margin-bottom:10px; text-align:center; color:white; border-bottom:1px solid white;'><tr> <td>Edit Store Info Form</td> <td style='width:30px; color:#f00; font-weight: bold; cursor:default;' onclick='closeEditStoreOptionFormHandler(event);'>X</td> </tr></table> <div>What do you like to edit ?</div> <table style='width:90%; height:180px; margin-left:5%; margin-top:5px; color:white; text-align: center;' onclick='editPartSelectionHandler(event);'> <tr><td style='height:30px; border: 1px dotted white;'>Owner Infos</td></tr> <tr><td style='height:30px; border: 1px dotted white;'>Basic Infos</td></tr> <tr><td style='height:30px; border: 1px dotted white;'>Loc. & Contacts</td></tr> <tr><td style='height:30px; border: 1px dotted white;'>Description</td></tr> <tr><td style='height:30px; border: 1px dotted white;'>Web Links</td></tr> <tr><td style='height:30px; border: 1px dotted white;'>Logo</td></tr> <tr><td style='height:30px; border: 1px dotted white;'>Gallery</td></tr> <tr><td style='height:10px;'></td></tr> <tr><td id='editPartB' style='height:30px; border-radius: 10px; background:green; opacity:0.5;'>Go To</td></tr> </table> </div> <div id='removeSelectedOptionsForm' style='position:absolute; top:-115px; width:250px; height:250px; background:rgba(0,0,80,0.8); color:white; text-align:center; border-radius:14px; display:none; opacity:0;'> <table style='width:100%; height:30px; margin-bottom:10px; text-align:center; color:white; border-bottom:1px solid white;'><tr> <td>Remove Options Form</td> <td style='width:30px; color:#f00; font-weight: bold; cursor:default;' onclick='closeRemoveSelectedOptionsFormHandler(event);'>X</td> </tr></table> <div>What removing type do you wish to do ?</div> <table style='width:90%; margin-left:5%; margin-top:10px; margin-bottom: 10px; text-align:center; border:1px solid #fff; color:white;'> <tr><td id='removeTypeOfflineB' style='height:45px; border-bottom:1px dotted #fff; cursor:default;' onclick='removeTypeHandler(event);'>Put Offline Status Store On</td></tr> <tr><td id='removeTypeDeleteB' style='height:35px; cursor:default' onclick='removeTypeHandler(event);'>Delete Store From Server<br>( not undoable )</td></tr> </table> <table style='width:90%; margin-left:5%; margin-bottom:5px;'><tr><td id='applyRemoveB' style='height:40px; background:#080; cursor:default; text-align:center; color:white; opacity:0.5;' onclick='applyRemoveSelectedHandler(event);'>Apply</td></tr></table> </div> <div id='manageLangForm' style='position:absolute; width:250px; height:270px; padding-bottom: 5px; background:rgba(0,0,80,0.8); color:white; text-align: center; border-radius:14px; display:none; opacity:0;'> <table style='width:100%; height:100%; color:white; text-align:center;'> <tr><td style='height:35px;'> <table style='width:100%; height:35px; color:white; border-bottom:1px dotted white; text-align:center; cursor:default;'><tr> <td>Manage Language</td> <td style='width:35px; color:#c00; font-weight: bold;' onclick='closeManageLangFormHandler(event);'>X</td> </tr></table> </td></tr> <tr><td style='height:100px;'> <div style='width:100%; height:100%; background:white; overflow-x:hidden; overflow-y:auto;'> <table id='langTable' style='width:100%; text-align:center; color:black;'></table> </div> </td></tr> <tr><td align='center'> <button id='addNewLangB'>Add New</button> or <button id='langEditValuesB' disabled>Edit</button> Language :<br> <table style='color:white; font-size:14px;'><tr> <td><input id='addLangNameT' placeholder='Language' style='width:80px; text-align:center; font-size:14px;' disabled/></td> <td><input id='addLangAbbrT' placeholder='Abbr' style='width:40px; text-align:center; font-size:14px;' disabled /></td> <td>Status On:</td> <td><input id='addLangStatusChk' disabled type='checkbox' checked /></td> </tr></table> </td></tr> <tr><td style='height:35px;' align='center'> <div style='width:120px; height:35px; text-align:center; background:rgba(0,128,0,0.8); border-radius:20px; padding:5px;'><table id='manageLangApplyB' style='width:100%; height:100%; text-align:center; color:white; cursor:default;' onclick='manageLangApplyHandler(event);'><tr><td>Apply</td></tr></table></div> </td></tr> </table> </div> <div id='manageCityForm' style='position:absolute; width:250px; height:270px; padding-bottom: 5px; background:rgba(0,0,80,0.8); color:white; text-align: center; border-radius:14px; display:none; opacity:0;'> <table style='width:100%; height:100%; color:white; text-align:center;'> <tr><td style='height:35px;'> <table style='width:100%; height:35px; color:white; border-bottom:1px dotted white; text-align:center; cursor:default;'><tr> <td>Manage Cities</td> <td style='width:35px; color:#c00; font-weight: bold;' onclick='closeManageCityFormHandler(event);'>X</td> </tr></table> </td></tr> <tr><td style='height:100px;'> <div style='width:100%; height:100%; background:white; overflow-x:hidden; overflow-y:auto;'> <table id='cityTable' style='width:100%; text-align:center; color:black;'></table> </div> </td></tr> <tr><td align='center'> <button id='addNewCityB'>Add New</button> or <button id='cityEditValuesB' disabled>Edit</button> City :<br> <table style='color:white; font-size:14px;'><tr> <td><input id='addCityNameT' placeholder='City' style='width:80px; text-align:center; font-size:14px;' disabled/></td> <td>Status On:</td> <td><input id='addCityStatusChk' disabled type='checkbox' checked /></td> </tr></table> </td></tr> <tr><td style='height:35px;' align='center'> <div style='width:120px; height:35px; text-align:center; background:rgba(0,128,0,0.8); border-radius:20px; padding:5px;'><table id='manageCityApplyB' style='width:100%; height:100%; text-align:center; color:white; cursor:default;' onclick='manageCityApplyHandler(event);'><tr><td>Apply</td></tr></table></div> </td></tr> </table> </div> <div id='editImageForm' style='position:absolute; width:100%; height:100%; overflow:hidden; display:none; opacity:0;'> <table id='editImageTable' style='width:100%; height:100%; background:rgba(0,0,0,0.75); color:white;' > <tr><td style='height:50px; border-bottom: 1px dotted #ccc; background:rgba(0,0,0,0.5); text-align: center;'>Basic Image Editing</td></tr> <tr><td id='editImageCell' align='center'></td></tr> <tr><td style='height:50px; border-top:1px dotted #ccc;' align='center'> <table style='width:100%; height:100%; color:white; background:rgba(0,0,0,.5); cursor:default;'><tr> <td style='width:30%; text-align: center; cursor:default;' onclick='closeEditImageFormHandler(event);'>Close</td> <td align='center'> <table style='width:80%;'><tr> <td id='cropFormB' style='padding:3px;' onclick='showCropFormHandler(event);'><img src='files/images/icons/crop.png' style='filter:invert(100%);' /></td> <td style='padding:3px;'><img src='files/images/icons/photo-filter.png' style='filter:invert(100%);' /></td> </tr></table> </td> <td style='width:30%; text-align: center; cursor:default;' onclick='applyEditImageFormHandler(event);'>Apply</td> </tr></table> </td></tr> </table> </div> <div id='cropParamsForm' style='position:absolute; left:0px; bottom:50px; width:100%; height:50px; background:rgba(0,0,0,0.75); border-top:1px dotted #ccc; display:none; opacity:0;'> <table style='width:100%; height:100%; color:white; text-align:center;'><tr> <td style='width:70px;'><input id='cropRatioChk' type='checkbox' />Ratio</td> <td align='center'> <table style='height:100%; font-family: arial; color:white; text-align:center;'><tr> <td style='width:50px;'> <table style='color:white; text-align:center; width:100%; height:100%;'><tr> <td style='width:15px;'>x: </td> <td id='cropXT' style='width:35px; border:1px dotted #ccc;'>---</td> </tr></table> </td> <td style='width:50px;'> <table style='color:white; text-align:center; width:100%; height:100%;'><tr> <td style='width:15px;'>y: </td> <td id='cropYT' style='width:35px; border:1px dotted #ccc;'>---</td> </tr></table> </td> <td style='width:50px;'> <table style='color:white; text-align:center; width:100%; height:100%;'><tr> <td style='width:15px;'>w: </td> <td id='cropWT' style='width:35px; border:1px dotted #ccc;'>---</td> </tr></table> </td> <td style='width:50px;'> <table style='color:white; text-align:center; width:100%; height:100%;'><tr> <td style='width:15px;'>h: </td> <td id='cropHT' style='width:35px; border:1px dotted #ccc;'>---</td> </tr></table> </td> </tr></table> </td> <td style='width:70px; background:#090; cursor:pointer;' onclick='cropHandler(event);'>Crop</td> </tr></table> </div> <div id='cropForm' style='position:absolute; background:rgba(0,0,255,0.92); mix-blend-mode: difference; opacity:0; display:none;'> <div id='cropLT' style='position:absolute; left:0px; top:0px; width:25px; height:25px; border-left:2px solid white; border-top:2px solid white; cursor:pointer;' onmousedown='cropHandleHandler(event);' ontouchstart='cropHandleHandler(event);'></div> <div id='cropRT' style='position:absolute; right:25px;top:0px; width:25px; height:25px; border-right:2px solid white; border-top:2px solid white; cursor:pointer;' onmousedown='cropHandleHandler(event);' ontouchstart='cropHandleHandler(event);'></div> <div id='cropLB' style='position:absolute; left:0px; bottom:0px; width:25px; height:25px; border-left:2px solid white; border-bottom:2px solid white; cursor:pointer;' onmousedown='cropHandleHandler(event);' ontouchstart='cropHandleHandler(event);'></div> <div id='cropRB' style='position:absolute; left:100%; bottom:0px; width:25px; height:25px; border-right:2px solid white; border-bottom:2px solid white; cursor:pointer;' onmousedown='cropHandleHandler(event);' ontouchstart='cropHandleHandler(event);'></div> </div> </DIV> </BODY> </HTML>
© 2017 -
ZeroByte.ID
.