G: Ontario Waste Management Association | CleanFARMS and Rotary ...

State:

Processed

Hit:

H: Ontario Waste Management Association | CleanFARMS and Rotary ...

Rank:

34

Size:

298235

Raw Content:

<!DOCTYPE html> <html class=""> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=Edge"/> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta property="og:site_name" content="OWMA" /> <meta property="og:description" content="OWMA member works with Rotary Club of Etobicoke to increase waste diversion at Toronto Ribfest." /> <meta property="og:title" content="CleanFARMS and Rotary Club of Etobicoke partner together to divert waste at Toronto Ribfest" /> <meta property="og:url" content="https://www.owma.org/articles/cleanfarms-and-rotary-club-of-etobicoke-partner-together-to-divert-waste-at-toronto-ribfest" /> <meta property="og:image" content="https://d3lut3gzcpx87s.cloudfront.net/image_encoded/aHR0cHM6Ly9zaWxrc3RhcnQuczMuYW1hem9uYXdzLmNvbS81OTY0ZTM1MTg5M2FhYTEyYzc5YzZiZTAuanBn/560x292" /> <meta property="og:updated_time" content="2017-07-11T14:42:42.135000" /> <meta property="og:type" content="article" /> <title> Ontario Waste Management Association | CleanFARMS and Rotary Club of Etobicoke partner together to divert waste at Toronto Ribfest </title> <meta name="og:image" content="https://d3lut3gzcpx87s.cloudfront.net/image_encoded/aHR0cHM6Ly9zaWxrc3RhcnQuczMuYW1hem9uYXdzLmNvbS81OTY0ZTM1MTg5M2FhYTEyYzc5YzZiZTAuanBn/250x250"/> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> <link href="https://d3lut3gzcpx87s.cloudfront.net/css/sass/1544462195.42_066acbae209ce09b9183fabcba7655cc/owma/premium1.css" rel="stylesheet" > <link href="https://d3lut3gzcpx87s.cloudfront.net/css/sass/1544462195.42_066acbae209ce09b9183fabcba7655cc/owma/premium1b.css" rel="stylesheet" > <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">     <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Roboto:regular|Lato:regular"> <link rel="stylesheet" href="https://d3lut3gzcpx87s.cloudfront.net/res/js/os/jQuery-File-Upload/css/jquery.fileupload-ui.css"> <script> window.ss = window.ss || {}; ss.config = ss.config || {}; ss.config.CLOUDFRONT_URL = "https://d3lut3gzcpx87s.cloudfront.net"; ss.config.THEME = "premium1" ss.config.PARENT_THEME = "" ss.config.THEME_CONFIG = {"email_domain_based_plans": true, "hide_blog_title": true, "has_banners": true, "home_slideshow_template": true, "has_company_banners": true, "has_font_awesome": true, "parent_theme": "version2", "cpage_editor_v2": true, "disallow_company_home_page": true, "has_article_teasers": true, "has_job_teasers": true, "root_element_selector": ".site", "default_user_directory_size": 9, "slide_search_v2": true, "has_event_teasers": true, "user_headlines": true, "cpage_extra_heading_class": "panel-heading", "widget_configs": true, "ckeditor_css_replacement": "premium1.css", "has_configurable_footer_columns": true} ss.config.FEATURES = {"custom_user_fields_on_transaction_reports": true, "apex_plan_filtering_for_mailing_list": true, "members_limited_join_company": true, "chapter_exclusion_from_apex_signup": true, "notification_customization": true, "no_redirect_to_home_chapter": true}; ss.config.CONSTANTS = {"LISTING_MEMBER_OPTIONS": [["member_active", "Only show members with an active membership plan"], ["always_show", "Show members that are either active or inactive"]], "MARITAL_STATUS_WIDOWED": "widowed", "MEMBERSHIP_NON_MEMBER": "non_member", "DEFAULT_WELCOME_MESSAGE": "Hello {first_name},<br><br>\nPlease follow <a href=\"{invite_url}\">this link</a> to complete the signup process.<br><br>\nThe {network_name} Team", "PRIVACY_PUBLIC": "public", "STATUS_UNSUBSCRIBED": "Unsubscribed", "DEFAULT_PASSWORD_MINIMUM_LENGTH": 6, "STATUS_ACTIVE": "Active", "PERCENT_DISCOUNT": "percent", "DEFAULT_POST_LENGTH_IN_DAYS": 60, "MEMBERSHIP_ANY": "any", "STATUS_NOT_SUBSCRIBED": "Not Subscribed", "PRIVACY_PUBLIC_TO_GROUPS": "public_to_groups", "STATUS_INACTIVE": "Inactive", "WORK_ADDRESS": "work_address", "MEMBERSHIP_OTHER": "other", "POPULAR": "popular", "LIFETIME": "Lifetime", "CPAGE_REVISION_LIMIT": 10, "RECENT": "recent", "MEMBERSHIP_MEMBER": "member", "MEMBERSHIPS": {"PROCESSED_BY_ADMIN_OVERRIDE": "admin_override"}, "ALPHABETICAL": "alphabetical", "PRIVACY_PRIVATE": "private", "FONT_WEIGHT_REGULAR": "regular", "FONT_STYLE_ITALIC": "italic", "MARITAL_STATUS_SINGLE": "single", "CUSTOM_PLAN_FIELD_VISIBILITY_OPTIONS": ["signup", "renewal", "admin_signup", "admin_renewal"], "MARITAL_STATUS_DIVORCED": "divorced", "ONLINE_OR_INVOICE": "online_or_invoice", "IMAGE_DIMENSIONS_SELECTOR_SUPPORTED_APPS": ["group_email_editor", "event", "fund", "chapter", "job", "article"], "STATUS_SUBSCRIBED": "Subscribed", "HOME_ADDRESS": "home_address", "GROUP_EMAIL_EDITOR": "group_email_editor", "GOOGLE_FONTS": ["Lato", "Lora", "Merriweather", "Montserrat", "Open Sans", "Playfair Display", "Raleway", "Roboto", "Roboto Slab"], "DOLLAR_DISCOUNT": "dollar", "LISTING_COMPANY_OPTIONS": [["company_or_user_active", "Show companies with an active company membership plan or an active user"], ["company_active", "Only show companies with an active company membership plan"], ["always_show", "Show companies that are either active or inactive"]], "STATUS_CONTACT": "Contact", "INVOICE_ONLY": "invoice_only", "MARITAL_STATUS_MARRIED": "married"}; ss.config.TERMS = {"singular_individual": "people", "singular_employee": "Employee", "plural_employee": "Employees", "plural_article": "Articles", "plural_company": "Organizations", "singular_article": "article", "plural_individual": "People", "company_indefinite_article": "an", "singular_company": "organization"} </script> <script type="text/javascript" src="https://d3lut3gzcpx87s.cloudfront.net/res/js/os/require.min.js"></script> <script type="text/javascript" src="https://d3lut3gzcpx87s.cloudfront.net/res/js/os/jquery-1.11.3.min.js"></script> <script type="text/javascript"> var js_marker = "1544725222.4"; var FILE_UPLOAD = '/res/js/os/jQuery-File-Upload/js/'; require.config({ baseUrl: "/res/js/os", paths: { 'jquery.ui.widget': FILE_UPLOAD + 'vendor/jquery.ui.widget', tmpl: 'http://blueimp.github.com/JavaScript-Templates/tmpl.min.js', fileupload : FILE_UPLOAD + 'jquery.fileupload', // File processing fileuploadfp : FILE_UPLOAD + 'jquery.fileupload-fp', fileuploadui : FILE_UPLOAD + 'jquery.fileupload-ui' }, shim:{ underscore: { exports: '_' }, jquery: { exports: '$', init: function(){ return $; } } } }); // function ss_require(list_of_files, func){ var files_with_marker = []; for(f_index in list_of_files){ files_with_marker.push(list_of_files[f_index]+'?marker='+js_marker); } require(files_with_marker,function(templates){ func(); }); } </script> <script type="text/javascript" src="https://d3lut3gzcpx87s.cloudfront.net/res/js/os/jquery-migrate-1.1.1.min.js"></script> <script type="text/javascript" src='https://d3lut3gzcpx87s.cloudfront.net/res/js/os/jquery-ui-1.10.2/ui/jquery.ui.dialog-width.js?time_param=1518023125.15'></script> <script type="text/javascript" src='https://d3lut3gzcpx87s.cloudfront.net/js/bunch/eJylWOt2ozgMfqENmfbM2ReYV5j@HGEU4tYXxja0madfGQhQY2zo@giY!NMFSdaFq0F7fbNXTdc@HZpH0YPgNTgsJFfFm@3nuo!AuuaOawXiItHddW0jRJ2q0VimDe5vWGe4aiLEldaONqGN7EktUbmYmlar17jqN20kuF!dMajY4@JS@Cx!RDi0omu4mqlaAQzvWpC!UfC8a7u21cbFZTMw6IqX4sfrvmmhc5pp2Qp0obkCnSq4VNWffU6C9ziuAosCe6!0!sK9f73aRcANwd3RlEjO1WYfNwmy9gCk5iB0swEGf0hdo7D!@2GV3rVFZzFUb4PhDmUO0xjdtTmQ9wqoRw6GvY@JDEih!9DmPYAxrZzRQlAYeezyGOA!eN2gGzDjMrdvi6j5d3GlRGuhCUMkgt8L1zy6dHBAny8UEXfnSOJOy1EJzcCntZNkDSo0nJ2kigVMVlIkYLOmoITdaBPa4pkOrgrI6y1lsj3ArVPMWyU8tDOAREmtrr4y5DD0w11NJsx4ex6ZNLYCi@@!3EmYPs1MGfiuLYZu3ZHbc@zIvup4rA5BwUEG4mtTmhdQpX04zuyy2oO28PDV8XnPmPHGUdR2vKVV6FqhgaBcUoIoyaDan8okycScvU8FJQmeUuPznnN@Z52W5VPC6un7hEn12vpWGgQq9atlRlacJinGVy1SRzhfC9YPGVH7dElxshOOO6gELu3BJGjZOkM8SsvTrjPUl4fMOdglS5tHoqzIC!PtDLYc3iJjxZsBxe7cruww@5ViQPmJK!qjqav!G6s7s4ChVIzXjPJvuvK@3KmfFZ5XGQptGlCTll8ehmYxbZ59WosCh9KSZjCNHZ58WW5JKPP7ZPt7MPizA13!CTvmvZ7WU0xOO9imjTRlMuB9DzNc8nXNNy7Pexyd0ATqnjyK9XGKMRUex@vsEtp96hsvlhnc1NmVlX2L0HIqCCZgELhBgvVFQ7VdbMzzNjEURKYY8@cOL0n1r5s5!oeBFwgRENCqpfaG5iYqxTrmxligcDLKwDQPpZb3yKzE7sjeDQ5jZWJK8@4qa6rHnFq71JzWksfKXm869M1YEpO4AW379ujMVTLRybBHzYTT92nmMvcdWttV5!lbbV2p8OM4hYL!ONgiGHYvK@15nAaN2YRBAh6JxgRawgnHyOBjT!5dnePqjDKD84aKc9xfaCSn07qdX9KabeasFJw36hReMyr6x@EMBKoaTvh4TIxTnT3x4kt9PUFEA!KmgMwFrfJtLzOdrOxqnRscBE39w8BRUhVEselOPWIEDPvfYMS88tNc!@!5ja9zkM8QxS1Qjh6bmvDl@P6yfZrLqMsxJktbkh7!PGyK8jyQ3aGlpFpSWXn2eLnpb9XhllD7Mp2EO7RuuBzn6nzbcQg@DYU!wn3DfVgCVz3PDTDrTv4wY2P7iNlX37YFflo6t2gu22YJbjf!iTuUVoJxvomJfb@fYlIf5VdN1KBLOVaysDczKHknX0LMf2W4JQk=/3789'></script> <script src="https://js.stripe.com/v3/"></script> <script type="text/javascript" src="https://d3lut3gzcpx87s.cloudfront.net/res/js/os/jquery-ui-1.10.2/ui/minified/jquery-ui.min.js"></script> <script type="text/javascript" src="//fast.fonts.net/jsapi/cc5b061e-55fc-4ca4-97a3-dd845b2eace7.js"></script> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); // SS-3783 had to do it like this because // trying to conditionally return an object or a string means // this will return auto, instead of 'auto' ga('create', 'UA-125272955-1', 'auto'); ga('send', 'pageview'); </script> <script type="text/javascript">(function(e,b){if(!b.__SV){var a,f,i,g;window.mixpanel=b;a=e.createElement("script");a.type="text/javascript";a.async=!0;a.src=("https:"===e.location.protocol?"https:":"http:")+'//cdn.mxpnl.com/libs/mixpanel-2.2.min.js';f=e.getElementsByTagName("script")[0];f.parentNode.insertBefore(a,f);b._i=[];b.init=function(a,e,d){function f(b,h){var a=h.split(".");2==a.length&&(b=b[a[0]],h=a[1]);b[h]=function(){b.push([h].concat(Array.prototype.slice.call(arguments,0)))}}var c=b;"undefined"!== typeof d?c=b[d]=[]:d="mixpanel";c.people=c.people||[];c.toString=function(b){var a="mixpanel";"mixpanel"!==d&&(a+="."+d);b||(a+=" (stub)");return a};c.people.toString=function(){return c.toString(1)+".people (stub)"};i="disable track track_pageview track_links track_forms register register_once alias unregister identify name_tag set_config people.set people.set_once people.increment people.append people.track_charge people.clear_charges people.delete_user".split(" ");for(g=0;g<i.length;g++)f(c,i[g]); b._i.push([a,e,d])};b.__SV=1.2}})(document,window.mixpanel||[]); mixpanel.init("a4564ac6dee2baa10f19f44d8a2e6fe5");</script> <script> $(function(){ ss.analytics.initialize(); }); </script> <link rel="canonical" href="http://www.owma.org/articles/cleanfarms-and-rotary-club-of-etobicoke-partner-together-to-divert-waste-at-toronto-ribfest"/> <script> SS.app = { "current_company": { "company_name": null, "company_id": null }, "current_network": { "spouse_fields_enabled": false, "currency": "C", "company_phone_required": false, "enable_company_locations": "True", "id": "587e54962ef2023c94fe7d04", "funds_enabled": false, "base_url": "http://www.owma.org/", "company_contact_info_required": true, "permaid": "owma", "has_plans": true, "has_custom_join_url": true, "detailed_attendee_company_info_checked": false, "company_profile_social_media": true, "enable_share_popup": true, "notifications": { "from_sender_name": "Ontario Waste Management Association", "from_email": "info@owma.org" }, "member_number_enabled": false, "password_minimum_length": "6", "company_website_required": true, "name": "Ontario Waste Management Association", "contact_form_email": "mgoulding@owma.org", "add_employee_help_text": "You can add as many other people to the communication lists as you would like - these contacts will be listed under hte company information on the website and in the Members and Services guide and will receive mailings, email communications, newsletters, etc.", "currency_symbol": "$", "company_address_required": true }, "current_user": { "phone_number": null, "city": null, "first_name": null, "last_name": null, "province": null, "name": null, "admin": false, "created": null, "url": null, "email": null, "status": null, "network_admin": false, "postal_code": null, "advanced": false, "comment_pic": "<img src='https://d3lut3gzcpx87s.cloudfront.net/res/img/v2/placeholder.png' style='padding-top: 0px;padding-bottom:0px;padding-left: 0px;padding-right:0px; ' class=\"img-responsive\" alt=\"\" >", "additional_info": null, "id": null, "street_address": null, "permissions": {} } }; SS.page = { config: { } }; </script> <script> $( function(){ var lastError = null; var errors = []; var errorBatch = null; window.onerror = function(message, url, lineNumber) { // If a user is using a Titanium Appcelerator app, it will cause errors, to a huge volume // and not because our system, but because it will constantly be looking for something the page // doesn't have if (message.indexOf("TiApp is not defined") > 0) { return; } var error = { message: message, url: url, lineNumber: lineNumber }; // If the error is different than the last one we saw, log it, // otherwise, don't worry about it. if (!lastError || (lastError.message != error.message || lastError.url != error.url || lastError.lineNumber != error.lineNumber) ) { errors.push(error); lastError = error; // Batch the errors, so that we don't DOS the servers with error messages if (!errorBatch) { // Batch any error messages within 1 second, so that we can send them as a group errorBatch = window.setTimeout(function () { $.ajax({ url: '/error/log_errors', type: "POST", data: JSON.stringify(errors), contentType: "application/json" }); errors = []; lastError = null; },60000); } } // Allow the default error handler to go as well. return false; }; }); </script> <script type="text/javascript">$("document").ready(function(){if($("#mti_wfs_colophon").length>0){$("#mti_wfs_colophon").hide()}});</script>  <script> $(document).ready(function(){ // This is for height fixing on how it works page Array.max = function( array ){ return Math.max.apply( Math, array ); } var homepage_widgets = [$('#main_content .cpage_template > .container .large_left_section .ss-widget').parents('.container_holder'), $('#main_content .cpage_template > .container #right_panel1 > div > div .ss-widget')]; homepage_widget_heights = []; for (var i = homepage_widgets.length - 1; i >= 0; i--) { homepage_widget_heights.push(homepage_widgets[i].outerHeight()); } homepage_widgets[0].children('.widget-more-button-wrapper').css({ 'position': 'absolute', 'width': '90%', 'left': '0', 'bottom': '20px', 'right': '0', 'margin': '0 auto' }); homepage_widgets[1].children('.widget-more-button-wrapper').css({ 'position': 'absolute', 'width': '75%', 'left': '0', 'bottom': '50px', 'right': '0', 'margin': '0 auto' }); var maxheight = Array.max(homepage_widget_heights); for (var i = homepage_widgets.length - 1; i >= 0; i--) { homepage_widgets[i].css({'min-height':maxheight+'px'}); } var adimage = '<article class="col-md-4 widget-item col-centered mb2"><a href="http://cw2rc.silkstart.com/"><img src="https://silkstart.s3.amazonaws.com/5bc798f3893aaa6393ef8fe1" class="img-responsive"></a></article>'; $('#main_content .cpage_template > .container #right_panel1 > div > div .upcoming-event-widget .row').prepend(adimage); }); </script> <script type="text/javascript">$("document").ready(function(){if($("#mti_wfs_colophon").length>0){$("#mti_wfs_colophon").hide()}});</script>  </head> <body class="white_panel_background " > <nav id="main-menu-mobile" class="hidden"> <ul> <li class="clearfix"> <a class="signup_button mobile-menu-prime-link" href="http://www.owma.org/join-owma" >Join Now</a> <a class="mobile-menu-prime-link" href="/auth/login">Login</a> </li> <li> <a href="/cpages/about" class="" > About Us </a> <ul> <li> <a href="/cpages/about" class="" > Who We Are </a> </li> <li> <a href="/team/staff" class="" > Our Staff </a> </li> <li> <a href="/team/board-of-directors" class="" > Board of Directors </a> </li> <li> <a href="/cpages/committees" class="" > Committees </a> </li> <li> <a href="/cpages/code-of-ethics" class="" > Code of Ethics </a> </li> <li> <a href="/cpages/contact" class="" > Contact </a> </li> </ul> </li> <li> <a href="/cpages/key-issues" class="" > Advocacy </a> <ul> <li> <a href="/cpages/key-issues" class="" > Key Issues </a> <ul> <li> <a href="/cpages/approvals" class="" target='_blank' > Approvals </a> </li> <li> <a href="/cpages/climate-change" class="" target='_blank' > Climate Change </a> </li> <li> <a href="/cpages/csa-guideline" class="" target='_blank' > CSA Guideline </a> </li> <li> <a href="/cpages/energy" class="" > Energy </a> </li> <li> <a href="/cpages/excess-soils" class="" target='_blank' > Excess Soils </a> </li> <li> <a href="/cpages/financial-assurance" class="" target='_blank' > Financial Assurance </a> </li> <li> <a href="/cpages/hazardous-waste" class="" target='_blank' > Hazardous Waste </a> </li> <li> <a href="/cpages/labour-and-safety" class="" target='_blank' > Labour & Safety </a> </li> <li> <a href="/cpages/landfills" class="" target='_blank' > Landfills </a> </li> <li> <a href="/cpages/organics-diversion" class="" target='_blank' > Organics Diversion </a> </li> <li> <a href="/cpages/recycling" class="" target='_blank' > Recycling </a> </li> <li> <a href="/cpages/transportation" class="" target='_blank' > Transportation </a> </li> </ul> </li> <li> <a href="/articles/category/submissions" class="" > Submissions </a> </li> </ul> </li> <li> <a href="/articles/category/publications" class="" > Research </a> <ul> <li> <a href="/articles/category/publications" class="" > Publications </a> </li> <li> <a href="/cpages/retrac" class="" > Re-TRAC </a> </li> </ul> </li> <li> <a href="/articles/category/news" class="" > News </a> </li> <li> <a href="/events" class="" > Events </a> <ul> <li> <a href="/events" class="" > Event Calendar </a> </li> <li> <a href="/cpages/event-sponsor" class="" > Sponsor an Event </a> </li> <li> <a href="http://www.cw2rc.ca/" class="" > Canadian Waste to Resource Conference </a> </li> </ul> </li> <li> <a href="/join-owma" class="" > Membership </a> <ul> <li> <a href="/join-owma" class="" > Join the OWMA </a> </li> <li> <a href="/cpages/getting-to-know-owma-members-1" class="" > Getting to Know OWMA Members </a> </li> <li> <a href="/jobs" class="" > Job Board </a> <ul> <li> <a href="#" class="" > Resources & Services </a> <ul> <li> <a href="/auth/login?after_login=/articles/category/best-management-practices" class="" > Best Management Practices </a> </li> <li> <a href="/cpages/group-discounts" class="" > Group Discount Programs </a> </li> </ul> </li> </ul> </li> <li> <a href="/articles/category/tenders" class="" > Tenders </a> </li> </ul> </li> <li> <a href="https://owma.silkstart.com/directory?search_for=company" class="" > Directory </a> </li> </ul> </nav> <script type="text/javascript"> $(document).ready(function() { $("#main-menu-mobile").removeClass('hidden'); $("#main-menu-mobile").mmenu({ position:'right', direction:'left' }); }); </script> <div id='fb-root'></div> <div class="site" id="page"> <header class="site-header "> <a href="#main-menu-mobile" class="visible-sm visible-xs mobile-menu-toggle-switch"><i class="fa fa-bars fa-2x"></i></a> <div id="header_topbar" class="hidden-sm hidden-xs"> <div class="container"> <div class="row"> <div class="col-xs-12"> <div class="pull-left"> <div class="navbar-header"> <a href="/cpages/home" class="navbar-brand"> <img src='https://d3lut3gzcpx87s.cloudfront.net/image_encoded/aHR0cHM6Ly9zaWxrc3RhcnQuczMuYW1hem9uYXdzLmNvbS8xYWM4OTYwNy0xOGNiLTJiMTktYjFhMy01ZWY0NmExZThjNmMucG5n/498x114fPNG' style='padding-top: 0px;padding-bottom:0px;padding-left: 0px;padding-right:0px; ' alt='Ontario Waste Management Association' resize_with_padding='True' class="img-responsive" alt="" > </a> </div> </div> <div id="header-account-buttons" class="pull-right"> <div id="header_topbar_account" class="pull-left"> <div class="sign_in_block media_signin"> <ul class="nav navbar-nav pull-right sign_in_ul sign_in_section_js"> <li class="sign_in_button" id="login_button"> <a href="#" data-toggle="modal" data-target="#sign_in_modal">Login</a> </li> <li> <a class="signup_button" href="http://www.owma.org/join-owma" >Join Now</a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="navbar navbar-default" role="navigation"> <div class="container"> <div class="visible-xs visible-sm"> <a href="/cpages/home" class="navbar-brand"> <img src='https://d3lut3gzcpx87s.cloudfront.net/image_encoded/aHR0cHM6Ly9zaWxrc3RhcnQuczMuYW1hem9uYXdzLmNvbS8xYWM4OTYwNy0xOGNiLTJiMTktYjFhMy01ZWY0NmExZThjNmMucG5n/498x114fPNG' style='padding-top: 0px;padding-bottom:0px;padding-left: 0px;padding-right:0px; ' alt='Ontario Waste Management Association' resize_with_padding='True' class="img-responsive" alt="" > </a> </div> <div class="navbar-collapse collapse hidden-sm hidden-xs main-nav"> <ul class="nav navbar-nav" data-sm-options="{subMenusSubOffsetX: -5, subMenusMaxWidth: 'None'}"> <li class=" dropdown "> <a href="/cpages/about" class=" " data-hover=dropdown data-toggle=dropdown data-target=# > About Us </a> <ul class="dropdown-menu"> <li class=" "> <a href="/cpages/about" class=" " > Who We Are </a> </li> <li class=" "> <a href="/team/staff" class=" " > Our Staff </a> </li> <li class=" "> <a href="/team/board-of-directors" class=" " > Board of Directors </a> </li> <li class=" "> <a href="/cpages/committees" class=" " > Committees </a> </li> <li class=" "> <a href="/cpages/code-of-ethics" class=" " > Code of Ethics </a> </li> <li class=" "> <a href="/cpages/contact" class=" " > Contact </a> </li> </ul> </li> <li class=" dropdown "> <a href="/cpages/key-issues" class=" " data-hover=dropdown data-toggle=dropdown data-target=# > Advocacy </a> <ul class="dropdown-menu"> <li class=" dropdown-submenu"> <a href="/cpages/key-issues" class=" " > Key Issues </a> <ul class="dropdown-menu"> <li class=" "> <a href="/cpages/approvals" class=" " target=_blank > Approvals </a> </li> <li class=" "> <a href="/cpages/climate-change" class=" " target=_blank > Climate Change </a> </li> <li class=" "> <a href="/cpages/csa-guideline" class=" " target=_blank > CSA Guideline </a> </li> <li class=" "> <a href="/cpages/energy" class=" " > Energy </a> </li> <li class=" "> <a href="/cpages/excess-soils" class=" " target=_blank > Excess Soils </a> </li> <li class=" "> <a href="/cpages/financial-assurance" class=" " target=_blank > Financial Assurance </a> </li> <li class=" "> <a href="/cpages/hazardous-waste" class=" " target=_blank > Hazardous Waste </a> </li> <li class=" "> <a href="/cpages/labour-and-safety" class=" " target=_blank > Labour & Safety </a> </li> <li class=" "> <a href="/cpages/landfills" class=" " target=_blank > Landfills </a> </li> <li class=" "> <a href="/cpages/organics-diversion" class=" " target=_blank > Organics Diversion </a> </li> <li class=" "> <a href="/cpages/recycling" class=" " target=_blank > Recycling </a> </li> <li class=" "> <a href="/cpages/transportation" class=" " target=_blank > Transportation </a> </li> </ul> </li> <li class=" "> <a href="/articles/category/submissions" class=" " > Submissions </a> </li> </ul> </li> <li class=" dropdown "> <a href="/articles/category/publications" class=" " data-hover=dropdown data-toggle=dropdown data-target=# > Research </a> <ul class="dropdown-menu"> <li class=" "> <a href="/articles/category/publications" class=" " > Publications </a> </li> <li class=" "> <a href="/cpages/retrac" class=" " > Re-TRAC </a> </li> </ul> </li> <li class=" "> <a href="/articles/category/news" class=" " > News </a> </li> <li class=" dropdown "> <a href="/events" class=" " data-hover=dropdown data-toggle=dropdown data-target=# > Events </a> <ul class="dropdown-menu"> <li class=" "> <a href="/events" class=" " > Event Calendar </a> </li> <li class=" "> <a href="/cpages/event-sponsor" class=" " > Sponsor an Event </a> </li> <li class=" "> <a href="http://www.cw2rc.ca/" class=" " > Canadian Waste to Resource Conference </a> </li> </ul> </li> <li class=" dropdown "> <a href="/join-owma" class=" " data-hover=dropdown data-toggle=dropdown data-target=# > Membership </a> <ul class="dropdown-menu"> <li class=" "> <a href="/join-owma" class=" " > Join the OWMA </a> </li> <li class=" "> <a href="/cpages/getting-to-know-owma-members-1" class=" " > Getting to Know OWMA Members </a> </li> <li class=" dropdown-submenu"> <a href="/jobs" class=" " > Job Board </a> <ul class="dropdown-menu"> <li class=" dropdown-submenu"> <a href="#" class=" " > Resources & Services </a> <ul class="dropdown-menu"> <li class=" "> <a href="/auth/login?after_login=/articles/category/best-management-practices" class=" " > Best Management Practices </a> </li> <li class=" "> <a href="/cpages/group-discounts" class=" " > Group Discount Programs </a> </li> </ul> </li> </ul> </li> <li class=" "> <a href="/articles/category/tenders" class=" " > Tenders </a> </li> </ul> </li> <li class=" "> <a href="https://owma.silkstart.com/directory?search_for=company" class=" " > Directory </a> </li> </ul> </div> <script> $( document ).ready(function() { $('.nav.navbar-nav li.active').parents('li').addClass('active'); }); </script> </div> </div> </header> <div id="body"> <div id="fb-root"></div> <div class="header-banner" style=background-image:url(https://silkstart.s3.amazonaws.com/ab206897-f993-678e-0138-279ba8b93b2a.jpg)> <div class="header-banner-text overlay-light"> <div class="container"> <div class="header-banner-text-inner"> <div class="row"> <div class="col-xs-12"> <h1 class="header-banner-page-title"><var> CleanFARMS and Rotary Club of Etobicoke partner together to divert waste at Toronto Ribfest </var></h1> <div class="hide-breadcrumbs"> <ol class="breadcrumb"></ol> </div> </div> </div> <h4 class="header-banner-subtext"><var> </var></h4> </div> </div> </div> </div> <div class="container extra-header-content"> </div> <div id="main" class=""> <div id="content" class="container item item_view_single item_view_simple item_view_detail_full item_view_display_interactions " data-name="CleanFARMS and Rotary Club of Etobicoke partner together to divert waste at Toronto Ribfest" data-url="/articles/cleanfarms-and-rotary-club-of-etobicoke-partner-together-to-divert-waste-at-toronto-ribfest" data-owner_type="" data-permaid="cleanfarms-and-rotary-club-of-etobicoke-partner-together-to-divert-waste-at-toronto-ribfest" data-type="article" data-id="5964e3e2893aaa12c79c6c0d" data-owner_id="" > <div class="error-panel-container">  </div> <div class="full-width-container mt3"> <div class="row"> <div id="main_content" class="col-xs-12 col-md-9"> <script type="text/javascript"> $(function(){ ss.apps.breadcrumbs = new ss.views.BreadCrumbs({"current": "CleanFARMS and Rotary Club of Etobicoke partner together to divert waste at Toronto Ribfest", "parents": [{"url": "/articles/category/news", "title": "News"}]}); }); </script> <div class="panel panel-default"> <div class="panel-heading"> </div> <div class="panel-body"> <div class="row"> <div class="item_main col-xs-12 "> <div class="item_byline"> </div> <div class="item_description html_content ww-bw"> <img class="FLOAT_LEFT" src="https://d3lut3gzcpx87s.cloudfront.net/image_encoded/aHR0cHM6Ly9zaWxrc3RhcnQuczMuYW1hem9uYXdzLmNvbS81OTY0ZTM1MTg5M2FhYTEyYzc5YzZiZTAuanBn/200x200fPNG"> <span class="richtext"><p><em>Special to the OWMA News</em></p> <p>By Barry Friesen</p> <p>CleanFARMS recently partnered with the Rotary Club of Etobicoke to help bolster waste reduction and resource recovery at one of the city’s biggest food festivals – Toronto Ribfest. Through its ambitious sustainability plan, the four-day event diverted more than 86 per cent of its waste.                                      </p> <p>Toronto Ribfest is the major fundraising activity for the Rotary Club of Etobicoke. Over the past 17 years, it has generated more than $3 million that has been put back into the community, and in selected programs in other parts of the world. The success of this event is dependent on the hard work of Rotarians, sponsors, partners and hundreds of volunteers.</p> <p>As the general manager of CleanFARMS, a national not-for-profit environmental stewardship organization that runs programs to manage agricultural plastic and inorganic farm material, I know that improper management of waste can impact our health and the environment.</p> <p>That is why CleanFARMS is proud to play an important role in protecting the environment by keeping recyclable materials out of landfills. Supporting Ribfest in this capacity contributes to meaningful waste management and resource recovery efforts in the community.</p> <p>The sustainability plan for Ribfest included measures, such as eliminating garbage bins and setting up recycling tents at various locations at the event where an army of volunteers separated organics from recycling and the rest. Plastic knives and forks were also replaced with wooden sporks – a more expensive but environmentally-friendly option. Hundreds of volunteers and an around-the-clock green team were on hand to support the event’s recycling efforts. This year, we partnered with Miller Waste Systems, a local waste management company, and a member of the OWMA, to transport the material to various recycling and composting facilities.</p> <p>In the past, Ribfest generated up to 16 dumpsters of waste, but with these new strategies in place, we’re well on our way to achieving our long-term vision – transforming the event into a zero waste food festival.</p> <p><strong>By the Numbers:</strong></p> <ul> <li>24.7 per cent of material recycled</li> <li>64.5 per cent of material composted</li> <li>10.8 per cent of garbage generated</li> <li>24,000 beer and cider cans redeemed for deposit</li> </ul> <p><em>CleanFARMS Inc. is a not-for-profit industry stewardship organization led by the plant science industry that is committed to environmental responsibility through the proper management of agricultural waste. Our programs manage agricultural plastic and other inorganic waste from farms across Canada and have earned a reputation of excellence around the world. We work together with farmers, manufacturers, retailers, distributors, municipalities and provinces to create a safe, healthy and sustainable environment. For more information, visit </em><a href="http://www.cleanfarms.ca/"><em>cleanfarms.ca</em></a></p></span> </div> <div class="item_content"> </div> <div class="clearfix"></div> <hr> <div class="item_tags clearfix"> <div class="tag " data-tag_id="5940211f68621305b7145f7d"> <div class="tag_follow"><input title="Follow" type="checkbox" ></div> <div class="tag_info"> <a href="/tags/waste-diversion?parent_ids=" title="Go to tag page: waste diversion">waste diversion</a> </div> </div> <div class="tag " data-tag_id="58e669ca2ef2022cf1188068"> <div class="tag_follow"><input title="Follow" type="checkbox" ></div> <div class="tag_info"> <a href="/tags/recycling?parent_ids=" title="Go to tag page: recycling">recycling</a> </div> </div> </div> <div class="interactions_full_detail"> <div class="item-interaction-border"> </div> <div class="item_date"><i class="fa fa-calendar"></i>  July 11, 2017</div> <div class="item_interaction_actions row"> <div class="col-sm-6"> </div> <div class="col-sm-6"> <span class="pull-right"> <div class="pull-left dropdown" data-dropdown="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#"><i class="fa fa-share-alt"></i> Share</a> <ul class="dropdown-menu icon-list" role="menu" aria-labelledby="dLabel"> <li role="presentation"><a href="https://twitter.com/home?status=CleanFARMS+and+Rotary+Club+of+Etobicoke+partner+together+to+divert+waste+at+Toronto+Ribfest: http%3A%2F%2Fwww.owma.org%2Farticles%2Fcleanfarms-and-rotary-club-of-etobicoke-partner-together-to-divert-waste-at-toronto-ribfest" role="menuitem" target="_blank"><i class="fa fa-twitter fa-lg"></i>  Twitter</a></li> <li role="presentation"><a href="http://www.facebook.com/sharer.php?t=CleanFARMS+and+Rotary+Club+of+Etobicoke+partner+together+to+divert+waste+at+Toronto+Ribfest&u=http%3A%2F%2Fwww.owma.org%2Farticles%2Fcleanfarms-and-rotary-club-of-etobicoke-partner-together-to-divert-waste-at-toronto-ribfest" role="menuitem" target="_blank"><i class="fa fa-facebook fa-lg"></i>  Facebook</a></li> <li role="presentation"><a href="https://plus.google.com/share?url=http%3A%2F%2Fwww.owma.org%2Farticles%2Fcleanfarms-and-rotary-club-of-etobicoke-partner-together-to-divert-waste-at-toronto-ribfest&t=CleanFARMS+and+Rotary+Club+of+Etobicoke+partner+together+to+divert+waste+at+Toronto+Ribfest" role="menuitem" target="_blank"><i class="fa fa-google-plus fa-lg"></i>  Google Plus</a></li> <li role="presentation"><a href="http://www.linkedin.com/cws/share?url=http%3A%2F%2Fwww.owma.org%2Farticles%2Fcleanfarms-and-rotary-club-of-etobicoke-partner-together-to-divert-waste-at-toronto-ribfest&title=CleanFARMS+and+Rotary+Club+of+Etobicoke+partner+together+to+divert+waste+at+Toronto+Ribfest" role="menuitem" target="_blank"><i class="fa fa-linkedin fa-lg"></i>  LinkedIn</a></li> </ul> </div> <span class="pull-left">  |  </span> <a class="pull-left" href="/articles/cleanfarms-and-rotary-club-of-etobicoke-partner-together-to-divert-waste-at-toronto-ribfest"><i class="fa fa-link"></i> Permalink</a> </span> </div> </div> </div> </div> </div> </div> </div> </div> <div id="secondary_content" class="col-xs-12 col-md-3"> </div> </div> </div> <div style="display: none;"> </div> </div> </div> </div> <footer id="site_footer"> <div class="container footer-top"> <div class="row"> <div class="col-lg-3 col-md-6"> <aside class="footer-section footer-contact"> <div class="footer-address clearfix footer-contact-info"> <i class="fa fa-map-marker fa-fw"></i> <div class="footer-contact-info-text"> 2005 Clark Blvd., Unit 3 <br/> Brampton, Ontario<br/>   L6T 5P8 </div> </div> <div class="footer-phone clearfix footer-contact-info"> <i class="fa fa-mobile-phone fa-fw"></i> <div class="footer-contact-info-text"> 905-791-9500 </div> </div> <div class="footer-email clearfix footer-contact-info"> <i class="fa fa-envelope fa-fw"></i> <div class="footer-contact-info-text"> <a href="mailto:mgoulding@owma.org">mgoulding@owma.org</a> </div> </div> </aside> </div> <div class="col-lg-3 col-md-6"> <aside class="footer-section footer-articles"> <h4>Latest News</h4> <ul class="footer-ul"> <li> <div class="ss-panel-header"> <div class="item-name item_name"> <a href="https://www.owma.org/articles/property-tax-update-province-intends-to-maintain-current-valuation-methodology-for-landfills">Property tax update: Province intends to maintain current valuation methodology for landfills</a> </div> <span class="item-date-widget-style">January 02, 2019</span> </div> <div class="widget-item-text ss-panel-body"> <span class="richtext">Property tax update: Province intends to maintain current valuation methodology for landfills</span> <span><a href="https://www.owma.org/articles/property-tax-update-province-intends-to-maintain-current-valuation-methodology-for-landfills" class="readmore">Read More</a></span> </div> </li> <li> <div class="ss-panel-header"> <div class="item-name item_name"> <a href="https://www.owma.org/articles/new-opportunities-for-owma-members-in-2019">New Opportunities for OWMA Members in 2019</a> </div> <span class="item-date-widget-style">January 02, 2019</span> </div> <div class="widget-item-text ss-panel-body"> <span class="richtext">New Opportunities for OWMA Members in 2019</span> <span><a href="https://www.owma.org/articles/new-opportunities-for-owma-members-in-2019" class="readmore">Read More</a></span> </div> </li> </ul> </aside> </div> <div class="col-lg-3 col-md-6"> <aside class="footer-section footer-events"> <h4>Upcoming Events</h4> <ul class="footer-ul"> <li> <div class="ss-panel-header"> <div class="item-name item_name"> <a href="https://www.owma.org/events/owma-membership-meeting-london-2">OWMA Membership Meeting - London </a> </div> <span class="item-date-widget-style">January 30</span> </div> <div class="widget-item-text ss-panel-body"> <span class="richtext">Toronto OWMA Membership Meeting</span> <span><a href="https://www.owma.org/events/owma-membership-meeting-london-2" class="readmore">Read More</a></span> </div> </li> <li> <div class="ss-panel-header"> <div class="item-name item_name"> <a href="https://www.owma.org/events/owma-membership-meeting-toronto">OWMA Membership Meeting - Toronto</a> </div> <span class="item-date-widget-style">January 31</span> </div> <div class="widget-item-text ss-panel-body"> <span class="richtext">Toronto OWMA Membership Meeting</span> <span><a href="https://www.owma.org/events/owma-membership-meeting-toronto" class="readmore">Read More</a></span> </div> </li> </ul> </aside> </div> <div class="col-lg-3 col-md-6"> <a class="twitter-timeline" data-height="300" data-theme="dark" href="https://twitter.com/OWMA1">Tweets by OWMA1</a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script> </div> </div> </div> <div class="lower-footer"> <div class="container"> <div class="row"> <div class="col-sm-6"> <div class="footer-logo"> <a href="/cpages/home" class="navbar-brand"> <img src='https://d3lut3gzcpx87s.cloudfront.net/image_encoded/aHR0cHM6Ly9zaWxrc3RhcnQuczMuYW1hem9uYXdzLmNvbS8xYWM4OTYwNy0xOGNiLTJiMTktYjFhMy01ZWY0NmExZThjNmMucG5n/498x114fPNG' style='padding-top: 0px;padding-bottom:0px;padding-left: 0px;padding-right:0px; ' alt='Ontario Waste Management Association' resize_with_padding='True' class="img-responsive" alt="" > </a> </div> </div> <div class="col-sm-6"> <div class="pull-right"> <div id="search_and_links"> <ul class="media_links"> <li><a href='https://twitter.com/OWMA1' target="_blank"><i class="fa fa-twitter fa-1-5x"></i></a></li> <li><a href='https://www.facebook.com/OntarioWasteManagementAssociation/' target="_blank"><i class="fa fa-facebook fa-1-5x"></i></a></li> <li><a href='https://www.linkedin.com/company/ontario-waste-management-association' target="_blank"><i class="fa fa-linkedin fa-1-5x"></i></a></li> </ul> </div> </div> </div> </div> </div> </div> <div class="powered-by-silkstart"> <div class="container"> <div class="clearfix"> <div class="pull-right"> <span style="color:#868686;">Powered by</span> <a href="http://www.silkstart.com/" target="_blank" title="Powered by SilkStart Association Management Software">SilkStart Association Management Software</a> </div> </div> </div> </div> </footer> </div> <script type="text/javascript"> ss_context = (function(js_data_safe, error){ if(error && typeof console !== "undefined"){ console.error(error); } return js_data_safe; })({"target_url": "/articles/cleanfarms-and-rotary-club-of-etobicoke-partner-together-to-divert-waste-at-toronto-ribfest", "file_info": []}, false) ; </script> <script type="text/javascript"> $(function(){ window.SigninApp = new ss.views.UserSignInSectionApp({ el: $('.sign_in_section_js') }); }); </script> <script type="text/template" id="multitable_view"> <ul class="selectors"> <%for(var key in menu_items){ var value = menu_items[key]; %> <li class="<%=key==selected ? 'selected' : ''%>" > <a id="<%=key%>" href="#"><%-value%></a> </li> <%}%> </ul> <div class="table_container"> </div> </script> <script type="text/template" id="input_options_view"> <% descriptions.each(function(i, elem){ var description = $(this).text(); %> <div class="input_container <%=i==selected?'selected':'unselected'%>"> <div class="left_fixed column"> <div class="input_div input_container_radio"> <input type="radio" name="input_options_app_selected" <%=i==selected?'checked="checked"':''%>> </div> <div class="input_div input_container_input">  </div> </div> <div class="right_fluid column"> <div class="input_div input_container_description"> <%-description%> </div> </div> </div> <%});%> </script> <script type="text/template" id="document_panel_view"> <div class="panel panel-default"> <div class="panel-heading"> <h3 class="panel-title"> <i class="fa fa-file-text"></i> <%-heading_title%> </h3> <%if(may_modify == "True"){%> <div class="mt1"> <a href="#" class="btn btn-primary upload_file_popup"><i class="fa fa-cloud-upload"></i> Upload a File</a> </div> <%}%> </div> <div class="panel-body"> <ul class="existing_file_div"> <%if(files.length == 0){%> <i class="no_file_yet">No files uploaded yet.</i> <%}%> </ul> </div> </div> <% var files_json = _.map(files, function(file){ return file.toJSON(); }); files_json.reverse(); var uploader_files_info = JSON.stringify(files_json); %> <input type="hidden" name="uploader_files_info" value="<%-uploader_files_info%>"> </script> <script type="text/template" id="uploaded_file_single_view"> <% var file_type; var ext=''; if(file_name){ ext = file_name.split('.').reverse()[0]; }else{file_name='------------';} var file_types = { "pptx": "powerpoint", "xlsx": "excel", "docx": "word", "exe": "application", "tar": "compressed", "zip": "compressed", "doc": "word", "gz": "compressed", "jpg": "picture", "bmp": "picture", "rar": "compressed", "jpeg": "picture", "ppt": "powerpoint", "pdf": "pdf", "tif": "picture", "txt": "txt", "xls": "excel", "7z": "compressed", "png": "picture" }; if( ext.toLowerCase() in file_types){ file_type = file_types[ext.toLowerCase()]; } else{ file_type = 'undefined'; } if(!title){ if(!file_name){ title = "------------"; } else{ title = file_name; } } user_name_length =13; title_length = 15; if(title_width) { title_length = title_width; user_name_length = title_length -2; } if( title.length >title_length) { title = title.substr(0,title_length)+'...'; } if (user_name.length > user_name_length){ user_name = user_name.substr(0,user_name_length)+'...'; } %> <%if(template_type=='normal'){%> <div class="action_buttons"> <%if(may_modify == "True"){%><i class="delete_file fa fa-trash-o fa-2x" data-file_key=<%=key%>></i><%}%> <a class="download_file" target="_blank" href="<%=url%>"><i class="fa fa-2x fa-download"></i></a> </div> <a class="download_file" target="_blank" href="<%=url%>"><img class="file_img" alt="" src="/res/img/v2/icons/fileuploader/<%=file_type%>.png" class="item_icon"></a> <div class="file_info"> <div class="file_name"><b><%=title%></b></div> <div class="by_user">by <a href="<%=user_url%>"><%=user_name%></a></div> </div> <div class="clearfix"></div> <%}else if(template_type=='image_selector'){%> <div class="action_buttons"> <%if(may_modify == "True"){%><i class="delete_file fa fa-trash-o fa-2x" data-file_key=<%=key%>></i><%}%> <a class="download_file" target="_blank" href="<%=url%>"><i class="fa fa-2x fa-download"></i></a> </div> <%var radio_id = "uploader_radio_" + $.ss.util.unique_id();%> <input class="uploaded_selector" type="radio" id="<%=radio_id%>" name="uploader_selector" value="<%=url%>" <%=selected ? 'checked="checked"' : ''%>> <label for="<%=radio_id%>"> <img class="file_img" alt="" src="/res/img/v2/icons/fileuploader/<%=file_type%>.png" class="item_icon"> </label> <div class="file_info"> <label for="<%=radio_id%>"> <div class="file_name"><b><%=title%></b></div> </label> <div class="by_user">by <a href="<%=user_url%>"><%=user_name%></a></div> </div> <div class="clearfix"></div> <%}%> </script> <script type="text/template" id="deleteFile"> <% if(!title){ if(file_name){ title = file_name }else{ title = "------------" } } %> <div class="delete_popup"> <div class="delete_warning">Are you sure you want to delete <%=title%>? Deleting a file is irreversible.</div> <form class="upload_form item_edit_form"> <input type="hidden" name="<%=target_type%>:<%=collection_name ||'uploader_files'%>[<%=key%>].to_delete" value=True> </form> </div> </script> <div class="filter-templates"> <script type="text/template" id="item_filters"> <div class="row"> <div class="col-lg-8 col-md-10"> <div class="report-filters"> <div class="row"> <div class="col-xs-6 col-lg-4"> <h4> <div class="filter_heading">Filters</div> </h4> </div> <div class="col-xs-6 col-lg-8 form-inline"> <div class="add_new_filter form-group"> <label>Select Filter</label> <select class="form-control add_new_filter_js"></select> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-lg-8 col-md-10"> <ul class="item_filters item-filters list-group"></ul> </div> </div> </script> <script type="text/template" id="item_filter_row"> <div class="filter-row form-inline"> <div class="row_filter_label"><label><%-label%></label></div> <div class="row_filter_operation"><span class="filter-placeholder"></span></div> <div class="row_filter_remove"><span class="remove_filter"><i class="fa fa-times red"></i></span></div> </div> </script> <script type="text/template" id="item_currency_filter_options"> <select data-field="filter_type" class='filter_type form-control numeric_filter_type_js'> <option value='between'>Between <option value='greater_than'>Greater than <option value='less_than'>Less than </select> <input class="input-small filter_criteria_js greater_than_js between_js form-control" type="text" data-field="min_value"> <input class="input-small filter_criteria_js less_than_js between_js form-control" type="text" data-field="max_value"> </script> <script type="text/template" id="item_numeric_filter_options"> <select data-field="filter_type" class='filter_type numeric_filter_type_js form-control'> <option value='between'>Between <option value='greater_than'>Greater than <option value='less_than'>Less than </select>  <input class="input-small filter_criteria_js greater_than_js between_js form-control" type="text" data-field="min_value"> <input class="input-small filter_criteria_js less_than_js between_js form-control" type="text" data-field="max_value"> </script> <script type="text/template" id="item_options_filter_options"> <select data-field="filter_type" class='filter_type align_top_and_width form-control' > <option value='contains'>Is <option value='does_not_contain'>Is not </select> <% var size_of_list = Math.min(options.length,4); %> <select data-field="value" class="filter_value multi_select form-control" multiple="multiple" size="<%=size_of_list%>" > <% var option; for (key in options) { option = options[key]; %> <option value="<%=option.value%>"><%=option.label%> <% } %> </select> </script> <script type="text/template" id="item_text_filter_options"> <select data-field="filter_type" class='filter_type form-control'> <option value='contains'>Contains <option value='does_not_contain'>Doesn't Contain </select> <input type="text" data-field="value" class="filter_value form-control"> </script> <script type="text/template" id="item_object_id_filter_options"> <select data-field="filter_type" class='filter_type form-control'> <option value="is_objectid">Is </select> <input type="text" data-field="value" class="filter_value form-control"> </script> <script type="text/template" id="item_yes_no_filter_options"> <select data-field="filter_type" class='filter_type form-control'> <option value="true_or_false">Is </select> <select data-field="value" class="filter_value form-control multi_select" multiple="multiple" size="2" > <option value="True">Yes <option value="False">No </select> </script> <script type="text/template" id="item_expiry_date_filter_options"> <% // UG copied and pasted from below var start = null; var end = null; try { if (start_date) { start = ss_format_date( new Date(start_date) ); end = ss_format_date( new Date(end_date) ); } } catch (error) { } %> <select data-field="filter_type" class="filter_type form-control date_filter_type" name="date_filter"> <option value="last_month">Last Month <option value="last_year">Last Year <option value="next_month">Next Month <option value="next_year">Next Year <option value="custom">Custom <option value="Recurring">Recurring <option value="blank">Blank <option value="Lifetime">Lifetime </select> <input data-field="start_date" class="date date-picker-field form-control date_input start_date" value="<%- start || ''%> "> <input data-field="end_date" class="date date-picker-field form-control date_input end_date" value="<%- end || ''%> "> </script> <script type="text/template" id="item_previous_date_filter_options"> <% // UG copied and pasted above var start = null; var end = null; try { if (start_date) { start = ss_format_date( new Date(start_date) ); end = ss_format_date( new Date(end_date) ); } } catch (error) { } %> <select data-field="filter_type" class="filter_type form-control date_filter_type" name="date_filter"> <option value="last_month">Last Month <option value="last_year">Last Year <option value="custom" <%= start ? 'selected="selected"' : '' %>>Custom <option value="blank">Blank </select> <input data-field="start_date" class="date form-control date-picker-field date_input start_date" value="<%- start || ''%> "> <input data-field="end_date" class="date form-control date-picker-field date_input end_date" value="<%- end || ''%> "> </script> <script type="text/template" id="item_date_filter_options"> <% // UG copied and pasted above var start = null; var end = null; try { if (start_date) { start = ss_format_date( new Date(start_date) ); end = ss_format_date( new Date(end_date) ); } } catch (error) { } %> <select data-field="filter_type" class="filter_type form-control date_filter_type" name="date_filter"> <option value="last_month">Last Month <option value="last_year">Last Year <option value="next_month">Next Month <option value="next_year">Next Year <option value="custom" <%= start ? 'selected="selected"' : '' %>>Custom </select> <input data-field="start_date" class="date form-control date-picker-field date_input start_date" value="<%- start || ''%> "> <input data-field="end_date" class="date form-control date-picker-field date_input end_date" value="<%- end || ''%> "> </script> </div> <script type="text/template" id="pdf_reader_view"> <div class="<%=can_display ? 'loading_dark_background_large':''%> inner_container"> <%if(can_display){%> <div class="pdf_toolbar"> <div class="navigation_buttons"> <button class="previous inverse small"> <i class="icon-arrow-left icon-white"></i> </button> <button class="next inverse small"> <i class="icon-arrow-right icon-white"></i> </button> <span class="pages"> Page <span class="current_page"></span> of <span class="total_pages"></span> </span> </div> </div> <canvas height="0"></canvas> <%}else{%> <div class="ie_fail_container"> <span> To preview this PDF you need to use a modern browser. Some good ones are shown below. You can also download the PDF by clicking <a href="<%=pdf_download_url || pdf_url%>">here</a>. </span> <div class="good_browsers"> <a target="_blank" href="http://www.google.com/chrome"> <img src="/res/img/v2/Chrome-128.png"> <div>Chrome</div> </a> <a target="_blank" href="http://www.mozilla.org/en-US/firefox/new/"> <img src="/res/img/v2/Firefox-128.png"> <div>Firefox</div> </a> </div> </div> <%}%> </div> </script> <div class="autocomplete-templates"> <script type="text/template" id="autocomplete_view"> <div class="autocomplete_app"> <ul class="selected_container autocomplete_selected_view pill_list"></ul> <input class="autocomplete_input form-control <%= options.required ? 'required':''%>" name="<%='autocomplete_' + $.ss.util.unique_number()%>" type="text" placeholder="<%-placeholder%>"></input> </div> </script> <script type="text/template" id="autocomplete_item"> <% if ( ! c.image_url && ! c.icon_class ) { %> <div> <div class="alert alert-warning"> No matches found </div> </div> <% } else { %> <div> <div class="autocomplete_box" data-id="<%=c.id%>"> <div class="ab_image"> <% if ( c.image_url ) { %> <img src="<%=c.image_url%>"> <% } else { %> <i class="<%=c.icon_class%>"></i> <% } %> </div> <div class="ab_info"> <% if(c.type==="search"){%> <ul> <li><span class="highlightable">"<%-c.name%>"</span> <li>( Search <%- c.search_description %> ) </ul> <% }else if(c.type==="user" || c.type==="company"){%> <ul> <li><span class="highlightable"><%-c.name%></span> <% if(ss_context.network_admin) { %> (<%-c.plan_name || "No Plan"%>) <% } %> </li> <%if(c.member_number){%> <li>Mem #: <span class="highlightable"><%-c.member_number%></span></li> <%}%> <%if(c.email){%> <li>Email: <%-c.email%></li> <%}%> </ul> <% } else if(c.type=="event"){%> <ul> <li><span class="highlightable"><%-c.name%></span></li> <%if(c.formatted_date){%> <li><span><%-c.formatted_date%></span></li> <%}%> <%if(c.location){%> <li><%-c.location%></li> <%}%> </ul> <% } else if(c.type=="cpage"){%> <ul class="cpage-auto-complete"> <li><strong>Page: <span class="highlightable"><%-c.name%></span></strong></li> <%if(c.permaid){%> <li>URL: <%-c.permaid%></li> <%}%> <%if(c.template){%> <li><span>Template: <%-c.template%></span></li> <%}%> </ul> <% } else if(c.type=="invoice"){%> <ul> <li><strong>Invoice: #<span class="highlightable"><%-c.invoice_number%> (<%-c.recipient_name%>)</span></strong></li> <%if(c.created){%> <li><span>Date: <%-c.created%></span></li> <%}%> <%if(c.description){%> <li>Description: <%-c.description%></li> <%}%> </ul> <% } else if(c.type=="chapter"){%> <ul> <li><strong><span class="highlightable"><%-c.name%></span></strong></li> </ul> <% } else if(c.type=="campaign"){%> <ul> <li>Campaign Name: <strong><span class="highlightable"><%-c.name%></span></strong></li> <%if(c.description){%> <li>Description: <%= c.description %></li> <%}%> </ul> <% } else if(c.type=="transaction"){%> ## You can't view a single transaction, so no point putting it in the autocomplete ## Maybe someday... <% } %> </div> </div> </div> <% } %> </script> <script type="text/template" id="autocomplete_selected_view"> <span><%-title%></span> <a class="remove">×</a> <%if(name){%> <input type="hidden" name="<%-input_name%>" value="<%-id%>"> <%}%> </script> </div> <script type="text/template" id="vessels_app_view"> <div class="vessels_container" style="min-height: 53px;"> <%if(!vessels_collection.length){%> <div class="alert alert-info" style="clear: both;"> <p>There are no vessels to show.</p> </div> <%}%> <div class="vessels_collection_container"></div> </div> <div class="clearfix"> <button class="btn btn-success add_vessel pull-left">Add a Vessel</button> <button class="btn btn-primary item_edit_action_save pull-right">Save and Continue</button> </div> <input type="hidden" name="set_vessels" value="true"> </script> <script type="text/template" id="vessel_view"> <% var type_tuples = parent_model.get("type_tuples"); var tonnage_tuples = parent_model.get("tonnage_tuples"); var status_tuples = parent_model.get("status_tuples"); var security_plan_status_tuples = parent_model.get("security_plan_status_tuples"); var security_plan_type_tuples = parent_model.get("security_plan_type_tuples"); %> <div class="form-group"> <label> <span>Vessel Name:</span> <i class="required_marker"></i> </label> <div class="input-group"> <input class="required left form-control" name="vessel_name:<%-$.ss.util.unique_number()%>" type="text" value="<%-name%>"> <div class="input-group-addon"><a class="remove-button">×</a></div> </div> </div> <div class="form-group"> <label> <span>Vessel Registration #:</span> <i class="required_marker"></i> </label> <input class="required form-control" name="vessel_registration_number:<%-$.ss.util.unique_number()%>" type="text" value="<%-registration_number%>"> </div> <div class="form-group"> <label>Vessel Type:</label> <select class="vessel_type form-control" name="vessel_type"> <%for(var i in type_tuples){var tuple = type_tuples[i];%> <option value="<%-tuple[0]%>" <%-tuple[0]==type?'selected':''%>><%-tuple[1]%></option> <%}%> </select> </div> <div class="form-group other_type_container" <%= type=="other_type" ? '':'style="display: none;"' %>> <label><i class="required_marker"></i></label> <input placeholder="Please specify" class="form-control <%= type=="other_type" ? 'required':'' %>" name="other_type:<%-$.ss.util.unique_number()%>" type="text" value="<%-other_type%>"> </div> <div class="form-group"> <label>Tonnage:</label> <select name="vessel_tonnage" class="form-control"> <%for(var i in tonnage_tuples){var tuple = tonnage_tuples[i];%> <option value="<%-tuple[0]%>" <%-tuple[0]==tonnage?'selected':''%>><%-tuple[1]%></option> <%}%> </select> </div> <div class="form-group"> <label>Status:</label> <select name="vessel_status" class="form-control"> <%for(var i in status_tuples){var tuple = status_tuples[i];%> <option value="<%-tuple[0]%>" <%-tuple[0]==status?'selected':''%>><%-tuple[1]%></option> <%}%> </select> </div> <div class="form-group"> <label>OMSA Security Plan:</label> <select class="has_security_plan form-control" name="has_security_plan"> <option value="true" <%-has_security_plan?'selected':''%>><%-'Yes'%></option> <option value="false" <%-has_security_plan?'':'selected'%>><%-'No'%></option> </select> </div> <div class="security_plan_container" <%=has_security_plan?'':'style="display: none;"'%>> <div class="form-group"> <label>OMSA Security Plan Status:</label> <select name="security_plan_status" class="form-control"> <%for(var i in security_plan_status_tuples){var tuple = security_plan_status_tuples[i];%> <option value="<%-tuple[0]%>" <%-tuple[0]==security_plan_status?'selected':''%>><%-tuple[1]%></option> <%}%> </select> </div> <div class="form-group"> <label>Held OMSA Security Plan Since:</label> <input class="form-control date_input" name="security_plan_start_date" type="text" value="<%-security_plan_start_date ? ss_format_date(new Date(security_plan_start_date)) : ''%>"> </div> <div class="form-group"> <label>OMSA Security Plan Type:</label> <select name="security_plan_type" class="form-control"> <%for(var i in security_plan_type_tuples){var tuple = security_plan_type_tuples[i];%> <option value="<%-tuple[0]%>" <%-tuple[0]==security_plan_type?'selected':''%>><%-tuple[1]%></option> <%}%> </select> </div> </div> <hr> </script> <div class="directory-page-templates" style="display:none"> <script type="text/template" class="event-list-pagination-filters"> <div class="panel panel-default event-filters filtered-search-controls"> <div class="facet-title">Categories</div> <div class="event-category-facets mb2"> <% _.each( event_categories, function( event_category ) { %> <% var name = event_category.name; var no_events = event_category.count == 0; var checked = (event_category.selected && !no_events) ? "checked" : ""; var label_classes = no_events ? "empty-facet" : ""; var disabled = no_events ? "disabled" : ""; var default_category = (event_category.id == 'Default'); %> <div class="checkbox"> <label class="<%= label_classes %>"> <input class="event-category-filter" data-value="<%= default_category ? 'default' : event_category.id %>" <%= checked %> <%= disabled %> type="checkbox"> <%= name %> <span class="badge"><%= event_category.count %></span> </label> </div> <% });%> </div> <div class="facet-title">Display Type</div> <div class="btn-group btn-group-justified" role="toolbar"> <div class="btn-group"> <button type="button" class="btn btn-default display-type-picker <%= display_type == 'default' ? 'active' : '' %>" data-value="default">List</button> </div> <div class="btn-group"> <button type="button" class="btn btn-default display-type-picker <%= display_type == 'grid' ? 'active' : '' %>" data-value="grid">Grid</button> </div> </div> <div class="mt2"> <div class="facet-title mb2">Events in the Next</div> <div class="btn-group btn-group-justified" role="toolbar"> <div class="btn-group"> <button type="button" class="btn btn-default event-period-picker <%= period == 'week' ? 'active' : '' %>" data-value="week">Week</button> </div> <div class="btn-group"> <button type="button" class="btn btn-default event-period-picker <%= period == 'month' ? 'active' : '' %>" data-value="month">Month</button> </div> </div> <div class="btn-group btn-group-justified" role="toolbar"> <div class="btn-group"> <button type="button" class="btn btn-default event-period-picker <%= period == 'year' ? 'active' : '' %>" data-value="year">Year</button> </div> <div class="btn-group"> <button type="button" class="btn btn-default event-period-picker <%= period == 'all' ? 'active' : '' %>" data-value="all">Ever</button> </div> </div> </div> <div class="mt1"> <button type="button" class="btn btn-block btn-default event-period-picker <%= period == 'past' ? 'active' : '' %>" data-value="past">View Past Events</button> </div> </div> </script> <script type="text/template" class="results-total-template"> <h2> <div class="found"> <%= total_found_string %> </div> </h2> </script> <script type="text/template" class="job-directory-pagination-filters"> <div class="filtered-search-controls job-search-controls panel panel-default"> <div class="facet-title">Keyword</div> <div class="filtered-keyword-search-box"> <div class="input-group"> <input type="text" name="keyword" id="job_keyword" placeholder="Search" class="form-control enter-keypress-trigger-button"> <span class="input-group-btn"> <button class="btn btn-default job-keyword-search go"><i class="fa fa-search"></i></button> </span> </div> <% if (job_keyword) { %> <div> <label class="job-keyword-display"><%=job_keyword%></label> <a class="remove-keyword-item btn btn-sm">(clear)</a> </div> <% } else { %> <br/><br/> <% } %> </div> <div class="job_type_facets panel-body"> <div class="facet-title">Type</div> <% _.each( job_types, function( job_type ) { var description = job_type.description; var checked = job_type.selected ? "checked" : ""; var no_jobs = job_type.count == 0; var label_classes = no_jobs ? "empty-facet" : ""; var disabled = no_jobs ? "disabled" : ""; %> <div class="checkbox"> <label class="<%= label_classes %>"><input class="job-type-filter" data-value="<%=description%>" <%=checked%> <%= disabled %> type="checkbox"> <%=description%> <span class="badge"><%=job_type.count%></span></label> </div> <% });%> <div class="facet-title">Category</div> <% _.each( job_categories, function( job_category ) { var description = job_category.description; var checked = job_category.selected ? "checked" : ""; var no_jobs = job_category.count == 0; var label_classes = no_jobs ? "empty-facet" : ""; var disabled = no_jobs ? "disabled" : ""; %> <div class="checkbox"> <label class="<%= label_classes %>"><input class="job-category-filter" data-value="<%=description%>" <%=checked%> <%= disabled %> type="checkbox"> <%=description%> <span class="badge"><%=job_category.count%></span></label> </div> <% });%> <div class="facet-title">Company</div> <div id="autocomplete_company"></div> </div> </div> </script> <script type="text/template" class="pagination-top-links"> <div class="row"> <div class="col-xs-3 col-md-6 form-inline"> <% if (c.model.get('allow_alpha') === 'True'){ %> <div class="form-group alpha-filter"> <label class="directory-search-label">Name</label> <select name="first_name" class="form-control input-lg alpha_filter_select"> <% _.each( alphabet, function( letter ) { var selected = ''; if(hash == '#' + letter){ selected = 'selected'; } %> <option value="<%=letter%>" <%=selected%>><%=letter%></option> <% }); %> </select> </div> <% } %> </div> <% if ( c.model.get('asset_type') != 'job' ) { %> <div class="col-xs-9 col-md-6 ">  <% var category_to_search = '' var search_for = c.model.get('asset_type'); if(c.model.get('asset_type') == 'company_user'){ search_for = 'directory'; } else if (c.model.get('asset_type') == 'article') { filter_json = JSON.parse(c.model.get('filter', '')); if (filter_json['category']) { category_to_search = filter_json['category'] } } %> <form method="get" action="/<%-search_for%>/search"> <div class="directory-search-field form-group"> <input type="submit" class="directory-search-submit btn btn-lg btn-primary" value="GO" /> <label class="directory-search-label">QUICK SEARCH</label> <span><input type="text" name="keyword" class="form-control directory-search-text-input input-lg" <%= keyword ? 'value="' + keyword + '"' : '' %> placeholder="Search"></span> <% if (category_to_search) { %> <input type="hidden" name="category" value="<%- category_to_search %>" /> <% } %> </div> </form>  </div> <% } %> </div> <% if (c.model.get('allow_alpha') === 'True'){ %> <div class="row"> <div class="col-xs-12"> <% if (c.model.get('asset_type') === 'company_user'){ %>  <div class="filter_by pull-right"> <div class="hidden-xs"> <label class="directory-search-label hidden-sm">Filter</label> <%=pagination_filter_buttons%> </div> <div class="visible-xs btn-group"> <%=pagination_filter_buttons%> </div> </div>  <% } %>  <div class="sort-by pull-right"> <div class="hidden-xs"> <label class="directory-search-label hidden-sm">Sort By: </label> <%=pagination_sort_buttons%> </div> <div class="visible-xs btn-group"> <%=pagination_sort_buttons%> </div> </div>  </div> </div> <% } %> </script> <script type="text/template" class="pagination-control"> <div class="btn-toolbar pagination-toolbar"> <div>  <div class="btn-group btn-group-sm prev-button"> <% if( current_page !== 1 && current_page !== 0){ %> <a class="btn btn-default page" data-page="<%-current_page-1%>">Prev </a> <% }else{ %> <a class="btn btn-default page" data-page="<%-current_page%>" disabled>Prev </a> <% } %> </div>   <div class="btn-group btn-group-sm hidden-xs"> <% if( total_page < 10 ) { // TOTAL PAGES LESS THAN 10 for(var i = 1; i<=total_page; i++){ if(i === current_page){ %> <a class="btn btn-info page" data-page="<%-i%>"><%-i%></a> <% }else{ %> <a class="btn btn-default page" data-page="<%-i%>"><%-i%></a> <% } } }else{ // TOTAL PAGES GREATER THAN 10 if(current_page>=5 && current_page <= total_page - 4){ // TOTAL PAGES GREATER THAN 10 AND CURRENT_PAGE >= 5 AND CURRENT_PAGE <= TOTAL_PAGE-4 %> <a class="btn btn-default page" data-page="1">1... </a> </div> <div class="btn-group btn-group-sm"> <% for(var page = current_page - 2; page<=current_page+2; page++){ if(page === current_page){ %> <a class="btn btn-info page" data-page="<%-page%>"><%-page%></a> <% }else{ %> <a class="btn btn-default page" data-page="<%-page%>"><%-page%></a> <% } } %> </div> <div class="btn-group btn-group-sm hidden-xs"> <a class="btn btn-default page" data-page="<%-total_page%>">...<%-total_page%></a> <% }else{ if(current_page<=5){ // TOTAL PAGES GREATER THAN 10 AND CURRENT_PAGE LESS THAN 5 for(page = 1; page <=6; page++){ if(page === current_page){ %> <a class="btn btn-info page" data-page="<%-page%>"><%-page%></a> <% }else{ %> <a class="btn btn-default page" data-page="<%-page%>"><%-page%></a> <% } } %> </div> <div class="btn-group btn-group-sm hidden-xs"> <a class="btn btn-default page" data-page="<%-total_page%>">...<%-total_page%></a> <% }else if(current_page>=total_page - 4){ // TOTAL PAGES GREATER THAN 10 AND CURRENT_PAGE >= TOTAL_PAGE-4 %> <a class="btn btn-default page" data-page="1">1... </a> </div> <div class="btn-group btn-group-sm hidden-xs"> <% for(page = total_page - 5; page <= total_page; page++){ if(page === current_page){ %> <a class="btn btn-info page" data-page="<%-page%>"><%-page%></a> <% }else{ %> <a class="btn btn-default page" data-page="<%-page%>"><%-page%></a> <% } } } } } %> </div>   <div class="btn-group btn-group-sm next-button"> <% if( current_page !== this.model.get('total_page') ){ %> <a class="btn btn-default page" data-page="<%-current_page+1%>">Next </a> <% }else{ %> <a class="btn btn-default page" data-page="<%-current_page%>" disabled>Next </a> <% } %> </div>  </div> <div class="visible-xs col-xs-12 pagination-pages"> Pages: <%-total_page%> </div>  <div> <div class="input-group input-group-sm"> <span class="input-group-btn"> <a class="btn btn-default btn-sm go">Go</a> </span> <input type="text" class="form-control goto"> </div> </div>  <div> </script> <script type="text/template" class="pagination-filter-buttons"> <button class="btn btn-default directory-search-btn btn-lg directory-filter <%-all_filtered%>" data-value="all">All</button> <button class="btn btn-default directory-search-btn btn-lg directory-filter <%-people_filtered%>" data-value="user"><%- ss.config.TERMS.singular_individual %></button> <button class="btn btn-default directory-search-btn btn-lg directory-filter <%-company_filtered%>" data-value="company"><%- ss.config.TERMS.singular_company %></button> </script> <script type="text/template" class="pagination-sort-buttons"> <button class="btn btn-default btn-lg directory-search-btn alpha_filter <%-alpha_filtered%>" data-value="">A-Z</button> <button class="btn btn-default btn-lg directory-search-btn recent_filter <%-recent_filtered%>" data-value="recent">Recent</button> </script> </div> <div class="custom-content-creator-templates"> <script type="text/template" id="custom-content-creator"> <div class="custom-content-creator"> <h3><%- title %> <i class="popover_link fa fa-question-circle" role="button" data-toggle="popover" data-trigger="focus" title="<%- popovertitle %>" data-content="<%- popovertext %>" > </i> </h3> <div class="row"> <div class="col-sm-3 col-md-4"> <ul class="list-group custom-content-list"> </ul> <a href="javascript:void(0)" class="btn btn-primary btn-lg btn-block add-custom-content">Add a <%- item_type %></a> </div> <div class="col-sm-9 col-md-8"> <div class="custom-content-editor"> </div> </div> </div> <div class="feedback alert"> </div> </div> </script> <script type="text/template" id="custom-content-list-item"> <li class="list-group-item custom-content-li" data-id="<%-id%>"> <div class="move-target" data-id="<%-id%>"> </div> <%-name%> </li> </script> <script type="text/template" id="custom-content-edit-panel"> <div class="form-group"> <input type="text" class="custom-content-name form-control" name="name" value="<%-name || ''%>" placeholder="Content Title"> </div> <div class="form-group custom-content"> <label><%- item_type %> Content</label> <div class="hidden_ckeditor_input" name="content" style="display:none"><%=content%></div> </div> <div class="clearfix"> <a href="javascript:void(0)" class="pull-left save-custom-content btn btn-success" data-id="<%-id%>" >Save</a>  <a href="javascript:void(0)" class="pull-left cancel-custom-content btn btn-warning" data-id="<%-id%>">Cancel</a> <% if (id) { %> <a href="javascript:void(0)" class="pull-right delete-custom-content btn btn-danger" data-id="<%-id%>">Delete</a> <% } %> </div> </script> </div> <div class="ticket-templates"> <script type="text/template" id="event_ticket_rows"> <td class="name"> <input data-name="name" name="name_<%=random_token%>" class="required form-control" type="text" value="<%-name || ''%>" placeholder="Ticket name"> </td> <td class="quantity"> <input data-name="total_number_of_tickets" name="quantity_<%=random_token%>" class="not_negative form-control" type="text" value="<%=total_number_of_tickets || ''%>" placeholder="No Limit"> </td> <td class="price"> <div class="input-group"> <div class="input-group-addon"><%=currency_symbol%></div> <input name="price_<%=random_token%>" data-name="price" class="required numbers form-control" type="text" value="<%=price_to_display%>"> </div> </td> <td class="settings"> <a class="ticket_settings">Settings</a> </td> <td class="signup_form"> <a class="signup_form_js">Signup Form</a> </td> <td class="remove"> <span class="remove_list_row"><i class="fa fa-times"></i></span> </td> </script> <script type="text/template" id="ticket_settings"> <div class="ticket_detail_dialog"> <form class="form-horizontal"> <div class="form-group"> <label class="control-label col-sm-4">Ticket Description:</label> <div class="col-sm-8"> <input name="ticket:description" type="text" class="description form-control" value="<%-description || ''%>"> </div> </div> <div class="form-group"> <label class="control-label col-sm-4"> Available to:&nbsp <%= ss.fn.popover({ title: "Available To", content: "Limit the purchase of this ticket type to a certain membership category or designation. " + "If you are looking to make this ticket type available to people without an account, make sure to select 'Anyone' here " + "and then 'Allow Registration Without Account' on the main event edit page."}) %> </label> <div class="col-sm-8"> <select name="ticket:membership_requirement" class="membership_requirement form-control"> <% _.each(membership_options,function(value){ %> <option value="<%=value[0]%>" <% if(value[0] == membership_requirement){ %> selected <% } %> > <%=value[1]%> </option> <% }); %> </select> </div> </div> <div class="form-group user_type_options" <% if(membership_requirement == "other"){ %> style="display:block;" <% }else{ %> style="display:none;" <% } %> > <label class="control-label col-sm-4">Choose membership type: <br><i style="color: #B8B8B8;">Hold ctrl on PC or command on Mac to select/deselect multiple items</i></label> <div class="col-sm-8"> <select name="ticket:user_type_requirement" id="user_type_options" class="form-control" size="10" multiple="multiple"> <% _.each(user_type_options,function(value){ %> <option value="<%=value[0]%>" <% if(user_type_requirement != null){ if(typeof(user_type_requirement) == "string" && user_type_requirement == value[0] || typeof(user_type_requirement) == "object" && _.indexOf(user_type_requirement,value[0]) >= 0){ %> selected <% } } %> ><% if(value[1] == "Group Admin"){%>Organization Admin<%}else{%><%=value[1]%><%}%></option> <% }); %> </select> </div> </div> <div class="form-group"> <label class="control-label col-sm-4"> Sale Start:&nbsp <div class="pull-right"> <a class="popover_link" role="button" data-toggle="popover" data-trigger="focus" data-title="Sale Start" data-content="<p>Based on the time zone for your event, ticket sales will begin at 12:00 AM on the start date chosen and end at 11:59 PM on the day chosen to end sales.</p>"> <i class="fa fa-question-circle"></i> </a> </div> </label> <% var start_date; var date_to_display = ''; if(registration_start_date){ start_date = new Date(registration_start_date); date_to_display = ss_format_date(start_date); } %> <div class="col-sm-8"> <input name="ticket:registration_start_date" type="text" class="start_date date date_input form-control" value="<%=date_to_display%>" placeholder="Start Date"> <%/*%> <select name="ticket:registration_start_time" class="start_time" <%if(!registration_start_time){%>style="display:none;"<%}%>> <%*/%> <select name="ticket:registration_start_time" class="start_time" style="display:none;"> <% _.each(time_options, function(time){ %> <option value="<%=time%>" <% if(registration_start_time == time){ %> selected <% } %> ><%=time%></option> <% }); %> </select> </div> </div> <div class="form-group"> <label class="control-label col-sm-4">Sale End:</label> <div class="col-sm-8"> <% var end_date; var date_to_display = ''; if(registration_end_date){ end_date = new Date(registration_end_date); date_to_display = ss_format_date(end_date); } %> <input name="ticket:registration_end_date" type="text" class="end_date date date_input end_date_validation form-control" value="<%=date_to_display%>" placeholder="End Date"> <%/*%> <select name="ticket:registration_end_time" id="end_time" <%if(!registration_end_time){%>style="display:none;"<%}%>> <%*/%> <select name="ticket:registration_end_time" id="end_time" style="display:none;"> <% _.each(time_options, function(time){ %> <option value="<%=time%>" <% if(registration_end_time == time){ %> selected <% } %> ><%=time%></option> <% }); %> </select> </div> </div> <div class="form-group"> <label class="control-label col-sm-4">Max Number of Tickets / Person:</label> <div class="col-sm-8 form-inline"> <input name="ticket:max_num_of_tickets_per_user" class="max_per_order form-control" value="<%= has_max_num_of_tickets_per_user ? max_num_of_tickets_per_user : ''%>" placeholder="No Limit" > </div> </div> <% if (use_gl_codes) { %> <div class="form-group"> <label class="control-label col-sm-4">General Ledger Code:</label> <div class="col-sm-8"> <input name="ticket:gl_code" type="text" class="form-control" value="<%=gl_code%>" /> </div> </div> <% } %> <div> <label class="control-label col-sm-4">Coupons:</label> <div class="inline_field_block col-sm-8"> <ul class="coupons"> </ul> <div class="field_displayed_data"> <a href="#" class="add-coupon-js">Add Coupon</a> </div> </div> </div> </form> </div> </script> <script type="text/template" id="coupon_row">  <li class="clearfix"> <div class="col-xs-12 form-horizontal"> <div class="form-group"> <div class="form-inline"> <input class="required code-js form-control" type="text" placeholder="code" name="coupon_code_<%-(new Date()).getTime()%>" value="<%=code%>"> <button class="btn btn-danger remove_list_row">x</button> </div> </div> <div class="form-group"> <div class="form-inline"> <input name="coupon_discount_amount_<%-(new Date()).getTime()%>" placeholder="discount" type="number" min="0" <%if(discount_type==ss.config.CONSTANTS.PERCENT_DISCOUNT){%>max="100"<%}%> class="form-control coupon-discount required discount-js" value="<%=discount%>" /> <div class="btn-group discount_type_buttons" role="group"> <button type="button" class="btn discount_type_percent <% if(discount_type==ss.config.CONSTANTS.PERCENT_DISCOUNT){%>active btn-primary<%}%>">%</button> <button type="button" class="btn discount_type_dollar <% if(discount_type==ss.config.CONSTANTS.DOLLAR_DISCOUNT){%>active btn-primary<%}%>"><%= SS.app.current_network.currency_symbol %></button> </div> <input id="coupon_discount_type" name="coupon_discount_type_<%-(new Date()).getTime()%>" value="<%=discount_type%>" type="hidden" readonly class="input-group-addon discount_type-js" /> </div> </div> </div> </li> </script> <script type="text/template" id="signup_form"> <div class="ticket_signup_form ticket_detail_dialog label_beside"> <form class="form-horizontal"> <% var signup_form_fields = [['name','Name'],['email','Email Address'],['company','Company Name'],['phone','Phone Number'],['address','Address'],['company_detailed','Detailed Company Information']]; _.each(signup_form_fields, function(value) { %> <div class="form-group"> <label class="control-label col-sm-4"><%=value[1]%></label> <div class="col-sm-8"> <% if (value[0] === "name" || value[0] === "email") { %> <input type="checkbox" value="<%=value[0]%>" name="ticket:signup_form" class="mr-1i" disabled checked> <% } else { %> <input type="checkbox" value="<%=value[0]%>" name="ticket:signup_form" class="mr-1i" <% if (_.indexOf(signup_form,value[0]) !== -1) { %> checked <% } else if (value[0] === "company_detailed" && SS.app.current_network.detailed_attendee_company_info_checked && _.indexOf(signup_form,value[0]) !== -1) { %> checked <% } %> > <% } %> <% if (value[0] === 'company_detailed') { %> <%= ss.fn.popover({title: "Detailed Company Information", content: "When checked, users will be required to enter their company information in order to purchase tickets. " + "This info will then be used as the address info on the invoice for any such tickets. " + "Furthermore, the info entered will populate the Work Address fields for any new contacts created " + "as a result of purchasing tickets. This info will not be used to automatically create a company " + "or to link a user to an existing company. " + "Do not use this option in conjunction with the 'Company Name' field option above."})%> <% } else if (value[0] === "email") { %> <%= ss.fn.popover({title: "Email Address", content: "All event attendees are recorded in your database using the email address entered on their event ticket." })%> <% } %> </div> </div> <% }); %> <hr> <ul class="ticket_custom_fields"> </ul> <a class="btn btn-success add_field">Add a Custom Field</a> </form> </div> </script> <script type="text/template" class="ticket-custom-field"> <div class="form-group custom_field"> <label>Custom Field:</label> <input class="key input_box" type="hidden" name="key" value="<%=key%>"> <input class="index" type="hidden" name="index" value="<%=key%>"> <div class="input-group"> <select class="custom_field_selection form-control validation_no_duplicate_field" name="field_info_id_<%=key%>"> <% _.each(ss_context.ticket_custom_fields,function(value){ %> <option value="<%=value[0]%>" <% if(field_info_id == value[0]){ %> selected <% } %> ><%=value[1]%></option> <% }); %> </select> <span class="input-group-btn"> <button class="btn btn-danger remove_list_row" type="button">×</button> </span> </div> </div> </script> <script type="text/template" id="event_reminder_row"> <div class=""> <input class="input_box to_delete" type="hidden" name="day_list[<%=key%>].to_delete" value="<%=to_delete%>"> <% if(is_before == 'day_of'){ %> <input class="input_box reminder_number required form-control " type="text" name="day_list[<%=key%>].number" value="<%=number || ''%>" style="display:none;" disabled> <input class="input_box reminder_time_unit" type="hidden" name="day_list[<%=key%>].time_unit" value="days" disabled> <span class="time_until_js" style="display:none;">Days</span> <%}else{%> <input class="input_box reminder_number required form-control " type="text" name="day_list[<%=key%>].number" value="<%=number || ''%>"> <input class="input_box reminder_time_unit" type="hidden" name="day_list[<%=key%>].time_unit" value="days"> <span class="time_until_js">Days</span> <%}%> <select class="form-control is_before_selection" name="day_list[<%=key%>].is_before"> <option value="before" <%if(is_before == 'before'){%>selected<%}%>>Before</option> <option value="day_of" <%if(is_before == 'day_of'){%>selected<%}%>>Day of</option> </select> <span class="remove_list_row" title="Removes the field">×</span> </div> </script> <script type="text/template" id="custom_field_list"> <div> <ul class="custom_fields"></ul> <a class="button success add_field">Add a Custom Field</a> </div> </script> <script type="text/template" id="custom_field_selection"> <div class="form-group field custom_field"> <label>Custom Field:</label> <div class="input-group"> <select class="custom_field_selection form-control validation_no_duplicate_field"> <% _.each(ss_context.ticket_custom_fields,function(field_info){ %> <option value="<%=field_info[0]%>" <% if(field_info_id == field_info[0]){ %> selected <% } %> ><%=field_info[1]%></option> <% }); %> </select> <span class="input-group-btn"> <button class="btn btn-danger remove_list_row" type="button">×</button> </span> </div> </div> </script> </div> <script type="text/template" id="search_widget_edit_row"> <div class="clearfix"> <div class="btn-group pull-right"> <a class="btn btn-sm btn-danger remove_row_js">Delete Row <i class="fa fa-times-circle"></i></a> <a class="add_field_js btn-sm btn btn-default">Add Field <i class="fa fa-plus-circle"></i></a> </div> </div> <div class="mt1 field row_field"> <input type="hidden" name ="<%=field_prefix%>.index" class="index_input" value=> <input type="hidden" name ="<%=field_prefix%>.key" value="<%=key%>"> <select name="<%=field_prefix%>.value" class="form-control mb1 search_option_js"> <% _.each(search_target_options,function(target_option){ %> <option value="<%=target_option[0]%>" <%= target_option[0] == value && value ? 'selected' : ''%>> <%=target_option[1]%> </option> <% }); %> </select> </div> </script> <script type="text/template" id="search_widget_field"> <div class="field field_element"> <input type="hidden" name = "<%=field_prefix%>.index" class="index_input" value=<%=index%>> <input type="hidden" name ="<%=field_prefix%>.key" value="<%=key%>"> <input type="hidden" name ="<%=field_prefix%>.deletable" value="<%= deletable ? 'true' : ''%>"> <input class="required_input" type="hidden" name ="<%=field_prefix%>.required" value="<%= required ? 'true' : ''%>"> <input class="no_empty_input" type="hidden" name ="<%=field_prefix%>.no_empty_option" value="<%= no_empty_option ? 'true' : ''%>"> <input class="hidden_options_input" type="hidden" name ="<%=field_prefix%>.hidden_options" value="<%=hidden_options%>"> <% if(field_id == 'keyword'){ %> <input type="hidden" name ="<%=field_prefix%>.field_id" value="keyword"> <% } %> <div class="input-group"> <select name="<%=field_prefix%>.field_id" class="form-control search_field_js" <%= field_id === 'keyword' ? 'disabled' : ''%>> <% _.each(field_option_groups, function(option_group){ %> <optgroup label="<%-option_group.label%>"> <% _.each(option_group.options, function(target_option){ %> <% var value = target_option[0]; %> <option value="<%=value%>" <%= target_option[0] === field_id ? 'selected' : ''%>> <%=target_option[1]%> </option> <% }); %> </optgroup> <% }); %> </select> <span class="input-group-btn"> <% if(deletable){ %> <a class="remove_field_js btn btn-danger"><i class="fa fa-times-circle"></i> Delete</a> <% } %> <a href="" class='edit_js btn btn-info'><i class="fa fa-pencil"></i> Edit</a> </span> </div> </div> </script> <script type="text/template" id="non_loggedin_contact_message"> <form> <div class="form-group"> <label>Email: <i class="required_marker"></i></label> <input type="text" class="reply_email form-control required email" name="reply_email" value=""> </div> <div class="form-group"> <label>First Name: <i class="required_marker"></i></label> <input type="text" class="first_name form-control required" name="first_name" value=""> </div> <div class="form-group"> <label>Last Name: <i class="required_marker"></i></label> <input type="text" class="last_name form-control required" name="last_name" value=""> </div> <div class="form-group"> <label>Subject: <i class="required_marker"></i></label> <input type="text" class="message_subject form-control required" name="message_subject" value="<%=subject%>"> </div> <div class="form-group"> <label>Message: <i class="required_marker"></i></label> <textarea class="message_body required form-control" name="message_body"></textarea> </div> </form> </script> <script type="text/template" id="company_member_listing"> <div class="row"> <div class="col-lg-4 col-md-5 col-sm-6"> <% if ( at_plan_cap ) { %> <div class="at_plan_cap_limit_reached alert alert-warning">You are at your <%- ss.config.TERMS.singular_company %>'s plan's capacity, please contact your association administrator to increase the number of <%- ss.config.TERMS.plural_employee.toLowerCase() %> available for your current plan.</div> <% } %> <h2 class="active_employees_title_js">Active <%- ss.config.TERMS.plural_employee %></h2> <span class="add_employee_help"></span> <ul class="active_employees list-group"> </ul> <div> <button type="button" class="btn btn-primary btn-lg add_member_js" <%- at_plan_cap ? 'disabled' : '' %> >Add <%- ss.config.TERMS.singular_employee %></button> </div> <br> <h2 class="pending_employees_title_js">Pending <%- ss.config.TERMS.plural_employee %></h2> <ul class="pending_employees list-group"> </ul> </div> </div> </script> <script type="text/template" id="active_company_member_view"> <div class="row"> <div class="image_div col-xs-3"> <% if ( image_url ) {%> <img width="60" height="60" src="<%-image_url%>"> <% } else { %>   <% } %> </div> <div class="member_details col-xs-9"> <div> <div class="member_name"><a href="/profiles/<%-id%>"><%-name%></a></div> <div class="member_actions"> <a class="member_action_delete_js"><i class="fa fa-trash"></i></a> </div> </div> <div class="member_title"> <label> <input type="text" placeholder="Title" class="title_js" value="<%-title || ''%>"> </label> </div> <ul class="member_type"> <li> <label> <input type="radio" name="primary_contact" class="primary_contact_js" <%-primary_contact ? 'checked' : ''%>> <span> Contact Person <a tabindex="0" class="popover_link" role="button" data-toggle="popover" data-trigger="focus" title="Contact Person" data-content="The Primary Contact is the person whose contact info will appear on your <%- ss.config.TERMS.singular_company %>'s profile." data-original-title="Primary Contact"> <i class="fa fa-question-circle icon-question-sign"></i> </a> </span> </label> <li> <% var account_holder_only_plan = company_plan_for == 'account_holder_only'; var account_holder_disabled = account_holder_only_plan && !is_network_admin; %> <label> <input type="radio" name="account_holder" class="account_holder_js" <%-account_holder ? ' checked ' : ''%> <%-account_holder_disabled ? ' disabled ' : ''%>> <span> Billing Person <a tabindex="0" class="popover_link" role="button" data-toggle="popover" data-trigger="focus" title="Billing Person" data-content="The Billing Person will receive confirmation emails and expiry reminders for your <%- ss.config.TERMS.singular_company %>'s membership, and is the person who can purchase or renew memberships on behalf of the <%- ss.config.TERMS.singular_company %>. To access the full range of billing functionality, please ensure that this member has a valid email address." data-original-title="Billing Person"> <i class="fa fa-question-circle icon-question-sign"></i> </a> </span> </label> <li> <label> <input type="checkbox" class="company_admin_js" <%-admin ? 'checked' : ''%> <%-account_holder && admin && !is_network_admin ? 'disabled' : ''%>> <% capitalized_company_type = _.string.titleize(ss.config.TERMS.singular_company) %> <span><%- capitalized_company_type %> Admin</span> <a tabindex="0" class="popover_link" role="button" data-toggle="popover" data-trigger="focus" title="<%- capitalized_company_type %> Admin" data-content="<%- capitalized_company_type %> Admins can edit the <%- capitalized_company_type %> profile and access its settings. There can be multiple <%- capitalized_company_type %> Admins, they can add other employees and they will receive communications regarding their <%- capitalized_company_type %>." data-original-title="<%- ss.config.TERMS.singular_company %> Admin"> <i class="fa fa-question-circle icon-question-sign"></i> </a> </label> </ul> </div> </div> <% if (account_holder && account_holder_only_plan) { %> <div class="alert alert-warning"> <i class="fa fa-exclamation-triangle pr1"></i><strong>Billing Person Only Plan</strong> <br/><br/> <div> This <%- ss.config.TERMS.singular_company %> holds a Billing Person Only Membership Plan. Only the billing person has access to the benefits of the <%- ss.config.TERMS.singular_company %>'s membership plan. Therefore, only network admins may change who the billing person is for this <%- ss.config.TERMS.singular_company %>. </div> </div> <% } %> </script> <script type="text/template" id="pending_company_member_view"> <div class="row"> <div class="image_div col-xs-3"> <% if ( image_url ) {%> <img width="60" height="60" src="<%-image_url%>"> <% } else { %>   <% } %> </div> <div class="member_details col-xs-9"> <div class="member_name"><a href="/profiles/<%-id%>"><%-name%></a></div> <div class="member_email"><%-email%></div> <button type="button" class="btn btn-danger member_action_reject_js">Decline</button> <button type="button" class="btn btn-success member_action_approve_js" <%- at_plan_cap ? 'disabled' : '' %> >Approve</button> </div> <div class="member_actions"> </div> </div> </script> <script type="text/template" id="add_member_view"> <form class="new_member_form_js form-horizontal"> <div class="form-group"> <label class="control-label col-md-3">Email: <span style="color:red">*</span></label> <div class="col-md-9"> <input type="text" class="form-control email user_id_update_available required" name="email"> </div> </div> <div class="form-group"> <label class="control-label col-md-3">First Name: <span style="color:red">*</span></label> <div class="col-md-9"> <input type="text" class="form-control required" name="first_name"> </div> </div> <div class="form-group"> <label class="control-label col-md-3">Last Name: <span style="color:red">*</span></label> <div class="col-md-9"> <input type="text" class="form-control required" name="last_name"> </div> </div> <hr> <div class="form-group"> <label class="control-label col-md-3 col-xs-6 "><%= _.string.titleize(ss.config.TERMS.singular_company) %> Admin?</label> <div class="col-md-9 col-xs-6"> <input type="checkbox" name="admin" value="true"> </div> </div> </form> </script> <script type="text/template" id="cancel_company_plan_popup"> <form> <div class="alert alert-warning"> <strong>Expiring a membership plan</strong> does not refund the fees the person has already paid. </div> <div> <input type="radio" name="cancel_member" value="" checked="True"> <strong>Expire this Member.</strong> This member's expiry date will be set to today, but will still be sent renewal reminders and/or invoices. <br> <input type="radio" name="cancel_member" value="True"> <strong>Cancel this Member.</strong> Cancelled members will not be sent renewal reminders or invoices. </div> </form> </script> <script type="text/template" id="uncancel_company_popup"> <form> Cancelled members will not be sent renewal reminders or invoices. </form> </script> <script type="text/template" id="cancel_company_popup"> <form> Cancelled members will not be sent renewal reminders and/or invoices. </form> </script> <script type="text/template" id="cancel_company_offer_popup"> <form class=""> <div class="alert alert-warning"> Deleting this offer won't change any existing plans this <%- ss.config.TERMS.singular_company %> has signed up for and will allow the <%- ss.config.TERMS.singular_company %> to sign up for any standard plans that match their <%- ss.config.TERMS.singular_company %> type. </div> </form> </script> <script type="text/template" id="category_row"> <input type="hidden" class="to_delete" name="company:company_categories[<%=key%>].to_delete" value="<%=to_delete%>"> <div class="form-inline"> <div class="field parent_category_div form-group"> <span class="select_option"> <select name='company:company_categories[<%=key%>].parent_category_id' class='form-control parent_category_js'> <% if(parent_options.length == 0){ %> <option value=''>Other</option> <% }else{ _.each(parent_options,function(value){ %> <option value="<%=value[0]%>" <%if(parent_category_id == value[0]){%>selected<%}%> ><%=value[1]%></options> <% }); } %> </select> </span> </div> <% if(!parent_options.length == 0 && !sub_options.length == 0){ %> <div class="field sub_category_div form-group"> <span class="select_option"> <select class="form-control" name='company:company_categories[<%=key%>].sub_category_id'> <% _.each(sub_options,function(value){ %> <option value="<%=value[0]%>" <%if(sub_category_id == value[0]){%>selected<%}%> ><%=value[1]%></options> <% }); %> </select> </span> </div> <% } %> <span class="remove_row"><i class="fa fa-remove red"></i></span> </div> </script> <script type="text/template" id="company_selection"> <div class='field'> <label>Choose a <%- ss.config.TERMS.singular_company %>:</label> <input type='text' class='company_edit_autocomplete'> <div class='company_address'> </div> </div> </script> <script type="text/template" id="company_address"> <% if(address){ %> <h4><%- ss.config.TERMS.singular_company %> Address</h4> <div class="alert alert-info company_address_info"> <span><%=address%> <% if(!popup_version){ %> <a class='choose_company'><img src="/res/img/v2/icons/gear_16.png"></a> <% } %> </span> </div> <% }else{ %> <h4>Error:</h4> <div class="alert alert-error company_address_info"> <span>The selected <%- ss.config.TERMS.singular_company %> does not have an address. </span> <span>Please <a href="<%=url%>/edit" target="_blank">edit the <%- ss.config.TERMS.singular_company %></a> or Choose another one.</span> </div> <% } %> </script> <div class="team-page-templates"> <script type="text/template" class="team-page-base-template"> <div class="team editing-team relative"> <div class="center mb3"> <button class="btn btn-success add-team-member">Add <%- page_title %> Member</button> <a href="./" class="btn btn-default">View <%- page_title %> Page</a> <span class="category-dropdown"></spam> </div> <div class="team-members row relative"></div> <div class="row mt3"> <% if (show_cats) { %> <div class="col-sm-6 col-md-4 col-md-offset-1"> <h2 class="center mb2"> Edit Team Categories <a tabindex="0" class="popover_link" role="button" data-toggle="popover" data-trigger="focus" title="" data-content="A team category lets you separate team members into different groups and display them on separate pages. A team member can belong to anywhere from zero to infinite categories, and they'll show up on each category's page." data-original-title="Team Categories"> <i class="fa fa-question-circle icon-question-sign"></i> </a> </h2> <div class="categories-target"></div> </div> <div class="col-sm-6 col-md-4 col-md-offset-2"> <% } else { %> <div class="col-sm-6 col-sm-offset-3 col-md-4 col-md-offset-4"> <% } %> <div class="team-members-ordering"> </div> </div> </div> </script> <script type="text/template" class="category-dropdown-template"> <div class="btn-group"> <button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Other Categories <span class="caret"></span> </button> <ul class="dropdown-menu"> <li><a href="/team/edit">All Team Members</a></li> <li role="separator" class="divider"></li> <% _.each(categories, function(category){ %> <li><a href="/team/<%- category.get('permaid') %>/edit"><%- category.get('name') %></a></li> <% }); %> </ul> </div> </script> <script type="text/template" class="team-member-order-section"> <h2 class="center mb2">Order Team Members</h2> <ul class="list-group team-member-order relative"> </ul> </script> <script type="text/template" class="team-member-list-item"> <li class="list-group-item team-member-li move" data-id="<%- id %>"> <i class="fa fa-arrows"></i> <%- name %> </li> </script> <script type="text/template" class="team-member"> <div class="col-md-3 col-sm-4" data-id="<%- id %>"> <div class="team-member relative"> <div class="team-member-photo <%- image_url && image2_url ? 'has-two-photos' : '' %>"> <% if (image_url) { %> <img src="<%- image_url %>" class="img-responsive center-block primary-photo" alt="<%- name %>; <%- job_title %>" /> <% } %> <% if (image2_url) { %> <img src="<%- image2_url %>" class="img-responsive center-block secondary-photo" style="display:none" alt="<%- name %>; <%- job_title %>" /> <% } %> </div> <div class="team-member-name"> <h4><%- name %></h4> </div> <div class="team-member-position"> <%- job_title %> </div> <% if (bio) { %> <div class="team-member-blurb"> <a data-toggle="modal" data-target="#<%- id %>">BIO</a> <div class="modal fade" id="<%- id %>"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title"><%- name %></h4> </div> <div class="modal-body"> <%= bio %> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div> </div> </div> </div> <% } %> <div class="team-member-links"> <% if ( email_address ) { %> <a href="mailto:<%- email_address %>" class="team-member-email mb1"> <i class="fa fa-envelope"></i> </a> <% } %> <% if ( phone_number ) { %> <a href="javascript:void(0)" role="button" class="team-member-phone mb1" tabindex="0" data-toggle="popover-click" data-trigger="click" data-placement="auto" title="<%- name %>'s Phone Number" data-content="<%- phone_number %>"> <i class="fa fa-phone"></i> </a> <% } %> <% if ( website_url ) { %> <a href="<%- website_url %>" class="team-member-website mb1" target="_blank"> <i class="fa fa-desktop"></i> </a> <% } %> <% if ( facebook_url ) { %> <a href="<%- facebook_url %>" class="team-member-facebook mb1" target="_blank"> <i class="fa fa-facebook"></i> </a> <% } %> <% if ( twitter_url ) { %> <a href="<%- twitter_url %>" class="team-member-twitter mb1" target="_blank"> <i class="fa fa-twitter"></i> </a> <% } %> <% if ( linkedin_url ) { %> <a href="<%- linkedin_url %>" class="team-member-linkedin mb1" target="_blank"> <i class="fa fa-linkedin"></i> </a> <% } %> <% if ( instagram_url ) { %> <a href="<%- instagram_url %>" class="team-member-instagram mb1" target="_blank"> <i class="fa fa-instagram"></i> </a> <% } %> </div> <div class="absolute bottom0"> <div class="btn-group btn-group-justified" role="group"> <div class="btn-group" role="group"> <button class="btn btn-primary edit-team-member" data-id="<%- id %>">Edit</button> </div> <div class="btn-group" role="group"> <button class="btn btn-danger delete-team-member" data-id="<%- id %>">Delete</button> </div> </div> </div> </div> </div> </script> <script type="text/template" class="edit-team-member-panel-template"> <div> <div class="team-member-edit-panel"> </div> </div> </script> <script type="text/template" class="edit-team-member-template"> <div class="edit-team-member ht500 of-auto"> <form id="team_member"> <div class="row"> <div class="col-sm-6"> <div class="form-group"> <label>Name</label> <input type="text" class="form-control required name" placeholder="Name" value="<%- team_member.get('name') %>" /> </div> </div> <div class="col-sm-6"> <div class="form-group"> <label>Title</label> <input type="text" class="form-control job-title" placeholder="Title" value="<%- team_member.get('job_title') %>" /> </div> </div> </div> <div class="form-group row"> <div class="col-sm-6"> <label>Primary Image</label> <div class="primary-image"></div> </div> <div class="col-sm-6"> <label>Secondary Image <small>(appears on hover)</small></label> <div class="secondary-image"></div> </div> </div> <div class="form-group"> <label>Bio</label> <div class="ckeditor_input" name="bio" data-name="bio"><%=team_member.get('bio') || '' %></div> </div> <div class="row"> <div class="col-sm-6"> <div class="form-group"> <label>Email Address</label> <input type="text" class="form-control email-address" placeholder="yourname@example.com" value="<%- team_member.get('email_address') %>" /> </div> </div> <div class="col-sm-6"> <div class="form-group"> <label>Phone Number</label> <input type="text" class="form-control phone-number" placeholder="XXX-XXX-XXXX" value="<%- team_member.get('phone_number') %>" /> </div> </div> </div> <div class="row"> <div class="col-sm-6"> <div class="form-group"> <label>Website</label> <input type="text" class="form-control website-url" placeholder="http://www.domain-name.com" value="<%- team_member.get('website_url') %>" /> </div> </div> <div class="col-sm-6"> <div class="form-group"> <label>Facebook Page</label> <input type="text" class="form-control facebook-url" placeholder="http://www.facebook.com/yourname" value="<%- team_member.get('facebook_url') %>" /> </div> </div> </div> <div class="row"> <div class="col-sm-6"> <div class="form-group"> <label>LinkedIn Page</label> <input type="text" class="form-control linkedin-url" placeholder="http://www.linkedin.com/yourname" value="<%- team_member.get('linkedin_url') %>" /> </div> </div> <div class="col-sm-6"> <div class="form-group"> <label>Twitter Page</label> <input type="text" class="form-control twitter-url" placeholder="http://www.twitter.com/yourname" value="<%- team_member.get('twitter_url') %>" /> </div> </div> </div> <div class="row"> <div class="col-sm-6"> <div class="form-group"> <label>Instagram Page</label> <input type="text" class="form-control instagram-url" placeholder="http://www.instagram.com/yourname" value="<%- team_member.get('instagram_url') %>" /> </div> </div> </div> <% if (!current_cat && categories.length > 0) { %> <div class="form-group row"> <div class="col-sm-6"> <label>Category</label> <% _.each(categories, function(category) { %> <% var checked = team_member.get('asset_categories').indexOf(category.id) >= 0 ? 'checked' : ''; %> <div class="checkbox"> <label> <input type="checkbox" name="category" class="category" style="margin-top:2px;" value="<%- category.id %>" <%- checked %>><%- category.get('name') %> </label> </div> <% }); %> </div> </div> <% } %> </form> </div> </script> </div> <div class="asset-categories-templates"> <script type="text/template" class="categories-base-template"> <ul class="list-group"> <% _.each(categories, function(category) { %> <li class="list-group-item clearfix"> <a href="<% category.category_page_url() %><%- category.get('permaid') %>" class="pull-left lh3"><%- category.get('name') %></a> <div class="btn-group pull-right" role="group"> <a class="btn btn-primary btn-sm edit-category" data-id="<%- category.id %>">EDIT</a> <a class="btn btn-danger btn-sm delete-category" data-id="<%- category.id %>">DELETE</a> </div> </li> <% }); %> <button type="button" class="btn-block add-category list-group-item"><i class="fa fa-plus-circle"></i> Add Category</button> </ul> </script> <script type="text/template" class="edit-category-template"> <form id="asset_category"> <% /* Eventually want to make the preset bind_to_asset_name optional, so we could use this to let users create any asset type category */ %> <input type="hidden" class="asset_name" name="bind_to_asset_name" value="<%- this.options.asset_name %>"> <div class="form-group"> <label>Category Name</label> <input class="form-control name required" name="name" value="<%- this.options.asset_category.get('name') %>" placeholder="Category Name" /> </div> <div class="form-group"> <label>Category Description</label> <textarea name="description" class="form-control description"><%- this.options.asset_category.get('description') %></textarea> </div> <div class="form-group"> <label>URL</label> <input class="form-control permaid valid_page_url" name="permaid" value="<%- this.options.asset_category.get('permaid') %>" placeholder="E.g. board-of-directors" /> <p class="help-block">The URL for your category. Please only use letters, numbers, and hyphens. E.g. board-of-directors. If you don't fill it out, we'll generate a page URL based on the Category Name field.</p> </div> </form> </script> </div> <div class="popup-templates"> <script type="text/template" class="delete-popup-template"> <div class="alert alert-danger"> <%- this.options.template_text %> </div> </script> </div> <div class="custom-field-templates"> <script type="text/template" class="custom-field-panel-template"> <div class="edit-panel-title"> <div class="panel-name"> <% if ( c.model.label ) { %> Edit <%- c.model.label %> <% } else { %> Create New Field <% } %> </div> <div class="panel-button-div"> <button type="button" class="save-js">Save</button> <% if ( false && c.model.id ){ %> <button type="button" class="danger delete-js">Delete</button> <% } %> </div> </div> <div class="edit-panel-alerts"> </div> <div class="edit-panel-content"> <%= ss.text_row({label:'Label', name:'label', item:c.model, validations:'required'}) %> <%= ss.text_area_row({label: 'Description/Help Text', name: 'description', item: c.model}) %> <%= ss.select_row({label:'Field Type', name:'field_type', item:c.model, options:ss.models.FIELD_TYPES}) %> <%= ss.checkbox_row({label:'Optional', name:'optional', item:c.model}) %> <%= ss.checkbox_row({label:'Allow Privacy', name:'allow_privacy', item:c.model}) %> <div class="limit-block"> <%= ss.number_row({label:'Multiselect limit', name:'limit', item:c.model}) %> </div> <div class="option-block"> <div class="field"> <label>Options (Label/Value):</label> <ul class="options inline_field_block sortable-items"></ul> </div> <div class="add-option-row indented-block"> <a href="#" class="add-custom-field-item-js">+ Add Another Option</a> </div> </div> <div class="number-block"> <%= ss.number_row({label:'Number minimum', name:'min_number', item:c.model}) %> <%= ss.number_row({label:'Number maximum', name:'max_number', item:c.model}) %> </div> </div> </script> <script type="text/template" class="custom-field-option-row"> <li class="field-option"> <input type="text" value="<%=c.model.label%>" class="label-field pull-left"> <input type="<%= ss.user.advanced ? 'text' : 'hidden'%>" value="<%=c.model.value%>" class="value-field pull-left"> <a href="#" class="close-button pull-left">×</a> </script> <script type="text/template" class="custom-field-li-template"> <div> <%- c.label %> </div> </script> <script type="text/template" class="custom-field-listing-template"> <div> <div class="two-panel-left-header"> Custom Fields </div> <h2 class="one-page-grouping-title"> <span class="one-page-grouping-name"> Assets </span> </h2> <ul class="asset-listing one-page-listing"> <li data-asset="user">Individuals <li data-asset="company">Organizations <li data-asset="event">Events <li data-asset="group">Groups </ul> <h2 class="one-page-grouping-title"> <span class="one-page-grouping-name"> Fields </span> </h2> <ul class="custom-field-listing one-page-listing"></ul> <a class="add-new new-custom-field-js">+ new field</button> </div> </script> <script type="text/template" class="configure-asset-template"> <div class="edit-panel-title"> <div class="panel-name"> Configure <%= 'asset name goes here' %> </div> <div class="panel-button-div"> <button type="button" class="save-js">Save</button> </div> </div> <div class="edit-panel-alerts"> </div> <div class="edit-panel-content"> </div> </script>  <div class="custom_field_templates" style="display:none"> <script type="text/template" class="custom_field_row"> <select class="span3 field-js" data-field="field_info_id"> <option value="">Choose a Field <% field_infos.each( function(field_info, index){ %> <option value="<%=field_info.get('id') %>" <%= field_info.get('id') === field_info_id ? 'selected' :''%> > <%= field_info.get('label')%> <% }); %> </select> <div class="remove-button">×</div> </script> <script type="text/template" class="custom_field_list"> <div class="field"> <label>Fields:</label> <div class="inline-block"> <ul class="field-list-js"> </ul> <a href="#" class="add-link add-field-js">Add Another Field</a> </div> </div> </script> </div> </div> <div class="field-templates" style="display:none">  <script type="text/template" class="input-attributes"> <% if ( c.data_name ) { %> data-name="<%- c.data_name %>" <% } %> <% if ( c.name ) { %> name="<%- c.name %>" <% } %> <%= c.disabled ? 'disabled' : '' %> <%= ss.validations( c ) %> class="<%- c.css_class || '' %> <%- c.required ?' required ' : '' %>" <% if ( c.placeholder ) { %> placeholder="<%= c.placeholder %>" <% } %> <% if ( c.data_value ) { %> data-value="<%- c.data_value %>" <% } %> <% if ( c.data_values ) { %> <% for (var key in c.data_values) { %> <% if (c.data_values.hasOwnProperty(key)) { %> data-<%= key %>="<%= c.data_values[key] %>" <% } %> <% } %> <% } %> <% if ( c.maxlength ) { %> maxlength="<%= c.maxlength %>" <% } %> </script> <script type="text/template" class="field-label"> <label class="<%= c.label_css_class || ''%>"> <%- c.label %><%= c.label ? ':' : '' %> <% if (c.required || _.string.contains(c.validations, 'required')){ %> <i class="required_marker"></i> <% } %> </label> </script> <script type="text/template" class="generic-row"> <div class="field <%= c.row_css_class || ''%>"> <%= ss.label( c ) %> <% if ( c.description ) { %> <div class="custom-field-description mb1 md-gray fs12"> <%= c.description %> </div> <% } %> <div class="<%= c.input_wrap_class || ''%>"> <%= c.field_content %> <% if (c.popover){ c.popover.placement = c.popover.placement || 'bottom'; print(ss.fn.popover(c.popover)); } %> </div> </div> </script> <script type="text/template" class="text-field"> <% if ( c.prepend || c.append ){ %> <div class="input-group <%= c.inline ? 'pull-left' : '' %>"> <% } %> <% if ( c.prepend ) { %> <div class="input-group-addon"><%-c.prepend %></div> <% } %> <input <%= ss.input_attributes( c )%> type="text" value="<%- c.value || '' %>"> <% if ( c.append ) { %> <div class="input-group-addon"><%-c.append %></div> <% } %> <% if ( c.prepend || c.append ){ %> </div> <% } %> </script> <script type="text/template" class="number-field"> <% if ( c.prepend || c.append ){ %> <div class="input-group <%= c.inline ? 'pull-left' : '' %>"> <% } %> <% if ( c.prepend ) { %> <div class="input-group-addon"><%-c.prepend %></div> <% } %> <input <%= ss.input_attributes( c )%> type="number" value="<%- c.value || '' %>"> <% if ( c.append ) { %> <div class="input-group-addon"><%-c.append %></div> <% } %> <% if ( c.prepend || c.append ){ %> </div> <% } %> </script> <script type="text/template" class="color-field"> <% var value = c.value; var checked = '' if ( value == 'transparent' ){ value = ''; checked = 'checked'; } %> <input <%= ss.input_attributes( c )%> type="text" value="<%- value || '' %>"> <% if ( c.allow_transparent ){ %> <input class="transparency-input" name="<%= c.name %>-transparent" data-color_name="<%= c.name %>" <%= checked %> type="checkbox"> Transparent <% } %> </script> <script type="text/template" class="checkbox-field"> <% var options = _.extend({}, c); options.css_class = (options.css_class || '') + ' send_unchecked_js '; options.checked = Boolean(options.checked) || Boolean( options.value ); options.value = 'True'; %> <input type="checkbox" value="True" <%= ss.input_attributes( options ) %> <%- options.checked ? 'checked' : '' %> > </script> <script type="text/template" class="list-field"> <% var options = _.extend({}, c); //options.css_class = (options.css_class || '') + ' send_unchecked_js '; xxx_c = c; safe_log(c.options, ss.fields.build_options(c.options)); %> <div class="inline_field_block"> <% _.each( ss.fields.build_options(c.options), function( option ){ // var selected = c.value === option.value; var checked; if ( _.isString( c.value ) ){ checked = _.contains( c.value.split(','), option.value ); } else if ( _.isArray( c.value ) ){ checked = _.contains( c.value, option.value ); } safe_log( 'Option', option); %> <div> <input type="<%= c.input_type %>" class="checkbox-list" value="<%=option.value%>" name="<%- c.name %>" data-name="<%- c.data_name %>" <%= option.disabled ? 'disabled' :'' %> <%- checked ? 'checked' : '' %> > <%= option.label %> </div> <% }); %> </div> </script> <script type="text/template" class="select-field"> <select <%= ss.input_attributes( c ) %> > <% _.each( ss.fields.build_options(c.options), function( option ){ %> <% var selected = c.value === option.value || ( _.isEmpty(c.value) && _.isEmpty( option.value ) ); %> <option <%= option.disabled ? 'disabled' :'' %> value="<%-option.value || ''%>" <%- selected ? 'selected' : '' %> ><%-option.label%> </option> <% }); %> </select> </script> <script type="text/template" class="multiselect-field"> <% c.css_class = c.css_class? c.css_class + ' multi-select-target' : 'multi-select-target'; %> <div class="js-multiselect-wrapper "> <select multiple="multiple" <%= ss.input_attributes( c ) %> data-placeholder=" " data-limit="<%= c.limit ? c.limit : '' %>"> <% _.each( ss.fields.build_options(c.options), function( option ){ %> <% if ( c.value && ! _.isArray(c.value)) c.value = c.value.split(','); var selected = _.indexOf(c.value, option.value) >= 0; %> <option <%= option.disabled ? 'disabled' :'' %> value="<%-option.value || ''%>" <%- selected ? 'selected' : '' %> ><%-option.label%> <% }); %> </select> </div> </script> <script type="text/template" class="richtext-field"> <div class="inline_field_block"> <div <%= ss.input_attributes(c) %> ><%= c.value || '' %></div> </div> </script> <script type="text/template" class="pill-radio-field"> <div class="inline_field_block btn-group" role="group"> <% _.each( ss.fields.build_options(c.options), function(option){ var extra_class = ''; if ( c.value === option.value ){ extra_class = 'active'; } %> <button type="button" name="<%=c.name%>" class="btn btn-default <%= c.css_class %> <%= extra_class %>" value="<%= option.value %>" <%= option.disabled ? 'disabled' : '' %> ><%= option.label %></button> <% }); %> </div> </script> <script type="text/template" class="textarea-field"> <textarea <%= ss.input_attributes(c) %> ><%- c.value || '' %></textarea> </script> <script type="text/template" class="display-field"> <div class="field_displayed_data"> <% if ( c.value !== undefined && c.value !== null ) { %> <%- c.value %> <% } %> </div> </script> <script type="text/template" class="address-template"> <br/> <h2 class="alert alert-info"><%=c.label%></h2> <div class="form-group row"> <div class="col-md-4"> <%= ss.text_row({label:'Street Address', item:c.item, validations:c.validations, name:c.prefix +'.'+'street_address', row_css_class:'mobile-form-group', css_class:'form-control'}) %> </div> <div class="col-md-4"> <%= ss.text_row({label:'City', item:c.item, validations:c.validations, name:c.prefix +'.'+'city', row_css_class:'mobile-form-group', css_class:'form-control'}) %> </div> <div class="col-md-4"> <%= ss.text_row({label:'State/ Province', item:c.item, validations:c.validations, name:c.prefix +'.'+'province', row_css_class:'mobile-form-group', css_class:'form-control'}) %> </div> </div> <div class="form-group row"> <div class="col-md-6"> <%= ss.text_row({label:'Country', item:c.item, validations:c.validations, name:c.prefix +'.'+'country', row_css_class:'mobile-form-group', css_class:'form-control'}) %> </div> <div class="col-md-6"> <%= ss.text_row({label:'Zip Code / Postal Code ', item:c.item, validations:c.validations, name:c.prefix +'.'+'postal_code', row_css_class:'mobile-form-group', css_class:'form-control'}) %> </div> </div> </script> <script type="text/template" class="address-linear-template"> <% if (c.prefix.indexOf('.') >= 0) { var div_class = c.prefix.split('.')[1] } else { var div_class = c.prefix } var field_settings = ss.data.network ? ss.data.network.get('field_settings') : {}; %> <br/> <div class="<%- div_class %>"> <h2 class="alert alert-info"><%=c.label%></h2> <%= ss.text_row({label:'Address Line 1', item:c.item, validations:c.validations, name:c.prefix+'.'+'street_address', row_css_class:'mobile-form-group form-group', css_class:'form-control', label_css_class:'col-md-3 col-lg-2', input_wrap_class:'col-md-9 col-lg-10', maxlength: field_settings.street_address_max_characters }) %> <%= ss.text_row({label:'Address Line 2', item:c.item, name:c.prefix+'.'+'address2', row_css_class:'mobile-form-group form-group', css_class:'form-control', label_css_class:'col-md-3 col-lg-2', input_wrap_class:'col-md-9 col-lg-10', maxlength: field_settings.street_address_max_characters }) %> <%= ss.text_row({label:'City', item:c.item, validations:c.validations, name:c.prefix+'.'+'city', row_css_class:'mobile-form-group form-group', css_class:'form-control', label_css_class:'col-md-3 col-lg-2', input_wrap_class:'col-md-9 col-lg-10', maxlength: field_settings.city_max_characters }) %> <%= ss.select_row({label:'Country', name:c.prefix+'.country', item:c.item, row_css_class:'mobile-form-group form-group', css_class:'form-control short country_binding_provinces', label_css_class:'col-md-3 col-lg-2', input_wrap_class:'col-md-9 col-lg-10', options:c.all_countries_and_states.ALL_COUNTRIES})%> <div class="field form-group" data-bound_to=".<%- div_class %>|.country_binding_provinces" data-bound_to_value="CA"> <%= ss.select_row({label:'Province', name:c.prefix+'.province', item:c.item, validations:c.validations, row_css_class:'mobile-form-group', css_class:'form-control short', label_css_class:'col-md-3 col-lg-2', input_wrap_class:'col-md-9 col-lg-10', options:c.all_countries_and_states.CANADIAN_PROVINCES})%> </div> <div class="field form-group" data-bound_to=".<%- div_class %>|.country_binding_provinces" data-bound_to_value="US"> <%= ss.select_row({label:'State', name:c.prefix+'.province', item:c.item, validations:c.validations, row_css_class:'mobile-form-group', css_class:'form-control short', label_css_class:'col-md-3 col-lg-2', input_wrap_class:'col-md-9 col-lg-10', options:c.all_countries_and_states.AMERICAN_STATES})%> </div> <div class="field form-group" data-bound_to=".<%- div_class %>|.country_binding_provinces" data-bound_to_value="AU"> <%= ss.select_row({label:'State', name:c.prefix+'.province', item:c.item, validations:c.validations, row_css_class:'mobile-form-group', css_class:'form-control short', label_css_class:'col-md-3 col-lg-2', input_wrap_class:'col-md-9 col-lg-10', options:c.all_countries_and_states.AUSTRALIAN_STATES})%> </div> <div class="field form-group" data-bound_to=".<%- div_class %>|.country_binding_provinces" data-bound_to_value="GB"> <%= ss.select_row({label:'State', name:c.prefix+'.province', item:c.item, validations:c.validations, row_css_class:'mobile-form-group', css_class:'form-control short', label_css_class:'col-md-3 col-lg-2', input_wrap_class:'col-md-9 col-lg-10', options:c.all_countries_and_states.UK_STATES})%> </div> <div class="field form-group" data-bound_to=".<%- div_class %>|.country_binding_provinces" data-bound_to_value="!CA,!US,!AU,!GB"> <%= ss.text_row({label:'Province / State', item:c.item, validations:c.validations, name:c.prefix+'.'+'province', row_css_class:'mobile-form-group', label_css_class:'col-md-3 col-lg-2', input_wrap_class:'col-md-9 col-lg-10', css_class:'form-control',}) %> </div> <%= ss.text_row({label:'Zip Code / Postal Code ', item:c.item, validations:c.validations, name:c.prefix+'.'+'postal_code', row_css_class:'mobile-form-group form-group', label_css_class:'col-md-3 col-lg-2', input_wrap_class:'col-md-9 col-lg-10', css_class:'form-control', maxlength: field_settings.zip_postal_code_max_characters }) %> </div> </script> <script type="text/template" class="image-field"> <% var guid = ss.fn.guid(); var placeholder_url = ss.fn.cdn('/res/img/v2/placeholder.png'); var image_url = c.value && _.isFunction( c.value.build_image_url ) && c.value.build_image_url({width:c.width,height:c.height}); var no_image_style = ''; var image_exists_style = ''; if ( image_url ){ no_image_style = 'style="display:None"'; } else { image_exists_style = 'style="display:None"'; } %> <div class="image-does-not-exist no_image_block" <%=no_image_style%>> <img width="<%=c.width%>" height="<%=c.height%>" style="padding-top: 0px;padding-bottom:0px;padding-left: 0px;padding-right:0px; " src="<%= placeholder_url %>"> </div> <div class="image-exists image_block" <%=image_exists_style%>> <img width="<%=c.width%>" height="<%=c.height%>" style="padding-top: 0px;padding-bottom:0px;padding-left: 0px;padding-right:0px; " src="<%= image_url + "fPNG"%>"> </div> <div class="image-upload-panel col-sm-3"> <div class="upload_section"> <div class="image-does-not-exist" <%=no_image_style%>> <input id="hidden_<%=guid%>" version="2" type="hidden" name="<%=c.name%>.key" data-name="<%=c.name%>.key" disabled="true" value="<%=guid%>"> <input type="hidden" class="temp-file-url" name="<%=c.name%>.temp_url" data-name="<%=c.name%>.temp_url" value="<%= image_url %>"> <iframe id="iframe_<%=guid%>" class="upload_frame" height="24" src="/upload_iframe/image/<%=guid%>?callback=${callback}&field_name=${field_name}&suggested_width=&image_height=<%=c.height%>&image_width=<%=c.width%>" frameborder="0" style="${'display:None;' if existing_upload_url else ''}" > </iframe> <div class="upload_instructions"> <%= c.upload_instructions || 'Upload a photo (GIF, JPG, or PNG).' %> </div> </div> <div class="image-exists" <%=image_exists_style%>> <a href="#" class="delete_image">Delete Image</a> </div> </div> </div> </script> <script type="text/template" class="file-field"> <% var guid = ss.fn.guid(); var placeholder_url = ss.fn.cdn('/res/img/v2/placeholder.png'); var deleted = c.value && c.value.get('key') === 'delete'; var file_url = c.value && _.isFunction( c.value.build_file_url ) && c.value.build_file_url({width:c.width,height:c.height}); var file_name = c.value && (c.value.get('temp_name') || c.value.get('file_name')); var is_private = c.is_private || 'False'; if ( deleted ){ file_url = null; } safe_log( 'file_url', file_url ); var no_file_style = ''; var file_exists_style = ''; if ( file_url ){ no_file_style = 'style="display:None"'; } else { file_exists_style = 'style="display:None"'; } safe_log('File!!!',c.value, file_name); %> <div class="inline_field_block"> <div class="file-does-not-exist no_file_block field_displayed_data" <%=no_file_style%>> </div> <div class="file-exists file_block field_displayed_data" <%=file_exists_style%>> <a download href="<%=file_url%>"> <%= file_name %> </a> <a href="#" data-name="<%=c.name%>" class="delete_file close-button">×</a> </div> <div class="image-upload-panel col-sm-3"> <div class="upload_section"> <div class="file-does-not-exist" <%=no_file_style%>> <input id="hidden_<%=guid%>" type="hidden" name="<%=c.name%>.key" data-name="<%=c.name%>.key" disabled="true" value="<%=guid%>"> <input type="hidden" class="temp-file-url" name="<%=c.name%>.temp_url" data-name="<%=c.name%>.temp_url" value="<%= file_url %>"> <input type="hidden" class="temp-file-name" name="<%=c.name%>.temp_name" data-name="<%=c.name%>.temp_name" disabled="true"> <iframe id="iframe_<%=guid%>" class="upload_frame" height="24" src="/upload_iframe/file/<%=guid%>?private=<%=is_private%>" frameborder="0" style="<%= file_exists_style %>" > </iframe> </div> </div> </div> </div> </script> <script type="text/template" class="multi-item-row"> <% if ( ! c.suppress_label ) { %> <div class="field"> <label><%=c.label%>:</label> <% } %> <div class="inline-field-block"> <ul class="multi-field-items"></ul> <a class="add-item"><%= c.add_more_text || '+ Add More'%></a> </div> <% if ( ! c.suppress_label ) { %> </div> <% } %> </script> <script type="text/template" class="multi-select-item-row"> <li> <%=ss.select_field( { name:c.name, value:c.value, options:c.options} ) %> <a class="close-button" data-index="<%=c.index%>">&times</a> </script> <script type="text/template" class="plan-field-multi-select-item-row"> <li class="plan-additional-field-row"> <div class="row"> <div class="col-lg-6"> <%=ss.select_field( { name:c.name, value:c.value, options:c.options, css_class:'plan-additional-field update-model-ignore form-control', data_values: { index: c.index }}) %> </div> <div class="col-lg-5"> <select multiple="multiple" class="form-control multi-select-target plan-custom-field-visibility update-model-ignore" data-index="<%= c.index %>" data-placeholder="Display Context"> <% _.each(ss.config.CONSTANTS.CUSTOM_PLAN_FIELD_VISIBILITY_OPTIONS, function(option) { var selected = _.contains(c.config.visibility, option) ? 'selected' : ''; %> <option value="<%= option %>" <%= selected %>><%= option %></option> <% }); %> </select> </div> <div class="col-lg-1"> <a class="close-button" data-index="<%=c.index%>">&times</a> </div> </div> </li> </script> <script type="text/template" class="heading-field"> <% if ( !ss.onepage ) { %> <div class="custom-heading-field mb2"> <% if ( c.label ) { %> <h3 class="custom-heading-field-title"><%- c.label %></h3> <% } %> <% if ( c.description ) { %> <div class="custom-heading-field-description"><%- c.description %></div> <% } %> </div> <% } %> </script> </div> <script type="text/template" id="group_invite_view"> <label>Invite by Name</label> <div class="group_invite_targets_display"></div> <input type="text" class="group_invite_targets form-control"> <input class="group_invite_targets_value" type="hidden"> <label>Invite by Email Address (separate by commas)</label> <input type="text" class="group_invite_targets_email form-control"> <label>Optional Personal Message</label> <div class="group_invite_personalization ckeditor_input" name="group_invite_personalization" style="display:none"></div> </script> <div class="editor-templates"> <script type="text/template" class="base-image-template"> <a class="btn btn-lg btn-primary launch-image-chooser">Add Image</a> <input name="<%- input_name %>" class="<%- required ? 'required' : '' %>" value="<%- id %>" type="hidden" /> </script> <script type="text/template" class="image-chooser-template"> <div class="image-chooser-main-wrapper"> <div class="main-panel"></div> </div> </script> <script type="text/template" class="user-image-chooser-template"> <div class="center user-image-chooser-main-wrapper"> <div class="main-panel"></div> </div> </script> <script type="text/template" class="image-panel-template"> <div class="row"> <div class="image-panel-header mb2 col-sm-3"> <div class="upload-section"></div> <div class="selected-image-section"></div> </div> <div class="row bl-lg image-panel-images of-auto col-sm-9"> <div class="center mt2"> <i class="fa fa-spinner fa-pulse fa-5x fa-fw"></i> </div> </div> </div> </script> <script type="text/template" class="user-image-panel-template"> <div class="image-panel-header mb2"> <div class="upload-section"></div> <% if (typeof show_crop_warning !== 'undefined' && show_crop_warning) { %> <div class="force-crop-warning"> We recommend specific dimensions for this image: <br/><strong> <%- recommended_width %>px x <%- recommended_height %>px <br/></strong>  </div> <% } %> <div class="selected-image-section"></div> </div> </script> <script type="text/template" class="selected-image-template"> <div class="selected-image-display mt1 center clearfix"> <img src="<%- thumbnail_url %>" class="img-responsive thumbnail center-block" /> <% if (suggest_crop) { %> <div class="mb1"> We recommend you crop/resize the image to the following dimensions:<br/> <strong><%- recommended_width %>px x <%- recommended_height %>px</strong> </div> <% } %>  <img id="editableimage1" style="display:none" class="edit-image" src="<%- src %>" /> <% if (show_alignment) { %> <hr/> <label>Image Alignment:</label> <br> <%= ss.pill_radio_field({ item: model, name: 'alignment', css_class: 'alignment', value: alignment, options: { left: 'Left', center: 'Center', right: 'Right' } }) %> <% } %> </div> </script> <script type="text/template" class="uploader"> <form class="fileupload center">  <% if (uploading) { %> <div class="uploading-status"> <span class="uploading-status-text">Uploading...</span> <i class="fa fa-spinner fa-spin"></i> </div> <% } else { %> <div class="upload-button clearfix mb2"> <span class="btn btn-success fileinput-button"<% if (uploading) {%> disabled<% } %>> <i class="fa fa-plus"></i> <span>Upload Image</span>  <input id="fileupload" type="file" name="files[]" multiple> </span> </div> <% } %> </form> </script> <script type="text/template" class="image-panel-image-template"> <div class="col-sm-2 mb2 image-chooser-selectable-thumb"> <i class="fa fa-times delete-image absolute pointer" aria-hidden="true"></i> <img data-original="<%- thumbnail_url %>" class="img-responsive thumbnail img-chooser-thumbnail lazy" data-id="<%-id%>" src="<%- thumbnail_url %>" /> <% if ( height && width ) { %> <div class="center mt-n1-5"> <small><%- width %> x <%- height %></small> </div> <% } %> </div> </script> <script type="text/template" class="image-chooser-template"> <div class="upload-section"></div> <hr> <div class="image-selector"></div> </script> <script type="text/template" class="form-return-values"> <% // Polyfill for endsWith not working in IE if (!String.prototype.endsWith) { String.prototype.endsWith = function(search, this_len) { if (this_len === undefined || this_len > this.length) { this_len = this.length; } return this.substring(this_len - search.length, this_len) === search; }; }; if (input_name.endsWith('image_url')) { var image_value = thumbnail_url; } else{ var image_value = id; }; %> <div class="image-chooser-form-return"> <div class="icfr-thumbnail"> <img src="<%- thumbnail_url + "fPNG" %>" class="img-responsive thumbnail"> </div> <input type="hidden" name="<%- input_name %>" value="<%- image_value %>" /> <a class="btn btn-danger delete-image">Remove Image</a> </div> </script> </div> <div class="chapter-plan-selector-templates"> <script type="text/template" class="chapter-plan-selector-base-template"> <div class="selectors-target"></div> <div class="button-target"></div> </script> <script type="text/template" class="add-chapter-button"> <a class="add-chapter mb2 btn btn-sm btn-primary"><i class="fa fa-plus"></i> Add another Affiliate</a> </script> <script type="text/template" class="chapter-plan-selector"> <div class="<%= selector_target_class %> mb2 p1-5 b1-lg br-5"> <div class="chapter-selector-target"></div> <div class="plan-selector-target"></div> <div class="validation-error"></div> <% if (can_remove) { %> <div class="right-align"> <a class="remove-chapter text-danger mt1 block" style="line-height:1em;">Remove <i class="fa fa-times-circle"></i></a> </div> <% } %> </div> </script> <script type="text/template" class="chapter-selector"> <select name="affiliate" class="multi-select-target chapter-selector form-control"> <option value="" selected>Select an Affiliate</option> <% _.each(ss.fields.build_options(select_options), function(option) { %> <% var selected = _.indexOf(values, option.value) >= 0; %> <option value="<%-option.value || ''%>" <%- selected ? 'selected' : '' %> ><%-option.label%> <% }); %> </select> </script> <script type="text/template" class="plan-selector"> <div class="input-group mt1"> <select name="membership_info:chapter_plan_selector:affiliate_plans[]" class="plan-selector form-control"> <option value="" selected>Select a plan</option> <% _.each(ss.fields.build_options(select_options), function(option) { %> <% var selected = _.indexOf(values, option.value) >= 0; %> <option value="<%- option.value || '' %>" <%- selected ? 'selected' : '' %> ><%- option.label %> <% }); %> </select> <div class="input-group-btn"> <button type="button" class="btn btn-default" aria-label="Help" data-toggle="modal" data-target="#plan_description_<%= chapter_permaid %>"> <i class="fa fa-question-circle"></i> </button> </div> </div> <div class="modal fade" id="plan_description_<%= chapter_permaid %>" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title" id="myModalLabel">Membership Plans</h4> </div> <div class="modal-body"> <% _.each(plans, function(plan) { %> <h4><%= plan.get('name') %> - <%= ss.fn.money(plan.get('amount')) %>/<%= plan.get('period') %></h4> <%= plan.get('description') %> <hr/> <% }); %> </div> </div> </div> </div> </script> </div> <div class="panel-templates"> <script type="text/template" class="edit-panel"> <div class="onepage-panel-header"> <div class="panel-header-fixed-wrapper"> <% var listing_page = c.view.get_listing_page(); %> <% if ( listing_page ) { %> <button class="onepage-borderless-button onepage-return-button default"><i class="icon-back icon-18"></i></button> <% } %> <span class="onepage-panel-header-name"> <% if ( c.view.get_panel_heading() ){ print(c.view.get_panel_heading()); } else if ( c.model.id ){ print('Edit ' + (c.model.get('name') || c.model.id)); } else { print('New ' + (c.item_name || 'Item')); } %> </span> <div class="onepage-header-button-group"> <span class="extra-header-buttons"></span> <% var save_text = c.model.id ? 'Save' : 'Create' %> <button type="button" class="<%= listing_page ? 'default' : ''%> save-js"><%= save_text %></button> <% if ( listing_page ) { %> <button type="button" class="save-close-js"><%= save_text %> and Close</button> <% } %> </div> </div> </div> <div class="edit-panel-alerts"></div> <div class="edit-panel-content panel-content"></div> </script> </div> <div class="member-settings-templates"> <script type="text/template" class="delete-card-template"> <div> Delete the card ending in <%= c.last_four_digits %>? </div> </script> <script type="text/template" class="move-me-to-chapter"> <% var options = _.map(ss_context.chapter_options, function(values){ return {'label':values['name'], 'value':values['permaid']} }); print( ss.select_row({label:'Chapter', name:'chapter_id', options:options, value:''})); %> </script> </div> <div class="organization-selection-templates"> <script type="text/template" class="organization-listing-item"> <div class="clearfix"> <% var organization = c.model; var pending = c.model.is_pending( SS.app.current_user && SS.app.current_user.id); %> <div class="image-section"> <% var image_url = organization.build_image_url({width:60,height:60}); %> <img src="<%=image_url%>" height="60" width="60"> </div> <div class="detail-section"> <div> <div class="organization-name"> <%-organization.get('name')%> </div> <div class="member_actions"> <% if ( pending ){ %> Join Status: <span class="badge">Pending</span> <% } %> <% if ( organization.may_edit() ){ %> <a class="edit-organization">Edit</a> <% } %> <a class="leave-organization">(Leave)</a> </div> </div> </div> </div> </script> <script type="text/template" class="organization-listing-template"> <div> <ul class="pending-organization-listing list-group item-listing"> </ul> <ul class="organization-listing list-group item-listing"> </ul> </div> </script> <script type="text/template" class="organization-selection-template"> <div> <div class="alert alert-info"> <strong> You don't currently belong to any <%= ss.config.TERMS.plural_company.toLowerCase() %>. </strong> </div> <div class="row"> <% if ( c.organization_listing_visible || true ){ %> <div class="col-md-6"> <div class="panel panel-default"> <div class="panel-heading"> <h3>Join Your <%= _.string.capitalize(ss.config.TERMS.singular_company) %></h3> </div> <div class="panel-body"> Is your <%= ss.config.TERMS.singular_company.toLowerCase() %> already registered? If they've already been registered you may ask to join the <%= ss.config.TERMS.singular_company.toLowerCase() %>. </div> <div class="panel-footer"> <div class="company-autocomplete"></div> </div> </div> </div> <% } else { %> Please contact <%= SS.app.current_network.name %> to join a <%= ss.config.TERMS.singular_company.toLowerCase() %>. <% } %> <% if ( c.may_create_organizations ) { %> <div class="col-md-6"> <div class="panel panel-default"> <div class="panel-heading"> <h3>Register a New <%= _.string.capitalize(ss.config.TERMS.singular_company) %></h3> </div> <div class="panel-body"> You may register a new <%= ss.config.TERMS.singular_company.toLowerCase() %> and become the <%= ss.config.TERMS.singular_company.toLowerCase() %>'s admin. </div> <div class="panel-footer"> <% if( c.setup ) { %> <a class="button btn btn-primary register-company">Register your <%= _.string.capitalize(ss.config.TERMS.singular_company) %></a> <% } else { %> <a class="button btn btn-primary" href="/company/new">Register your <%= _.string.capitalize(ss.config.TERMS.singular_company) %></a> <% } %> </div> </div> </div> <% } %> </div> </div> </script> </div> <div class="organization-edit-templates"> <script type="text/template" class="organization-edit-panel"> <div class="onepage-panel-header"> <span class="onepage-panel-header-name"> <% if ( c.model.id ){ %> Edit <%= c.model.get('name') %> <% if ( ss.user.advanced ) { %> <a href="<%= c.model.get('url')%>/edit" target="_blank">old</a> <a href="<%= c.model.get('url')%>/json-data" target="_blank">json</a> <a href="/test/load_details?id=<%= c.model.id%>" target="_blank">load details</a> <% } %> <% } else { %> New Member <% } %> </span> <div class="onepage-header-button-group"> <% if ( c.options.on_cancel ){ %> <button type="button" class="default cancel">Cancel</button> <% } %> <% if ( c.options.on_created ){ %> <button type="button" class="save-and-use">Create and Use</button> <% } else {%> <% var save_text = c.model.id ? 'Save' : 'Create' %> <button type="button" class="default save-js"><%= save_text %></button> <button type="button" class="save-close-js"><%= save_text %> and Close</button> <% } %> </div> </div> <div class="actions"> <% var action_button = function(){ print( ss.listing.action_button.apply(this, arguments) ); }; var admin = SS.app.current_user.network_admin; %> <% if (this.model.get('status') === 'archived') { %> <div class="alert alert-info w40 pr1"> <i class="fa fa-exclamation-circle fa-lg mr1"></i> <b>This company has been archived</b> </div> <% } %> <%= ss.onepage.return_button() %> <% if ( admin ){ %> <div class="grid-button-group button_group"> <% action_button('Enter<br>Payment', 'one', 'enter_payment','not_default') %> <% //action_button('Cancel<br>Membership', 'one', 'cancel_membership') %> </div> <% } %> <div class="grid-button-group button_group"> <% if (admin){ if (this.model.get('status') !== 'archived') { if (ss_context.apex_admin) { action_button('<i class="icon-trash icon-white"></i>', 'any', 'delete_selected', 'danger'); } else { action_button('Remove From<br>Chapter', 'any', 'remove_from_chapter', 'danger'); } } } %> <% if(ss.user.advanced) { action_button( 'Unarchive', 'any', 'unarchive', 'success'); } %> </div> </div> <% var pages = { space0: null, // Maybe change private-view to member-only-view basic: {label: 'Basic Info', class: 'private-view'}, vessels: {label: 'Vessels', class: 'private-view', relative_url:'vessels/edit' }, // OFFSHOREMARINE overview: {label: 'Details', class: 'private-view'}, home_page: {label: 'Home Page', class: 'private-view', relative_url:'home_page/edit' }, // OFFSHOREMARINE people: {label: 'Employees', class: 'private-view'}, locations: {label: 'Locations', class: 'private-view'}, privacy: {label: 'Privacy', class: 'private-view'}, space1: null, membership: {label: 'Membership Info', class: 'mixed-view'}, space2: null, custom: {label: 'Custom Info', class: 'admin-only-view'}, history: {label: 'History', class: 'admin-only-view'}, //files: {label: 'Files', class: 'admin-only-view'}, }; if (ss.config.THEME_CONFIG.disallow_company_home_page){ delete pages.home_page; } if (!SS.app.current_network.enable_company_locations){ delete pages.locations; } if ( ss.user.advanced ){ //pages.people = {label: 'People', class: 'admin-only-view'}; } var network_id = ss.data.network.get('permaid'); if ( ! c.model.id ){ delete pages.home_page; } if ( network_id !== 'offshoremarine' || ! c.model.id ){ delete pages.vessels; } if ( c.options.sections ){ _.each( pages, function( value, key ){ if ( key !== 'space0' && ! _.contains( c.options.sections, key ) ){ delete pages[key]; } }); } %> <div class="onepage-sub-tabbar"> <div class="sub-tabbar-container"> <ul class="sub-tabbar-tabs section-list"> <% _.each( pages, function( section, key){ if ( section ){ %> <li class="<%=section.class%>"> <% if (section.relative_url ){ %> <a target="_blank" href="<%=c.model.get('url') + '/' + section.relative_url %>"> <%= section.label %> </a> <% } else { %> <a data-section="<%=key%>"> <%= section.label %> </a> <% } %> <% } else { %> <li class="separator"><div style="width:20px;"> </div> <% } }); %> </ul> </div> </div> <div class="edit-panel-alerts absolute mt5"></div> <div class="panel-content tabbed-actions-panel-content tabbed-panel-content"></div> </script> <script type="text/template" class="basic-section"> <h2 class="alert alert-info">Basics</h2> <div> <% var validations = "required"; // For now, we'll only support company id verification creating new companies // because our validators have no concept of a model, and if the model // has changed, as would happen when the admin changes a company's name // to one of an existing company if (!c.model.id) { validations += " company_name_available"; } %> <%= ss.text_row({label:'Name', name:'name', item:c.model, validations:validations, css_class:'form-control ', row_css_class:'row form-group', label_css_class:'col-md-3 col-lg-2', input_wrap_class:'col-md-9 col-lg-10'}) %> <%= ss.image_row({label:'Logo', name:'image', item:c.model, css_class:'form-control', row_css_class:'row form-group', label_css_class:'col-md-3 col-lg-2', input_wrap_class:'col-md-9 col-lg-10'}) %> <div class="organization-type"></div> <div class="organization-categories"></div> <% company_address_required = ( SS.app.current_network.company_address_required && !ss.apps.admin_app ) ? 'required' : ''; company_phone_required = ( (SS.app.current_network.company_phone_required || SS.app.current_network.company_contact_info_required) && !ss.apps.admin_app ) ? 'required' : ''; contact_info_required = ( SS.app.current_network.company_contact_info_required && !ss.apps.admin_app ) ? 'required' : ''; website_required = ( SS.app.current_network.company_website_required && !ss.apps.admin_app ) ? 'required' : ''; company_profile_social_media = SS.app.current_network.company_profile_social_media; %> <h2 class="alert alert-info">Contact</h3> <%= ss.text_row({label:'Website', name:'website', item:c.model, css_class:'form-control', row_css_class:'row form-group', label_css_class:'col-md-3 col-lg-2', input_wrap_class:'col-md-9 col-lg-10', validations: website_required}) %> <%= ss.text_row({label: _.string.capitalize(ss.config.TERMS.singular_company) + ' Email', name:'email', item:c.model, css_class:'form-control', row_css_class:'row form-group', label_css_class:'col-md-3 col-lg-2', input_wrap_class:'col-md-9 col-lg-10', validations: contact_info_required}) %> <%= ss.text_row({label:'Phone', name:'phone', item:c.model, css_class:'form-control', row_css_class:'row form-group', label_css_class:'col-md-3 col-lg-2', input_wrap_class:'col-md-9 col-lg-10', validations:company_phone_required}) %> <%= ss.text_row({label:'Fax', name:'fax', item:c.model, css_class:'form-control', row_css_class:'row form-group', label_css_class:'col-md-3 col-lg-2', input_wrap_class:'col-md-9 col-lg-10'}) %>  <div class="field company-email-domains form-group"> <label class="col-md-3 col-lg-2"> Email Domains: </label> <div class="col-md-9 col-lg-10"> <%= ss.text_field({ name:'email_domains', prepend:'@', placeholder:'example.com', item:c.model, css_class: 'form-control'}) %> <a tabindex="0" href="#" role="button" data-trigger="focus" class="popover_link" data-toggle="popover" data-content="Allows users to join their company by confirming an email address with one of these domains. The domains should be comma separated, and can include wildcards such as *.example.com, which for example, would match @subgroup1.example.com and @subgroup2.example.com email addresses, among others." data-original-title="Email Domains" data-placement="bottom"> <i class="fa fa-question-circle"></i> </a> </div> </div> <% if (company_profile_social_media) { %> <%= ss.text_row({label:'LinkedIn Page URL', name:'linkedin_url', item:c.model, css_class:'form-control', row_css_class:'row form-group', label_css_class:'col-md-3 col-lg-2', input_wrap_class:'col-md-9 col-lg-10'}) %> <%= ss.text_row({label:'Facebook Page URL', name:'facebook_url', item:c.model, css_class:'form-control', row_css_class:'row form-group', label_css_class:'col-md-3 col-lg-2', input_wrap_class:'col-md-9 col-lg-10'}) %> <div class="field relative company-twitter-handle row clearfix form-group"> <label class="col-md-3 col-lg-2"> Twitter Handle: </label> <div class="col-md-9 col-lg-10"> <%= ss.text_field({name:'twitter_handle', prepend:'@', placeholder:'company_name', item:c.model, css_class:'form-control'}) %> </div> </div> <% } %> <%= ss.address_linear_block({label:'Address', item:c.model, prefix:'address', validations:company_address_required}) %> <%= ss.address_linear_block({label:'Mailing Address ( if different )', item:c.model, prefix:'mailing_address'}) %> <br/> <h2 class="alert alert-info"><%= _.string.capitalize(ss.config.TERMS.singular_company) %> Overview</h2> <div class="company-overview-field"> <%= ss.rich_text_row({ name:'summary', item:c.model, validations:''}) %> </div> <%= ss.custom_fields({asset_key:'company',section:'about', subsection:'main'}, c.model, {row_css_class: 'clearfix mt1-5 mb1-5', float_multiselect: false, show_description:true} ) %> <br/>   </div> </script> <script type="text/template" class="people-section"> <div> <ul class="members item-listing mt2"></ul> <button class="add-person">Add Person</button>  </div> </script> <script type="text/template" class="chosen-person-template"> <div class="field_displayed_data"> <%= c.model.get('name') %> <a class="change-person">(Change)</a> <br>  <%= c.model.get('email') || 'no email' %> <br> <%= c.model.get('phone_number') %> </div> </script> <script type="text/template" class="add-person"> <div> <div class="indented-block button_group" data-toggle="buttons-radio"> <button type="button" class="button default add-by" value="name" >Add Existing Person</button> <button type="button" class="button default add-by" value="email" >Add New Person</button> </div> <div class="add-by-name"> <div class="field"> <label>Person:</label> <div class="add-person-autocomplete"></div> <div class="chosen-person"></div> </div> </div> <div class="add-by-email"> <%= ss.text_row({label:'Email', name:'email' //, validations:'required' }) %> <%= ss.text_row({label:'First Name', name:'first_name', validations:'required'}) %> <%= ss.text_row({label:'Last Name', name:'last_name', validations:'required'}) %> </div> <hr> <%= ss.checkbox_row({label:'Company Admin?',name:'company_admin'}) %> <div class="add-by-email"> <%= ss.checkbox_row({label:'Send Welcome Message?',name:'send_welcome_message'}) %> </div> </div> </script> <script type="text/template" class="person-listing-item"> <div> <% var person = c.model; var pending = person.pending(); %> <div class="image-section"> <% var image_url = person.build_image_url({width:60,height:60}); %> <img src="<%=image_url%>" height="60" width="60"> </div> <div class="detail-section"> <div> <div class="person-name"> <% var url = '/profiles/' + person.id + '/sections/basic'; %> <a class="onepage-link" href="/onepage<%=url%>" data-url="<%=url%>"> <%-person.get('name')%></a> </a> <% if ( ! pending ){ %> <a class="remove-member">(remove)</a> <% } %> <br> <%-person.get('email') || 'No email'%> </div> <div class="member-actions"> <% if ( pending ){ %> <span class="label label-important">Pending Member</span> <div style="padding-top:5px"> <button type="button" class="danger reject-member">Decline</button> <button type="button" class="success approve-member">Approve</button> </div> <% } else { %> <%= ss.text_field({name:'employee_title', value:person.get('title'), placeholder:'Title'}) %> <br> <input type="checkbox" class="admin" <%= person.admin()?'checked' : '' %> > <span> Admin <a tabindex="0" class="popover_link" role="button" data-toggle="popover" data-trigger="focus" title="" data-content="Admins can edit the company's profile and access its settings. There can be multiple company Admins. They can add other employees and they will receive communications regarding the company." data-original-title="Admin"> <i class="fa fa-question-circle icon-question-sign"></i> </a> </span> <br> <input type="radio" name="account_holder" class="account-holder" <%-person.get('account_holder') ? ' checked ' : ''%> <span> Billing Person <a tabindex="0" class="popover_link" role="button" data-toggle="popover" data-trigger="focus" title="" data-content="The Billing Person will receive confirmation emails and expiry reminders for your company's membership, and is the person who can purchase or renew memberships on behalf of the company. To access the full range of billing functionality, please ensure that this member has a valid email address." data-original-title="Billing Person"> <i class="fa fa-question-circle icon-question-sign"></i> </a> </span> <br> <input type="radio" name="primary_contact" class="primary-contact" <%-person.get('primary_contact') ? ' checked ' : ''%> <span> Contact Person <a tabindex="0" class="popover_link" role="button" data-toggle="popover" data-trigger="focus" title="" data-content="The Primary Contact is the person whose contact info will appear on your company's profile." data-original-title="Primary Contact"> <i class="fa fa-question-circle icon-question-sign"></i> </a> </span> <br> <% } %> <% if ( false && 'person.may_edit()' ){ %> <a class="edit-person">Edit</a> <% } %> </div> </div> </div> </div> </script> <script type="text/template" class="custom-section"> <% var plan_name = c.model.get('company_summary').plan_name; var plan_class = plan_name ? ss.fn.make_safe_for_css(plan_name) : 'no-plan'; %> <div class="company-custom-info-section plan_class-<%- plan_class %>"> <div class="alert alert-info"> Admin View: This page is only visible to network admins (people who can access the admin panel of your site). </div> <%= ss.text_area_row({label:'Internal Notes', name:'note', item:c.model, validations:''}) %> <%= ss.custom_fields({asset_key:'company',config_key:'admin_info'}, c.model ) %> </div> </script> <script type="text/template" class="company-section"> <% c.companies.each( function( company ){ %> <div> <%- company.get('name') %> </div> <% }); if ( ! c.companies.length ){ %> <div class="alert alert-info"><%= c.model.get('name') %> is not part of any companies</div> <% } %> </script> <script type="text/template" class="files-section"> <% var files = c.model.get('admin_uploader_files') || []; %> <ul> <% files.each(function( file ){ var file_path = 'admin_uploader_files.'+file.get('key')+'.file.file'; if (file.get('to_delete')){ return; } print('<li>'); print( ss.file_row({label:'File', item:c.model, name:file_path, is_private='True'})); }); %> </ul> <a href="#" class="add-file">+ Add File</a> </script> <script type="text/template" class="privacy-section"> <ul class="privacy_radio label_beside"> <% var name = c.model.get('name') || 'this company'; var privacy = c.model.get('company_directory_privacy') || 'public'; var privacy_options = [{value:'public', label:'<b>Open</b> (List '+ name +' in the Membership Directory for anyone to see)'}, {value:'public_to_groups', label:'<b>Members Only</b> (Only list ' + name + ' for members of ' + SS.app.current_network.name +')'}, {value:'private', label:'<b>Private</b> (Do not list ' + name + ' in the Membership Directory)'}] _.each( privacy_options, function( option ){ %> <li> <input type="radio" <%=option.value===privacy ? 'checked' : ''%> name="company_directory_privacy" data-name="company_directory_privacy" value="<%=option.value%>"><%=option.label%> <% }); %> </ul> </script> <script type="text/template" class="history-section"> <% var history_filters = [['All','all'], ['Profile Changes','profile_changes'], ['Imports','imports'], ['Exports','exports']]; %> <div class="button_group" data-toggle="buttons-radio"> <% _.each( history_filters, function( history_filter, index ){ %> <% var extra_class = ''; var label = history_filter[0]; var value = history_filter[1]; if ( index === 0 ){ extra_class = 'active'; } %> <button type="button" class="button default history-filter-type <%=extra_class%>" value="<%=value%>" ><%=label%></button> <% }); %> </div> <div class="history"></div> </script> <script type="text/template" class="social-section"> <div> Social </div> </script> <script type="text/template" class="public-section"> <div> Public </div> </script> <script type="text/template" class="locations-section"> <div class="location-editor-target"></div> </script> <script type="text/template" class="location-editor-template"> <% if (locations.length === 0) { %> <div class="pb2"><i>No locations were found for this company.</i></div> <% } else { %> <div class="pb2"> <button type="button" class="btn default save-locations pull-right"><i class="fa fa-save fa-lg mr1"></i>Save Location Changes</button> <div class="alert alert-success save-success absolute" style="width:73.5%" hidden>Location changes successfully saved.</div> <div class="alert alert-danger save-failure absolute" style="width:73.5%" hidden>Location changes not successfully saved. Please review for errors and re-save.</div> </div> <% locations.sort(function(location1,location2) { return (location1.get('name').toLowerCase() > location2.get('name').toLowerCase()) ? 1 : ((location2.get('name').toLowerCase() > location1.get('name').toLowerCase()) ? -1 : 0); }); _.each(locations, function(location) { %> <div class="location-to-edit w75 b1-lg br-5 mb2"> <div class="location-header-selector p1 fs14 bg-f5"> <a class="location-item-view-control mr3" id="<%- location.get('id') %>"><i class="fa fa-plus-circle fa-lg"></i></a><strong><%- location.get('name') %></strong> </div> <div class="location-edit-fields-target" hidden></div> </div> <% }); %> <% } %> <div><a class="btn btn-primary add-new-location"><i class="fa fa-plus mr1"></i>Add a New Location</a></div> </script> <script type="text/template" class="location-edit-fields-template"> <div class="location-edit p1-5 ml3-5"> <div><strong>Edit location data:</strong></div> <div class="location-data-fields pt1"> <form class="location-edit-form bb1-lg mr3"> <div class="label_beside"> <div class="field"> <label class="w-auto">Location Name:</label><i class="required_marker"></i> <input class="location-data-field input_box required w75 pull-right" name="name" value="<%- location.get('name') %>" data-validations="required"> </div> <div class="field"> <label class="w-auto">Street Address:</label> <input class="location-data-field input_box w75 pull-right" name="street_address" value="<%- location.attributes.address.street_address %>"> </div> <div class="field"> <label class="w-auto">City:</label> <input class="location-data-field input_box w75 pull-right" name="city" value="<%- location.attributes.address.city %>"> </div> <div class="field"> <label class="w-auto">Country:</label> <%= ss.select_row({name:'country', value:location.attributes.address.country, css_class:'location-data-field input_box w75i mt-n-1i pull-right country_binding_provinces', options:countries_and_states.ALL_COUNTRIES })%> </div> <div class="field" data-bound_to="form|.country_binding_provinces" data-bound_to_value="CA"> <label class="w-auto">Province / State:</label> <%= ss.select_row({name:'state', value:location.attributes.address.state, css_class:'location-data-field input_box w75i mt-n-1i pull-right', options:countries_and_states.CANADIAN_PROVINCES})%> </div> <div class="field" data-bound_to="form|.country_binding_provinces" data-bound_to_value="US"> <label class="w-auto">Province / State:</label> <%= ss.select_row({name:'state', value:location.attributes.address.state, css_class:'location-data-field input_box w75i mt-n-1i pull-right', options:countries_and_states.AMERICAN_STATES})%> </div> <div class="field" data-bound_to="form|.country_binding_provinces" data-bound_to_value="AU"> <label class="w-auto">Province / State:</label> <%= ss.select_row({name:'state', value:location.attributes.address.state, css_class:'location-data-field input_box w75i mt-n-1i pull-right', options:countries_and_states.AUSTRALIAN_STATES})%> </div> <div class="field" data-bound_to="form|.country_binding_provinces" data-bound_to_value="GB"> <label class="w-auto">Province / State:</label> <%= ss.select_row({name:'state', value:location.attributes.address.state, css_class:'location-data-field input_box w75i mt-n-1i pull-right', options:countries_and_states.UK_STATES})%> </div> <div class="field" data-bound_to="form|.country_binding_provinces" data-bound_to_value="!CA,!US,!AU,!GB"> <label class="w-auto">Province / State:</label> <input class="location-data-field input_box w75 pull-right" name="state" value="<%- location.attributes.address.state %>"> </div> <div class="field"> <label class="w-auto">Postal / Zip Code:</label> <input class="location-data-field input_box w75 pull-right" name="zip_code" value="<%- location.attributes.address.zip_code %>"> </div> <div class="field"> <label class="w-auto">Email Address:</label> <input class="location-data-field input_box w75 pull-right" name="email" value="<%- location.get('email') %>"> </div> <div class="field"> <label class="w-auto">Phone Number:</label> <input class="location-data-field input_box w75 pull-right" name="phone" value="<%- location.get('phone') %>"> </div> <div class="field"> <label class="w-auto">Fax Number:</label> <input class="location-data-field input_box w75 pull-right" name="fax" value="<%- location.get('fax') %>"> </div> <div class="field"> <label class="w-auto">Website:</label> <input class="location-data-field input_box w75 pull-right" name="website" value="<%- location.get('website') %>"> </div> </div> </form </div> <div class="location-member-edit pt1 pr3"> <div><strong>Edit employee data:</strong></div> <div class="table-responsive pt1"> <table class="table table-bordered"> <thead> <tr> <td>Employee Name</td> <td>Email</td> <td>Action</td> </tr> </thead> <tbody> <% var members = []; var non_members = []; _.each(company.get('members').models, function(employee) { _.each(location.get('members'), function(member) { if (employee.id === member.user_id) { members.push(employee); } }); if (members.indexOf(employee) === -1) { non_members.push(employee); } }); %> <% _.each(members, function(employee) { %> <tr> <td><a href="/onepage/profiles/<%- employee.get('id') %>" target=_blank><%- employee.get('name') %></a></td> <td><%- employee.get('email') %></td> <td><i class="fa fa-user-times red mr1"></i><a class="move-employee remove" name=<%- employee.id %>>Remove from this location</a></td> </tr> <% }); %> <% _.each(non_members, function(employee) { %> <tr> <td><a href="/onepage/profiles/<%- employee.get('id') %>" target=_blank><%- employee.get('name') %></a></td> <td><%- employee.get('email') %></td> <td><i class="fa fa-user-plus green mr1"></i><a class="move-employee add" name=<%- employee.id %>>Add to this location</a></td> </tr> <% }); %> </tbody> </table> </div> </div> <div> <button class="btn btn-danger delete-location" name="<%- location.id %>"><i class="icon-trash icon-white pr2"></i>Delete this location</button> </div> </div> </script> </div> <div class="member-admin-templates"> <script type="text/template" class="reset-password"> <div class="form-group"> <label>New Password</label> <input type="text" name="password" placeholder="New Password or Blank for Random" value="" data-name="password" data-validations="password_reset" class="form-control" style="width:50% !important;"> <div class="help-block"> Passwords must be at least <%=SS.app.current_network.password_minimum_length%> characters long (or you can leave the field blank and let SilkStart generate a random password. </div> </div> The following email will be sent: <div class="dialog_message_preview">  Dear <%=c.user_name%> <br><br> Your password has been reset. <br><br> Your new password is: NEWPASSWORD <br><br> Go to <%=SS.app.current_network.base_url%> to log in with your email <%=c.email %>. <br><br> Thank you, <br> <%=SS.app.current_network.name%> Team </div> </script> <script type="text/template" class="manage-chapter"> <% if (! c.network_map) { %> <div style="text-align:center"> <i class="fa fa-spinner fa-pulse fa-4x"></i> </div> <% } else { %> <table class="table table-bordered"> <thead> <tr> <th>Chapter Name</th> <th>Status</th> <th>Membership Plan</th> <th>Remove</th> </tr> </thead> <tbody> <% _.each(_.sortBy(c.network_permaids, function(network_permaid) {return c.network_map[network_permaid]['is_apex'] ? 0 : 1;}), function(network_permaid) { %> <% var network = c.network_map[network_permaid] %> <tr> <td><%= network['network_name'] %></td> <td><%= network['status'] %></td> <td><%= network['membership_name'] %></td> <td style="text-align:center"> <% if(!network['is_apex'] && _.some(ss_context.user_networks, function(user_network) {return user_network.permaid === network['network_permaid']})) { %> <a class="remove-network" data-permaid=<%= network['network_permaid'] %>><i class="fa fa-times" aria-hidden="true"></i></a> <% } else { %> <i class="fa fa-lock" aria-hidden="true"></i> <% } %> </td> </tr> <% }) %> </tbody> </table> <% if(ss_context.network_features.active_on_only_one_chapter && c.network_permaids.length > 2) { %> <div class="alert alert-danger"> This person now belongs to more than one chapter. Are you sure you want to make this change? </div> <% } %> Add Chapter: <select name="select_use_chapter" multiple="multiple" class="select-user-chapter multi-select-target" data-placeholder="Select chapter"> <% _.each(ss_context.user_networks, function(network) { %> <% if(!_.contains(c.network_permaids, network.permaid)) { %> <option value="<%= network.permaid %>"><%= network.name %></option> <% } %> <% }); %> </select> You can update the chapters that a user is a part of from this dialog. If you try to remove a user from a chapter, you must first make sure that they do not have any chapter specific plans, or else they will not be able to be removed from that chapter. <% } %> </script> <script type="text/template" class="send-password-reset"> The following email will be sent: <div class="dialog_message_preview"> Dear <%=c.user_name%>, <br /><br /> You have requested a password reset for <%=c.email %>. <br /><br /> Please use the following link to reset your password: [password reset link] <br /><br /> Thank you, <br /> <%=SS.app.current_network.name%> Team </div> </script> <script type="text/template" class="add-note"> <% var note = c.note; if ( note ){ note = ss.fn.escape_newlines( note ); %> <div class="field" style="max-height:200px;overflow-y:auto"> <div class="indented-block field_displayed_data"> <%= note %> </div> </div> <% } %> <%= ss.text_area_row({label:'Internal Note', name:'note', validations:'required'}) %> </script> <script type="text/template" class="send-welcome"> <form class="dialog-scroll-container"> <%= ss.text_row( {label:'Subject', name:'bulk_network_invite_subject', validations:'required', value:c.subject_template } ) %> <div class="field row"> <label class="col-sm-3" style="width:25%">Send a Custom Message:</label> <div class="col-sm-9"> <div class="help-block"> Customize your invitation. You can use the replacement variables as you see fit, but be sure to include {invite_url} as the destination for one of your links! </div> <table class="table table-bordered"> <thead> <tr><th><strong>Replacement Text</strong></th><th><strong>Value</strong></th></tr> </thead> <tbody> <tr><td>{user_first_name}</td><td>The user's first name</td></tr> <tr><td>{invite_url}</td><td>A signup URL for your site</td></tr> <tr><td>{network_name}</td><td>Your organization's name</td></tr> </tbody> </table> <% if (c.body_template) { %> <div class="inline_field_block field_displayed_data"> <div class="bulk_network_invite_personalization ckeditor_input" name="bulk_network_invite_personalization" style="display:none"> <%= c.body_template %> </div> </div> <% } %> </div> </div> <input type="hidden" value="${invite_type}" name="invite_type"> <input type="hidden" value="" name="continue_failed_job" class="continue_failed_job"> <% var redirect_url = SS.app.current_network.base_url; if ( ! _.string.endsWith( redirect_url, '/' ) ){ redirect_url += '/'; } redirect_url += 'setup'; %> <%= ss.text_row({label:'Redirect Url', name:'redirect_url', validations:'required url', value: redirect_url }) %> <div class="field"> <label></label> <div class="inline_field_block field_displayed_data"> We recommend you use the default address for this email, <br> but if you need to redirect users to a different page instead, <br> you can set that URL here. </div> </div>  </form> </script> <script type="text/template" class="change-plan"> <form> <% var options = [{label:'No Plan', value:''} ]; c.plans.each( function(plan){ options.push( {label: plan.get('name'),value:plan.id} ); }); print(ss.select_row({label:'Membership Plan', name:'membership_plan', options:options, value:c.model.get_plan_id()})); print(ss.text_row({label:'Expiry Date', name:'expiry_date', css_class:'date-picker-field form-control undo-field', value:ss.fn.format_date(c.model.get_expiry_date()), validations: 'date', placeholder:'Latest possible expiry date'})); %> <div class="field"> <label>Lifetime plan?</label> <input data-name="lifetime" class="lifetime-checkbox" name="lifetime" type="checkbox" /> </div> <div class="field"> <label>Notify user by email?</label> <input data-name="notify_user_membership_change" class="notify-user-membership-change-checkbox" name="notify_user_membership_change" type="checkbox" /> </div> <div class="field description"> Please note that changing the plan or expiry date will not bill this member. Changing a member's expiry date and/or membership plan is not simply an edit to their current plan. Making a change will stop the current membership and start a new one on the date you make the change. Please consider this before making a change. </div> <% if (c.model.get('has_recurring_billing_membership')) { %> <div class="panel panel-danger"> <div class="panel-heading"> <%- c.model.get('name') %> has set up automatic billing on their account. This action will end their automatic billing cycle and stop them from being billed automatically for membership on <%- c.model.get_expiry_date() %>. </div> </div> <% } %> </form> </script> <script type="text/template" class="offer-plan"> <div class="alert"> <b>Note</b>: When offering a plan, an offer email is <u>not</u> automatically sent by SilkStart to the member </div> <form> <% var options = [{label:'Choose a Plan to Offer', value:''} ]; var company_summary = c.model.get('company_summary'); var user_summary = c.model.get('user_summary'); var offered_plan = c.offered_plan; xxx_offered_plan = offered_plan; var summary = company_summary || user_summary; offered_plan_id = offered_plan && offered_plan.get('id'); var offered_plan_price = ''; if (offered_plan ){ offered_plan_price = offered_plan.get_price().cost_in_dollars(); } c.plans.each( function( plan ){ options.push( {label: plan.get('name'),value:plan.id} ); }); print( ss.select_row({label:'Membership Plan', name:'membership_plan_id', options:options, value:offered_plan_id}) ); print( ss.currency_row({label:'Membership Fee', name:'membership_fee', value:offered_plan_price, placeholder:''})); %> </form> </script> <script type="text/template" class="cancel-offer"> <div class="alert alert-warning"> <% if ( c.model.get('company_summary') ) { %> Deleting this offer won't change any existing plans this company has signed up for and will allow the company to sign up for any standard plans that match their company type. <% } else { %> Deleting this offer won't change any existing plans this individual has signed up for and will allow the individual to sign up for any standard plans. <% } %> </div> </script> <script type="text/template" class="change-signup-date"> <form> <div> <label>Date</label> <input class="date_input form-control date required" name="date" value="<%- ss.fn.format_date(c.model.get('signup_date')) %>" type="text" /> </div> </form> </script> <script type="text/template" class="membership-section"> <% var member_number = c.model.get('member_number'); var org_summary = c.model.get('company_summary'); var user_summary = c.model.get('user_summary'); var summary = org_summary || user_summary; var plan_name = summary.plan_name; var expiry = summary.membership_expiry_date; if (!expiry && summary.mixed_expiry_date == ss.config.CONSTANTS.LIFETIME) { expiry = ss.config.CONSTANTS.LIFETIME } var state = summary.state; var latest_plan = summary.latest_plan; var is_company_plan = summary.on_company_plan; var can_edit = SS.app.current_user.network_admin; safe_log('membership section'); %> <div> <div class="field"> <label>Signup Date:</label> <div class="field_displayed_data"> <% if ( c.model.get('company_summary') ) { %> <%= ss.fn.format_date( c.model.get('signup_date') ) %> <% if (c.model.get('can_modify_membership')) {%> <a href="#" class="change-signup-date">(Change)</a> <% } %> <% } else { %> <%= ss.fn.format_date( c.model.get('created') ) %> <% } %> </div> </div> <% if ( member_number ){ print( ss.display_row({label:'Member Number', value:member_number})); } %> <div class="field"> <label>Current Membership Plan:</label> <div class="field_displayed_data"> <%= plan_name || 'No Plan' %> <% if (c.model.get('can_modify_membership')) {%> <a href="#" class="change-plan">(Change Plan)</a> <% } %> <%= ss.fn.popover({title:'Current Membership Plan', content:"If this user has a current active membership, the plan name will display here. " + "<br/><br/>" + "<strong>Caution</strong> - Changing a member\'s expiry date and/or membership plan is not simply an edit to their current plan. " + "Making a change will stop the current membership and start a new one on the date you make the change. " + "Please consider this before making a change."}) %> </div> </div> <div class="field"> <label>Expiry Date:</label> <div class="field_displayed_data"> <% if (expiry === ss.config.CONSTANTS.LIFETIME) { %> <%= expiry %> <% } else { %> <%= ss.fn.format_date( expiry ) %> <% } %> </div> </div> <div class="field"> <label>Membership Status:</label> <div class="field_displayed_data"> <%= state %> <% if ( state !== 'Active' ){ if ( latest_plan ){ print( ' - ' + latest_plan ); } } if ( !can_edit || !c.model.get('can_modify_membership') ){ } else if ( is_company_plan && user_summary ){ // If a user has an active plan don't let it be modified } else if ( state === 'Active' ){ print(' <a class="cancel-membership">(Cancel Membership)</a>'); } else { if ( state === 'Cancelled' ){ var cancellation = c.model.get('cancellation'); if (cancellation.reason) { print(' [Reason: ' + cancellation.reason + ']'); } print(' <a href="#" class="uncancel">(Remove Cancellation) </a>'); } else { print(' <a href="#" class="cancel-membership">(Cancel) </a>'); } } var content = ''; content += "<p><strong>Active</strong> - Members are active if they have a membership plan that they've either been "; content += 'granted or for which they or their company have paid.'; content += '<p><strong>Contact</strong> - Members who have never had a membership plan are considered contacts '; content += '<p><strong>Expired</strong> - Members who have had a membership plan in the past but have had '; content += 'their membership lapse are considered expired. These members '; content += 'may still be sent renewal notices and may have renewal invoices '; content += 'generated '; content += "<p><strong>Cancelled</strong> - Cancelled members don't receive renewal reminders or invoices."; print(ss.fn.popover({title:'Membership Status', content:content})); %> </div> </div> <hr> <% var offered_plan_id = summary.offered_plan_id; var offered_plan_name = summary.offered_plan_name; var offered_plan_price = summary.offered_plan_price_description; %> <div class="field"> <label>Membership Plan Offer:</label> <div class="field_displayed_data"> <% if ( offered_plan_id ) { %> <%= offered_plan_name %> @ <%= offered_plan_price %> <% } else { %> No offer <% } %> <%= ss.fn.popover({title:'Offered Plan', content:'By giving a member or prospective member an offer you can give them a special deal, making it easier for them to sign up and restricting their choice of plans.'}) %> </div> </div> <div class="indented-block"> <% if ( can_edit ) { %> <% if ( offered_plan_id ) { %> <button type="button" class="offer-plan">Change Offer</button> <button type="button" class="danger cancel-offer">Cancel Offer</button> <% } else { %> <button type="button" class="offer-plan">Make an Offer</button> <% } %> <% } %> </div> </div> </script> </div> <div class="sign_in_modal modal fade" id="sign_in_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> <h4 class="modal-title">Log In</h4> </div> <div class="modal-body"> <div id="sign_in_div"> <div class="sign_in_form"> <form method="post" id="login_form_dropdown" class="form-horizontal" action="/auth/login" role="form"> <input type='hidden' name='associate_with_social_network' value=''> <input type="hidden" name="after_login" value="/articles/cleanfarms-and-rotary-club-of-etobicoke-partner-together-to-divert-waste-at-toronto-ribfest"> <div class="form-group"> <label for="member-username-input" class="col-sm-2 control-label">Email:</label> <div class="col-sm-10"> <input type="text" id="member-username-input" class="form-control required" placeholer="email" name="username_dropdown" value=""> </div> </div> <div class="form-group"> <label for="member-password-input" class="col-sm-2 control-label">Password:</label> <div class="col-sm-10"> <input class="form-control required" id="member-password-input" type="password" name="password_dropdown"> <span class="help-block"> <div class="ml-5 pull-right"> <a tabindex="0" class="popover_link None" role="button" data-toggle="popover" data-trigger="focus" title="Forgot your password" data-content="Select this to reset your password via email. If your email is already connected to an account but you have not logged in yet, you may also setup your password for the first time."><i class="fa fa-question-circle icon-question-sign"></i></a> </div> <a href="/auth/forgotten_password" class="pull-right" tabindex="-1"> Forgot your password? </a> </span> </div> </div> <div class="form-group"> <div class="col-xs-12"> <button type="submit" class="btn btn-primary pull-right">Log In</button> </div> </div> </form> </div> <script> $form = $("#login_form_dropdown"); var validator = $form.validate({ignore:[],focusInvalid:true}); </script> </div> </div> <div class="modal-footer center"> Not a member? <a href="http://www.owma.org/join-owma">Sign up</a>. </div> </div> </div> </div> </body> </html>

Error message

G: Ontario Waste Management Association | CleanFARMS and Rotary ...