ᓈᑕᓯᓇᐦᐄᒉᐅᓯᓇᐦᐄᑲᓐ |

<!DOCTYPE html> <html lang="crj-CA"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,10"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>ᓈᑕᓯᓇᐦᐄᒉᐅᓯᓇᐦᐄᑲᓐ | </title> <link rel="profile" href="https://gmpg.org/xfn/11"> <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script> <link rel="shortcut icon" href="https://www.eastcree.org/cree/wp-content/themes/eastcree_twentytwenty/favicon.ico" /> <link rel="shortcut icon" href="https://www.eastcree.org/cree/wp-content/themes/eastcree_twentytwenty/favicon.png" /> <meta name='robots' content='max-image-preview:large' /> <link rel='dns-prefetch' href='//s.w.org' /> <link rel="alternate" type="application/rss+xml" title="East Cree » ᓈᑕᓯᓇᐦᐄᒉᐅᓯᓇᐦᐄᑲᓐ Comments Feed" href="https://www.eastcree.org/cree/sc/catalogue/feed/" /> <script type="text/javascript"> window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/13.1.0\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/13.1.0\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/www.eastcree.org\/cree\/wp-includes\/js\/wp-emoji-release.min.js?ver=5.9.3"}}; /*! This file is auto-generated */ !function(e,a,t){var n,r,o,i=a.createElement("canvas"),p=i.getContext&&i.getContext("2d");function s(e,t){var a=String.fromCharCode;p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,e),0,0);e=i.toDataURL();return p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,t),0,0),e===i.toDataURL()}function c(e){var t=a.createElement("script");t.src=e,t.defer=t.type="text/javascript",a.getElementsByTagName("head")[0].appendChild(t)}for(o=Array("flag","emoji"),t.supports={everything:!0,everythingExceptFlag:!0},r=0;r<o.length;r++)t.supports[o[r]]=function(e){if(!p||!p.fillText)return!1;switch(p.textBaseline="top",p.font="600 32px Arial",e){case"flag":return s([127987,65039,8205,9895,65039],[127987,65039,8203,9895,65039])?!1:!s([55356,56826,55356,56819],[55356,56826,8203,55356,56819])&&!s([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]);case"emoji":return!s([10084,65039,8205,55357,56613],[10084,65039,8203,55357,56613])}return!1}(o[r]),t.supports.everything=t.supports.everything&&t.supports[o[r]],"flag"!==o[r]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[o[r]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener("DOMContentLoaded",n,!1),e.addEventListener("load",n,!1)):(e.attachEvent("onload",n),a.attachEvent("onreadystatechange",function(){"complete"===a.readyState&&t.readyCallback()})),(n=t.source||{}).concatemoji?c(n.concatemoji):n.wpemoji&&n.twemoji&&(c(n.twemoji),c(n.wpemoji)))}(window,document,window._wpemojiSettings); </script> <style type="text/css"> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='wp-block-library-css' href='https://www.eastcree.org/cree/wp-includes/css/dist/block-library/style.min.css?ver=5.9.3' type='text/css' media='all' /> <style id='global-styles-inline-css' type='text/css'> body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--duotone--dark-grayscale: url('#wp-duotone-dark-grayscale');--wp--preset--duotone--grayscale: url('#wp-duotone-grayscale');--wp--preset--duotone--purple-yellow: url('#wp-duotone-purple-yellow');--wp--preset--duotone--blue-red: url('#wp-duotone-blue-red');--wp--preset--duotone--midnight: url('#wp-duotone-midnight');--wp--preset--duotone--magenta-yellow: url('#wp-duotone-magenta-yellow');--wp--preset--duotone--purple-green: url('#wp-duotone-purple-green');--wp--preset--duotone--blue-orange: url('#wp-duotone-blue-orange');--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} </style> <link rel='stylesheet' id='eastcree_twentytwenty-style-bootstrap-reboot-css' href='https://www.eastcree.org/cree/wp-content/themes/eastcree_twentytwenty/css/bootstrap-reboot.min.css?ver=5.9.3' type='text/css' media='all' /> <link rel='stylesheet' id='eastcree_twentytwenty-style-bootstrap-css' href='https://www.eastcree.org/cree/wp-content/themes/eastcree_twentytwenty/css/bootstrap.min.css?ver=5.9.3' type='text/css' media='all' /> <link rel='stylesheet' id='eastcree_twentytwenty-style-bootstrap-grid-css' href='https://www.eastcree.org/cree/wp-content/themes/eastcree_twentytwenty/css/bootstrap-grid.min.css?ver=5.9.3' type='text/css' media='all' /> <link rel='stylesheet' id='eastcree_twentytwenty-theme-css' href='https://www.eastcree.org/cree/wp-content/themes/eastcree_twentytwenty/css/eastcree_twentytwenty_theme.css?version=20210104&ver=5.9.3' type='text/css' media='all' /> <link rel='stylesheet' id='eastcree_twentytwenty-style-css' href='https://www.eastcree.org/cree/wp-content/themes/eastcree_twentytwenty/style.css?ver=5.9.3' type='text/css' media='all' /> <link rel='stylesheet' id='eastcree_twentytwenty-glyphicon-css' href='https://www.eastcree.org/cree/wp-content/themes/eastcree_twentytwenty/css/glyphicon.css?ver=5.9.3' type='text/css' media='all' /> <link rel='stylesheet' id='eastcree_twentytwenty-fontawesome-css' href='https://www.eastcree.org/cree/wp-content/themes/eastcree_twentytwenty/css/all.css?ver=5.9.3' type='text/css' media='all' /> <script type='text/javascript' src='https://www.eastcree.org/cree/wp-includes/js/jquery/jquery.min.js?ver=3.6.0' id='jquery-core-js'></script> <script type='text/javascript' src='https://www.eastcree.org/cree/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.3.2' id='jquery-migrate-js'></script> <script type='text/javascript' src='https://www.eastcree.org/cree/wp-content/themes/eastcree_twentytwenty/js/jquery-3.1.1.min.js?ver=3.1.1' id='eastcree_twentytwenty-script-jquery-js'></script> <link rel="https://api.w.org/" href="https://www.eastcree.org/cree/wp-json/" /><link rel="alternate" type="application/json" href="https://www.eastcree.org/cree/wp-json/wp/v2/pages/202" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.eastcree.org/cree/xmlrpc.php?rsd" /> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://www.eastcree.org/cree/wp-includes/wlwmanifest.xml" /> <meta name="generator" content="WordPress 5.9.3" /> <link rel="canonical" href="https://www.eastcree.org/cree/sc/catalogue/" /> <link rel='shortlink' href='https://www.eastcree.org/cree/?p=202' /> <link rel="alternate" type="application/json+oembed" href="https://www.eastcree.org/cree/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.eastcree.org%2Fcree%2Fsc%2Fcatalogue%2F" /> <link rel="alternate" type="text/xml+oembed" href="https://www.eastcree.org/cree/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.eastcree.org%2Fcree%2Fsc%2Fcatalogue%2F&format=xml" /> <meta name="keywords" content="cree, language, catalogue"/> <style type="text/css"> .user-buttons { position: absolute; top:25px; right:25px; min-height: 45px; display:block; margin-bottom: 1rem; width: 100%; text-align: right; } #header { /* The image used */ background-image: url("https://www.eastcree.org/cree/wp-content/themes/eastcree_twentytwenty/images/banner2.jpg"); /* Set a specific height */ height: 15vh padding: 0; /* Create the parallax scrolling effect */ background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } #header .breadcrumb a { color: white } #header .breadcrumb { background: transparent; color: white; } @media (min-width: 768px) { #header { height: 15vh; } } @media (min-width: 992px) { #header { height: 20vh; } } #spelling-side { display: none } #cite table { border: 0 !important; padding: 1em; border-radius: .3rem; } #cite table tr > td { background: white; display: block; } #cite table tr:first-of-type > td span[style*="ff0000"] { color: #fff !important; } #cite table tr:first-of-type > td span[style*="ff0000"]:before { content: "https://www.eastcree.org/cree/sc/catalogue/";color: #333 !important; } #cite table tr:nth-of-type(3) > td span[style*="ff0000"]{ color: #fff !important;} #cite table tr:nth-of-type(3) > td span[style*="ff0000"]:before { content: "17 Feb. 2025";color: #333 !important; } .head {page-break-after: avoid; padding-bottom: 1em} h1 + *,h2 + *,h3 + *,h4 + *,h5 + *,h6 + *,h7+ *,.head + * { page-break-before: avoid; } @page { size:auto; margin: 25mm 25mm 25mm 25mm; border:1px solid #ccc} body {padding-top:170px;/**/} .navbar-inverse .navbar-nav .nav-link {color:white;} .navbar-inverse .navbar-nav .current-nav-item .nav-link, .navbar-inverse .navbar-nav .current-page-ancestor >.nav-link { color:#fd7/*rgba(255,255,255,0.55)*/;} .admin-bar .fixed-top { top:31px;} #wpadminbar { z-index: 1000} h1,h2,h3,h4 { font-weight:300; } .sidebar .list-item > a { /*white-space: nowrap;*/ overflow: hidden; text-overflow: ellipsis; max-width: calc(100% - 50px); } </style> <style type="text/css" media="print"> #cite {display:block !important; position: relative !important; break-inside: avoid; margin-top:2em; margin-bottom: 2em; background: none !important; box-shadow: none !important;} #cite > div { position: relative !important;background: none !important; ;} p, page-id-10214 div, table {page-break-inside: avoid;} h1 + *,h2 + *,h3 + *,h4 + *,h5 + *,h6 + *,h7+ *,.head + * { page-break-before: avoid;} @page { size:auto; margin 25mm 25mm 25mm 25mm; border:1px solid #ccc} </style> </head> <body class="page-template-default page page-id-202 page-child parent-pageid-10" > <nav id="main-navbar" class="navbar navbar-expand-md bg-primary navbar-inverse fixed-top d-print-none mb-5" role="navigation" style="/*background-color: rgba(63,0,0,0.8) !important;*/"> <button class="navbar-toggler text-white" type="button" data-toggle="collapse" data-target="#navbar-collapse-1" aria-controls="navbar-collapse-1" aria-expanded="false" aria-label="Toggle navigation"> <i class="fa fa-hamburger"></i><span class="navbar-toggler-icon"></span> </button> <a class="navbar-brand " style="color:#ddd" href="https://www.eastcree.org/cree" rel="home"><span class="glyphicon glyphicon-home"></span> </a> <div class=" collapse navbar-collapse" id="navbar-collapse-1"> <div class="col-9 "><ul class="navbar-nav mr-auto"><li id="nav-item-13213" class="nav-item nav-item-type-post_type nav-item-object-page nav-item-13213"><a class="nav-link" href="https://www.eastcree.org/cree/sc/about/">ᐁ ᐃᔑ ᐋᔨᒨᑌᒡ</a></li> <li id="nav-item-13220" class="nav-item nav-item-type-post_type nav-item-object-page nav-item-13220"><a class="nav-link" href="https://www.eastcree.org/cree/sc/grammar/">ᐄᓅ ᐊᔨᒧᐧᐃᓐ</a></li> <li id="nav-item-13214" class="nav-item nav-item-type-post_type nav-item-object-page nav-item-13214"><a class="nav-link" href="https://www.eastcree.org/cree/sc/stories/">ᑎᐹᒋᒧᐧᐃᓐᐦ</a></li> <li id="nav-item-13215" class="nav-item nav-item-type-post_type nav-item-object-page nav-item-13215"><a class="nav-link" href="https://www.eastcree.org/cree/sc/lessons/">ᒋᔅᑯᑕᒫᒉᐧᐃᓐᐦ</a></li> <li id="nav-item-13216" class="nav-item nav-item-type-post_type nav-item-object-page nav-item-13216"><a class="nav-link" href="https://www.eastcree.org/cree/sc/terminology/">ᐁ ᐊᔨᒥᐦᐄᑐᓈᓅᐦᒡ</a></li> <li id="nav-item-13217" class="nav-item nav-item-type-post_type nav-item-object-page nav-item-13217"><a class="nav-link" href="https://www.eastcree.org/cree/sc/dictionary/">ᐊᔨᒧᐧᐃᓐ ᒪᓯᓇᐦᐄᑲᓐ</a></li> <li id="nav-item-13218" class="nav-item nav-item-type-post_type nav-item-object-page nav-item-13218"><a class="nav-link" href="https://www.eastcree.org/cree/sc/resources/">ᒉ ᐧᐄᒋᐦᐄᑯᔨᓐ</a></li> <li id="nav-item-13219" class="nav-item nav-item-type-post_type nav-item-object-page current-nav-item page_item page-item-202 current_page_item nav-item-13219"><a class="nav-link" href="https://www.eastcree.org/cree/sc/catalogue/" aria-current="page">ᓈᑕᓯᓇᐦᐄᒉᐅᓯᓇᐦᐄᑲᓐ</a></li> </ul></div> <form class="form-inline col" action="https://www.eastcree.org/cree"> <input class="form-control mr-sm-2" type="search" name="s" value="" placeholder="search" onchange="this.form.submit()"> </form> <ul class="nav navbar-nav navbar-inverse navbar-right "> <li> </li> <li style="min-width: 75px;" class="dropdown "> <a href="#" class="dropdown-toggle text-white" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">ᔖᐧᐊᓅᑖᐦ</a> <ul class="dropdown-menu"> <li class=""><a class="text-white" href="https://www.eastcree.org/cree/en/catalogue" >English</a></li> <li class=""><a class="text-white" href="https://www.eastcree.org/cree/fr/catalogue" >Français</a></li> <li class=""><a class="text-white cree" href="https://www.eastcree.org/cree/nc/catalogue" >ᐊᑎᒫᐲᓯᒻ</a></li> <li class=" active"><a class="text-white cree" href="https://www.eastcree.org/cree/sc/catalogue" >ᔖᐧᐊᓅᑖᐦᒡ</a></li> </ul> </li> <li><a class="btn-sm" href="#"><span class="glyphicon glyphicon-user" onclick="location.href='https://www.eastcree.org/cree/wp-admin/'; return false; "></span></a></li> </ul> <script type="text/javascript"> //adjust menu function adjustMenu(){ $("ul.nav > li.page_item_has_children > a").addClass("dropdown-toggle").attr("data-toggle","dropdown").attr("role","button").attr( "aria-expanded","false").append('<span class="caret"></span>'); $("li.page_item_has_children").removeClass("page_item_has_children").addClass("dropdown"); $("li.current-menu-item, li.current_page_parent, li.current_page ").addClass("active"); } </script> </div> </nav> <header id="header" class="d-print-none "> <div class=" row" style="/*background-color: rgba(0,0,0,0.3);*/ margin-top:-115px;"> <div class="col"> <div class="scene"> <div class="cube" > <div class="cube-face front" style=" "> East Cree <small style="color:#eee; font-size:40%; display:block; padding-left:.5em">language resources</small> </div> <div class="cube-face back bg-snow" > <strong style="font-size:1.5rem" class="syllabics" > ᒥᔪᒪᑯᔐᒌᔑᑲᓂᐦᑖᐦ </strong> <small style="color:#eee; font-size:0.7rem; display:block; padding-left:.5em">miyumakushechiishikanihtaah </small> </div> <div class="cube-face left bg-snow" > <strong style="font-size:0.9rem" class="syllabics">ᒑ ᐧᐄᐦ ᒥᔪᐱᔨᔨᓐ ᒑ ᐅᔅᒋᐱᐳᐦᒡ</strong> <small style="color:#eee; font-size:0.7rem; display:block; padding-left:2px">chaa wiih miyupiyiyin chaa uschipipuhch</small> </div> <div class="cube-face right bg-snow"> <span style="font-size:1.2rem; margin-bottom:.1rem; padding-bottom:0;" > Happy new year!</span> <span style="font-size:1.2rem; display:block; margin-top:.1rem; padding-top:0;"> Bonne année!</span> </div> </div> </div>  </div> <div class="d-none col-md-6 d-md-block col-lg-7 text-right" style=" max-height:100px;background: transparent url(https://www.atlas-ling.ca/img/atlas-logo.png) no-repeat top right ; background-size: contain; "> </div> </div> <div class="d-none container-fluid mt-5 d-md-block" style="position: absolute; margin:0; padding:.35rem; bottom:0; left:0; right:0; background-color: rgba(0,0,0,0.3);"> <div class="row"> <div class="col-1"> <span class="btn btn-primary btn-lg d-md-none" onclick="$(this).toggleClass('active'); $('#content').toggleClass('col-4').toggleClass('col'); $('#sidenav').toggleClass('d-none');"> <span class="glyphicon glyphicon-menu-hamburger"></span> </span> </div> <div class="col-10 d-md-block"> <ol class="breadcrumb" style="margin:0; padding:0;"> <li class="breadcrumb-item"><a href="">Home</a></li> <li class="breadcrumb-item"><a href="https://www.eastcree.org/cree/sc/" class="cree">ᔖᐧᐊᓅᑖᐦᒡ</a></li> <li class="breadcrumb-item"><a href="https://www.eastcree.org/cree/sc/catalogue/" class="cree">ᓈᑕᓯᓇᐦᐄᒉᐅᓯᓇᐦᐄᑲᓐ</a></li> </ol> </div> </div> </div> </header> <main id="main" class="main container-fluid"> <section class="row" id="container"> <div class="col" id="content"> <button class="btn btn-lg btn-outline-primary d-lg-none" data-toggle="button" onclick="$('#sidenav').toggleClass('d-none')"><span class="fa fa-bars"></span> </button> <script type="text/javascript" id="eastcree_twentytwenty-script-catalogue-angular.min" src="https://www.eastcree.org/cree/wp-content/themes/eastcree_twentytwenty/js/angular.min.js"></script><script type="text/javascript" id="eastcree_twentytwenty-script-catalogue-angular-route.min" src="https://www.eastcree.org/cree/wp-content/themes/eastcree_twentytwenty/js/angular-route.min.js"></script><script type="text/javascript" id="eastcree_twentytwenty-script-catalogue-angular-sanitize.min" src="https://www.eastcree.org/cree/wp-content/themes/eastcree_twentytwenty/js/angular-sanitize.min.js"></script><script type="text/javascript" id="eastcree_twentytwenty-script-catalogue-angular-resource.min" src="https://www.eastcree.org/cree/wp-content/themes/eastcree_twentytwenty/js/angular-resource.min.js"></script><script type="text/javascript" id="eastcree_twentytwenty-script-catalogue-ui-bootstrap-tpls-1.3.1.min" src="https://www.eastcree.org/cree/wp-content/themes/eastcree_twentytwenty/js/ui-bootstrap-tpls-1.3.1.min.js"></script><img src="https://www.eastcree.org/cree/wp-content/themes/eastcree_twentytwenty/images/eclipse.gif" id='loading' style='position:fixed; top:45%; left:45%; z-index: 1000;'/> <style type="text/css"> .badge { vertical-align: text-top !important; } .caret-right { border-bottom: 4px solid transparent; border-top: 4px solid transparent; border-left: 4px solid; display: inline-block; height: 0; opacity: 0.3; vertical-align: top; width: 0; margin-right:1em ; } .clickable { cursor: pointer !important; } .roman { color: #333; } .en { color: rgba(66,125,66,1) !important; } .ps { color: #999; /*font-family: Courier, monospace;*/ font-size: 85%;} .italics { font-style: italic !important;} .bold { font-weight: bold !important;} .definition { /*font-family: "Eras Medium ITC", "Euphemia"; */font-size: 13pt; } .note { white-space: pre-wrap; } .panel-primary .panel-heading a { color: #ccc;} .dialect { font-variant: small-caps; /*color:#9C26B0 !important;*/ } #mainList mark { padding:.3em 0; margin:0;} /*main.row { display:flex; flex: column reverse }*/ .media-object.img-thumbnail { max-width: 150px} /* Small devices (tablets, 768px and up) */ @media (min-width: 768px) { .media-object.img-thumbnail { max-width: 200px} } /* Medium devices (desktops, 992px and up) */ @media (min-width: 992px) { .media-object.img-thumbnail { max-width: 250px} } /* Large devices (large desktops, 1200px and up) */ @media (min-width: 1200px) { .media-object.img-thumbnail { max-width: 300px} } .tooltip-inner { max-width: 500px;} .Entry h4 { font-size:15px; margin-left:1em; font-weight: 600; color:#bb5320;} .Entry h4 + p { margin-left: 1em; margin-top:-6px;} .panel-primary .panel-heading .text-muted { color: #ddd;} .panel-primary .panel-heading h2,p { margin-left: 1em;} .syllabics { font-size: 120%;} .source { text-align: right} .list-group-item .active { color:white; } #content { font-size: 1.1rem; } input:invalid { border-color:#e66; color: #e66; background-color: #ffe; background-image: url(https://www.eastcree.org/cree/wp-content/themes/eastcree_twentytwenty/svgs/times.svg); padding-right: 1.5rem; background-position: center right; background-repeat: no-repeat ; background-size: 0.8rem; } #shipTo input.ng-valid.ng-empty { background-color: #ffe; background-image: url(https://www.eastcree.org/cree/wp-content/themes/eastcree_twentytwenty/svgs/asterisk.svg); padding-right: 1rem; background-position: center right; background-repeat: no-repeat ; background-size:0.5rem; } #shipTo input.ng-valid.ng-not-empty { border-color: #2a4; color: #2a4; background-image: url(https://www.eastcree.org/cree/wp-content/themes/eastcree_twentytwenty/svgs/check.svg); background-position: center right; background-repeat: no-repeat ; background-size: 1rem; } #shipTo input.ng-empty{ background-color: white; } </style> <div class="alert alert-warning alert-dismissible fade show d-none" role="alert"> <button type="button" class="close" data-dismiss="alert" aria-label="Close"> <span aria-hidden="true">×</span> </button> <h2 class="display-4 d-none" style="">About this catalogue</h2> This version is of the catalogue is still under development. Please note that the printing and online ordering function are not yet active in this version. You can still place an order and print the catalogue when you visit <a href="https://publications.eastcree.org" target="catalogue">https://publications.eastcree.org</a> </div> <div id="BrowseController" ng-controller="BrowseController" ng-init="lang='crj';"> <header class="row d-print-none" > <div class="col-8 align-self-center" style=" padding-top: 1em; "> <img src="https://www.eastcree.org/cree/wp-content/themes/eastcree_twentytwenty/images/ui-anim.gif" id='search-anim' style='float:left; 'onload='$(this).hide();'/> <div class="form-group" style="left: 1%;">  <input id="searchText" type="text" class="form-control typehead" placeholder="Type something you want to look up.." data-ng-model="search.text" onkeypress="if(event.charCode==13){ angular.element(this).scope().pageChanged(true);}else{ clearTimeout(waitSearch); waitSearch= setTimeout(function(){angular.element('#BrowseController').scope().pageChanged(true);},2500);}" /> </div> </div> <div class="col-1" style=" padding-top: 1em; "> <button class="btn btn-outline-primary" ng-disabled="((search.text==undefined))" data-ng-click="pageChanged(true)" ><span class="glyphicon glyphicon-search"></span></button> </div> <div class="col-3 text-right"> <button class="btn btn-outline-primary" ng-if="!(isShoppingCart)" ng-disabled="(shoppingCart | isEmpty)" data-ng-click="showShoppingCart(true)"><span class="glyphicon glyphicon-shopping-cart"></span> View Shopping Cart <sup class="bg-primary text-white badge" ng-bind="shoppingCart |count"></sup> </button> <button class="btn btn-outline-primary" ng-if="isShoppingCart" data-ng-click="showShoppingCart(false)"><span class="glyphicon glyphicon-backward"></span> Back to catalogue </button> </div>  </header> <main class="row" style="max-height: calc(100vh - 120px); margin-bottom: 0"> <section class="col col-md-8 col-lg-9 " style=" overflow-y: auto;"> <div class="alert" id="alert"></div> <div ng-if="isShoppingCart" ng-cloak="true"> <h2 class="text-muted"> <button class="float-right btn btn-outline-primary" data-ng-click="showShoppingCart(false)"><span class="glyphicon glyphicon-backward"></span> Back to catalogue </button> Shopping cart </h2> <table class="table"> <tr> <th class=" d-print-none"></th> <th>items</th> <th>quantity</th> <th>total</th> </tr> <tr ng-repeat="item in shoppingCart"> <td class=" d-print-none"> <span class="btn btn-outline-danger" ng-click="removeFromShoppingCart(item.Catalogue.id)"> <i class="glyphicon glyphicon-trash fa fa-trash"></i> </span> </td> <td> <img class="d-block mx-auto mb-2 mr-2 float-left" style="max-height:150px; margin-right: 1rem !important;" ng-src="{{'https://www.eastcree.org'+(item.Media | bookCoverURL) | trustedResource}}" alt="cover"><br/> <strong class="text-primary syllabics" ng-bind-html="item.Catalogue.title_s_ | html"></strong><br/> <span class="text-muted"><a ng-href="#/authors/{{item.Author.id | base64}}/{{item.Author.name_s_}}" ng-bind-html="item.Author.name_s_ | html"></a></span><br/> <span class=" text-info" style="font-size:85%;">ISBN: <span ng-bind="item.Catalogue.isbn"></span> </span><br/> <span class="text-warning text-right"> $<span ng-bind="item.Catalogue.price"></span> CAD </span><br /> </td> <td> <input type="number" style="text-align:center; max-width: 50px" ng-change="updateShoppingCart(item.Catalogue.id)" ng-model="shoppingCart[item.Catalogue.id].quantity" /> </td> <td> $<span ng-bind="item.subtotal"></span> </td> </tr> <tr> <th colspan="3" class="text-muted text-right "> <h3>Subtotal</h3> <span ng-if="!(shoppingCart | isEmpty)" class="btn btn-lg btn-success" onclick="$('#shipTo').removeClass('collapse'); $(this).remove()">Proceed to checkout</span> </th> <th><h3>(CAD) ${{shoppingCartTotal}}</h3></th> </tr> </table> <ng-form name="shippingForm"> <table class="table collapse" id="shipTo"> <caption>Ship to</caption> <tr> <th>Name</th> <td><input type="text" class="form-control" required ng-required="" id="shipToname" ng-model="shipTo.name"></td> </tr> <tr> <th>Email</th> <td><input type="email" class="form-control" required ng-required="" id="shipToemail" ng-model="shipTo.email"></td> </tr> <tr> <th>Address</th> <td><textarea rows="3" class="form-control" required ng-required="" id="shipToaddress" ng-model="shipTo.address"></textarea></td> </tr> <tr> <th>City</th> <td><input type="text" class="form-control" required ng-required="" id="shipTocity" ng-model="shipTo.city"></td> </tr> <tr> <th>Province</th> <td> <select type="text" class="form-control" required ng-required="" id="shipToprovince" ng-model="shipTo.province"> <option value="AB">Alberta</option><option value="BC">British Columbia</option><option value="MB">Manitoba</option><option value="NB">New Brunswick</option><option value="NL">Newfoundland</option><option value="NT">Northwest</option><option value="NS">Nova Scotia</option><option value="NU">Nunavut</option><option value="ON">Ontario</option><option value="PE">Prince Edward Island</option><option value="QC">Quebec</option><option value="SK">Saskatchewan</option><option value="YT">Yukon</option> </select> </td> </tr> <tr> <th>Postal Code</th> <td><input pattern="[A-Za-z][0-9][A-Za-z][ ]*[0-9][A-Za-z][0-9]" placehoder="XXX XXX" title="e.g A0A 0A0" type="text" maxlength="7" minlength="6" class="form-control" required ng-required="" id="shipTopostal_code" ng-model="shipTo.postal_code"></td> </tr> <tr> <th>Telephone</th> <td><input type="tel" class="form-control" required ng-required="" id="shipTotelephone" ng-model="shipTo.telephone"></td> </tr> <tr> <th>Special instructions</th> <td> <textarea rows="4" class="form-control" ng-model="shipTo.special_instructions"></textarea> </td> </tr> <tr> <td colspan="2" class="text-right"> <span class="btn btn-lg btn-success" ng-show="isReadyToPlaceOrder()" ng-click="place_order()">Place order</span> </td> </tr> </table> </ng-form> </div> <div ng-if="!isShoppingCart"> <div ng-if="(!isLoading && browse.paging.Catalogue.count<1)"> <div class="alert alert-danger"> Did not find item <strong>{{searchText}}</strong> </div> </div> <h3 ng-cloak="true" class="display-4 text-primary text-center border-bottom border-primary" ng-if="browse.selected">{{browse[browse.selected.model][browse.selected.uuid]}} <sup class="badge">{{browse.paging.Catalogue.count}}</sup> </h3> <p ng-if="browse.paging.Catalogue.count" class="text-center"> <span class=" text-primary" ng-bind="browse.paging.Catalogue.count"></span> items</p> <p><span class="mr-2" ng-repeat="(name,filterList) in browse.filters">{{name}}:<span class="btn btn-outline-info" ng-repeat="(uid,label) in filterList" ng-click="filter(name,uid,1)"><sup class="fa fa-times"></sup>{{browse[name][uid]}}</span></span> </p> <div class="card-columns"> <article class="card mb-2" ng-repeat="item in browse.catalogue" ng-cloak="true" style="max-width:40vw; min-width: 300px;" > <h3 style="font-size:85%;" class="card-header syllabics" ng-bind-html="item.Catalogue.title_s_ | highlight_search_text:search.text | html"></h3> <summary class="card-block p-2"> <abbr ng-bind="item.Dialect.name_en[0] " style="float: left; color: #ccc; font-size:3rem; font-weight: 100;"></abbr> <h4 style="font-size:85%;" class="card-title text-right"><a ng-href="#/authors/{{item.Author.id | base64}}/{{item.Author.name_s_}}" ng-bind-html="item.Author.name_s_ | highlight_search_text:search.text | html"></a></h4> <img class="d-block mx-auto mb-2" style="max-height:250px;" ng-src="{{'https://www.eastcree.org'+(item.Media | bookCoverURL) | trustedResource}}" alt="cover"> <p class="card-text" style="font-size:75%;" ng-bind-html="item.Catalogue.summary_s_ | highlight_search_text:search.text | html"></p> <p class="card-text text-info" style="font-size:85%;">ISBN: <span ng-bind="item.Catalogue.isbn"></span> </p> <p class="card-text text-warning text-right"> $<span ng-bind="item.Catalogue.price"></span> CAD </p> <p ng-if="!item.Catalogue.is_discontinued && item.Catalogue.quantity >0" class="card-text text-right"> <span ng-if="shoppingCart[item.Catalogue.id]==undefined" class="btn btn-outline-success" ng-click="addToShoppingCart(item)"> <i class="glyphicon glyphicon-shopping-cart fa fa-shopping-cart"></i> Add to cart </span> <span ng-if="shoppingCart[item.Catalogue.id]" class="btn btn-outline-danger" ng-click="removeFromShoppingCart(item.Catalogue.id)"> <i class="glyphicon glyphicon-shopping-cart fa fa-shopping-cart"></i> Remove from cart </span> </p> <p ng-if="item.Catalogue.quantity<1" class="card-text text-danger"> Out of stock </p> <p ng-if="item.Catalogue.is_discontinued" class="card-text text-danger"> Discontinued </p> <a ng-href="#/levels/{{item.Catalogue.age}}" class="btn btn-primary" ng-bind="item.Catalogue.age"></a>  <details> <table class="table table-striped"> <tr> <th>Dialect</th> <td><a ng-href="/dialects/{{item.Dialect.id | base64}}/{{item.Dialect.name_s_}}" ng-bind="item.Dialect.name_s_"></a></td> </tr> <tr ng-if="item.Type.name_s_"> <th>Type</th> <td><a ng-href="#/types/{{item.Type.id | base64 }}/{{item.Type.name_s_}}" ng-bind="item.Type.name_s_"></a></td> </tr> <tr ng-if="item.Series.name_s_"> <th>Series</th> <td><a ng-href="#/series/{{item.Series.id | base64}}/{{item.Series.name_s_}}" ng-bind="item.Series.name_s_"></a></td> </tr> <tr ng-if="item.Catalogue.year_published"> <th>Year published</th> <td ng-bind="item.Catalogue.year_published"></td> </tr> <tr ng-if="item.Catalogue.edition"> <th>Edition</th> <td ng-bind="item.Catalogue.edition"></td> </tr> <tr ng-if="item.Catalogue.editor_s_"> <th>Editor</th> <td ng-bind="item.Catalogue.editor_s_"></td> </tr> <tr ng-if="item.Catalogue.illustrated_by_s_"> <th>Illustrated by</th> <td ng-bind="item.Catalogue.illustrated_by_s_"></td> </tr> <tr ng-if="item.Catalogue.photo_credits_s_"> <th>Photo credits</th> <td ng-bind="item.Catalogue.photo_credits_s_"></td> </tr> <tr ng-if="item.Source.length>1"> <th>ᐊᓂᑌ ᐧᐁᐦᒋᐸᔨᐦᐧᑳᐤ</th> <td><a class="btn" ng-repeat="source in item.Source" ng-href="#/source/{{source.id | base64}}/{{source.name_s_}}" ng-bind="source.name_s_"></a></td> </tr> <tr ng-if="item.Teaching.length>1"> <th>ᒋᔅᑯᑕᒫᒉᐧᐃᓐᐦ</th> <td><a class="btn" ng-repeat="teaching in item.Teaching" ng-href="#/teaching/{{teaching.id | base64}}/{{teaching.name_s_}}" ng-bind="teaching.name_s_"></a></td> </tr> <tr ng-if="item.Theme.length>1"> <th>ᒉᐧᑳᓐ ᐊᓐ</th> <td><a class="btn" ng-repeat="theme in item.Theme" ng-href="#/themes/{{theme.id | base64}}/{{theme.name_s_}}" ng-bind="theme.name_s_"></a></td> </tr> <tr ng-if="item.Topic.length>1"> <th>ᐋᔨᒨᒫᑲᓅ/ᐋᔨᒨᑌᐤ</th> <td><a class="btn" ng-repeat="topic in item.Topic" ng-href="#/topics/{{topic.id | base64}}/{{topic.name_s_}}" ng-bind="topic.name_s_"></a></td> </tr> </table> </details> </summary> </article> </div> </div> <summary> {{browse.paging.Catalogue.page}} / {{browse.paging.Catalogue.pageCount}} </summary> <img src="https://www.eastcree.org/cree/wp-content/themes/eastcree_twentytwenty/images/ui-anim.gif" class="infinite-scroll-loader d-print-none" infinite-scroll="" ng-show="browse.paging.Catalogue.page<browse.paging.Catalogue.pageCount" id="catalogueloader" style='padding-top: 2rem'/> </section> <aside class="col col-md-4 col-lg-3 d-print-none" style=" overflow: hidden;overflow-y: auto;"> <h4 class="card-header"> <a href="https://www.eastcree.org/cree/sc/catalogue/#reset"> <img style="max-height: 80px" class=" rounded-circle" src="https://www.eastcree.org/cree/wp-content/themes/eastcree_twentytwenty/images/catalogue.jpg"> ᓈᑕᓯᓇᐦᐄᒉᐅᓯᓇᐦᐄᑲᓐ</a> </h4> <a class="btn btn-primary btn-lg" ng-cloak="" ng-show="browse.selected.model" href="https://www.eastcree.org/cree/sc/catalogue/#reset"> All</a> <h4 class="card-header" data-toggle="collapse" data-target="#browse_dialects" onclick="$('.glyphicon', this).toggleClass('fa-plus').toggleClass('fa-minus')"><i class="text-muted glyphicon fa fa-plus mr-2 small"></i> Dialects <span class="badge bg-white" ng-bind=" browse.dialects | count"></span> </h4> <div class="collapse " id="browse_dialects"> <article class="card "> <ul class="list-group list-group-flush"> <li class="list-group-item ng-class:{active:(browse.selected.model=='dialects' && browse.selected.uuid == uid)}" ng-repeat="(uid,val) in browse.dialects" style="padding: .25rem 1.25rem"> <label><input ng-disabled="isLoading" type="checkbox" ng-change="filter('dialects',uid)" ng-value="uid" ng-model="browse.filters['dialects'][uid]"> <a style="padding: 0 .75rem" class="btn ng-class:{active:(browse.selected.model.match('dialects')!=null && uid==browse.selected.uuid)}" ng-href="#/dialects/{{uid | base64}}/{{val}}" ng-bind="val"></a></label> </li> </ul> </article> </div> <h4 class="card-header" data-toggle="collapse" data-target="#browse_age" onclick="$('.glyphicon', this).toggleClass('fa-plus').toggleClass('fa-minus')"><i class="text-muted glyphicon fa fa-plus mr-2 small"></i> ᐁ ᐃᑕᐦᑐᐳᓀᓯᑦ <span class="badge bg-white" ng-bind=" browse.age | count"></span> </h4> <div class="collapse " id="browse_age"> <article class="card "> <ul class="list-group list-group-flush"> <li class="list-group-item ng-class:{active:(browse.selected.model=='age' && browse.selected.uuid == uid)}" ng-repeat="(uid,val) in browse.age" style="padding: .25rem 1.25rem"> <label><input ng-disabled="isLoading" type="checkbox" ng-change="filter('age',uid)" ng-value="uid" ng-model="browse.filters['age'][uid]"> <a style="padding: 0 .75rem" class="btn ng-class:{active:(browse.selected.model.match('age')!=null && uid==browse.selected.uuid)}" ng-href="#/age/{{uid | base64}}/{{val}}" ng-bind="val"></a></label> </li> </ul> </article> </div> <h4 class="card-header" data-toggle="collapse" data-target="#browse_types" onclick="$('.glyphicon', this).toggleClass('fa-plus').toggleClass('fa-minus')"><i class="text-muted glyphicon fa fa-plus mr-2 small"></i> Types <span class="badge bg-white" ng-bind=" browse.types | count"></span> </h4> <div class="collapse " id="browse_types"> <article class="card "> <ul class="list-group list-group-flush"> <li class="list-group-item ng-class:{active:(browse.selected.model=='types' && browse.selected.uuid == uid)}" ng-repeat="(uid,val) in browse.types" style="padding: .25rem 1.25rem"> <label><input ng-disabled="isLoading" type="checkbox" ng-change="filter('types',uid)" ng-value="uid" ng-model="browse.filters['types'][uid]"> <a style="padding: 0 .75rem" class="btn ng-class:{active:(browse.selected.model.match('types')!=null && uid==browse.selected.uuid)}" ng-href="#/types/{{uid | base64}}/{{val}}" ng-bind="val"></a></label> </li> </ul> </article> </div> <h4 class="card-header" data-toggle="collapse" data-target="#browse_sources" onclick="$('.glyphicon', this).toggleClass('fa-plus').toggleClass('fa-minus')"><i class="text-muted glyphicon fa fa-plus mr-2 small"></i> Sources <span class="badge bg-white" ng-bind=" browse.sources | count"></span> </h4> <div class="collapse " id="browse_sources"> <article class="card "> <ul class="list-group list-group-flush"> <li class="list-group-item ng-class:{active:(browse.selected.model=='sources' && browse.selected.uuid == uid)}" ng-repeat="(uid,val) in browse.sources" style="padding: .25rem 1.25rem"> <label><input ng-disabled="isLoading" type="checkbox" ng-change="filter('sources',uid)" ng-value="uid" ng-model="browse.filters['sources'][uid]"> <a style="padding: 0 .75rem" class="btn ng-class:{active:(browse.selected.model.match('sources')!=null && uid==browse.selected.uuid)}" ng-href="#/sources/{{uid | base64}}/{{val}}" ng-bind="val"></a></label> </li> </ul> </article> </div> <h4 class="card-header" data-toggle="collapse" data-target="#browse_teachings" onclick="$('.glyphicon', this).toggleClass('fa-plus').toggleClass('fa-minus')"><i class="text-muted glyphicon fa fa-plus mr-2 small"></i> ᒋᔅᑯᑕᒫᒉᐧᐃᓐᐦ <span class="badge bg-white" ng-bind=" browse.teachings | count"></span> </h4> <div class="collapse " id="browse_teachings"> <article class="card "> <ul class="list-group list-group-flush"> <li class="list-group-item ng-class:{active:(browse.selected.model=='teachings' && browse.selected.uuid == uid)}" ng-repeat="(uid,val) in browse.teachings" style="padding: .25rem 1.25rem"> <label><input ng-disabled="isLoading" type="checkbox" ng-change="filter('teachings',uid)" ng-value="uid" ng-model="browse.filters['teachings'][uid]"> <a style="padding: 0 .75rem" class="btn ng-class:{active:(browse.selected.model.match('teachings')!=null && uid==browse.selected.uuid)}" ng-href="#/teachings/{{uid | base64}}/{{val}}" ng-bind="val"></a></label> </li> </ul> </article> </div> <h4 class="card-header" data-toggle="collapse" data-target="#browse_themes" onclick="$('.glyphicon', this).toggleClass('fa-plus').toggleClass('fa-minus')"><i class="text-muted glyphicon fa fa-plus mr-2 small"></i> ᒉᐧᑳᓐ ᐊᓐ <span class="badge bg-white" ng-bind=" browse.themes | count"></span> </h4> <div class="collapse " id="browse_themes"> <article class="card "> <ul class="list-group list-group-flush"> <li class="list-group-item ng-class:{active:(browse.selected.model=='themes' && browse.selected.uuid == uid)}" ng-repeat="(uid,val) in browse.themes" style="padding: .25rem 1.25rem"> <label><input ng-disabled="isLoading" type="checkbox" ng-change="filter('themes',uid)" ng-value="uid" ng-model="browse.filters['themes'][uid]"> <a style="padding: 0 .75rem" class="btn ng-class:{active:(browse.selected.model.match('themes')!=null && uid==browse.selected.uuid)}" ng-href="#/themes/{{uid | base64}}/{{val}}" ng-bind="val"></a></label> </li> </ul> </article> </div> <h4 class="card-header" data-toggle="collapse" data-target="#browse_topics" onclick="$('.glyphicon', this).toggleClass('fa-plus').toggleClass('fa-minus')"><i class="text-muted glyphicon fa fa-plus mr-2 small"></i> ᐁᐦ ᑲᑕᑕᐹᓂᓯᓇᐦᐄᑲᓄᐧᐃᐦᐧᑳᐤ ᐄᓅᐤ ᐊᔨᒧᐧᐃᓐᐦ <span class="badge bg-white" ng-bind=" browse.topics | count"></span> </h4> <div class="collapse " id="browse_topics"> <article class="card "> <ul class="list-group list-group-flush"> <li class="list-group-item ng-class:{active:(browse.selected.model=='topics' && browse.selected.uuid == uid)}" ng-repeat="(uid,val) in browse.topics" style="padding: .25rem 1.25rem"> <label><input ng-disabled="isLoading" type="checkbox" ng-change="filter('topics',uid)" ng-value="uid" ng-model="browse.filters['topics'][uid]"> <a style="padding: 0 .75rem" class="btn ng-class:{active:(browse.selected.model.match('topics')!=null && uid==browse.selected.uuid)}" ng-href="#/topics/{{uid | base64}}/{{val}}" ng-bind="val"></a></label> </li> </ul> </article> </div> <h4 class="card-header" data-toggle="collapse" data-target="#browse_authors" onclick="$('.glyphicon', this).toggleClass('fa-plus').toggleClass('fa-minus')"><i class="text-muted glyphicon fa fa-plus mr-2 small"></i> Authors <span class="badge bg-white" ng-bind=" browse.authors | count"></span> </h4> <div class="collapse " id="browse_authors"> <article class="card "> <ul class="list-group list-group-flush"> <li class="list-group-item ng-class:{active:(browse.selected.model=='authors' && browse.selected.uuid == uid)}" ng-repeat="(uid,val) in browse.authors" style="padding: .25rem 1.25rem"> <label><input ng-disabled="isLoading" type="checkbox" ng-change="filter('authors',uid)" ng-value="uid" ng-model="browse.filters['authors'][uid]"> <a style="padding: 0 .75rem" class="btn ng-class:{active:(browse.selected.model.match('authors')!=null && uid==browse.selected.uuid)}" ng-href="#/authors/{{uid | base64}}/{{val}}" ng-bind="val"></a></label> </li> </ul> </article> </div> </aside> </main> </div> <script type="text/javascript">  </script>  <script type="text/javascript"> angular.module('catalogueApp.controllers',[]) .controller('BrowseController',['$rootScope','$scope','Data','$location','$window','$http', function($rootScope,$scope,Data, $location, $window, $http){ $rootScope.browse = { catalogue: [], currentPage: {Catalogue:1}, filters:{}, paging: {}, selected:{uuid:false,model:false,name:false}, controllers:['dialects','age','types','sources', 'teachings', 'themes', 'topics', 'authors'] }; var storageKey='EastCree.Catalogue.shoppingCart'; var sessionID = false; $scope.shoppingCart ={}; $scope.isShoppingCart = false; $scope.shoppingCartTotal = 0; $scope.shipTo={province:'QC'}; function saveShoppingCart(){ updateShoppingCartTotal(); $window.sessionStorage.setItem(storageKey,angular.toJson($scope.shoppingCart)); } function updateShoppingCartTotal() { $scope.shoppingCartTotal=0; angular.forEach($scope.shoppingCart, function (item,id) { $scope.shoppingCartTotal += $scope.shoppingCart[id].subtotal = $scope.shoppingCart[id].quantity * $scope.shoppingCart[id].Catalogue.price; }); } if($window.sessionStorage.getItem(storageKey)){ $scope.shoppingCart = angular.fromJson($window.sessionStorage.getItem(storageKey)); updateShoppingCartTotal(); console.log($scope.shoppingCart); } $rootScope.isLoading = false; if($rootScope.lang==undefined)$rootScope.lang ="crj"; var errorCallback = function (response) { angular.element('#loading').hide(); console.log(response); $rootScope.isLoading = false; }; $scope.modelize = function(mdl){ if(mdl.match(/series/g)!=null) return mdl; return mdl.charAt(0).toUpperCase() +mdl.slice(1).replace(/ies$/,"y").replace(/s$/,""); }; $scope.nextPage = function(){ if($scope.isShoppingCart) return; if($rootScope.browse.paging.Catalogue && $rootScope.browse.paging.Catalogue.nextPage){ $rootScope.browse.currentPage.Catalogue+=1; $scope.pageChanged(false); } }; $scope.$on('$locationChangeSuccess', function(event, newUrl, oldUrl){ // TODO What you want on the event. console.log(event, newUrl, oldUrl,); if(newUrl!=oldUrl || $rootScope.browse.selected.name==false){ if(newUrl.indexOf("/#")!=-1){ var urlParts = newUrl.split("/"); console.log(urlParts); if(urlParts[urlParts.length-2]!='#'){ $rootScope.browse.selected.name = urlParts.pop(); $rootScope.browse.selected.uuid = $window.atob(urlParts.pop()); $rootScope.browse.selected.model = urlParts.pop(); console.log($rootScope.browse.selected); }else{ $rootScope.browse.selected={uuid:false,model:false,name:false}; } } if(newUrl.indexOf("/?")!=-1){ var urlParts = newUrl.split("/"); console.log(urlParts); if(urlParts[urlParts.length-1].indexOf('?')!=-1){ var params = urlParts.pop().split("&"); for(var i in params){ if(params[i].indexOf("search")!=-1|| params[i].indexOf("view")!=-1){ var param = params[i].split("="); $scope.search ={}; $scope.search.text = param[1].trim(); } } } } $scope.pageChanged(true); } }); $scope.filter = function (model,uuid,remove){ angular.element("#loading").show(); $rootScope.browse.catalogue = []; $rootScope.browse.currentPage.Catalogue = 1; var params =''; if($scope.search && $scope.search.text)params+='/search:'+$scope.search.text; if($rootScope.browse.selected.model){ params +="/browse"; params += '/'+$scope.modelize($rootScope.browse.selected.model); params +='/'+ $rootScope.browse.selected.uuid; } //params += '/filter[]:'+($rootScope.browse.filters[model][uuid]?'add':'remove')+'/filter[]:'+$scope.modelize(model)+'/filter[]:'+uuid; if(remove || $rootScope.browse.filters[model][uuid]==false)delete $rootScope.browse.filters[model][uuid]; if($window.Object.keys($rootScope.browse.filters[model]).length<1) delete $rootScope.browse.filters[model]; console.log(model,$rootScope.browse.filters[model]); for(var m in $rootScope.browse.filters) for (var uid in $rootScope.browse.filters[m]) if($rootScope.browse.filters[m][uid]) params+= '/filterBy['+m+'][]:'+uid; $http.get('//www.eastcree.org/manager/catalogues/index/page:1'+params+'.json').then(function successCallBack(response){ var data = response.data; $rootScope.browse.catalogue = $rootScope.browse.catalogue.concat(data.catalogue); $rootScope.browse.paging = data.paging; for(var r in $rootScope.browse.controllers){ if($rootScope.browse[$rootScope.browse.controllers[r]]==undefined){ $rootScope.browse[$rootScope.browse.controllers[r]]= data[$rootScope.browse.controllers[r]]; //$rootScope.browse.filters[$rootScope.browse.controllers[r]]={}; } } $rootScope.browse.setFilter=false; angular.element("#loading-anim").hide(); angular.element("#loading").hide(); $rootScope.isLoading = false; }, errorCallback); }; $scope.pageChanged = function (init) { if($scope.isShoppingCart ) return; //if($scope.browse.paging) return; if($rootScope.isLoading) return; $rootScope.isLoading = true; angular.element("#loading").show(); if(init){ $rootScope.browse.catalogue = []; $rootScope.browse.currentPage.Catalogue = 1; $scope.isShoppingCart = false; } var params ={ controller:'catalogues', action:'index', page:'page:'+$rootScope.browse.currentPage.Catalogue, locale:'setLocale:'+$rootScope.lang }; if($scope.search && $scope.search.text)params.search='search:'+$scope.search.text; if($rootScope.browse.selected.model){ params.model = $scope.modelize($rootScope.browse.selected.model); params.uuid = $rootScope.browse.selected.uuid; params.do ="browse"; } console.log(params); var filter =''; if(init && $rootScope.browse.currentPage.Catalogue==1 && params.do==undefined && $scope.search==undefined){ params.do='reset'; for(var m in $rootScope.browse.filters){ for (var uid in $rootScope.browse.filters[m]) delete $rootScope.browse.filters[m][uid]; delete $rootScope.browse.filters[m]; } } else { for(var m in $rootScope.browse.filters) for (var uid in $rootScope.browse.filters[m]) if($rootScope.browse.filters[m][uid]) filter+= '\/filterBy\['+m+'\]\[\]\:'+uid; } console.log(params); //console.log($rootScope.browse.filters); //Data.get(params,function successCallBack(data){ $http.get('//www.eastcree.org/manager/'+params.controller+'/'+params.action+(params.do?'/'+params.do:'')+(params.model?'/'+params.model:'')+(params.search?'/'+params.search:'')+'/'+params.page+'/'+params.locale+(filter.length?filter:'')+(params.uuid?'/'+params.uuid:'')+'.json').then(function successCallBack(response){ //$http.get('//www.eastcree.org/manager/'+params.controller+'/'+params.action+(params.do?'/'+params.do:'')+(params.search?'/'+params.search:'')+'/'+params.page+'/'+params.locale+(filter.length?filter:'')+'.json').then(function successCallBack(response){ var data = response.data; $rootScope.browse.catalogue = $rootScope.browse.catalogue.concat(data.catalogue); $rootScope.browse.paging = data.paging; for(var r in $rootScope.browse.controllers){ if($rootScope.browse[$rootScope.browse.controllers[r]]==undefined){ $rootScope.browse[$rootScope.browse.controllers[r]]= data[$rootScope.browse.controllers[r]]; //$rootScope.browse.filters[$rootScope.browse.controllers[r]]={}; } } angular.element("#loading-anim").hide(); angular.element("#loading").hide(); $rootScope.isLoading = false; }, errorCallback); }; $scope.addToShoppingCart = function (item) { angular.element("#loading").show(); if($scope.shoppingCart[item.Catalogue.id] == undefined){ $scope.shoppingCart[item.Catalogue.id] = angular.copy(item); $scope.shoppingCart[item.Catalogue.id].quantity = 0; } $scope.shoppingCart[item.Catalogue.id].quantity +=1; $scope.shoppingCart[item.Catalogue.id].subtotal = $scope.shoppingCart[item.Catalogue.id].quantity * $scope.shoppingCart[item.Catalogue.id].Catalogue.price; saveShoppingCart(); angular.element("#loading-anim").hide(); angular.element("#loading").hide(); $rootScope.isLoading = false; }; $scope.updateShoppingCart = function (id) { angular.element("#loading").show(); $scope.shoppingCart[id].subtotal = $scope.shoppingCart[id].quantity * $scope.shoppingCart[id].Catalogue.price; saveShoppingCart(); angular.element("#loading-anim").hide(); angular.element("#loading").hide(); $rootScope.isLoading = false; }; $scope.removeFromShoppingCart = function (id) { angular.element("#loading").show(); if($scope.shoppingCart[id]!=undefined){ delete $scope.shoppingCart[id]; saveShoppingCart(); } angular.element("#loading-anim").hide(); angular.element("#loading").hide(); $rootScope.isLoading = false; }; $scope.showShoppingCart = function(shouldShow){ $scope.isShoppingCart = shouldShow; }; $scope.isReadyToPlaceOrder = function () { if(Object.keys($scope.shoppingCart).length == 0) return false; //console.log($scope.shipTo,$scope.shippingForm); var fields = ['name','email','address','city','province','postal_code','telephone']; for(var i in fields){ //console.log(fields[i], $scope.shipTo[fields[i]]); if($scope.shipTo[fields[i]]==undefined)return false; } return true; } $scope.place_order = function () { var data = { Shoppingcart : $scope.shipTo, CatalogueShoppingcart : [] }; data.Shoppingcart.total = $scope.shoppingCartTotal; for(var id in $scope.shoppingCart){ var item = $scope.shoppingCart[id]; data.CatalogueShoppingcart.push({ catalogue_id : id, quantity : item.quantity, price : parseFloat(item.Catalogue.price), subtotal : item.subtotal }); } console.log(data); angular.element("#loading").show(); $http.post('//www.eastcree.org/manager/catalogues/selection.json', data).then(function successCallBack(response){ console.log(response); if(Object.keys(response.data.error).length){ angular.element("#alert").removeClass("alert-success"); angular.element("#alert").addClass("alert-danger"); var error =Object.keys(response.data.error); angular.element("#alert").html("Order not processed<br/>"+response.data.error[error[0]]+" could not be validated"); angular.element("#shipTo"+response.data.error[error[0]]).focus(); }else{ $scope.shoppingCart ={}; $scope.isShoppingCart = false; saveShoppingCart(); angular.element("#alert").removeClass("alert-danger"); angular.element("#alert").addClass("alert-success"); angular.element("#alert").html("Order placed, check your email for confirmation"); } angular.element("#loading-anim").hide(); angular.element("#loading").hide(); $rootScope.isLoading = false; }, errorCallback); }; //$scope.pageChanged(); }]); </script> <script type="text/javascript"> /** * Created by Del */ angular.module('catalogueApp.filters',[]) .filter('trustedResource',[ '$sce', function($sce){ return function(val){ if(val) return $sce.trustAsResourceUrl(val); return val; } } ]) .filter('html',[ '$sce', function($sce){ return function(val){ if(angular.isString(val)) return $sce.trustAsHtml(val.replace(/\\r\\n/g,"<br/>")); return $sce.trustAsHtml(""); } } ]) .filter('highlight_search_text',['$sce',function($sce){ return function(val,searchText){ try{ if(val && val.length && searchText && searchText.length){ var searchHighlight= "<mark>$1</mark>";//"<span style='text-decoration: underline; font-weight:bold; background-color: #ffc'>"+searchText+"</span>"; var re = new RegExp("("+searchText+")",'i'); return val.replace(re, searchHighlight); return val.replace(searchText, searchHighlight);//$sce.trustAsHtml(val.replace(searchText, searchHighlight)); } else if(val && val.length) return val; $sce.trustAsHtml(val); }catch(err){ console.log('highlight_search_text',val); } console.log('highlight_search_text error',val,searchText); return val; } }]) .filter('base64', ['$window',function ($window) { return function (val) { return $window.btoa(val); } }]) .filter('bookCoverURL', function () { return function (media) { try{ if(media && angular.isArray(media)){ var m = media[media.length-1]; if(m.url!=undefined) return m.url; } }catch (err){ console.log('bookCoverURL ', err,m, media); } return '/img/pubcat/none.jpg'; } }) .filter('isEmpty', function () { return function (data){ if(data){ if(angular.isArray(data)) return data.length==0; if(angular.isObject(data)) return Object.keys(data).length==0; } return true; } }) .filter('count', function () { return function (data){ if(data){ if(angular.isArray(data)) return data.length; if(angular.isObject(data)) return Object.keys(data).length; } return 0; } }) ; </script><script type="text/javascript"> /* directive */ angular.module('catalogueApp.directives',[]) .directive('infiniteScroll',[ function(){ function infiniteScroll(scope){ $(window).on('DOMContentLoaded load resize scroll', function(event){ $(".infinite-scroll-loader").each(function(index,elm){ var rect = elm.getBoundingClientRect(); //console.log(rect); //return; if( // scope.paging.Term.pageCount && !scope.isLoading && //check that we are not waiting for the a page to load rect.top >= 0 && // rect.left >= 0 && //rect.bottom > 0 && //rect.right > 0 && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) //&& /*or $(window).height() */ //rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */ ) scope.nextPage(); }); }); } return { //restrict : 'A', link: infiniteScroll }; } ]) .directive('mediaDisplay', function(){ return{ scope:{ media:'=', baseUrl:'=', search:"=" }, template:' <div data-ng-init="absURL=\'http://www.eastcree.org/\'+media.url;"><img class="media-object img-thumbnail img-responsive" title="{{media.orthography}} {{media.public_note_en}}" data-meta="{{media}}" data-ng-src="{{absURL | trustedResource}}" onclick="previewImage(this); " style=" margin-bottom:.5em;" data-ng-if="media.mime.match(\'image/\')!=null"/>'+ '<span class="audio-box" data-ng-if="media.mime.match(\'audio/\')!=null">'+ ''+ '<audio class="media-object" controls="controls" style="max-height:150px; margin-bottom:.5em;" title="{{media.public_note_en}}">'+ '<source data-ng-src="{{absURL | trustedResource}}" type="{{media.mime}}" />'+ '</audio>'+'<span class="text-info pronunciation-guide" ng-bind="media.pronunciation_guide"></span>'+ '</span>'+ '<video class="media-object" controls="controls" style="max-height:150px; margin-bottom:.5em;" data-ng-if="media.mime.match(\'video/\')!=null" title="{{media.public_note_en}}">'+ '<source data-ng-src="{{baseUrl+media.url | trustedResource}}" type="{{media.mime}}" />'+ '</video></div>' } }) ; </script><script type="text/javascript"> var waitSearch = false; angular.element(function() { angular.bootstrap(document, ['catalogueApp']); }); </script> </div> </section> </main> <footer id="footer" class="footer d-print-none" style=""> <div class=" container-fluid"> <div class="row"> </div> <div class="row"> <div class="pull-right"> Last modified: September 5, 2012 </div> <div class="pull-left" style="color: #d3d3d3"> </div> <div class="center-block"> ©2000-2025 www.eastcree.org </div> </div> <div class="row"> <script type='text/javascript' src='https://www.eastcree.org/cree/wp-content/themes/eastcree_twentytwenty/js/bootstrap.min.js?ver=20170520' id='eastcree_twentytwenty-script-bootstrap-js'></script> <script type='text/javascript' src='https://www.eastcree.org/cree/wp-content/themes/eastcree_twentytwenty/js/all.js?ver=20170520' id='eastcree_twentytwenty-script-fontawesome-js'></script> </div> <div class="row"> <div class="col col-xs-6 text-danger"> Data-mining and scraping strictly prohibited. </div> <div class="col col-xs-6 text-right text-danger"> L’extraction des données est strictement interdite </div> </div> </div> </footer> <script type="text/javascript"> </script>  <script type="text/javascript"> var _paq = _paq || []; _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="//webstats.atlas-ling.ca/"; _paq.push(['setTrackerUrl', u+'piwik.php']); _paq.push(['setSiteId', 1]); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s); })(); </script> <noscript><p><img src="https://webstats.atlas-ling.ca/piwik.php?idsite=1" style="border:0;" alt="" /></p></noscript>  <script type="text/javascript"> var images = ['https://www.eastcree.org/cree/wp-content/themes/eastcree_twentytwenty/images/banner1.jpg', 'https://www.eastcree.org/cree/wp-content/themes/eastcree_twentytwenty/images/banner2.jpg', 'https://www.eastcree.org/cree/wp-content/themes/eastcree_twentytwenty/images/banner3.jpg', 'https://www.eastcree.org/cree/wp-content/themes/eastcree_twentytwenty/images/banner4.jpg', 'https://www.eastcree.org/cree/wp-content/themes/eastcree_twentytwenty/images/banner5.jpg', 'https://www.eastcree.org/cree/wp-content/themes/eastcree_twentytwenty/images/banner6.jpg', 'https://www.eastcree.org/cree/wp-content/themes/eastcree_twentytwenty/images/banner7.jpg', 'https://www.eastcree.org/cree/wp-content/themes/eastcree_twentytwenty/images/banner8.jpg', 'https://www.eastcree.org/cree/wp-content/themes/eastcree_twentytwenty/images/banner9.jpg', 'https://www.eastcree.org/cree/wp-content/themes/eastcree_twentytwenty/images/banner10.jpg', 'https://www.eastcree.org/cree/wp-content/themes/eastcree_twentytwenty/images/banner11.jpg', 'https://www.eastcree.org/cree/wp-content/themes/eastcree_twentytwenty/images/banner12.jpg', 'https://www.eastcree.org/cree/wp-content/themes/eastcree_twentytwenty/images/banner13.jpg', ]; var imagesQueue =[]; var imageTimer=false; var deg =0; $( function () { try{ adjustMenu(); }catch(err){ console.log(err); } try{ adjustSidebar(); } catch (err) { console.log(err); } try { imageTimer = setInterval(function () { if (imagesQueue.length < 1) imagesQueue = images.slice(0); var index = imagesQueue.length > 1 ? Math.floor(Math.random() * imagesQueue.length) : 0; //console.log(images[index]); /* deg +=90; if(deg>=360)deg=0; $(".cube").css('transform'," rotateY("+deg+"deg)");*/ $("#header").css('background-image','url('+imagesQueue.splice(index,1)+')'); }, 30000); }catch(err){ console.log(err); } if($("#cite").length){ $("#content > .row").css('margin-top','25px'); $("#content").prepend('<div class="user-buttons d-print-none"><span class="btn-group"><span aria-controls="cite" role="button" class="btn btn-outline-primary " onclick="$(\'#cite\').show()">Cite</span><span class="btn btn-outline-primary" onclick="window.print()"><span class="fa fa-print"></span> </span> </span></div>'); $("#cite div:first,#cite .close").on('click',function () { $("#cite").hide(); }) } $(".clickable").addClass("btn"); $("button").addClass("btn btn-outline-primary"); //$(".user-buttons> button").addClass("btn-outline-secondary"); $(".pg-title").addClass(" text-primary "); $("img[src$='speak.gif']").hide().after(function(i) { //console.log(this.onclick, $(this).attr('data-sound-url')); return $('<span class="btn btn-lg text-primary clickable"' + ($(this).attr('data-sound-url') ? ' data-sound-url="' + $(this).attr('data-sound-url') : ' onclick=" $(this).prev(\'img\').click()') + '"></span>').append('<span class="glyphicon glyphicon-volume-up"></span>'); }); $("[data-sound-url]").click(function () { play($(this).attr('data-sound-url')); }); /*TODO:fix display or come up with a better way to do this*/ //console.log('ready'); }); function play(url) { try { //console.log(url); if ($("#audioPlayer").length > 0) { try { $("#audioPlayer")[0].pause(); } catch (err) { } $("#audioPlayer source").attr('src', 'https://www.eastcree.org' + encodeURI(url)); $("#audioPlayer")[0].load(); $("#audioPlayer")[0].play(); } } catch (err) { console.log(err); } //console.log($("#audioPlayer")); } </script> <audio id="audioPlayer" controls style="opacity: 0; visibility: hidden;"> <source type="audio/mpeg"/> </audio> </body> </html>

CINXE.COM

ᓈᑕᓯᓇᐦᐄᒉᐅᓯᓇᐦᐄᑲᓐ |