{"id":16,"date":"2026-08-04T23:10:07","date_gmt":"2026-08-04T23:10:07","guid":{"rendered":"https:\/\/etrainers.net\/?page_id=16"},"modified":"2026-08-05T00:49:23","modified_gmt":"2026-08-05T00:49:23","slug":"rater","status":"publish","type":"page","link":"https:\/\/etrainers.net\/?page_id=16","title":{"rendered":"Rater"},"content":{"rendered":"\n<!DOCTYPE html>\n\n<html lang=\"en\">\n\n<head>\n\n<meta charset=\"UTF-8\">\n\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n<title>Leader Lens 360 | Feedback Form | eTrainers.org<\/title>\n\n<style>\n\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap');\n\n  * { box-sizing: border-box; margin: 0; padding: 0; }\n\n  body { font-family: 'Inter', Arial, sans-serif; background: #0f172a; color: #e2e8f0; padding: 20px; }\n\n  .container { max-width: 860px; margin: auto; }\n\n \n\n  .header { background: linear-gradient(135deg, #3b82f6, #8b5cf6); border-radius: 16px; padding: 32px; text-align: center; margin-bottom: 24px; }\n\n  .header .badge { display: inline-block; background: rgba(255,255,255,0.15); border-radius: 20px; padding: 5px 14px; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 12px; }\n\n  .header h1 { font-size: 28px; font-weight: 700; margin-bottom: 6px; }\n\n  .header p { font-size: 14px; opacity: 0.85; }\n\n \n\n  .progress-bar-outer { background: #1e293b; border-radius: 8px; height: 6px; margin-bottom: 24px; }\n\n  .progress-bar-inner { background: linear-gradient(90deg, #3b82f6, #8b5cf6); height: 6px; border-radius: 8px; transition: width 0.4s; }\n\n  .progress-label { text-align: center; font-size: 12px; color: #94a3b8; margin-bottom: 8px; }\n\n \n\n  .card { background: #1e293b; border-radius: 14px; padding: 24px; margin-bottom: 20px; border: 1px solid #334155; }\n\n \n\n  .section-title {\n\n    font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;\n\n    background: linear-gradient(135deg, #3b82f6, #8b5cf6);\n\n    -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n\n    margin-bottom: 14px;\n\n  }\n\n \n\n  .for-name { font-size: 22px; font-weight: 700; color: #e2e8f0; margin: 8px 0 4px; }\n\n  .rater-badge { display: inline-block; background: rgba(139,92,246,0.2); border: 1px solid #8b5cf6; border-radius: 20px; padding: 4px 14px; font-size: 12px; color: #c4b5fd; text-transform: capitalize; }\n\n \n\n  .instructions p { font-size: 14px; color: #cbd5e1; line-height: 1.7; margin-bottom: 10px; }\n\n  .instructions p:last-child { margin-bottom: 0; }\n\n \n\n  label { display: block; font-size: 13px; color: #94a3b8; margin-bottom: 5px; margin-top: 12px; }\n\n  textarea {\n\n    width: 100%; padding: 10px 14px; border-radius: 8px;\n\n    background: #0f172a; color: #e2e8f0;\n\n    border: 1px solid #334155; font-size: 14px; min-height: 70px; resize: vertical;\n\n  }\n\n  textarea:focus { outline: none; border-color: #3b82f6; }\n\n \n\n  .comp-heading {\n\n    font-size: 14px; font-weight: 600;\n\n    background: linear-gradient(135deg, #3b82f6, #8b5cf6);\n\n    -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n\n    margin: 20px 0 4px;\n\n  }\n\n  .comp-question { font-size: 13px; color: #cbd5e1; margin-bottom: 6px; }\n\n \n\n  .likert { display: flex; gap: 8px; margin: 8px 0; }\n\n  .likert label {\n\n    flex: 1; text-align: center; background: #0f172a; border: 1px solid #334155;\n\n    border-radius: 8px; padding: 8px 4px; cursor: pointer; font-size: 12px;\n\n    color: #94a3b8; transition: all 0.2s; -webkit-text-fill-color: #94a3b8;\n\n  }\n\n  .likert input[type=radio] { display: none; }\n\n  .likert input[type=radio]:checked + label { background: linear-gradient(135deg,#3b82f6,#8b5cf6); color: #fff; -webkit-text-fill-color: #fff; border-color: #3b82f6; }\n\n  .likert-legend { display: flex; justify-content: space-between; font-size: 11px; color: #64748b; margin-bottom: 4px; }\n\n \n\n  .btn { display: inline-block; width: 100%; padding: 14px; border: none; border-radius: 10px; font-size: 15px; font-weight: 600; cursor: pointer; transition: opacity 0.2s; }\n\n  .btn-primary { background: linear-gradient(135deg, #3b82f6, #8b5cf6); color: #fff; }\n\n  .btn-primary:hover { opacity: 0.9; }\n\n \n\n  .notice { background: rgba(59,130,246,0.1); border: 1px solid rgba(59,130,246,0.3); border-radius: 8px; padding: 12px 16px; font-size: 13px; color: #93c5fd; margin-top: 10px; }\n\n  .anon-notice { background: rgba(34,197,94,0.1); border: 1px solid rgba(34,197,94,0.3); border-radius: 8px; padding: 12px 16px; font-size: 13px; color: #86efac; margin-bottom: 16px; }\n\n \n\n  #statusMsg { margin-top: 14px; padding: 14px; border-radius: 8px; text-align: center; font-size: 14px; display: none; }\n\n  .success { background: rgba(34,197,94,0.15); border: 1px solid #22c55e; color: #86efac; }\n\n  .error { background: rgba(239,68,68,0.15); border: 1px solid #ef4444; color: #fca5a5; }\n\n \n\n  .footer { text-align: center; font-size: 12px; color: #475569; margin-top: 30px; padding-top: 20px; border-top: 1px solid #1e293b; }\n\n  .thank-you { text-align: center; padding: 40px 20px; display: none; }\n\n  .thank-you h2 { color: #86efac; font-size: 24px; margin-bottom: 12px; }\n\n  .thank-you p { color: #94a3b8; font-size: 15px; }\n\n<\/style>\n\n<\/head>\n\n<body>\n\n<div class=\"container\">\n\n \n\n  <!-- HEADER -->\n\n  <div class=\"header\">\n\n    <div class=\"badge\">eTrainers.org | Leader Lens 360\u2122<\/div>\n\n    <h1>Leadership Feedback<\/h1>\n\n    <p>Confidential 360\u00b0 Assessment<\/p>\n\n  <\/div>\n\n \n\n  <!-- FORM -->\n\n  <div id=\"formArea\">\n\n \n\n    <!-- FOR WHO + RATER TYPE -->\n\n    <div class=\"card\">\n\n      <div class=\"section-title\">Providing Feedback For<\/div>\n\n      <div class=\"for-name\" id=\"participantDisplay\">\u2014<\/div>\n\n      <div style=\"margin-top:8px;\"><span class=\"rater-badge\" id=\"raterBadge\">Feedback Contributor<\/span><\/div>\n\n    <\/div>\n\n \n\n    <!-- INSTRUCTIONS -->\n\n    <div class=\"card instructions\">\n\n      <div class=\"section-title\">Instructions<\/div>\n\n      <div class=\"anon-notice\">\ud83d\udd12 Your responses are <strong>confidential<\/strong> and are combined with other raters&#8217; ratings in the report. Written comments may be included in the development report, so share what you are comfortable having read.<\/div>\n\n      <p>You have been invited to provide feedback as part of a <strong>Leader Lens 360\u2122<\/strong> assessment.<\/p>\n\n      <p>Please rate each area based on your direct experience working with this individual and provide honest, constructive feedback where possible.<\/p>\n\n      <p>Your input plays an important role in helping this individual grow and develop as a leader.<\/p>\n\n      <p>This survey should take approximately <strong>3\u20135 minutes<\/strong> to complete.<\/p>\n\n    <\/div>\n\n \n\n    <!-- COMPETENCIES -->\n\n    <div class=\"card\">\n\n      <div class=\"section-title\">Leadership Competencies<\/div>\n\n      <div class=\"progress-label\" id=\"progressLabel\">Question 1 of 10<\/div>\n\n      <div class=\"progress-bar-outer\"><div class=\"progress-bar-inner\" id=\"progressBar\" style=\"width:10%\"><\/div><\/div>\n\n      <div id=\"raterComps\"><\/div>\n\n    <\/div>\n\n \n\n    <!-- OPEN ENDED -->\n\n    <div class=\"card\">\n\n      <div class=\"section-title\">Actionable Feedback<\/div>\n\n      <label>What is one thing this person should START, STOP, and CONTINUE in their leadership practice?<\/label>\n\n      <textarea id=\"raterSSC\" placeholder=\"Start: ...&#10;Stop: ...&#10;Continue: ...\"><\/textarea>\n\n      <div class=\"notice\" style=\"margin-top:12px;\">\ud83d\udca1 Be specific and constructive. This feedback is included in their development report.<\/div>\n\n    <\/div>\n\n \n\n    <button class=\"btn btn-primary\" onclick=\"submitRater()\">Submit Feedback<\/button>\n\n    <div id=\"statusMsg\"><\/div>\n\n \n\n  <\/div>\n\n \n\n  <!-- THANK YOU -->\n\n  <div class=\"thank-you\" id=\"thankYou\">\n\n    <h2>\u2705 Thank You!<\/h2>\n\n    <p>Your feedback has been submitted successfully.<\/p>\n\n    <p style=\"margin-top:12px;\">Your responses are confidential and will be combined with others to generate a personalized development report.<\/p>\n\n    <p style=\"margin-top:24px;font-size:13px;color:#64748b;\">You may close this window.<\/p>\n\n  <\/div>\n\n \n\n<\/div>\n\n \n\n<div class=\"footer\">\n\n  \u00a9 2026 eTrainers.org | Leader Lens 360\u2122 | All rights reserved.\n\n<\/div>\n\n \n\n<script>\n\nconst GS_URL = 'https:\/\/script.google.com\/macros\/s\/AKfycbyYCbivyFf5dCeM90tUj8eqr3bnSJQr89DN5PN_2z8irrV2lycD752_Y51vY4eIkpOA\/exec';\n\n \n\nconst COMPS = [\n\n  { name: \"Leadership & Influence\", q: \"This person positively influences others and inspires confidence in their direction and decisions.\" },\n\n  { name: \"Communication & Feedback\", q: \"This person communicates clearly and provides helpful, constructive feedback when needed.\" },\n\n  { name: \"Coaching & Development\", q: \"This person supports the growth and development of others through guidance, feedback, or mentorship.\" },\n\n  { name: \"Emotional Intelligence\", q: \"This person demonstrates self-awareness and manages emotions effectively in professional interactions.\" },\n\n  { name: \"Accountability & Ownership\", q: \"This person takes responsibility for their work and follows through on commitments.\" },\n\n  { name: \"Change & Adaptability\", q: \"This person adapts effectively to change and helps others navigate transitions when needed.\" },\n\n  { name: \"Conflict Resolution\", q: \"This person addresses conflict constructively and works toward fair, productive resolutions.\" },\n\n  { name: \"Inclusion & Collaboration\", q: \"This person fosters an inclusive environment and works effectively with diverse perspectives.\" },\n\n  { name: \"Team Effectiveness\", q: \"This person contributes to a positive, productive team environment and supports shared goals.\" },\n\n  { name: \"Strategic Thinking\", q: \"This person demonstrates good judgment and considers broader impacts when making decisions.\" }\n\n];\n\n \n\n\/\/ Get URL params\n\nconst params = new URLSearchParams(window.location.search);\n\nconst participantName = params.get('name') || 'Participant';\n\nconst raterType = params.get('type') || 'peer';\n\nconst assessmentId = params.get('assessmentId');\n \n\ndocument.getElementById('participantDisplay').textContent = participantName;\n\ndocument.getElementById('raterBadge').textContent = raterType.replace('_',' ').replace(\/\\w\/g,c=>c.toUpperCase());\n\n \n\n\/\/ Build competency items\n\nconst container = document.getElementById('raterComps');\n\nCOMPS.forEach((c, i) => {\n\n  container.innerHTML += `\n\n    <div class=\"comp-heading\">${i+1}. ${c.name}<\/div>\n\n    <div class=\"comp-question\">${c.q}<\/div>\n\n    <div class=\"likert-legend\"><span>Strongly Disagree<\/span><span>Strongly Agree<\/span><\/div>\n\n    <div class=\"likert\">\n\n      ${[1,2,3,4,5].map(v => `\n\n        <input type=\"radio\" name=\"r_${i}\" id=\"r_${i}_${v}\" value=\"${v}\" onchange=\"updateProgress()\">\n\n        <label for=\"r_${i}_${v}\">${v}<\/label>\n\n      `).join('')}\n\n    <\/div>\n\n    <textarea id=\"r_comment_${i}\" placeholder=\"\ud83d\udcac Optional comments or context...\"><\/textarea>\n\n  `;\n\n});\n\n \n\nfunction updateProgress() {\n\n  let answered = 0;\n\n  COMPS.forEach((_,i) => { if (document.querySelector(`input[name=\"r_${i}\"]:checked`)) answered++; });\n\n  const pct = Math.round((answered \/ COMPS.length) * 100);\n\n  document.getElementById('progressBar').style.width = pct + '%';\n\n  document.getElementById('progressLabel').textContent = `${answered} of ${COMPS.length} completed`;\n\n}\n\n \n\nasync function submitRater() {\n\n  \/\/ Validate all 10 ratings\n\n  for (let i = 0; i < COMPS.length; i++) {\n\n    if (!document.querySelector(`input[name=\"r_${i}\"]:checked`)) {\n\n      alert(`Please rate competency ${i+1}: ${COMPS[i].name}`);\n\n      return;\n\n    }\n\n  }\n\n \n\n  const scores = COMPS.map((c, i) => ({\n\n    competency: c.name,\n\n    score: parseInt(document.querySelector(`input[name=\"r_${i}\"]:checked`).value),\n\n    comment: document.getElementById(`r_comment_${i}`).value.trim()\n\n  }));\n\n \n\n  const payload = {\n  \n  type: 'rater',\n\n  assessmentId: assessmentId,\n\n  participantName,\n\n  raterType,\n\n  assessmentType: 'Leader Lens 360 \u2013 ' + raterType.replace('_',' '),\n\n  scores,\n\n  ssc: document.getElementById('raterSSC').value.trim(),\n\n  timestamp: new Date().toISOString()\n\n};\n\n \n\n  const btn = document.querySelector('.btn-primary');\n\n  btn.textContent = 'Submitting...';\n\n  btn.disabled = true;\n\n \n\n  const msg = document.getElementById('statusMsg');\n\n  msg.style.display = 'block';\n\n \n\n  if (!GS_URL || GS_URL === 'https:\/\/etrainers.org\/wordpress\/wp-admin\/post.php?post=108&action=elementor') {\n\n    msg.className = 'error';\n\n    msg.innerHTML = '\u26a0 Service not configured. Please contact etrainers.org for assistance.';\n\n    btn.textContent = 'Submit Feedback';\n\n    btn.disabled = false;\n\n    return;\n\n  }\n\n \n\n  try {\n\n    await fetch(GS_URL, {\n\n      method: 'POST', mode: 'no-cors',\n\n      headers: { 'Content-Type': 'application\/json' },\n\n      body: JSON.stringify(payload)\n\n    });\n\n    document.getElementById('formArea').style.display = 'none';\n\n    document.getElementById('thankYou').style.display = 'block';\n\n    window.scrollTo(0,0);\n\n  } catch(e) {\n\n    msg.className = 'error';\n\n    msg.innerHTML = '\u26a0 Submission error. Please try again.';\n\n    btn.textContent = 'Submit Feedback';\n\n    btn.disabled = false;\n\n  }\n\n}\n\n<\/script>\n\n<\/body>\n\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Leader Lens 360 | Feedback Form | eTrainers.org eTrainers.org | Leader Lens 360\u2122 Leadership Feedback Confidential 360\u00b0 Assessment Providing Feedback For \u2014 Feedback Contributor Instructions \ud83d\udd12 Your responses are confidential and are combined with other raters&#8217; ratings in the report. Written comments may be included in the development report, so share what you are comfortable [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-16","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/etrainers.net\/index.php?rest_route=\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/etrainers.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/etrainers.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/etrainers.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/etrainers.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=16"}],"version-history":[{"count":3,"href":"https:\/\/etrainers.net\/index.php?rest_route=\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":29,"href":"https:\/\/etrainers.net\/index.php?rest_route=\/wp\/v2\/pages\/16\/revisions\/29"}],"wp:attachment":[{"href":"https:\/\/etrainers.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}