jazzband / django-pipeline

Pipeline is an asset packaging library for Django.
https://django-pipeline.readthedocs.io/
MIT License
1.51k stars 372 forks source link

Package u'colors_a.css' is unknown. Check PIPELINE['STYLESHEETS'] in your settings. #659

Open GuganVignesh opened 6 years ago

GuganVignesh commented 6 years ago

Im using the Django pipeline to render my templates. some how im getting something like below and the templates are not rendered properly.

Server Logs

Performing system checks...

System check identified no issues (0 silenced).
March 24, 2018 - 11:25:04
Django version 1.10.5, using settings 'colors.settings.local'
Starting development server at http://127.0.0.1:8000/
Quit the server with CONTROL-C.
No handlers could be found for logger "pipeline.templatetags.pipeline"
[24/Mar/2018 11:25:08] "GET / HTTP/1.1" 200 21619
[24/Mar/2018 11:25:08] "GET /static/js/google/recaptcha-api.js HTTP/1.1" 200 696

Pipeline settings :

# Django Pipeline

STATICFILES_STORAGE = 'pipeline.storage.PipelineCachedStorage'

STATICFILES_FINDERS = (
    'django.contrib.staticfiles.finders.FileSystemFinder',
    'django.contrib.staticfiles.finders.AppDirectoriesFinder',
    'pipeline.finders.PipelineFinder',
)

PIPELINE = {
    'STYLESHEETS': {
        'colors_common_css': {
            'source_filenames': (
                'css/bootstrap/bootstrap.min.css',
                'css/colors/colors_footer.css',
                'css/colors/colors.css',
                'css/fonts/font_lato.css',
                'css/fonts/font_montserrat.css',
                'css/font-awesome/font-awesome.min.css',
                'css/violet/login.css',
            ),
            'output_filename': 'colors_common_css.css',
        },
    },
    'JAVASCRIPT': {
        'colors_common_js': {
            'source_filenames': (
                'js/bootstrap/bootstrap.min.js',
                'js/bootstrap/npm.js',
                'js/bootstrap/tooltip.js',
                'js/jquery/jquery-3.1.1.min.js',
            ),
            'output_filename': 'colors_common_js.js',
        },
        'colors_prel_js': {
            'source_filenames': (
                'js/google/recaptcha-api.js',
            ),
            'output_filename': 'colors_prel_js.js',
        },
    }
}

PIPELINE['JS_COMPRESSOR'] = 'pipeline.compressors.jsmin.JSMinCompressor'
PIPELINE['CSSMIN_BINARY'] = 'cssmin'
PIPELINE['CSS_COMPRESSOR'] = 'pipeline.compressors.cssmin.CSSMinCompressor'

My template :

<!DOCTYPE html>
{% load staticfiles %}
{% load pipeline %}
{% stylesheet 'colors_common_css.css' %}
{% javascript 'colors_common_js.js' %}
{% javascript 'colors_prel_js.js' %}

<html lang="en">
<head>
  <!-- Theme Made By www.w3schools.com - No Copyright -->
  <title>{{settings.APP_SETTINGS.Name}}</title>
  <meta charset="utf-8">
  <link rel="shortcut icon" href="/static/images/favicon.png" />
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <style>
  a {
    color: #f4511e;
  }
  .form-control:focus {
  border-color: #f4511e;
  box-shadow: none;
  }
  </style>

  <!-- Global site tag (gtag.js) - Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-116217320-1"></script>
  <script>
     window.dataLayer = window.dataLayer || [];
     function gtag(){dataLayer.push(arguments);}
     gtag('js', new Date());

     gtag('config', 'UA-116217320-1');
  </script>
</head>
<body id="home" data-spy="scroll" data-target=".navbar" data-offset="60">

<nav class="navbar navbar-default navbar-fixed-top">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>                        
      </button>
{% if request.user.is_anonymous %}
      <a class="navbar-brand" href="#home"><B>{{settings.APP_SETTINGS.Name}}</B></a>
{% else %}
      <a class="navbar-brand" href="#home"><B>{{settings.APP_SETTINGS.Name}} : {{request.user.first_name|stringformat:".10s..."}}</B></a>
{% endif %}
    </div>
    <div class="collapse navbar-collapse" id="myNavbar">
      <ul class="nav navbar-nav navbar-right">
        <li><a href="#home"><i class="fa fa-home fa-2x" aria-hidden="true"></i>
<!--HOME--></a></li>
{% if request.user.is_anonymous %}
        <li><a href="#login"><i class="fa fa-users fa-2x" aria-hidden="true"></i>
<!--SIGN-IN / SIGN-UP--></a></li>
{% endif %}

        <li><a href="#about"><i class="fa fa-question-circle fa-2x" aria-hidden="true"></i>

<!--ABOUT--></a></li>
        <li><a href="#services"><i class="fa fa-shopping-bag fa-2x" aria-hidden="true"></i>

<!--SERVICES--></a></li>
<!--        <li><a href="#portfolio">PORTFOLIO</a></li>-->
        <li><a href="#pricing"><i class="fa fa-credit-card-alt fa-2x" aria-hidden="true"></i>
<!--PRICING--></a></li>
{% if request.user.is_anonymous %}
        <li><a href="#contact"><i class="fa fa-envelope fa-2x" aria-hidden="true"></i>
<!--CONTACT--></a></li>
        <li><a href="{% url 'signup' %}"><i class="fa fa-user-plus fa-2x" aria-hidden="true"></i>
<!--SIGNUP--><b>SIGNUP</b></a></li>
{% else %}
        <li><a href="{% url 'dashboard' %}"><i class="fa fa-rocket fa-2x" aria-hidden="true"></i>

<!--GOTO MY DASHBOARD--></a></li>
        <li><a href="{% url 'help' %}"><i class="fa fa-envelope fa-2x" aria-hidden="true"></i><!--CONTACT--></a></li>

        <li><a href="{% url 'logout' %}"><i class="fa fa-sign-out fa-2x" aria-hidden="true"></i><!--Logout--></a></li>

{% endif%}
      </ul>
    </div>
  </div>
</nav>

{% if messages or form.errors %}
<div id='target' class="alert alert-dismissable" align="center">
<br><br>
        {% if messages %}
            {% for message in messages %}
                <a href="#" class="close" data-dismiss="alert" aria-label="close" link="#fff">&times;</a>
                <h2 style="color:#f4511e;">{{ message }}</h2>
            {% endfor %}
        {% endif %}
        {% if form.errors %}
            <br><br>
            <a href="#" class="close" data-dismiss="alert" aria-label="close" link="#fff">&times;</a>
            <h2 style="color:#f4511e;">Please enter a valid username and password.</h2>
        {% endif %}
</div>
{% endif %}

<div class="jumbotron text-center">
  <h1>{{settings.APP_SETTINGS.Name}}</h1>
  <p>{{settings.APP_SETTINGS.Slogan}}</p>
    {% if request.user.is_anonymous %} 
        <!--<a href="#login" class="btn btn-default">SIGN-IN</a>
        <a href="{% url 'signup' %}" class="btn btn-default">SIGN-UP NOW</a>-->
    {% else %}
        <a href="{% url 'dashboard' %}" class="btn btn-default">GOTO MY DASHBOARD</a>
    {% endif %}
</div>

{% if request.user.is_anonymous %}
<!-- Login section -->
<div id="login" class="container-fluid text-center">
  <h2 class="text-center">SIGN-IN</h2>
    <div class="row">
        <div class="col-sm-6 col-md-4 col-md-offset-4 slideanim">
            <div class="panel panel-default"><br/>
                <i class="fa fa-users fa-4x" style="color:#f4511e;" aria-hidden="true"></i>
                <div class="form-group">
                </div>
                <div >
                <form id="signin-form" class="form-signin" action="{% url 'user_login' %}" method="post">
                {% csrf_token %}
                <div class="row">               
                    <div class="form-group col-sm-12">
                        <input type="text" class="form-control disablecopypaste" id="username" placeholder="Username" name="username" required autofocus>
                    </div>

                    <div class="form-group col-sm-12">
                        <input type="password" id="password" class="form-control disablecopypaste" placeholder="Password" name="password" required>
                    </div>
                </div>
                <div class="row">                                   
                    <div class="form-group col-sm-12">
                        <label class="form-control">
                            <input type="checkbox" id="rememberme" value="remember-me" name="rememberme">
                            Remember me
                        </label>
                    </div>
                </div>              
                <div class="row">                                   
                    <div class="form-group col-sm-12" align="left">
                                            Need help? <a href="{% url 'visitor_help' %}" >Click here</a>
                    </div>
                </div>              

                <div class="row">               
                    <div class="form-group text-center col-sm-12">
                        <input type="submit" class="btn btn-default" id="signin-button" name="signin-button" value="SIGN-IN"><span class="clearfix"></span>
                    </div>
                </div>
                <hr>
                <div class="row">                                   
                    <div class="form-group col-sm-12">
                        Not registered yet ?<a href="{% url 'signup' %}"> Create an account now </a>
                    </div>
                </div>
                </form>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- (Login section) -->
{% endif %}

<!-- Container (About Section) -->
<div id="about" class="container-fluid">
  <div class="row">
    <div class="col-sm-8">
      <h2>About Company Page</h2><br>
      <h4>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</h4><br>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
      <br><a class="btn btn-default btn-lg" href="#contact">Get in Touch</a>
    </div>
    <div class="col-sm-4">
      <span class="glyphicon glyphicon-signal logo"></span>
    </div>
  </div>
</div>

<div class="container-fluid bg-grey">
  <div class="row">
    <div class="col-sm-4">
      <span class="glyphicon glyphicon-globe logo slideanim"></span>
    </div>
    <div class="col-sm-8">
      <h2>Our Values</h2><br>
      <h4><strong>MISSION:</strong> Our mission lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</h4><br>
      <p><strong>VISION:</strong> Our vision Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
    </div>
  </div>
</div>

<!-- Container (Services Section) -->
<div id="services" class="container-fluid text-center">
  <h2>SERVICES</h2>
  <h4>What we offer</h4>
  <br>
  <div class="row slideanim">
    <div class="col-sm-4">
      <span class="glyphicon glyphicon-off logo-small"></span>
      <h4>POWER</h4>
      <p>Lorem ipsum dolor sit amet..</p>
    </div>
    <div class="col-sm-4">
      <span class="glyphicon glyphicon-heart logo-small"></span>
      <h4>LOVE</h4>
      <p>Lorem ipsum dolor sit amet..</p>
    </div>
    <div class="col-sm-4">
      <span class="glyphicon glyphicon-lock logo-small"></span>
      <h4>JOB DONE</h4>
      <p>Lorem ipsum dolor sit amet..</p>
    </div>
  </div>
  <br><br>
  <div class="row slideanim">
    <div class="col-sm-4">
      <span class="glyphicon glyphicon-leaf logo-small"></span>
      <h4>GREEN</h4>
      <p>Lorem ipsum dolor sit amet..</p>
    </div>
    <div class="col-sm-4">
      <span class="glyphicon glyphicon-certificate logo-small"></span>
      <h4>CERTIFIED</h4>
      <p>Lorem ipsum dolor sit amet..</p>
    </div>
    <div class="col-sm-4">
      <span class="glyphicon glyphicon-wrench logo-small"></span>
      <h4 style="color:#303030;">HARD WORK</h4>
      <p>Lorem ipsum dolor sit amet..</p>
    </div>
  </div>
</div>

<!-- Container (Portfolio Section) -->
<!--<div id="portfolio" class="container-fluid text-center bg-grey">
  <h2>Portfolio</h2><br>
  <h4>What we have created</h4>
  <div class="row text-center slideanim">
    <div class="col-sm-4">
      <div class="thumbnail">
        <img src="paris.jpg" alt="Paris" width="400" height="300">
        <p><strong>Paris</strong></p>
        <p>Yes, we built Paris</p>
      </div>
    </div>
    <div class="col-sm-4">
      <div class="thumbnail">
        <img src="newyork.jpg" alt="New York" width="400" height="300">
        <p><strong>New York</strong></p>
        <p>We built New York</p>
      </div>
    </div>
    <div class="col-sm-4">
      <div class="thumbnail">
        <img src="sanfran.jpg" alt="San Francisco" width="400" height="300">
        <p><strong>San Francisco</strong></p>
        <p>Yes, San Fran is ours</p>
      </div>
    </div>
  </div><br>-->

  <!--<h2>What our customers say</h2>
  <div id="myCarousel" class="carousel slide text-center" data-ride="carousel">-->
    <!-- Indicators -->
<!--    <ol class="carousel-indicators">
      <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
      <li data-target="#myCarousel" data-slide-to="1"></li>
      <li data-target="#myCarousel" data-slide-to="2"></li>
    </ol> -->

    <!-- Wrapper for slides -->
<!--    <div class="carousel-inner" role="listbox">
      <div class="item active">
        <h4>"This company is the best. I am so happy with the result!"<br><span>Michael Roe, Vice President, Comment Box</span></h4>
      </div>
      <div class="item">
        <h4>"One word... WOW!!"<br><span>John Doe, Salesman, Rep Inc</span></h4>
      </div>
      <div class="item">
        <h4>"Could I... BE any more happy with this company?"<br><span>Chandler Bing, Actor, FriendsAlot</span></h4>
      </div>
    </div> -->

    <!-- Left and right controls -->
 <!--   <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
      <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
      <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
      <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
      <span class="sr-only">Next</span>
    </a>
  </div>
</div>-->

<!-- Container (Pricing Section) -->
<div id="pricing" class="container-fluid">
  <div class="text-center">
    <h2>Pricing</h2>
    <h4>Choose a payment plan that works for you</h4>
  </div>
  <div class="row slideanim">
    <div class="col-sm-4 col-xs-12">
      <div class="panel panel-default text-center">
        <div class="panel-heading">
          <h1>Basic</h1>
        </div>
        <div class="panel-body">
          <p><strong>20</strong> Lorem</p>
          <p><strong>15</strong> Ipsum</p>
          <p><strong>5</strong> Dolor</p>
          <p><strong>2</strong> Sit</p>
          <p><strong>Endless</strong> Amet</p>
        </div>
        <div class="panel-footer">
          <h3>$19</h3>
          <h4>per month</h4>
          <!--<button class="btn btn-lg">Sign Up</button>-->
        </div>
      </div>      
    </div>     
    <div class="col-sm-4 col-xs-12">
      <div class="panel panel-default text-center">
        <div class="panel-heading">
          <h1>Pro</h1>
        </div>
        <div class="panel-body">
          <p><strong>50</strong> Lorem</p>
          <p><strong>25</strong> Ipsum</p>
          <p><strong>10</strong> Dolor</p>
          <p><strong>5</strong> Sit</p>
          <p><strong>Endless</strong> Amet</p>
        </div>
        <div class="panel-footer">
          <h3>$29</h3>
          <h4>per month</h4>
          <!--<button class="btn btn-lg">Sign Up</button>-->
        </div>
      </div>      
    </div>       
    <div class="col-sm-4 col-xs-12">
      <div class="panel panel-default text-center">
        <div class="panel-heading">
          <h1>Premium</h1>
        </div>
        <div class="panel-body">
          <p><strong>100</strong> Lorem</p>
          <p><strong>50</strong> Ipsum</p>
          <p><strong>25</strong> Dolor</p>
          <p><strong>10</strong> Sit</p>
          <p><strong>Endless</strong> Amet</p>
        </div>
        <div class="panel-footer">
          <h3>$49</h3>
          <h4>per month</h4>
          <!--<button class="btn btn-lg">Sign Up</button>-->
        </div>
      </div>      
    </div>    
  </div>
</div>

<!-- Container (Contact Section) -->
<div id="contact" class="container-fluid" style="background-color:#f4511e; color:#fff;">
  <h2 class="text-center" style="color:#fff">CONTACT</h2>
  <div class="row">
    <div class="col-sm-5">
      <p align="center"><i class="fa fa-envelope fa-5x" aria-hidden="true" style="color: #fff"></i></p>
      <p>Drop us your querries and we'll get back to you within 24 hours.</p>
      {% if request.user.is_anonymous %}
      <p><span class="glyphicon glyphicon-envelope"></span>&nbsp {{settings.APP_SETTINGS.Product_Contact}}</p>
      {% else %}
      <p><a class="btn btn-default" href="{% url 'help' %}" style="color:#f4511e;"><span class="glyphicon glyphicon-envelope"></span>&nbsp {{settings.APP_SETTINGS.Product_Contact}}</a></p>
      {% endif %}
    </div>
    {% if request.user.is_anonymous %}
    <div class="col-sm-7 slideanim">
     <form method="post" action="{% url 'contact' %}" id="help-form" name="help-form">
     {% csrf_token %}
      <div class="row">
        <div class="col-sm-6 form-group">
          <input class="form-control" id="name" name="name" placeholder="Name" type="text" autofocus="" required>
        </div>
        <div class="col-sm-6 form-group">
          <input class="form-control" id="email" name="contact" placeholder="Your Email" type="email" required>
        </div>
        <div class="col-sm-6 form-group">
          <input class="form-control" id="subject" name="subject" placeholder="Subject" type="text" required>
        </div>
        <div class="col-sm-6 form-group">
      <select class="form-control" name="support_category" required>
        <option value="" disabled selected hidden>Select your support category</option>
        <option value="S-SUSI">Problem with user signup/signin</option>
        <option value="S-GE">General Enquiry</option>
        <option value="S-OT">Others</option>
      </select>
    </div>
      </div>
      <textarea class="form-control" id="comments" name="message" placeholder="Message" rows="4" required></textarea><br>
      <div class="row">
        <div class="col-sm-12 form-group">
          <button class="btn btn-default pull-right g-recaptcha" type="submit" style="color:#f4511e;" data-sitekey={{settings.APP_SECRETS.recaptcha_data_sitekey}} data-callback='onSubmit'><i class="fa fa-envelope" aria-hidden="true" style="color:#f4511e;"></i> Send</button>
        </div>
      </div>
     </form>
    {% endif %}
    </div> 
  </div>

<div style="margin-bottom:0px;"></div>
</div>

<footer class="container-fluid text-center">
  <div class="container">
    <div class="row">
      <div class="col-md-3 col-sm-6 footer-col">
        <div class="logofooter">{{settings.APP_SETTINGS.Name}}</div>
        <p align="justify">{{settings.APP_SETTINGS.Product_Desc}}</p>
        <p align="left"><i class="fa fa-map-pin" style="color:#fff;"></i>{{settings.APP_SETTINGS.Address}}</p>
        <p align="left" style="color:#fff;"><i class="fa fa-phone" style="color:#fff;"></i>{{settings.APP_SETTINGS.Contact_Number}}</p>
        <p align="left" style="color:#fff;"><i class="fa fa-envelope" style="color:#fff;"></i>{{settings.APP_SETTINGS.Product_Contact}}</p>

      </div>
      <div class="col-md-3 col-sm-6 footer-col">
        <h6 class="heading7">GENERAL LINKS</h6>
        <ul class="footer-ul">
          <li><a href="#"> Career</a></li>
          <li><a href="#"> Privacy Policy</a></li>
          <li><a href="#"> Terms & Conditions</a></li>
          <li><a href="#"> Client Gateway</a></li>
          <li><a href="#"> Ranking</a></li>
          <li><a href="#"> Case Studies</a></li>
          <li><a href="#"> Frequently Ask Questions</a></li>
        </ul>
      </div>
      <div class="col-md-3 col-sm-6 footer-col">
        <h6 class="heading7">LATEST POST</h6>
        <div class="post">
          <p>facebook crack the movie advertisment code:what it means for you <span>August 3,2015</span></p>
          <p>facebook crack the movie advertisment code:what it means for you <span>August 3,2015</span></p>
          <p>facebook crack the movie advertisment code:what it means for you <span>August 3,2015</span></p>
        </div>
      </div>
      <div class="col-md-3 col-sm-6 footer-col">
        <h6 class="heading7">Social Media</h6>
        <ul class="footer-social">
          <li><i class="fa fa-linkedin social-icon linked-in" aria-hidden="true"></i><a href="#" style="color:#fff">/{{settings.APP_SETTINGS.Name}}</a></li>
          <li><i class="fa fa-facebook social-icon facebook" aria-hidden="true"></i><a href="#" style="color:#fff">/{{settings.APP_SETTINGS.Name}}</a></li>
          <li><i class="fa fa-twitter social-icon twitter" aria-hidden="true"></i><a href="#" style="color:#fff">/{{settings.APP_SETTINGS.Name}}</a></li>
          <li><i class="fa fa-google-plus social-icon google" aria-hidden="true"></i><a href="#" style="color:#fff">/{{settings.APP_SETTINGS.Name}}</a></li>
        </ul>
      </div>
    </div>
  </div>
</footer>
<!--footer start from here-->
<div style="background-color:#f4511e;"><img src='/static/images/mii.png' class="img-responsive" width="10%" alt="make in india"></div>
<div class="copyright">
  <div class="container">
    <div class="row">
    <div class="col-md-6">
      <p> A product by <a href="#">{{settings.APP_SETTINGS.Company}}</a></p>
    </div>
    <div class="col-md-6">
      <ul class="bottom_ul">
        <li style="color:#fff;">| &nbsp<a href="#">&copy; {{settings.APP_SETTINGS.YOCR}} {{settings.APP_SETTINGS.Name}}</a></li>
        <li><a href="#">About us</a></li>
        <li><a href="#">Blog</a></li>
        <li><a href="#">FAQ's</a></li>
        <li><a href="#">Contact us</a></li>
        <li><a href="#">Site Map</a></li>
      </ul>
    </div>
    </div>
  </div>
</div>

<script>
$(document).ready(function(){
  // Add smooth scrolling to all links in navbar + footer link
  $(".navbar a, footer a[href='#myPage']").on('click', function(event) {
    // Make sure this.hash has a value before overriding default behavior
    if (this.hash !== "") {
      // Prevent default anchor click behavior
      event.preventDefault();

      // Store hash
      var hash = this.hash;

      // Using jQuery's animate() method to add smooth page scroll
      // The optional number (900) specifies the number of milliseconds it takes to scroll to the specified area
      $('html, body').animate({
        scrollTop: $(hash).offset().top
      }, 900, function(){

        // Add hash (#) to URL when done scrolling (default click behavior)
        window.location.hash = hash;
      });
    } // End if
  });

  $(window).scroll(function() {
    $(".slideanim").each(function(){
      var pos = $(this).offset().top;

      var winTop = $(window).scrollTop();
        if (pos < winTop + 600) {
          $(this).addClass("slide");
        }
    });
  });
})
</script>

<script>
//Fadeout the error messages
$(document).ready(function(){
    $("#target").fadeOut(5000);
});
</script>

<script language=JavaScript>
//Disable right mouse click

//var message="Right click not allowed !";

function clickIE4(){
if (event.button==2){
//alert(message);
return false;
}
}

function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
//alert(message);
return false;
}
}
}

if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}

//document.oncontextmenu=new Function("alert(message);return false") 

document.oncontextmenu=new Function("return false") 

</script>
<script>
//disable copy-paste
  $(document).ready(function () {
    $('input.disablecopypaste').bind('copy paste', function (e) {
       e.preventDefault();
    });
  });   
</script>

<script>
//remember me option
      $(function() {
        if (localStorage.checkbox && localStorage.checkbox != '') {
          $('#rememberme').attr('checked', 'checked');
          $('#username').val(localStorage.usrname);
          $('#password').val(localStorage.password);
        } else {
          $('#rememberme').removeAttr('checked');
          $('#username').val('');
          $('#password').val('');
        }
        $('#signin-button').click(function() {
          if ($('#rememberme').is(':checked')) {
            // save username and password
            localStorage.usrname = $('#username').val();
            localStorage.password = $('#password').val();
            localStorage.checkbox = $('#rememberme').val();
          } else {
            localStorage.usrname = '';
            localStorage.password = '';
            localStorage.checkbox = '';
          }
        });
      });
</script>

<script>
function onSubmit(token) {
var a = document.forms["help-form"]["name"].value;
var b = document.forms["help-form"]["contact"].value;
var c = document.forms["help-form"]["subject"].value;
var d = document.forms["help-form"]["support_category"].value;
var e = document.forms["help-form"]["message"].value;

    if (a == "" || b == "" || c == "" || d == "" || e == "") {
        alert("Please fill all the required fields");
    location.reload();
        return false;
    }
    else {
       document.getElementById("help-form").submit();
    }
}
</script>

</body>
</html>

Rendered template : [

screen shot 2018-03-24 at 11 29 53 am

](url)

Original template :

screen shot 2018-03-24 at 11 32 00 am

Not able to get why this is happening !

GuganVignesh commented 6 years ago

So I enabled the loggers for pipeline and found the following logs saying :

System check identified no issues (0 silenced).
March 24, 2018 - 12:15:54
Django version 1.10.5, using settings 'colors.settings.local'
Starting development server at http://127.0.0.1:8000/
Quit the server with CONTROL-C.
Package u'colors_a.css' is unknown. Check PIPELINE['STYLESHEETS'] in your settings.
Package u'colors_b.js' is unknown. Check PIPELINE['JAVASCRIPT'] in your settings.
Package u'colors_c.js' is unknown. Check PIPELINE['JAVASCRIPT'] in your settings.
[24/Mar/2018 12:15:57] "GET / HTTP/1.1" 200 21611

where my settings are :

# Django Pipeline

STATICFILES_STORAGE = 'pipeline.storage.PipelineCachedStorage'

STATICFILES_FINDERS = (
    'django.contrib.staticfiles.finders.FileSystemFinder',
    'django.contrib.staticfiles.finders.AppDirectoriesFinder',
    'pipeline.finders.PipelineFinder',
)

PIPELINE = dict()

PIPELINE = {
    'PIPELINE_ENABLED': True,
    'STYLESHEETS': {
        'colors_a': {
            'source_filenames': (
                'css/bootstrap/bootstrap.min.css',
                'css/colors/colors_footer.css',
                'css/colors/colors.css',
                'css/fonts/font_lato.css',
                'css/fonts/font_montserrat.css',
                'css/font-awesome/font-awesome.min.css',
                'css/violet/login.css',
            ),
            'output_filename': 'colors_a.css',
        },
    },
    'JAVASCRIPT': {
        'colors_b': {
            'source_filenames': (
                'js/bootstrap/bootstrap.min.js',
                'js/bootstrap/npm.js',
                'js/bootstrap/tooltip.js',
                'js/jquery/jquery-3.1.1.min.js',
            ),
            'output_filename': 'colors_b.js',
        },
        'colors_c': {
            'source_filenames': (
                'js/google/recaptcha-api.js',
            ),
            'output_filename': 'colors_c.js',
        },
    },
}

PIPELINE['JS_COMPRESSOR'] = 'pipeline.compressors.jsmin.JSMinCompressor'
PIPELINE['CSSMIN_BINARY'] = 'cssmin'
PIPELINE['CSS_COMPRESSOR'] = 'pipeline.compressors.cssmin.CSSMinCompressor'

LOGGING = {
    'version': 1,
    'disable_existing_loggers': False,
    'filters': {
        'require_debug_false': {
            '()': 'django.utils.log.RequireDebugFalse'
        }
    },
    'handlers': {
        'mail_admins': {
            'level': 'ERROR',
            'filters': ['require_debug_false'],
            'class': 'django.utils.log.AdminEmailHandler'
        },
        'console':{
            'level': 'DEBUG',
            'class': 'logging.StreamHandler'
        },
    },
    'loggers': {
        'django.request': {
            'handlers': ['mail_admins'],
            'level': 'ERROR',
            'propagate': True,
        },
        'pipeline': {
            'handlers': ['console'],
            'level': 'INFO'
        },
    }
}
GuganVignesh commented 6 years ago

@jazzband-bot any update on this ?