CINXE.COM
Teachers Teaching Teachers - NowComment
<!DOCTYPE html> <!-- saved from url=(0047)http://test.drwdesign.com/nowcomment/index.html --> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <!-- Basic Page Needs ================================================== --> <meta charset="utf-8"> <title>Teachers Teaching Teachers - NowComment</title> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <meta http-equiv="Content-Language" content="en-us" /> <meta name='description' content='NOWCOMMENT - Turning Documents into Conversations®' /> <meta name='keywords' content='' /> <meta name='robots' content='' /> <meta name="google-signin-scope" content="profile email"> <meta name="google-signin-client_id" content="735824793672-gie4rrl7708df2j54rmfokbnlm51esbm.apps.googleusercontent.com"> <meta name="csrf-param" content="authenticity_token"/> <meta name="csrf-token" content="xB7aGS/zfWwV3wK051Jtznjk8OW+YRPPyd3s+RnH8rI="/> <meta property="og:title" content="Teachers Teaching Teachers - NowComment" /> <meta property="og:url" content="https://nowcomment.com/groups/ttt" /> <meta property="og:image" content="https://nowcomment.com/images/newdesign/logo_small_with_speech_bubble.png" /> <meta property="og:type" content="article" /> <meta property="og:site_name" content="NowComment" /> <meta property="fb:app_id" content="126621560692692" /> <!--[if lt IE 9]> <script src="https://html5shim.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <!-- Possible link to RSS Feed ================================================== --> <!-- Mobile Specific Metas ================================================== --> <meta name="viewport" content="width=980"> <!-- CSS ================================================== --> <!-- <link rel="stylesheet" href="/stylesheets/newdesign.css">--> <link rel="stylesheet" href="/stylesheets/jquery-ui-1.7.3.custom.css"> <link rel="stylesheet" href="/stylesheets/modern/base.css"> <link rel="stylesheet" href="/stylesheets/modern/skeleton.css"> <link rel="stylesheet" href="/stylesheets/modern/screen.css"> <link rel="stylesheet" href="/stylesheets/modern/mediaelementplayer.css"> <link rel="stylesheet" href="/stylesheets/modern/structure.css"> <link rel="stylesheet" href="/stylesheets/modern/overlays.css"> <link rel="stylesheet" href="/stylesheets/application_print.css" media="print"> <link rel="stylesheet" href="/stylesheets/blog.css"> <link rel="stylesheet" href="/stylesheets/selections.css"> <link rel="stylesheet" href="/stylesheets/rain/rain.css"> <link rel="stylesheet" href="/stylesheets/management.css"> <link rel="stylesheet" href="/stylesheets/comment_stream.css"> <link rel="stylesheet" href="/stylesheets/writing_partners.css"> <!--[if IE 7]> <link rel="stylesheet" href="stylesheets/ie7.css"> <![endif]--> <!-- Favicons ================================================== --> <link rel="shortcut icon" href="/favicon.ico"> <!-- <link rel="apple-touch-icon" href="http://test.drwdesign.com/nowcomment/images/apple-touch-icon.png"> <link rel="apple-touch-icon" sizes="72x72" href="http://test.drwdesign.com/nowcomment/images/apple-touch-icon-72x72.png"> <link rel="apple-touch-icon" sizes="114x114" href="http://test.drwdesign.com/nowcomment/images/apple-touch-icon-114x114.png"> --> <!-- Fonts ================================================== --> <link rel="stylesheet" href="/stylesheets/modern/fonts.css"> <!-- Scripts ================================================== --> <style> .fluid-width-video-wrapper { width: 100%; position: relative; padding: 0; } .fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } </style> <script src="/javascripts/modern/jquery-1.7.min.js" type="text/javascript"></script> <script src="/javascripts/modern/jquery.easing.1.3.js" type="text/javascript"></script> <script src="/javascripts/modern/jquery-ui-1.8.23.custom.min.js" type="text/javascript"></script> <script src="/javascripts/modern/jquery.tools.min.js" type="text/javascript"></script> <script src="/javascripts/jquery.qtip-1.0.0-rc3.js" type="text/javascript"></script> <script src="/javascripts/cssua.min.js" type="text/javascript"></script> <!--/*********************************************** * Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com) * This notice MUST stay intact for legal use * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code ***********************************************/--> <script src="/javascripts/modern/ddsmoothmenu.js" type="text/javascript"></script> <script src="/javascripts/modern/jquery.animate-colors-min.js" type="text/javascript"></script> <script src="/javascripts/modern/jquery.fitvids.js" type="text/javascript"></script> <script src="/javascripts/modern/mediaelement-and-player.min.js"></script> <script src="/javascripts/modern/screen.js" type="text/javascript"></script> <script src="/javascripts/modern/tabs.js" type="text/javascript"></script> <script type="text/javascript" charset="utf-8"> jQuery.noConflict(); </script> <script src="/javascripts/prototype.js?1734988896" type="text/javascript"></script> <script src="/javascripts/effects.js?1734988896" type="text/javascript"></script> <script src="/javascripts/dragdrop.js?1734988896" type="text/javascript"></script> <script src="/javascripts/controls.js?1734988896" type="text/javascript"></script> <script src="/javascripts/ckeditor.js?1734988896" type="text/javascript"></script> <script src="/javascripts/application.js?1734988896" type="text/javascript"></script> <script src="/javascripts/jquery.cookie.js?1734988896" type="text/javascript"></script> <script src="/javascripts/blog.js?1734988896" type="text/javascript"></script> <script src="/javascripts/google_plus.js?1734988896" type="text/javascript"></script> <script src="/javascripts/management.js?1734988896" type="text/javascript"></script> <script src="/javascripts/pdf_options.js?1734988896" type="text/javascript"></script> </head> <body class="application nowcomment courses courses-show "> <!-- Site Backgrounds ================================================== --> <div class="poswrappagetitle"><div class="pagetitlebg"></div></div> <div class="poswrapheaderline"><div class="headerline"></div></div> <div class="poswrapper"><div class="whitebackground"></div></div> <div class="container main portfolio4column"> <!-- Header | Logo, Menu ================================================== --> <div class="sixteen columns header not_blog"> <div id="user_menu"> <div id="login_options" class="ddsmoothmenu"> <div id="main_login_form"> <form action="/login" class="new_user_session" id="new_user_session" method="post"><div style="margin:0;padding:0;display:inline"><input name="authenticity_token" type="hidden" value="xB7aGS/zfWwV3wK051Jtznjk8OW+YRPPyd3s+RnH8rI=" /></div> <input type="text" size="30" placeholder="email or username" name="user_session[email]" id="user_session_email"> <input id="user_session_password" name="user_session[password]" placeholder="password" size="30" type="password" /> <input class="button orange medium" id="user_session_submit" name="commit" type="submit" value="Login" /> <div id="login_line_two"> <img id="google_login_button" src="/images/google_signin.png"> <a href="https://www.facebook.com/dialog/oauth/?scope=email&client_id=126621560692692&redirect_uri=https://nowcomment.com/facebook_login" id="login_with_facebook" title="Log in with Facebook account"></a> <span class="or">OR</span> </div> <br> <span class="remember"><input name="user_session[remember_me]" type="hidden" value="0" /><input id="user_session_remember_me" name="user_session[remember_me]" type="checkbox" value="1" />stay logged in <a href="/password_resets/new">forgot password?</a></span> </form> </div> <div id="signinWait"> <p> Please wait... <img alt="Blue_on_grey_spinner" src="/images/blue_on_grey_spinner.gif?1734988896" /> </p> </div> </div> </div> <a href="/" class="logohover" style="color: rgb(112, 119, 122); "> <img alt="NowComment" class="logo" src="/images/modern/nowcomment-logo.png?1734988896" /> </a> <!-- <div class="clear"></div>--> <div class="mainmenu"> <div id="mainmenu" class="ddsmoothmenu"> <ul class="navigation"> <li class="mainnav"> <a href="/comments">Comments</a> </li> <li class="mainnav"> <a href="/please_register" title="Upload an MS Word or Excel file, HTML web content, a PDF, an image, or a quick note you can write within NowComment">Upload<span class="truncate"> Document</span></a> </li> <li class="mainnav"> <a href="/documents/public" class="public_docs" title="See documents accessible to everyone">Public Docs</a> <a href="/blogs/public" class="public_blogs" title="See collections accessible to everyone">& Collections</a> </li> <li class="mainnav"> <a href="/signup" title="Create a free account">Free Accounts</a> </li> <li class="mainnav last help_dropdown dropdown" style="z-index: 200"> <a href="/help">Help ▾</a> <ul id="help_subnav"> <li><a href="#" class="quickref" onclick="jQuery("#reference_sheet").data("overlay").load();return false;">Quickstart</a></li> <li><a href="/help">Videos and Overviews</a></li> <li><a href="/faq">FAQ</a></li> <li><a href="/help/tech_support">Tech Support</a></li> <li><a href="/contact">Contact Us</a></li> </ul> </li> </ul> <br style="clear: left"> </div> <!-- Responsive Menu --> <form id="responsive-menu" action="/" method="post"> <select> <option value="">Navigation</option> <!-- <option value="#">Upload document</option><option value="#">Public documents</option><option value="#">Free accounts</option><option value="#">Help</option><option value="#"> Quick reference</option><option value="/help"> Help files</option> --> </select> </form> </div> </div> <!-- Page Title ================================================== --> <div class="pagetitle"> <div class="pagetitleholder"><h1 title="">Teachers Teaching Teachers</h1></div> <div class="pagetitleextra"> </div> </div> <div class="row"> <p> <a href="/groups/ttt/join" class="button blue large" title="Join this group to view and comment on its documents">Join this group</a> </p> <div class="doc_head" style="clear:both"> <h3>Welcome!</h3> <h5>We invite you to join us every Wednesday evening at 9E/8C/7M/6P in the first floor on the left in our Kumospace: <u><a href="https://kumospace.com/youthvoices" target="_blank">https://kumospace.com/youthvoices</a></u></h5> <h5><em>Talk back </em>to a recording of our most recent conversation by leaving timed-stamped comments here:<br /> <u><a href="https://nowcomment.com/documents/ttt27April2022" target="_blank">https://nowcomment.com/documents/ttt27April2022</a></u></h5> <p>Since 2006, each week, on Wednesday evenings, 9E/8C/7M/6P a group of teachers from across the country have been meeting in video conferences to plan our work together to support and amplify conversations between youth about issues that matter to them.</p> <p>These are the places online where our students meet and learn together.</p> <ul> <li><u><a href="https://youthvoices.live" target="_blank">Youth Voices</a></u></li> <li><u><a href="https://nowcomment.com" target="_blank">NowComment</a></u></li> <li>and more.</li> </ul> <h5>Scroll down to see a collection of our conversations.</h5> <h5>Join and favorite this group and subscribe to our <u><a href="https://www.youtube.com/channel/UCbTB_SFoHV1BT8_X27-x-nw?view_as=public" target="_blank">YouTube Channel</a></u>.</h5> </div> <form action="/documents/group_action" class="formtastic group_action_documents" method="post"><div style="margin:0;padding:0;display:inline"><input name="authenticity_token" type="hidden" value="xB7aGS/zfWwV3wK051Jtznjk8OW+YRPPyd3s+RnH8rI=" /></div> <input id="selected_action" name="selected_action" type="hidden" /> <div class="document_table_container"> <table data-show-toolbar="false" class="sortable document_table"> <caption></caption> <thead id="document_table_head"> <tr> <th rowspan="2" colspan="2" sort_field="title" sort_direction="" class="tbl_head "> Collections </th> <th colspan="2" class="comments_header tbl_head">Comments</th> <th rowspan="2" sort_field="owner" sort_direction="" class="tbl_head owner ">Invited By</th> <th rowspan="2" sort_field="last_activity" sort_direction="ASC" class="tbl_head ASC active_sort">Shared</th> <th rowspan="2" class=empty> </th> </tr> <tr> <th sort_field="comment_count" sort_direction="" class="comments_subhead total tbl_head ">total</th> <th sort_field="comment_recent" sort_direction="" class="comments_subhead tbl_head ">latest</th> </tr> </thead> <tbody class=""> <tr class="blog finished" data-can-delete="false" data-can-share="true" doc_id="316289" id="blog_316289"> <td> <span class="pointer flyout" top_align="true" rel="/documents/316289/flyout"></span> </td> <td class="title"> <a href="/blogs/316289"><img alt="blog icon" class="blog_icon" src="/images/icons/blogs-stack.png?1734988896" /></a> <a href="/blogs/316289">Collection: An Interconnected Framework for Assessment of Digital Multimodal Composition</a> </td> <td class="tbl_counter"> <span class="comment_box"> <span class="counter" conversations="0"><span>0</span></span > </span> </td> <td class="small"> none yet </td> <td class="title"> <a href="/users/9281">Paul A</a> </td> <td class="title"> May-03-22 </td> <td class="icon_td last"> <a href="/documents/316289/properties"><img alt="Information-grey" class="pointer flyout" height="16" rel="/documents/316289/flyout" src="/images/icons/information-grey.png?1734988896" title="" top_align="true" width="16" /></a> <ul class="document_options"> <li> <a href="#" class="doc_list_options_btn dropdown" doc_id="316289" onclick="return false">Options</a> <div class="document_options_menu"> <ul> <li><a href="/documents/316289/invite" class="icon share">Invite</a></li> <li title="You cannot remove this document"><span class="icon delete disabled">Remove</span></li> <li title="You can only edit the properties of documents you uploaded"><span class="icon edit disabled">Edit Properties</span></li> </ul> </div> </li> </ul> </td> </tr> </tbody> <tbody class="alternate"> <tr class="blog finished" data-can-delete="false" data-can-share="true" doc_id="211776" id="blog_211776"> <td> <span class="pointer flyout" top_align="true" rel="/documents/211776/flyout"></span> </td> <td class="title"> <a href="/blogs/211776"><img alt="blog icon" class="blog_icon" src="/images/icons/blogs-stack.png?1734988896" /></a> <a href="/blogs/211776">Collection of Past TTT Conversations</a> </td> <td class="tbl_counter"> <span class="comment_box"> <span class="counter" conversations="0"><span>255</span></span > </span> </td> <td class="small"> none yet </td> <td class="title"> <a href="/users/9281">Paul A</a> </td> <td class="title"> Aug-05-20 </td> <td class="icon_td last"> <a href="/documents/211776/properties"><img alt="Information-grey" class="pointer flyout" height="16" rel="/documents/211776/flyout" src="/images/icons/information-grey.png?1734988896" title="" top_align="true" width="16" /></a> <ul class="document_options"> <li> <a href="#" class="doc_list_options_btn dropdown" doc_id="211776" onclick="return false">Options</a> <div class="document_options_menu"> <ul> <li><a href="/documents/211776/invite" class="icon share">Invite</a></li> <li title="You cannot remove this document"><span class="icon delete disabled">Remove</span></li> <li title="You can only edit the properties of documents you uploaded"><span class="icon edit disabled">Edit Properties</span></li> </ul> </div> </li> </ul> </td> </tr> </tbody> </table> </div> </form> <script type="text/javascript"> var documents = {}; documents.initializeSelectors = function() { documents.form = jQuery('form.group_action_documents') documents.form.checkboxes = documents.form.find('.document input[type=checkbox]'); documents.share_buttons = documents.form.find('input.toolbar_button[action=share]'); documents.delete_buttons = documents.form.find('input.toolbar_button[action=delete]'); documents.undelete_buttons = documents.form.find('input.toolbar_button[action=undelete]') documents.trash_delete_buttons = documents.form.find('input.toolbar_button[action=trash_delete]'); documents.selected_action = documents.form.find('input#selected_action'); documents.select_toggle = documents.form.find('.select input'); }; documents.areSelected = function() { return documents.form.find('input[type=checkbox]:checked').size() > 0 }; documents.handleSubmitEvent = function(selected_action, event) { if (documents.areSelected()) { documents.selected_action.attr('value', selected_action); } else { alert('Please select at least one document'); event.preventDefault(); event.stopPropagation(); return false; } }; documents.checkButtonState = function() { var disable_share_button = false, disable_delete_button = false; jQuery('.document input[type=checkbox]').each(function() { var chkbox = jQuery(this); var list_item = chkbox.parent().parent(); if (chkbox.attr('checked')) { if (list_item.attr('data-can-share') == "false") { disable_share_button = true; } if (list_item.attr('data-can-delete') == "false") { disable_delete_button = true; } } }); if (disable_share_button) { documents.share_buttons.attr('disabled', 'disabled'); } else { documents.share_buttons.removeAttr('disabled'); } if (disable_delete_button) { documents.delete_buttons.attr('disabled', 'disabled'); } else { // A.log("disabled delete buttons?"); documents.delete_buttons.removeAttr('disabled'); } } documents.addCheckboxChangeHandlers = function() { jQuery('.document input[type=checkbox]').change(function(event) { documents.checkButtonState(); }); } jQuery(function() { jQuery(document).bind('document_table/updated', function() { documents.share_buttons.removeAttr('disabled'); documents.addCheckboxChangeHandlers(); }); documents.initializeSelectors(); documents.addCheckboxChangeHandlers(); documents.select_toggle.change(function(event) { var self = jQuery(this); documents.form.find('.document input[type=checkbox]').prop('checked', self.prop('checked')).change(); }); jQuery('.toolbar input[type=submit]').click(function(event) { var action = jQuery(this).attr('action'); if (documents.areSelected()) { if (action == 'delete') { if (!confirm('Are you sure you want to delete the selected documents?')) { return false; } } documents.selected_action.attr('value', action); } else { alert('Please select at least one document to ' + action + ' using the checkboxes on the left.'); event.preventDefault(); event.stopPropagation(); return false; } }); var enterSubmittingEvent; if(jQuery.browser.mozilla) { enterSubmittingEvent = "keydown"; } else{ enterSubmittingEvent = "keypress"; } jQuery('.toolbar .tag_input').bind(enterSubmittingEvent, function(event) { if (event.keyCode == 13) { jQuery('.tag').val(jQuery(this).val()); jQuery(this).siblings('input').click(); event.preventDefault(); event.stopPropagation(); } }); documents.select_toggle.qtip({ content: "Toggle Select All", position: { corner: { target: 'topMiddle', tooltip: 'bottomMiddle' } }, show: { solo: true }, style: { tip: 'bottomMiddle', name: 'dark', color: 'white', background: '#0079B1', width: 100, border: { width: 2, radius: 4, color: '#0079B1' } } }); jQuery('.document_table_container th[sort_field=title]').qtip({ content: "Click to sort by document title. Click again to reverse the sort order.", position: { corner: { target: 'topMiddle', tooltip: 'bottomMiddle' } }, show: { solo: true }, style: { tip: 'bottomMiddle', name: 'dark', color: 'white', background: '#0079B1', width: 150, border: { width: 2, radius: 4, color: '#0079B1' } } }); jQuery('.document_table_container th[sort_field=last_activity]').qtip({ content: "Click to sort by how new the document is to me. Click again to reverse the sort order.", position: { corner: { target: 'topMiddle', tooltip: 'bottomMiddle' } }, show: { solo: true }, style: { tip: 'bottomMiddle', name: 'dark', color: 'white', background: '#0079B1', width: 150, border: { width: 2, radius: 4, color: '#0079B1' } } }); jQuery('.document_table_container th[sort_field=owner]').qtip({ content: "Click to sort by who invited you to these documents. Click again to reverse the sort order.", position: { corner: { target: 'topMiddle', tooltip: 'bottomMiddle' } }, show: { solo: true }, style: { tip: 'bottomMiddle', name: 'dark', color: 'white', background: '#0079B1', width: 150, border: { width: 2, radius: 4, color: '#0079B1' } } }); jQuery('.document_table_container th[sort_field=comment_count]').qtip({ content: "Click to sort by number of comments. Click again to reverse the sort order.", position: { corner: { target: 'topMiddle', tooltip: 'bottomMiddle' } }, show: { solo: true }, style: { tip: 'bottomMiddle', name: 'dark', color: 'white', background: '#0079B1', width: 150, border: { width: 2, radius: 4, color: '#0079B1' } } }); jQuery('.document_table_container th[sort_field=comment_recent]').qtip({ content: "Click to sort by date of the most recent comment. Click again to reverse the sort order.", position: { corner: { target: 'topMiddle', tooltip: 'bottomMiddle' } }, show: { solo: true }, style: { tip: 'bottomMiddle', name: 'dark', color: 'white', background: '#0079B1', width: 150, border: { width: 2, radius: 4, color: '#0079B1' } } }); }); </script> <br /> <form action="/documents/group_action" class="formtastic group_action_documents" method="post"><div style="margin:0;padding:0;display:inline"><input name="authenticity_token" type="hidden" value="xB7aGS/zfWwV3wK051Jtznjk8OW+YRPPyd3s+RnH8rI=" /></div> <input id="selected_action" name="selected_action" type="hidden" /> <div class="document_table_container"> <table data-show-toolbar="false" class="sortable document_table"> <caption></caption> <thead id="document_table_head"> <tr> <th rowspan="2" colspan="2" sort_field="title" sort_direction="" class="tbl_head "> Documents </th> <th colspan="2" class="comments_header tbl_head">Comments</th> <th rowspan="2" sort_field="owner" sort_direction="" class="tbl_head owner ">Invited By</th> <th rowspan="2" sort_field="last_activity" sort_direction="ASC" class="tbl_head ASC active_sort">Shared</th> <th rowspan="2" class=empty> </th> </tr> <tr> <th sort_field="comment_count" sort_direction="" class="comments_subhead total tbl_head ">total</th> <th sort_field="comment_recent" sort_direction="" class="comments_subhead tbl_head ">latest</th> </tr> </thead> <tbody class=""> <tr class="document finished" data-can-delete="false" data-can-share="true" doc_id="335561" id="document_335561"> <td> <span class="pointer flyout" top_align="true" rel="/documents/335561/flyout"></span> </td> <td class="title"> <a href="/documents/loops">"The Loop Writing Process," Chapter 8 (pp. 59-77) of Writing With Power (1981) by Peter Elbow</a> </td> <td class="tbl_counter"> <span class="comment_box"> <span class="counter" conversations="8"><span>8</span></span > </span> </td> <td class="small"> ~2 years </td> <td class="title"> <a href="/users/9281">Paul A</a> </td> <td class="title"> Dec-07-22 </td> <td class="icon_td last"> <a href="/documents/335561/properties"><img alt="Information-grey" class="pointer flyout" height="16" rel="/documents/335561/flyout" src="/images/icons/information-grey.png?1734988896" title="" top_align="true" width="16" /></a> <ul class="document_options"> <li> <a href="#" class="doc_list_options_btn dropdown" doc_id="335561" onclick="return false">Options</a> <div class="document_options_menu"> <ul> <li><a href="/documents/loops/invite" class="icon share">Invite</a></li> <li title="You cannot add to this document"><span class="icon append disabled">Add to Document</span></li> <li title="You can only copy public documents or documents you uploaded"><span class="icon copy disabled">Copy</span></li> <li><a href="/documents/loops/combined?print=yes" class="icon print">Print</a></li> <li title="You cannot remove this document"><span class="icon delete disabled">Remove</span></li> <li><a href="/documents/loops/properties" class="icon view">View Properties</a></li> <li title="You can only edit the properties of documents you uploaded"><span class="icon edit disabled">Edit Properties</span></li> <li title="You do not have permission to run the analytics report for this document"><span class="icon report disabled">Analytics Report</span></li> </ul> </div> </li> </ul> </td> </tr> </tbody> </table> </div> </form> <script type="text/javascript"> var documents = {}; documents.initializeSelectors = function() { documents.form = jQuery('form.group_action_documents') documents.form.checkboxes = documents.form.find('.document input[type=checkbox]'); documents.share_buttons = documents.form.find('input.toolbar_button[action=share]'); documents.delete_buttons = documents.form.find('input.toolbar_button[action=delete]'); documents.undelete_buttons = documents.form.find('input.toolbar_button[action=undelete]') documents.trash_delete_buttons = documents.form.find('input.toolbar_button[action=trash_delete]'); documents.selected_action = documents.form.find('input#selected_action'); documents.select_toggle = documents.form.find('.select input'); }; documents.areSelected = function() { return documents.form.find('input[type=checkbox]:checked').size() > 0 }; documents.handleSubmitEvent = function(selected_action, event) { if (documents.areSelected()) { documents.selected_action.attr('value', selected_action); } else { alert('Please select at least one document'); event.preventDefault(); event.stopPropagation(); return false; } }; documents.checkButtonState = function() { var disable_share_button = false, disable_delete_button = false; jQuery('.document input[type=checkbox]').each(function() { var chkbox = jQuery(this); var list_item = chkbox.parent().parent(); if (chkbox.attr('checked')) { if (list_item.attr('data-can-share') == "false") { disable_share_button = true; } if (list_item.attr('data-can-delete') == "false") { disable_delete_button = true; } } }); if (disable_share_button) { documents.share_buttons.attr('disabled', 'disabled'); } else { documents.share_buttons.removeAttr('disabled'); } if (disable_delete_button) { documents.delete_buttons.attr('disabled', 'disabled'); } else { // A.log("disabled delete buttons?"); documents.delete_buttons.removeAttr('disabled'); } } documents.addCheckboxChangeHandlers = function() { jQuery('.document input[type=checkbox]').change(function(event) { documents.checkButtonState(); }); } jQuery(function() { jQuery(document).bind('document_table/updated', function() { documents.share_buttons.removeAttr('disabled'); documents.addCheckboxChangeHandlers(); }); documents.initializeSelectors(); documents.addCheckboxChangeHandlers(); documents.select_toggle.change(function(event) { var self = jQuery(this); documents.form.find('.document input[type=checkbox]').prop('checked', self.prop('checked')).change(); }); jQuery('.toolbar input[type=submit]').click(function(event) { var action = jQuery(this).attr('action'); if (documents.areSelected()) { if (action == 'delete') { if (!confirm('Are you sure you want to delete the selected documents?')) { return false; } } documents.selected_action.attr('value', action); } else { alert('Please select at least one document to ' + action + ' using the checkboxes on the left.'); event.preventDefault(); event.stopPropagation(); return false; } }); var enterSubmittingEvent; if(jQuery.browser.mozilla) { enterSubmittingEvent = "keydown"; } else{ enterSubmittingEvent = "keypress"; } jQuery('.toolbar .tag_input').bind(enterSubmittingEvent, function(event) { if (event.keyCode == 13) { jQuery('.tag').val(jQuery(this).val()); jQuery(this).siblings('input').click(); event.preventDefault(); event.stopPropagation(); } }); documents.select_toggle.qtip({ content: "Toggle Select All", position: { corner: { target: 'topMiddle', tooltip: 'bottomMiddle' } }, show: { solo: true }, style: { tip: 'bottomMiddle', name: 'dark', color: 'white', background: '#0079B1', width: 100, border: { width: 2, radius: 4, color: '#0079B1' } } }); jQuery('.document_table_container th[sort_field=title]').qtip({ content: "Click to sort by document title. Click again to reverse the sort order.", position: { corner: { target: 'topMiddle', tooltip: 'bottomMiddle' } }, show: { solo: true }, style: { tip: 'bottomMiddle', name: 'dark', color: 'white', background: '#0079B1', width: 150, border: { width: 2, radius: 4, color: '#0079B1' } } }); jQuery('.document_table_container th[sort_field=last_activity]').qtip({ content: "Click to sort by how new the document is to me. Click again to reverse the sort order.", position: { corner: { target: 'topMiddle', tooltip: 'bottomMiddle' } }, show: { solo: true }, style: { tip: 'bottomMiddle', name: 'dark', color: 'white', background: '#0079B1', width: 150, border: { width: 2, radius: 4, color: '#0079B1' } } }); jQuery('.document_table_container th[sort_field=owner]').qtip({ content: "Click to sort by who invited you to these documents. Click again to reverse the sort order.", position: { corner: { target: 'topMiddle', tooltip: 'bottomMiddle' } }, show: { solo: true }, style: { tip: 'bottomMiddle', name: 'dark', color: 'white', background: '#0079B1', width: 150, border: { width: 2, radius: 4, color: '#0079B1' } } }); jQuery('.document_table_container th[sort_field=comment_count]').qtip({ content: "Click to sort by number of comments. Click again to reverse the sort order.", position: { corner: { target: 'topMiddle', tooltip: 'bottomMiddle' } }, show: { solo: true }, style: { tip: 'bottomMiddle', name: 'dark', color: 'white', background: '#0079B1', width: 150, border: { width: 2, radius: 4, color: '#0079B1' } } }); jQuery('.document_table_container th[sort_field=comment_recent]').qtip({ content: "Click to sort by date of the most recent comment. Click again to reverse the sort order.", position: { corner: { target: 'topMiddle', tooltip: 'bottomMiddle' } }, show: { solo: true }, style: { tip: 'bottomMiddle', name: 'dark', color: 'white', background: '#0079B1', width: 150, border: { width: 2, radius: 4, color: '#0079B1' } } }); }); </script> <br /> <div> <div class="five columns column alpha"> <div class="members_header"> <h4>Members <small>(16)</small></h4> </div> <table class="nounderline students user_list" id="students_by_group"> <tbody> <tr> <td title=""><a href="/users/149661">Paul B</a></td> <td> </td> </tr><tr> <td title=""><a href="/users/91898">Laura B</a></td> <td> </td> </tr><tr> <td title=""><a href="/users/144880">Shane F</a></td> <td> </td> </tr><tr> <td title=""><a href="/users/93246">April F</a></td> <td> </td> </tr><tr> <td title=""><a href="/users/85984">Beth G</a></td> <td> </td> </tr><tr> <td title=""><a href="/users/86406">Paul H</a></td> <td> </td> </tr> </tbody> <tbody class="member_more" style="display:none"> <tr> <td title=""><a href="/users/99216">Jake J</a></td> <td> </td> </tr><tr> <td title=""><a href="/users/45148">Bryan J</a></td> <td> </td> </tr><tr> <td title=""><a href="/users/106456">R K</a></td> <td> </td> </tr><tr> <td title=""><a href="/users/108476">mirseda K</a></td> <td> </td> </tr><tr> <td title=""><a href="/users/71306">Jeff L</a></td> <td> </td> </tr><tr> <td title=""><a href="/users/124549">Regina O</a></td> <td> </td> </tr><tr> <td title=""><a href="/users/95396">Thano P</a></td> <td> </td> </tr><tr> <td title=""><a href="/users/113606">Armen T</a></td> <td> </td> </tr><tr> <td title=""><a href="/users/125890">Justin W</a></td> <td> </td> </tr><tr> <td title=""><a href="/users/16846">Andrea Z</a></td> <td> </td> </tr> </tbody> <tbody> <tr> <td> <a class="show_more" href="#" onclick="jQuery('.member_more').show(); jQuery(this).hide(); jQuery('.show_less').show();; return false;">and 10 more </a> <a class="show_less" href="#" onclick="jQuery('.member_more').hide(); jQuery(this).hide(); jQuery('.show_more').show();; return false;" style="display:none">collapse list</a> </td> </tr> </tbody> </table> </div> <div class="five columns"> <h4>Administrators</h4> <table class="teachers user_list"> <tr> <td><a href="/users/9281">Paul A</a></td> <td></td> <td> </td> </tr><tr> <td><a href="/users/25911">Christina C</a></td> <td></td> <td> </td> </tr><tr> <td><a href="/users/16746">Peggy G</a></td> <td></td> <td> </td> </tr><tr> <td><a href="/users/11829">Christopher S</a></td> <td></td> <td> </td> </tr><tr> <td><a href="/users/43077">Christopher S</a></td> <td></td> <td> </td> </tr> </table> </div> <br style="clear:both" /> </div> <br /> <div class="ten columns column alpha" id="group_comments_summary"> <h4>Group Discussions <small>(3)</small></h4> <p class="comment"><a href="/documents/273019?scroll_to=2869876"><strong>Justin W</strong>: Where Do I Start</a></p> <p class="comment"><a href="/documents/273019?scroll_to=2555827"><strong>Jessica H</strong>: How do you read and write a EULOGY? </a></p> <p class="comment"><a href="/documents/273019?scroll_to=2555826"><strong>Paul A</strong>: Are there ways of remembering during D铆a de los Muertos that might be useful at this time at the end (we hope) of COVID?</a></p> <br> </div> <br style="clear:both" /> <div id="unfavorite_prompt"> <p>Would you like to Unfavorite all of this Group's documents?</p> <br /> <input onclick="jQuery("#unfavorite_documents_option").val(true);jQuery("#unfavorite_prompt").data("overlay").close();document.getElementById("unfavorite_form").submit();;" type="button" value="Yes, Unfavorite all" /> <input id="no_thanks_btn" onclick="jQuery("#unfavorite_prompt").data("overlay").close();document.getElementById("unfavorite_form").submit();;" type="button" value="No thanks" /> </div> <script type="text/javascript"> jQuery(function() { jQuery('#observer_comments, #guest_comments').change(function () { var form = jQuery(this).closest('form'); jQuery.post(form.attr('action'), form.serialize()); }); }); </script> </div> <!-- Bottom Padding Adjust ================================================== --> <div class="sixteen columns bottomadjust"></div> </div><!-- container --> <!-- Footer ================================================== --> <!-- Change to class="container footerwrap full" for a full-width footer --> <div class="container footerwrap" style="margin-top: 0px; "> <div class="footerclose"></div> <div class="footer"> <div class="sixteen columns"> <div class="rain_drop 392"> <div class="one_third"> <h5>About Paul Allison</h5> <p><a href="https://nowcomment.com/profile">Profile</a></p> <p><a href="https://nowcomment.com/contact">Contact us</a></p> <p><a href="https://nowcomment.com/acknowledgements">Acknowledgements</a></p> </div> <div class="one_third"> <h5>About NowComment</h5> <p><a href="https://nowcomment.com/features_gallery">Features Gallery</a></p> <p><a href="https://nowcomment.com/education">Education Page</a></p> <p><a href="https://nowcomment.com/faq">FAQ</a></p> <p><a href="https://nowcomment.com/top10reasons">Top 10 Reasons</a></p> <p><a href="https://nowcomment.com/news">NowComment in the News</a></p> <p><a href="https://nowcomment.com/testimonials">Instructor Feedback</a></p> <p><a href="https://nowcomment.com/demo_video">Demo Video</a></p> <p> </p> <div class="clear"></div> </div> <div class="one_third lastcolumn"> <h5>Legal</h5> <p><a href="https://nowcomment.com/cos">Conditions of Service</a></p> <p><a href="https://nowcomment.com/privacy-policy">Privacy Policies</a></p> <p><a href="https://nowcomment.com/fairuse">Fair Use</a></p> <p> </p> </div> </div> <div class="clear"></div> </div> </div> </div><!-- container --> <!-- Sub-Footer ================================================== --> <!-- Change to class="container subfooterwrap full" for a full-width subfooter --> <div class="container subfooterwrap"> <div class="footeropen"></div> <div class="subfooter"> <div class="socialholder"> <ul class="socialicons"> <li><a href="https://www.facebook.com/NowComment" class="social_facebook"></a><div>Facebook</div></li> <li><a href="https://twitter.com/nowcomment" class="social_twitter"></a><div>Twitter</div></li> <li><a href="https://www.youtube.com/user/nowcomment1" class="social_youtube"></a><div>Youtube</div></li> </ul> </div> <div class="sixteen columns siteinfo"> <div class="rain_drop 393"> <p>© Copyright 2018-2024, Paul Allison.<br /> "NowComment" is a registered trademark of Paul Allison. All rights reserved.</p> </div> </div> </div> <div class="backtotop"><div class="btxt">Back to Top</div></div> <div id="reference_sheet"> <div class="close" onclick="closeQuickRef();"></div> <div class="contentWrap"> <div class="rain_drop 609"> <h1>Quickstart: Commenting and Sharing</h1> <span style="font-style: italic">How to Comment</span> <ul> <li> <strong>Click <img src="/images/newdesign/small_comment_bubble.png" width="22" height="22" style="vertical-align:middle"> icons</strong> on the left to see existing comments. </li> <li> <strong>Desktop/Laptop:</strong> double-click any text, highlight a section of an image, or add a comment while a video is playing to start a new conversation.<br /> <strong>Tablet/Phone:</strong> single click then click on the "Start One" link (look right or below). </li> <li> <strong>Click "Reply"</strong> on a comment to join the conversation. </li> </ul> <span style="font-style: italic">How to Share Documents</span> <ol> <li> <strong>"Upload"</strong> a new document. </li> <li> <strong>"Invite"</strong> others to it. </li> </ul> </div> </div> <input onclick="closeQuickRef()" type="button" value="Close" style="height:30px;width:100px;margin-top:10px;"> </div> <script type="text/javascript"> var hideSecondButton = true; jQuery(function() { jQuery("#reference_sheet").overlay({ mask: { color: '#ebecff', loadSpeed: 200, opacity: 0.8 }, close: '#doesnotexist', top: '25%', left: jQuery('body').width() - 500 }); }); function closeQuickRef() { jQuery('#reference_sheet').data('overlay').close(); setTimeout(function() { jQuery('#help_subnav').slideUp(); jQuery('#help_subnav .quickref').removeClass('highlighted'); }, 2000); } </script> <!-- Piwik --> <script type="text/javascript"> var _paq = _paq || []; _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="//nowcomment.com/system/piwik/"; _paq.push(['setTrackerUrl', u+'piwik.php']); _paq.push(['setSiteId', 1]); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s); })(); </script> <noscript><p><img src="//nowcomment.com/system/piwik/piwik.php?idsite=1" style="border:0;" alt="" /></p></noscript> <!-- End Piwik Code --> <script src="https://apis.google.com/js/platform.js?onload=startGoogleAPI" async defer></script> <div id="google_login_overlay"> <p>Logging in, please wait... <img alt="Blue_on_grey_spinner" src="/images/blue_on_grey_spinner.gif?1734988896" /></p> </div> <script type="text/javascript"> jQuery("#google_login_overlay").overlay({ mask: { color: '#ebecff', loadSpeed: 200, opacity: 0.8 }, left: (jQuery('body').width() - 500)/2 }); </script> <script src="https://www.google.com/recaptcha/api.js"></script> <script src="/rain/javascripts/rain.js" type="text/javascript"></script><div id="puddle"><div class="close"></div><div class="contentWrap"></div></div> <!-- End Document ================================================== --> </body></html>