Delete face_upload and responsive-carousel.

This appears to be dead code.

lms/envs/common.py

@@ -1356,8 +1356,6 @@ PIPELINE_CSS = {
             'js/vendor/afontgarde/afontgarde.css',
             'css/vendor/font-awesome.css',
             'css/vendor/jquery.qtip.min.css',
-            'css/vendor/responsive-carousel/responsive-carousel.css',
-            'css/vendor/responsive-carousel/responsive-carousel.slide.css',
         ],
         'output_filename': 'css/lms-style-vendor.css',
     },

lms/static/css/vendor/responsive-carousel/responsive-carousel.css

-/*
- * responsive-carousel
- * https://github.com/filamentgroup/responsive-carousel
- *
- * Copyright (c) 2012 Filament Group, Inc.
- * Licensed under the MIT, GPL licenses.
- */
-.carousel {
-  width: 100%;
-  position: relative;
-}
-.carousel .carousel-item {
-  display: none;
-}
-.carousel .carousel-active {
-  display: block;
-}
-.carousel .carousel-nav:nth-child(2) {
-  display: none;
-}

lms/static/css/vendor/responsive-carousel/responsive-carousel.slide.css

-/*
- * responsive-carousel
- * https://github.com/filamentgroup/responsive-carousel
- *
- * Copyright (c) 2012 Filament Group, Inc.
- * Licensed under the MIT, GPL licenses.
-*/
-.carousel-slide {
-  position: relative;
-  overflow: hidden;
-  -webkit-transform: translate3d(0, 0, 0);
-  -moz-transform: translate3d(0, 0, 0);
-  -ms-transform: translate3d(0, 0, 0);
-  -o-transform: translate3d(0, 0, 0);
-  transform: translate3d(0, 0, 0);
-}
-.carousel-slide .carousel-item {
-  position: absolute;
-  left: 100%;
-  top: 0;
-  width: 100%; /* necessary for non-active slides */
-  display: block; /* overrides basic carousel styles */
-  z-index: 1;
-  -webkit-transition: left .2s ease;
-  -moz-transition: left .2s ease;
-  -ms-transition: left .2s ease;
-  -o-transition: left .2s ease;
-  transition: left .2s ease;
-}
-.carousel-no-transition .carousel-item {
-  -webkit-transition: none;
-  -moz-transition: none;
-  -ms-transition: none;
-  -o-transition: none;
-  transition: none;
-}
-.carousel-slide .carousel-active {
-  left: 0;
-  position: relative;
-  z-index: 2;
-}
-.carousel-slide .carousel-in {
-  left: 0;
-}
-.carousel-slide-reverse .carousel-out {
-  left: 100%;
-}
-.carousel-slide .carousel-out,
-.carousel-slide-reverse .carousel-in {
-  left: -100%;
-}
-.carousel-slide-reverse .carousel-item {
-  -webkit-transition: left .1s ease;
-  -moz-transition: left .1s ease;
-  -ms-transition: left .1s ease;
-  -o-transition: left .1s ease;
-  transition: left .1s ease;
-}
-.carousel-slide-reverse .carousel-active {
-  left: 0;
-}

lms/static/js/vendor/responsive-carousel/responsive-carousel.js

-/*! Responsive Carousel - v0.1.0 - 2013-07-15
-* https://github.com/filamentgroup/responsive-carousel
-* Copyright (c) 2013 Filament Group, Inc.; Licensed MIT, GPL */
-(function(e){var t="carousel",n="."+t,r="data-transition",i=t+"-transitioning",s=t+"-item",o=t+"-active",u=t+"-item-prev",a=t+"-item-next",f=t+"-in",l=t+"-out",c=t+"-nav",h=function(){var e="webkit Moz O Ms".split(" "),t=!1,n;while(e.length){n=e.shift()+"Transition";if(n in document.documentElement.style!==undefined&&n in document.documentElement.style!=0){t=!0;break}}return t}(),p={_create:function(){e(this).trigger("beforecreate."+t)[t]("_init")[t]("_addNextPrev").trigger("create."+t)},_init:function(){var n=e(this).attr(r);n||(h=!1),e(this).addClass(t+" "+(n?t+"-"+n:"")+" ").children().addClass(s).first().addClass(o),e(this)[t]("_addNextPrevClasses")},_addNextPrevClasses:function(){var t=e(this).find("."+s),n=t.filter("."+o),r=n.next("."+s),i=n.prev("."+s);r.length||(r=t.first().not("."+o)),i.length||(i=t.last().not("."+o)),t.removeClass(u+" "+a),i.addClass(u),r.addClass(a)},next:function(){e(this)[t]("goTo","+1")},prev:function(){e(this)[t]("goTo","-1")},goTo:function(n){var i=e(this),u=i.attr(r),a=" "+t+"-"+u+"-reverse";e(this).find("."+s).removeClass([l,f,a].join(" "));var c=e(this).find("."+o),p=c.index(),d=(p<0?0:p)+1,v=typeof n=="number"?n:d+parseFloat(n),m=e(this).find(".carousel-item").eq(v-1),g=typeof n=="string"&&!parseFloat(n)||v>d?"":a;m.length||(m=e(this).find("."+s)[g.length?"last":"first"]()),h?i[t]("_transitionStart",c,m,g):(m.addClass(o),i[t]("_transitionEnd",c,m,g)),i.trigger("goto."+t,m)},update:function(){return e(this).children().not("."+c).addClass(s),e(this).trigger("update."+t)},_transitionStart:function(n,r,i){var s=e(this);r.one(navigator.userAgent.indexOf("AppleWebKit")>-1?"webkitTransitionEnd":"transitionend otransitionend",function(){s[t]("_transitionEnd",n,r,i)}),e(this).addClass(i),n.addClass(l),r.addClass(f)},_transitionEnd:function(n,r,i){e(this).removeClass(i),n.removeClass(l+" "+o),r.removeClass(f).addClass(o),e(this)[t]("_addNextPrevClasses")},_bindEventListeners:function(){var n=e(this).bind("click",function(r){var i=e(r.target).closest("a[href='#next'],a[href='#prev']");i.length&&(n[t](i.is("[href='#next']")?"next":"prev"),r.preventDefault())});return this},_addNextPrev:function(){return e(this).append("<nav class='"+c+"'><a href='#prev' class='prev' aria-hidden='true' title='Previous'>Prev</a><a href='#next' class='next' aria-hidden='true' title='Next'>Next</a></nav>")[t]("_bindEventListeners")},destroy:function(){}};e.fn[t]=function(n,r,i,s){return this.each(function(){if(n&&typeof n=="string")return e.fn[t].prototype[n].call(this,r,i,s);if(e(this).data(t+"data"))return e(this);e(this).data(t+"active",!0),e.fn[t].prototype._create.call(this)})},e.extend(e.fn[t].prototype,p)})(jQuery),function(e){var t="carousel",n="."+t,r=t+"-no-transition",i=/iPhone|iPad|iPod/.test(navigator.platform)&&navigator.userAgent.indexOf("AppleWebKit")>-1,s={_dragBehavior:function(){var t=e(this),s,o={},u,a,f=function(t){var r=t.touches||t.originalEvent.touches,i=e(t.target).closest(n);t.type==="touchstart"&&(s={x:r[0].pageX,y:r[0].pageY}),r[0]&&r[0].pageX&&(o.touches=r,o.deltaX=r[0].pageX-s.x,o.deltaY=r[0].pageY-s.y,o.w=i.width(),o.h=i.height(),o.xPercent=o.deltaX/o.w,o.yPercent=o.deltaY/o.h,o.srcEvent=t)},l=function(t){f(t),o.touches.length===1&&e(t.target).closest(n).trigger("drag"+t.type.split("touch")[1],o)};e(this).bind("touchstart",function(t){e(this).addClass(r),l(t)}).bind("touchmove",function(e){f(e),l(e),i||(e.preventDefault(),window.scrollBy(0,-o.deltaY))}).bind("touchend",function(t){e(this).removeClass(r),l(t)})}};e.extend(e.fn[t].prototype,s),e(document).on("create."+t,n,function(){e(this)[t]("_dragBehavior")})}(jQuery),function(e){var t="carousel",n="."+t,r=t+"-active",i=t+"-item",s=function(e){return Math.abs(e)>4},o=function(e,n){var r=e.find("."+t+"-active"),s=r.prevAll().length+1,o=n<0,u=s+(o?1:-1),a=e.find("."+i).eq(u-1);return a.length||(a=e.find("."+i)[o?"first":"last"]()),[r,a]};e(document).on("dragmove",n,function(t,n){if(!s(n.deltaX))return;var r=o(e(this),n.deltaX);r[0].css("left",n.deltaX+"px"),r[1].css("left",n.deltaX<0?n.w+n.deltaX+"px":-n.w+n.deltaX+"px")}).on("dragend",n,function(n,i){if(!s(i.deltaX))return;var u=o(e(this),i.deltaX),a=Math.abs(i.deltaX)>45;e(this).one(navigator.userAgent.indexOf("AppleWebKit")?"webkitTransitionEnd":"transitionEnd",function(){u[0].add(u[1]).css("left",""),e(this).trigger("goto."+t,u[1])}),a?(u[0].removeClass(r).css("left",i.deltaX>0?i.w+"px":-i.w+"px"),u[1].addClass(r).css("left",0)):(u[0].css("left",0),u[1].css("left",i.deltaX>0?-i.w+"px":i.w+"px"))})}(jQuery),function(e,t){var n="carousel",r="."+n+"[data-paginate]",i=n+"-pagination",s=n+"-active-page",o={_createPagination:function(){var t=e(this).find("."+n+"-nav"),r=e(this).find("."+n+"-item"),s=e("<ol class='"+i+"'></ol>"),o,u,a;t.find("."+i).remove(),r.each(function(t){o=t+1,u=e(this).attr("data-thumb"),a=o,u&&(a="<img src='"+u+"' alt=''>"),s.append("<li><a href='#"+o+"' title='Go to slide "+o+"'>"+a+"</a>")}),u&&s.addClass(n+"-nav-thumbs"),t.addClass(n+"-nav-paginated").find("a").first().after(s)},_bindPaginationEvents:function(){e(this).bind("click",function(t){var r=e(t.target);t.target.nodeName==="IMG"&&(r=r.parent()),r=r.closest("a");var s=r.attr("href");r.closest("."+i).length&&s&&(e(this)[n]("goTo",parseFloat(s.split("#")[1])),t.preventDefault())}).bind("goto."+n,function(t,n){var r=n?e(n).index():0;e(this).find("ol."+i+" li").removeClass(s).eq(r).addClass(s)}).trigger("goto."+n)}};e.extend(e.fn[n].prototype,o),e(document).on("create."+n,r,function(){e(this)[n]("_createPagination")[n]("_bindPaginationEvents")}).on("update."+n,r,function(){e(this)[n]("_createPagination")})}(jQuery),function(e){e(function(){e(".carousel").carousel()})}(jQuery);

lms/static/js/vendor/responsive-carousel/responsive-carousel.keybd.js

-/*
- * responsive-carousel keyboard extension
- * https://github.com/filamentgroup/responsive-carousel
- *
- * Copyright (c) 2012 Filament Group, Inc.
- * Licensed under the MIT, GPL licenses.
- */
-
-(function($) {
-  var pluginName = "carousel",
-    initSelector = "." + pluginName,
-    navSelector = "." + pluginName + "-nav a",
-    buffer,
-    keyNav = function( e ) {
-      clearTimeout( buffer );
-      buffer = setTimeout(function() {
-        var $carousel = $( e.target ).closest( initSelector );
-
-        if( e.keyCode === 39 || e.keyCode === 40 ){
-          $carousel[ pluginName ]( "next" );
-        }
-        else if( e.keyCode === 37 || e.keyCode === 38 ){
-          $carousel[ pluginName ]( "prev" );
-        }
-      }, 200 );
-
-      if( 37 <= e.keyCode <= 40 ) {
-        e.preventDefault();
-      }
-    };
-
-  // Touch handling
-  $( document )
-    .on( "click", navSelector, function( e ) {
-      $( e.target )[ 0 ].focus();
-    })
-    .on( "keydown", navSelector, keyNav );
-}(jQuery));

lms/templates/verify_student/face_upload.html

-<%inherit file="../main.html" />
-<%!
-from django.utils.translation import ugettext as _
-from django.core.urlresolvers import reverse
-%>
-
-<%block name="bodyclass">register verification photos</%block>
-
-<%block name="js_extra">
-<!-- please move link to js/vendor/responsive-carousel/responsive-carousel.js from main.html to here -->
-  <script type="text/javascript">
-
-$(document).ready(function() {
-
-  $( ".carousel-nav" ).addClass('sr');
-
-  $('.block-photo .control-redo').addClass('is-hidden');
-  $('.block-photo .control-approve').addClass('is-hidden');
-  $('.block-photo .m-btn-primary').addClass('disabled');
-
-
-  $( "#wrapper-facephoto .control-do" ).click(function(e) {
-      e.preventDefault();
-      $(this).toggleClass('is-hidden');
-      $('#wrapper-facephoto .control-redo').toggleClass('is-shown');
-      $('#wrapper-facephoto .control-approve').toggleClass('is-shown');
-  });
-
-  $( "#wrapper-facephoto .control-approve" ).click(function(e) {
-      e.preventDefault();
-      $(this).addClass('approved');
-      $('#wrapper-facephoto .m-btn-primary').removeClass('disabled');
-  });
-
-
-  $( "#wrapper-idphoto .control-do" ).click(function(e) {
-      e.preventDefault();
-      $(this).toggleClass('is-hidden');
-      $('#wrapper-idphoto .control-redo').toggleClass('is-shown');
-      $('#wrapper-idphoto .control-approve').toggleClass('is-shown');
-  });
-
-  $( "#wrapper-idphoto .control-approve" ).click(function(e) {
-      e.preventDefault();
-      $(this).addClass('approved');
-      $('#wrapper-idphoto .m-btn-primary').removeClass('disabled');
-  });
-
-
-});
-  </script>
-</%block>
-
-
-<%block name="content">
-<div class="container">
-
-  <header class="page-header">
-    <h2 class="title">You are registering for [coursename] (ID Verified)</h2>
-  </header>
-
-  <section class="progress">
-  <h3 class="sr">Your Progress</h3>
-  <ol>
-    <li class="progress-step current" id="progress-step1"><span class="sr">Current: </span>Step 1 Take Your Photo</li>
-    <li class="progress-step" id="progress-step2">Step 2 ID Photo</li>
-    <li class="progress-step" id="progress-step3">Step 3 Review</li>
-    <li class="progress-step" id="progress-step4">Step 4 Payment</li>
-    <li class="progress-step" id="progress-step5">Finished Confirmation</li>
-  </ol>
-  </section>
-
-
-
-  <section class="wrapper carousel"  data-transition="slide">
-    <div id="wrapper-facephoto" class="block block-photo">
-      <h3 class="title">Take Your Photo</h3>
-      <p>Use your webcam to take a picture of your face so we can match it with the picture on your ID.</p>
-
-      <div class="wrapper-up">
-
-        <div id="facecam" class="cam">
-          <div class="placeholder-cam">
-          <!-- cam image -->
-          <p>cam image</p>
-          </div>
-
-          <div class="controls photo-controls">
-            <ul class="controls-list">
-              <li class="control control-redo">
-                <a class="action action-redo" href=""><i class="icon fa fa-undo"></i> <span class="sr">Retake</span></a>
-              </li>
-              <li class="control control-do">
-                <a class="action action-do" href=""><i class="icon fa fa-camera"></i> <span class="sr">Take photo</span></a>
-              </li>
-              <li class="control control-approve">
-                <a class="action action-approve" href=""><i class="icon fa fa-check-square-o"></i> <span class="sr">Looks good</span></a>
-              </li>
-            </ul>
-          </div>
-
-        </div>
-
-        <div class="photo-tips facetips">
-          <h4>Tips on taking a successful photo</h4>
-          <ul>
-            <li>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</li>
-            <li>Maecenas faucibus mollis interdum.</li>
-            <li>Nullam id dolor id nibh ultricies vehicula ut id elit.</li>
-            <li>Cras mattis consectetur purus sit amet fermentum.</li>
-          </ul>
-        </div>
-      </div>
-
-      <div class="wrapper-down">
-        <div class="faq facefaq">
-          <h4 class="sr">Common Questions</h4>
-            <dl>
-              <dt>Why do you need my photo?</dt>
-                <dd>We need your photo to confirm that you are you.</dd>
-
-              <dt>What do you do with this picture?</dt>
-                <dd>We only use it to verify your identity.  It is not displayed anywhere.</dd>
-            </dl>
-        </div>
-
-        <div class="next-step">
-              <p class="m-btn-primary" id="face_next_button">
-                <a class="next" href="#next" aria-hidden="true" title="Next">Go to Step 2: Take ID Photo</a>
-              </p>
-              <p class="tip">Once you verify your photo looks good, you can move on to step 2.</p>
-        </div>
-      </div>
-    </div>
-
-
-
-
-    <div id="wrapper-idphoto" class="block block-photo">
-      <h3 class="title">Take Your Photo</h3>
-      <p>Use your webcam to take a picture of your face so we can match it with the picture on your ID.</p>
-
-      <div class="wrapper-up">
-
-        <div id="idcam" class="cam">
-
-          <div class="placeholder-cam">
-          <!-- cam image -->
-          <p>cam image</p>
-          </div>
-
-          <div class="controls photo-controls">
-            <ul class="controls-list">
-              <li class="control control-redo">
-                <a class="action action-redo" href=""><i class="icon fa fa-undo"></i> <span class="sr">Retake</span></a>
-              </li>
-              <li class="control control-do">
-                <a class="action action-do" href=""><i class="icon fa fa-camera"></i> <span class="sr">Take photo</span></a>
-              </li>
-              <li class="control control-approve">
-                <a class="action action-approve" href=""><i class="icon fa fa-check-square-o"></i> <span class="sr">Looks good</span></a>
-              </li>
-            </ul>
-          </div>
-
-        </div>
-
-        <div class="photo-tips idtips">
-          <h4>Tips on taking a successful photo</h4>
-          <ul>
-            <li>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</li>
-            <li>Maecenas faucibus mollis interdum.</li>
-            <li>Nullam id dolor id nibh ultricies vehicula ut id elit.</li>
-            <li>Cras mattis consectetur purus sit amet fermentum.</li>
-          </ul>
-        </div>
-
-      </div>
-
-      <div class="wrapper-down">
-
-        <div class="faq idfaq">
-          <h4 class="sr">Common Questions</h4>
-          <dl class="faq">
-            <dt>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</dt>
-              <dd>Aenean eu leo quam.</dd>
-            <dt>Pellentesque ornare sem lacinia quam venenatis vestibulum.</dt>
-              <dd>Maecenas faucibus mollis interdum.</dd>
-            <dt>Cras justo odio, dapibus ac facilisis in, egestas eget quam.</dt>
-              <dd>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</dd>
-            <dt>Vestibulum id ligula porta felis euismod semper.</dt>
-          </dl>
-        </div>
-
-        <div class="next-step">
-              <p class="m-btn-primary">
-                <a class="next" href="#next" aria-hidden="true" title="Next">Go to Step 3: Review Your Info</a>
-              </p>
-              <p class="tip">Once you verify your ID photo looks good, you can move on to step 3.</p>
-        </div>
-      </div>
-
-    </div>
-
-
-
-    <div id="wrapper-review" class="block block-photo">
-      <h3 class="title">Verify Your Submission</h3>
-      <p>Make sure we can verify your identity with the photos and information below.</p>
-
-      <div class="review-name">
-        <h3>Check Your Name</h3>
-        <p>Make sure your full name on your edX account, [User Name], matches your ID. We will also use this as the name on your certificate.</p>
-        <p><a href="#">Edit my name</a></p>
-      </div>
-
-      <div class="wrapper-up">
-        <div id="review-facephoto" class="review-photo">
-          <div class="placeholder-photo">
-          <!-- photo image -->
-          </div>
-
-          <h4>The photo above needs to meet the following requirements:</h4>
-          <ul>
-            <li>Be well lit</li>
-            <li>Show your whole face</li>
-            <li>Match your ID</li>
-          </ul>
-        </div>
-
-        <div id="review-idphoto" class="review-photo">
-          <div class="placeholder-photo">
-          <!-- photo image -->
-          </div>
-
-          <h4>The photo above needs to meet the following requirements:</h4>
-          <ul>
-            <li>Be readable (not too far away, no glare)</li>
-            <li>Show your name</li>
-            <li>Match the photo of your face and your name above</li>
-          </ul>
-        </div>
-      </div>
-
-<hr />
-
-      <div class="wrapper-down">
-        <h3>Check Your Contribution</h3>
-
-        <dl>
-          <dt>
-            Select your contribution for this course:
-          </dt>
-          <dd>
-            <ul class="pay-options">
-              <li>
-                <input type="radio" id="contribution-25" name="contribution"> <label for="contribution-25">$25 USD</label>
-              </li>
-              <li>
-                <input type="radio" id="contribution-50" name="contribution"> <label for="contribution-50">$50 USD</label>
-              </li>
-              <li>
-                <input type="radio" id="contribution-100" name="contribution"> <label for="contribution-100">$100 USD</label>
-              </li>
-              <li class="other1">
-                <input type="radio" id="contribution-other" name="contribution"> <label for="contribution-other"><span class="sr">Other</span></label>
-              </li>
-              <li class="other2">
-                <label for="contribution-other-amt"><span class="sr">Other Amount</span> $</label> <input type="text" size="5" name="contribution-other-amt" id="contribution-other-amt">
-              </li>
-            </ul>
-          </dd>
-        </dl>
-      </div>
-
-
-      <div class="next-step">
-
-        <p>Photos don't meet the requirements? <a href="">Retake the photos</a>.</p>
-        <input type="checkbox" name="match" /> <label for="match">Yes! My details all match.</label>
-
-            <p  class="m-btn-primary"><a href="#">Go to Step 4: Secure Payment</a></p>
-            <p class="tip">Once you verify your details match the requirements, you can move on to step 4, payment on our secure server.</p>
-
-    </div>
-  </section>
-
-
-
-  <section class="support">
-    <p class="tip">More questions? <a rel="external" href="">Check out our FAQs.</a></p>
-    <p class="tip">Change your mind? <a href="">You can always Audit the course for free without verifying.</a></p>
-  </section>
-
-
-</div>
-
-
-
-<section id="edit-name" class="modal">
-<header>
-  <h4>${_("Edit Your Full Name")}</h4>
-</header>
-  <form id="course-checklists" class="course-checklists" method="post" action="">
-    <div role="alert" class="status message submission-error" tabindex="-1">
-      <p class="message-title">${_("The following error occurred while editing your name:")}
-        <span class="message-copy"> </span>
-      </p>
-    </div>
-    <p>
-      <label for="name">${_('Full Name')}</label>
-      <input id="name" type="text" name="name" value="" placeholder="${_('example: Jane Doe')}" required aria-required="true" />
-    </p>
-
-    <div class="actions">
-      <button class="action action-primary" type="submit">${_("Save")}</button>
-      <button class="action action-secondary action-cancel">${_("Cancel")}</button>
-    </div>
-  </form>
-  <a href="#" data-dismiss="modal" rel="view" class="action action-close action-editname-close">
-    <i class="icon fa fa-times-circle"></i>
-    <span class="label">close</span>
-  </a>
-</section>
-
-
-</%block>

static/monitoring/package.txt

@@ -87,7 +87,6 @@
         "reply-annotator": "1.0",
         "require": "2.1.8",
         "requirejs.text": "2.0.14",
-        "responsive-carousel": "0.1.0",
         "richText-annotator": "1.0",
         "share-annotator": "1.1",
         // "slick.core": "unknown",