From: Laury GvR Date: Wed, 8 Mar 2017 20:52:14 +0000 (-0500) Subject: Made the member profile page more streamlined and prettier X-Git-Tag: v2.9.15^2~15^2~33 X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/?a=commitdiff_plain;h=b923d74720937ac28b9c1bfc8877cec1c6675f04;p=WP-Plugins%2Fglm-member-db.git Made the member profile page more streamlined and prettier --- diff --git a/css/admin.css b/css/admin.css index 610b6719..e8d03ff7 100644 --- a/css/admin.css +++ b/css/admin.css @@ -114,6 +114,9 @@ .glm-form-text-input-short { width: 15em; } +.glm-form-text-input-medium-short { + width: 22em; +} .glm-form-text-input-medium { width: 30em; } diff --git a/views/admin/member/memberInfo.html b/views/admin/member/memberInfo.html index 7a9884d6..2b96dce1 100644 --- a/views/admin/member/memberInfo.html +++ b/views/admin/member/memberInfo.html @@ -97,13 +97,11 @@

- Status & Description - Address & Location - Contact Info + Status + Profile Data + Categories & Amenities - Images - Video - Live Cam + Media {if $memberUpdated}{$terms.term_member_cap} Profile Updated{/if} {if $memberUpdateError}{$terms.term_member_cap} Profile Update Error{/if} @@ -115,27 +113,15 @@ - {include file='admin/member/memberInfo/editLocation.html'} - - - - {include file='admin/member/memberInfo/editContact.html'} + {include file='admin/member/memberInfo/editProfile.html'} {include file='admin/member/memberInfo/editCategory.html'} - - - {include file='admin/member/memberInfo/editImages.html'} - - - - {include file='admin/member/memberInfo/editVideo.html'} - - + - {include file='admin/member/memberInfo/editCamera.html'} + {include file='admin/member/memberInfo/editMedia.html'} @@ -229,7 +215,7 @@ }); // Do inital setup on load for first tab - glmSetupAreaTab($('#glm-member-info-descr')); + glmSetupAreaTab($('#glm-member-info-status')); // Setup edit area selected function glmSetupAreaTab(t) { @@ -246,7 +232,7 @@ $('#' + table).removeClass('glm-hidden'); - if (table == 'glm-table-address') { + if (table == 'glm-table-profile') { initMap(); } diff --git a/views/admin/member/memberInfo/editCamera.html b/views/admin/member/memberInfo/editCamera.html deleted file mode 100644 index 02c50e35..00000000 --- a/views/admin/member/memberInfo/editCamera.html +++ /dev/null @@ -1,46 +0,0 @@ - - - - - - - - - - - - - - - - - - -
Type: - - {if $memberInfo.fieldFail.live_cam_type}

{$memberInfo.fieldFail.live_cam_type}

{/if} -
URL: - - {if $memberInfo.fieldFail.live_cam_url}

{$memberInfo.fieldFail.live_cam_url}

{/if} -
Title to Display: - - {if $memberInfo.fieldFail.live_cam_title}

{$memberInfo.fieldFail.live_cam_title}

{/if}
- -
Description to Display: - {php} - wp_editor('{$memberInfo.fieldData.live_cam_descr|escape:quotes}', 'glm_live_cam_descr', array( - 'media_buttons' => false, - // 'quicktags' => false, - // 'wpautop' => false, NOTE: Dont's use. Problem when numerous spaces before text. - 'textarea_name' => 'live_cam_descr', - 'editor_height' => 200, // Height in px, overrides editor_rows - // 'textarea_rows' => 8 - )); - {/php} - {if $memberInfo.fieldFail.live_cam_descr}

{$memberInfo.fieldFail.live_cam_descr}

{/if} -
diff --git a/views/admin/member/memberInfo/editImages.html b/views/admin/member/memberInfo/editImages.html deleted file mode 100644 index a75c16f7..00000000 --- a/views/admin/member/memberInfo/editImages.html +++ /dev/null @@ -1,166 +0,0 @@ - - - - - - - - - - - - - - -
  -

- Best image size to provide is between 800 and 1000 pixels wide and stored as a JPG or JPEG file. - Also try to supply images that have a reasonable "aspect ratio" (not too tall, not too wide). - Files provided like this should have a file size of 100 to 250 KB. Images will be automatically - resized for use in the Web site. Images that are too large will be rejected. -

-
Profile Image: - - {if $memberInfo.fieldData.logo} - - - - - {/if} - -
-
- -
- 		- Delete Image
- {$memberInfo.fieldData.logo}
-
New image:
- - {if $memberInfo.fieldFail.logo}

{$memberInfo.fieldFail.logo}

{/if} -
Image Gallery - - {if $memberInfoID} - -
- -
- -
- - - Uploading Image { thisFile } of { numbFiles } - - - - - - - - - - - -
-
- -
-
Cancel Upload
Name: { fileName }
Type: { fileType }
Size: { fileSize }
Progress:
- - -
- -
- - -
  • -
    - - - - - - - - - - -
    Caption: - - - - -
    Delete:
    featured Image:
    New Upload
    -
    Description:
    -
    -
    - -
    -
    • -
    - -
    - - -
    -
    -
    -
    Drag and drop new images here
    -
    HTML5 file drag-and-drop not supported by your browser.
    Use "Browse" button above to upload an image.
    -
    -
    No Featured Image:
     
    -
    Click images to view full size.
    -
      - - {if $haveImageGallery} - {foreach $imageGallery as $i} - {if $i.file_name} -
    • -
      - - - - - - - - - - - -
      Caption: - - - -
      Delete:
      Featured Image:
      - -
      Description: -
      -
      -
      - -
      -
      - {/if} -
      • - - {/foreach} - {/if} -
    - {else} - Note: Images may only be added to {$terms.term_member} profile records that have been created. - You are editing information to create a new record. -
    After you click "Add new {$terms.term_member}" below, you may come back here to add images to the gallery. - {/if} -
    diff --git a/views/admin/member/memberInfo/editLocation.html b/views/admin/member/memberInfo/editLocation.html deleted file mode 100644 index d2938fc0..00000000 --- a/views/admin/member/memberInfo/editLocation.html +++ /dev/null @@ -1,110 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - {if $memberInfo.fieldRequired.lat} - - -
    Address Line 1: - - {if $memberInfo.fieldFail.addr1}

    {$memberInfo.fieldFail.addr1}

    {/if} -
    Address Line 2: - - {if $memberInfo.fieldFail.addr2}

    {$memberInfo.fieldFail.addr2}

    {/if} -
    City - -
    Add a new City
    -
    - - - - - -
    City Name: - -
    -
    -

    * Required

    - Cancel - -
    - - - -
    State: - - {if $memberInfo.fieldFail.state}

    {$memberInfo.fieldFail.state}

    {/if} -
    ZIP / Postal Code: - - {if $memberInfo.fieldFail.zip}

    {$memberInfo.fieldFail.zip}

    {/if} -
    Country: - - {if $memberInfo.fieldFail.country}

    {$memberInfo.fieldFail.country}

    {/if} -
    Region: - - {if $memberInfo.fieldFail.region}

    {$memberInfo.fieldFail.region}

    {/if} -
    {else}{/if}Location: -
    Map Location Using Above Address
    -

    - MAP USE: Drag the pointer to the desired location for this {$terms.term_member}. - Use + and - buttons or the mouse wheel to zoom in or out. - Click and drag anywhere else on the map to move to another area. -

    -
    (map loads here)
    -

    - Selected Position: -   Latitude -   Longitude -   Update pointer with new lat/lon postion. -

    -
    diff --git a/views/admin/member/memberInfo/editMedia.html b/views/admin/member/memberInfo/editMedia.html new file mode 100644 index 00000000..16a13fa3 --- /dev/null +++ b/views/admin/member/memberInfo/editMedia.html @@ -0,0 +1,10 @@ +
    + + {include file='admin/member/memberInfo/editMediaImages.html'} +

    + + {include file='admin/member/memberInfo/editMediaVideo.html'} +

    + + {include file='admin/member/memberInfo/editMediaCamera.html'} +
    \ No newline at end of file diff --git a/views/admin/member/memberInfo/editMediaCamera.html b/views/admin/member/memberInfo/editMediaCamera.html new file mode 100644 index 00000000..3bd4718d --- /dev/null +++ b/views/admin/member/memberInfo/editMediaCamera.html @@ -0,0 +1,47 @@ + +

    Live Camera

    + + + + + + + + + + + + + + + + + +
    Type: + + {if $memberInfo.fieldFail.live_cam_type}

    {$memberInfo.fieldFail.live_cam_type}

    {/if} +
    URL: + + {if $memberInfo.fieldFail.live_cam_url}

    {$memberInfo.fieldFail.live_cam_url}

    {/if} +
    Title to Display: + + {if $memberInfo.fieldFail.live_cam_title}

    {$memberInfo.fieldFail.live_cam_title}

    {/if}
    + +
    Description to Display: + {php} + wp_editor('{$memberInfo.fieldData.live_cam_descr|escape:quotes}', 'glm_live_cam_descr', array( + 'media_buttons' => false, + // 'quicktags' => false, + // 'wpautop' => false, NOTE: Dont's use. Problem when numerous spaces before text. + 'textarea_name' => 'live_cam_descr', + 'editor_height' => 200, // Height in px, overrides editor_rows + // 'textarea_rows' => 8 + )); + {/php} + {if $memberInfo.fieldFail.live_cam_descr}

    {$memberInfo.fieldFail.live_cam_descr}

    {/if} +
    diff --git a/views/admin/member/memberInfo/editMediaImages.html b/views/admin/member/memberInfo/editMediaImages.html new file mode 100644 index 00000000..7939f0a9 --- /dev/null +++ b/views/admin/member/memberInfo/editMediaImages.html @@ -0,0 +1,167 @@ + +

    Images

    + + + + + + + + + + + + + +
      +

    + Best image size to provide is between 800 and 1000 pixels wide and stored as a JPG or JPEG file. + Also try to supply images that have a reasonable "aspect ratio" (not too tall, not too wide). + Files provided like this should have a file size of 100 to 250 KB. Images will be automatically + resized for use in the Web site. Images that are too large will be rejected. +

    +
    Profile Image: + + {if $memberInfo.fieldData.logo} + + + + + {/if} + +
    +
    + +
    +     		+ Delete Image
    + {$memberInfo.fieldData.logo}
    +
    New image:
    + + {if $memberInfo.fieldFail.logo}

    {$memberInfo.fieldFail.logo}

    {/if} +
    Image Gallery + + {if $memberInfoID} + +
    + +
    + +
    + + + Uploading Image { thisFile } of { numbFiles } + + + + + + + + + + + +
    +
    + +
    +
    Cancel Upload
    		Name: { fileName }
    Type: { fileType }
    Size: { fileSize }
    Progress:
    + + +
    + +
    + + +
  • +
    + + + + + + + + + + +
    Caption: + + + + +
    Delete:
    featured Image:
    New Upload
    +
    Description:
    +
    +
    + +
    +
    • +
    + +
    + + +
    +
    +
    +
    Drag and drop new images here
    +
    HTML5 file drag-and-drop not supported by your browser.
    Use "Browse" button above to upload an image.
    +
    +
    No Featured Image:
     
    +
    Click images to view full size.
    +
      + + {if $haveImageGallery} + {foreach $imageGallery as $i} + {if $i.file_name} +
    • +
      + + + + + + + + + + + +
      Caption: + + + +
      Delete:
      Featured Image:
      + +
      Description: +
      +
      +
      + +
      +
      + {/if} +
      • + + {/foreach} + {/if} +
    + {else} + Note: Images may only be added to {$terms.term_member} profile records that have been created. + You are editing information to create a new record. +
    After you click "Add new {$terms.term_member}" below, you may come back here to add images to the gallery. + {/if} +
    diff --git a/views/admin/member/memberInfo/editMediaVideo.html b/views/admin/member/memberInfo/editMediaVideo.html new file mode 100644 index 00000000..5e28ab97 --- /dev/null +++ b/views/admin/member/memberInfo/editMediaVideo.html @@ -0,0 +1,59 @@ + +

    Video

    + + + + + + + + + + + + + + + + + + + + + +
    Video Type: + + {if $memberInfo.fieldFail.video_type}

    {$memberInfo.fieldFail.video_type}

    {/if} +
    Video URL: + + {if $memberInfo.fieldFail.video_url}

    {$memberInfo.fieldFail.video_url}

    {/if} + Only YouTube and Vimeo links are supported +
    Video File: + {if $memberInfo.fieldData.video_file} + File Name: {$memberInfo.fieldData.video_file}
    + Replace this video file: + Delete Video File
    + {else} + New file: + {/if} +
    Video Title: + + {if $memberInfo.fieldFail.video_title}

    {$memberInfo.fieldFail.video_title}

    {/if}
    + +
    Video Description: + {php} + wp_editor('{$memberInfo.fieldData.video_descr|escape:quotes}', 'glm_video_descr', array( + 'media_buttons' => false, + // 'quicktags' => false, + // 'wpautop' => false, NOTE: Dont's use. Problem when numerous spaces before text. + 'textarea_name' => 'video_descr', + 'editor_height' => 200, // Height in px, overrides editor_rows + // 'textarea_rows' => 8 + )); + {/php} + {if $memberInfo.fieldFail.video_descr}

    {$memberInfo.fieldFail.video_descr}

    {/if} +
    diff --git a/views/admin/member/memberInfo/editProfile.html b/views/admin/member/memberInfo/editProfile.html new file mode 100644 index 00000000..d98e4a1b --- /dev/null +++ b/views/admin/member/memberInfo/editProfile.html @@ -0,0 +1,27 @@ + + + + + + + + + + + + + + + + + +
    + {include file='admin/member/memberInfo/editProfileDescription.html'} + +
    + {include file='admin/member/memberInfo/editProfileAddress.html'} +
    + {include file='admin/member/memberInfo/editProfileLocation.html'} +
    + {include file='admin/member/memberInfo/editProfileMailing.html'} +
    diff --git a/views/admin/member/memberInfo/editProfileAddress.html b/views/admin/member/memberInfo/editProfileAddress.html new file mode 100644 index 00000000..26038522 --- /dev/null +++ b/views/admin/member/memberInfo/editProfileAddress.html @@ -0,0 +1,134 @@ +
    +

    Address

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    Address 1: + + {if $memberInfo.fieldFail.addr1}

    {$memberInfo.fieldFail.addr1}

    {/if} +
    Address 2: + + {if $memberInfo.fieldFail.addr2}

    {$memberInfo.fieldFail.addr2}

    {/if} +
    City + +
    Add a new City
    +
    + + + + + +
    City Name: + +
    +
    +

    * Required

    + Cancel + +
    + + + +
    State: + + {if $memberInfo.fieldFail.state}

    {$memberInfo.fieldFail.state}

    {/if} +
    ZIP / Postal Code: + + {if $memberInfo.fieldFail.zip}

    {$memberInfo.fieldFail.zip}

    {/if} +
    Country: + + {if $memberInfo.fieldFail.country}

    {$memberInfo.fieldFail.country}

    {/if} +
    Phone #: + + {if $memberInfo.fieldFail.phone}

    {$memberInfo.fieldFail.phone}

    {/if} +
    Toll Free #: + + {if $memberInfo.fieldFail.toll_free}

    {$memberInfo.fieldFail.toll_free}

    {/if} +
    E-Mail Address: + + {if $memberInfo.fieldFail.email}

    {$memberInfo.fieldFail.email}

    {/if} +
    Web Address (URL): + {if $memberInfo.fieldData.url} + Test Link + {/if} + + {if $memberInfo.fieldFail.url}

    {$memberInfo.fieldFail.url}

    {/if} +
    Reservation URL: + {if $memberInfo.fieldData.reservation_url} + Test Link + {/if} + + {if $memberInfo.fieldFail.reservation_url}

    {$memberInfo.fieldFail.reservation_url}

    {/if} +
    Region: + + {if $memberInfo.fieldFail.region}

    {$memberInfo.fieldFail.region}

    {/if} +
    \ No newline at end of file diff --git a/views/admin/member/memberInfo/editProfileDescription.html b/views/admin/member/memberInfo/editProfileDescription.html new file mode 100644 index 00000000..a52d95ec --- /dev/null +++ b/views/admin/member/memberInfo/editProfileDescription.html @@ -0,0 +1,26 @@ + + + + + + + + + +

    Description:

    		 + {php} + wp_editor('{$memberInfo.fieldData.descr|escape:quotes}', 'glm_descr', array( + 'media_buttons' => false, + // 'quicktags' => false, + // 'wpautop' => false, NOTE: Dont's use. Problem when numerous spaces before text. + 'textarea_name' => 'descr', + 'editor_height' => 200, // Height in px, overrides editor_rows + // 'textarea_rows' => 8 + )); + {/php} + {if $memberInfo.fieldFail.descr}

    {$memberInfo.fieldFail.descr}

    {/if} +
    Short Description: + +
    + {if $memberInfo.fieldFail.short_descr}

    {$memberInfo.fieldFail.short_descr}

    {/if} +
    \ No newline at end of file diff --git a/views/admin/member/memberInfo/editProfileLocation.html b/views/admin/member/memberInfo/editProfileLocation.html new file mode 100644 index 00000000..0dc49a0f --- /dev/null +++ b/views/admin/member/memberInfo/editProfileLocation.html @@ -0,0 +1,20 @@ + + + {if $memberInfo.fieldRequired.lat} + + +
    {else}{/if}Location: +
    Map Location Using Above Address
    +

    + AP USE: Drag the pointer to the desired location for this {$terms.term_member}. + Use + and - buttons or the mouse wheel to zoom in or out. + Click and drag anywhere else on the map to move to another area. +

    +
    (map loads here)
    +

    + Selected Position: +   Latitude +   Longitude +   Update pointer with new lat/lon postion. +

    +
    \ No newline at end of file diff --git a/views/admin/member/memberInfo/editProfileMailing.html b/views/admin/member/memberInfo/editProfileMailing.html new file mode 100644 index 00000000..3d1769a9 --- /dev/null +++ b/views/admin/member/memberInfo/editProfileMailing.html @@ -0,0 +1,72 @@ +
    +

    Mailing

    + + + + + + + + + + + + + + + + + + + + + + +
    Mailing Address 1: + + {if $memberInfo.fieldFail.mailing_addr1}

    {$memberInfo.fieldFail.mailing_addr1}

    {/if} +
    Mailing Address 2: + + {if $memberInfo.fieldFail.mailing_addr2}

    {$memberInfo.fieldFail.mailing_addr2}

    {/if} +
    Mailing City: + +
    Add a new City
    +
    + + + + + +
    City Name: + +
    +
    +

    * Required

    + Cancel + +
    + + + {if $memberInfo.fieldFail.mailing_city}

    {$memberInfo.fieldFail.mailing_city}

    {/if} +
    Mailing State: + + {if $memberInfo.fieldFail.mailing_state}

    {$memberInfo.fieldFail.mailing_state}

    {/if} +
    Mailing Zip: + + {if $memberInfo.fieldFail.mailing_zip}

    {$memberInfo.fieldFail.mailing_zip}

    {/if} +
    + \ No newline at end of file diff --git a/views/admin/member/memberInfo/editStatus.html b/views/admin/member/memberInfo/editStatus.html index d72bd460..c9d8e805 100644 --- a/views/admin/member/memberInfo/editStatus.html +++ b/views/admin/member/memberInfo/editStatus.html @@ -1,5 +1,5 @@ - +
    - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Profile Name: @@ -21,30 +21,6 @@ {if $memberInfo.fieldFail.status}

    {$memberInfo.fieldFail.status}

    {/if}
    Description: - {php} - wp_editor('{$memberInfo.fieldData.descr|escape:quotes}', 'glm_descr', array( - 'media_buttons' => false, - // 'quicktags' => false, - // 'wpautop' => false, NOTE: Dont's use. Problem when numerous spaces before text. - 'textarea_name' => 'descr', - 'editor_height' => 200, // Height in px, overrides editor_rows - // 'textarea_rows' => 8 - )); - {/php} - {if $memberInfo.fieldFail.descr}

    {$memberInfo.fieldFail.descr}

    {/if} -
    Short Description: - -
    - {if $memberInfo.fieldFail.short_descr}

    {$memberInfo.fieldFail.short_descr}

    {/if} -
    Notes: -
    Video Type: - - {if $memberInfo.fieldFail.video_type}

    {$memberInfo.fieldFail.video_type}

    {/if} -
    Video URL: - - {if $memberInfo.fieldFail.video_url}

    {$memberInfo.fieldFail.video_url}

    {/if} - Only YouTube and Vimeo links are supported -
    Video File: - {if $memberInfo.fieldData.video_file} - File Name: {$memberInfo.fieldData.video_file}
    - Replace this video file: - Delete Video File
    - {else} - New file: - {/if} -
    Video Title: - - {if $memberInfo.fieldFail.video_title}

    {$memberInfo.fieldFail.video_title}

    {/if}
    - -
    Video Description: - {php} - wp_editor('{$memberInfo.fieldData.video_descr|escape:quotes}', 'glm_video_descr', array( - 'media_buttons' => false, - // 'quicktags' => false, - // 'wpautop' => false, NOTE: Dont's use. Problem when numerous spaces before text. - 'textarea_name' => 'video_descr', - 'editor_height' => 200, // Height in px, overrides editor_rows - // 'textarea_rows' => 8 - )); - {/php} - {if $memberInfo.fieldFail.video_descr}

    {$memberInfo.fieldFail.video_descr}

    {/if} -