Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8"/>
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
- <link rel="stylesheet" href="/static/css/bootstrap.css">
- <link href="/static/css/style.css" rel="stylesheet">
- <link href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" rel="stylesheet">
- <title>Oldmotor -
- Магазин
- </title>
- <!-- Latest compiled and minified CSS -->
- <!-- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous"> -->
- <!-- Optional theme -->
- <!-- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap-theme.min.css" integrity="sha384-6pzBo3FDv/PJ8r2KRkGHifhEocL+1X2rVCTTkUfGk7/0pbek5mMa1upzvWbrUbOZ" crossorigin="anonymous"> -->
- <!-- Latest compiled and minified JavaScript -->
- </head>
- <body>
- <header>
- <div class="line-top text-right">
- <div class="container">
- <p>
- <span><a href="/adm/dashboard">Админка</a></span>
- <span><a href="/cabinet">Личный кабинет</a></span>
- <span><a href="/accounts/logout">Выход (admin)</a></span>
- </p>
- </div>
- </div>
- <div class="container midle-header">
- <div class="row">
- <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
- <div class="row">
- <div class="col-lg-8 col-md-7 col-sm-8 col-xs-12">
- <div class="logo">
- <div class="row">
- <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
- <a href="/"><img src="/static/images/logo.png" alt=""></a>
- </div>
- <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8">
- <div class="padding-10"></div>
- <p>Автозапчасти со всего мира</p>
- </div>
- </div>
- </div>
- </div>
- <div class="col-lg-4 col-md-5 col-sm-4 col-xs-12">
- <div class="padding-15"></div>
- <div class="header-data">
- <p>Телефон</p>
- <p><a href="javascript:void(0)">+7 (495) 660-77-50</a></p>
- </div>
- </div>
- </div>
- </div>
- <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
- <div class="row">
- <div class="col-lg-5 col-lg-offset-1 col-md-5 col-sm-6 col-xs-12">
- <div class="padding-15"></div>
- <div class="header-data">
- <p>Эл. почта</p>
- <p><a href="javascript:void(0)">info@oldmotor.ru</a></p>
- </div>
- </div>
- <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
- <div class="padding-15"></div>
- <div class="header-data cartel">
- <p>Корзина</p>
- <p><a href="/cabinet/cart"><i class="fa fa-shopping-cart" aria-hidden="true"></i></a><span class="carttotal"></span></p>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <nav id="w0" class="navbar-default navbar-static-top navbar">
- <div class="container"><div class="navbar-header"><button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#w0-collapse"><span class="sr-only">Toggle navigation</span>
- <span class="icon-bar"></span>
- <span class="icon-bar"></span>
- <span class="icon-bar"></span></button></div>
- <div id="w0-collapse" class="collapse navbar-collapse">
- <ul id="w1" class="navbar-nav nav">
- <li><a href="/" >Аукцион</a></li>
- <li class="active" ><a href="/catalog" >Магазин</a></li>
- <li><a href="/novosti" >Новости</a></li>
- <li><a href="/okompanii" >О компании</a></li>
- <li><a href="/contacts" >Контакты</a></li>
- <form class="navbar-form navbar-right navbar-form-search hidden-sm hidden-xs">
- <div class="form-group">
- <input type="text" class="form-control form-search" placeholder="Поиск">
- </div>
- <button type="submit" class="btn btn-default btn-search"><i class="fa fa-search"></i></button>
- </form>
- </ul>
- </div>
- </div>
- </nav>
- </header>
- <main>
- <div class="container-fluid">
- <ul class="breadcrumb">
- <li><a href="/">Главная</a></li>
- <li class="active">
- Магазин
- </li>
- </ul>
- <div class="padding-10"></div>
- <div class="row">
- <div class="col-lg-3 col-md-4 col-sm-5 col-xs-12">
- <ul class="menu-right">
- <li class="first-menu-right">Автозапчасти <span><i class="fa fa-caret-down" aria-hidden="true"></i></span></li>
- <li class="item-menu-right active"><a href="">Запчасти б/у</a></li>
- <li class="item-menu-right"><a href="">Запчасти новые</a></li>
- <li class="item-menu-right"><a href="">Поиск по оригинальным запчастям</a></li>
- </ul>
- <div class="padding-15"></div>
- <div class="search-catalog">
- <div class="title-block-catalog">
- Номер или название детали
- </div>
- <div class="body-block-catalog">
- <div class="row">
- <div class="col-xs-12 text-center">
- <input type="text" class="form-control" placeholder="Например: as12312re">
- </div>
- <div class="padding-15"></div>
- <div class="col-xs-12 text-center">
- <a href="" class="btn btn-red">Найти</a>
- </div>
- </div>
- </div>
- </div>
- <div class="padding-15"></div>
- <div class="search-catalog">
- <div class="title-block-catalog">
- Подбор по VIN-коду
- </div>
- <div class="body-block-catalog">
- <div class="row">
- <div class="col-xs-12 text-center">
- <input type="text" class="form-control" placeholder="Например: as12312re">
- </div>
- <div class="padding-15"></div>
- <div class="col-xs-12 text-center">
- <a href="" class="btn btn-red">Подобрать</a>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="col-lg-9 col-md-8 col-sm-7 col-xs-12">
- <div class="padding-15 hidden-lg hidden-md hidden-sm"></div>
- <style>
- .dropdown-rez {
- display: none;
- max-height: 350px;
- overflow-y: scroll;
- border: 1px solid #ccc;
- padding: 5px 5px;
- -webkit-box-shadow: 2px 2px 6px 0px rgba(50, 50, 50, 0.75);
- -moz-box-shadow: 2px 2px 6px 0px rgba(50, 50, 50, 0.75);
- box-shadow: 2px 2px 6px 0px rgba(50, 50, 50, 0.75);
- position: absolute;
- z-index: 1;
- background: #fff;
- max-width: 600px;
- }
- .dropdown-rez ul li a {
- width: 100%;
- transition:all 0.5s;
- display: inline-block;
- padding: 3px;
- color:#000;
- }
- .dropdown-rez ul li a:hover {
- background:#ccc;
- }
- span.text-s {
- color: red;
- }
- .life-search {
- position: relative;
- }
- </style>
- <form class="searchpartsfilter" action="/catalog/searchpartsfilter" method="POST">
- <input type="hidden" name="csrfmiddlewaretoken" value="IXLG9A1WR466IT4e6xDiVTnaVro2eFpBllpe7ACG1pOjSG6wKtErujxQu3o3mW0l">
- <div class="search-catalog">
- <div class="title-block-catalog">
- Запчасти б/у
- </div>
- <div class="body-block-catalog">
- <div class="row">
- <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
- <label for="mark">Марка: </label>
- <select name="mark" class="marksselect" data-show-subtext="false" data-live-search="true">
- </select>
- </div>
- <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
- <label for="model">Модель: </label>
- <select name="model" class="modelsselect" data-show-subtext="false" data-live-search="true">
- </select>
- </div>
- <div class="padding-15"></div>
- <div class="clearfix"></div>
- <div class="col-lg-10 col-md-10 col-sm-12 col-xs-12 life-search">
- <div class="row">
- <div class="form-group">
- <label for="node" class="col-lg-1 col-md-1 col-sm-1 col-xs-12 control-label">Узел:</label>
- <div class="col-lg-11 col-md-11 col-sm-11 col-xs-12">
- <input name="node" disabled="disabled" type="text" class="form-control nodesinput" placeholder="" value="">
- </div>
- </div>
- </div>
- <div class="dropdown-rez hidden">
- <div class="dropdown-rez">
- <ul class="list-unstyled findresult">
- </ul>
- </div>
- </div>
- <div class="padding-15"></div>
- </div>
- <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12 ">
- <a href="" class="btn btn-red pull-right">Подобрать</a>
- </div>
- </div>
- </div>
- </div>
- </form>
- <div class="padding-20"></div>
- <div class="row">
- <div class="col-xs-five">
- <a href="/catalog/models/citroen" class="link-mark">Citroen</a>
- <div class="padding-10"></div>
- </div>
- <div class="col-xs-five">
- <a href="/catalog/models/ford" class="link-mark">Ford</a>
- <div class="padding-10"></div>
- </div>
- <div class="col-xs-five">
- <a href="/catalog/models/opel" class="link-mark">Opel</a>
- <div class="padding-10"></div>
- </div>
- <div class="col-xs-five">
- <a href="/catalog/models/toyota" class="link-mark">Toyota</a>
- <div class="padding-10"></div>
- </div>
- <div class="col-xs-five">
- <a href="/catalog/models/vw" class="link-mark">Vw</a>
- <div class="padding-10"></div>
- </div>
- <div class="col-xs-five">
- <a href="/catalog/models/hyundai" class="link-mark">Hyundai</a>
- <div class="padding-10"></div>
- </div>
- <div class="col-xs-five">
- <a href="/catalog/models/skoda" class="link-mark">Skoda</a>
- <div class="padding-10"></div>
- </div>
- <div class="col-xs-five">
- <a href="/catalog/models/lexus" class="link-mark">Lexus</a>
- <div class="padding-10"></div>
- </div>
- <div class="col-xs-five">
- <a href="/catalog/models/chevrolet" class="link-mark">Chevrolet</a>
- <div class="padding-10"></div>
- </div>
- <div class="col-xs-five">
- <a href="/catalog/models/mercedes-benz" class="link-mark">Mercedes benz</a>
- <div class="padding-10"></div>
- </div>
- <div class="col-xs-five">
- <a href="/catalog/models/kia" class="link-mark">Kia</a>
- <div class="padding-10"></div>
- </div>
- <div class="col-xs-five">
- <a href="/catalog/models/subaru" class="link-mark">Subaru</a>
- <div class="padding-10"></div>
- </div>
- <div class="col-xs-five">
- <a href="/catalog/models/renault" class="link-mark">Renault</a>
- <div class="padding-10"></div>
- </div>
- <div class="col-xs-five">
- <a href="/catalog/models/nissan" class="link-mark">Nissan</a>
- <div class="padding-10"></div>
- </div>
- <div class="col-xs-five">
- <a href="/catalog/models/fiat" class="link-mark">Fiat</a>
- <div class="padding-10"></div>
- </div>
- <div class="col-xs-five">
- <a href="/catalog/models/bmw" class="link-mark">Bmw</a>
- <div class="padding-10"></div>
- </div>
- <div class="col-xs-five">
- <a href="/catalog/models/peugeot" class="link-mark">Peugeot</a>
- <div class="padding-10"></div>
- </div>
- <div class="col-xs-five">
- <a href="/catalog/models/suzuki" class="link-mark">Suzuki</a>
- <div class="padding-10"></div>
- </div>
- <div class="col-xs-five">
- <a href="/catalog/models/ssang-yong" class="link-mark">Ssang yong</a>
- <div class="padding-10"></div>
- </div>
- <div class="col-xs-five">
- <a href="/catalog/models/mazda" class="link-mark">Mazda</a>
- <div class="padding-10"></div>
- </div>
- <div class="col-xs-five">
- <a href="/catalog/models/land-rover" class="link-mark">Land rover</a>
- <div class="padding-10"></div>
- </div>
- <div class="col-xs-five">
- <a href="/catalog/models/mitsubishi" class="link-mark">Mitsubishi</a>
- <div class="padding-10"></div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="padding-30"></div>
- </main>
- <footer>
- <div class="container">
- <div class="row">
- <div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
- <div class="logo-footer">
- <img src="/static/images/logo.png" alt="">
- </div>
- </div>
- <div class="col-lg-10 col-md-10 col-sm-10 col-xs-12">
- <ul class="list-inline">
- <li><a href="/aukcion" >Аукцион</a></li>
- <li><a href="/novosti" >Новости</a></li>
- <li><a href="/okompanii" >О компании</a></li>
- <li><a href="/contacts" >Контакты</a></li>
- </ul>
- <div class="padding-30 hidden-xs"></div>
- <div class="padding-15 hidden-sm hidden-lg hidden-md"></div>
- <div class="row">
- <div class="col-lg-4 col-md-4 col-sm-4">
- <p>Звоните:</p>
- <p>+7 (495) 660-77-50</p>
- </div>
- <div class="col-lg-4 col-md-4 col-sm-4">
- <p>Пишите:</p>
- <p><a href="javascript:void(0)">info@oldmotor.ru</a></p>
- </div>
- <div class="col-lg-4 col-md-4 col-sm-4">
- <p>Приезжайте:</p>
- <p>Москва, ул. Буракова, дом 18,
- склад "Контрактные автозапчасти".</p>
- </div>
- </div>
- </div>
- <div class="padding-15"></div>
- <hr>
- <div class="copyright">
- <div class="col-lg-6 col-md-6 col-sm-5">
- <p>© OldMotor, 2013-2018. Все права защищены.</p>
- </div>
- <div class="col-lg-6 col-md-6 col-sm-7">
- <p class="text-right"><a href="/politika-konfidentcialnosti">Политика конфиденциальности</a> | <a href="/polzovatelskoe-soglashenie">Пользовательское соглашение</a></p>
- </div>
- </div>
- </div>
- </div>
- </footer>
- <script src="/static/js/jquery.js"></script>
- <script src="/static/js/jquery-migrate-3.0.1.min.js"></script>
- <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>
- <!--[if lt IE 9]>
- <script src="js/html5shiv.min.js"></script>
- <![endif]-->
- <script src="/static/js/fontawesome.min.js"></script>
- <!--<script src="/static/js/app.js"></script>-->
- <script src="/static/node_modules/underscore/underscore-min.js"></script>
- <script src="/static/node_modules/backbone/backbone-min.js"></script>
- <script src="/static/js/backbone.csrf.js"></script>
- <script>
- var ordermodel = Backbone.Model.extend({
- urlRoot: '/cabinet/addtocart'
- });
- var orderscollection = Backbone.Collection.extend({
- model: ordermodel,
- });
- var CartView = Backbone.View.extend({
- el: '.cartel',
- initialize(){
- this.collection = new orderscollection();
- var view = this;
- this.collection.on('add',this.addcollection,this);
- $.ajax({
- url: '/cabinet/getcartorders',
- type: 'GET',
- success: function(data, textStatus, jqXHR){
- view.collection.reset(data.data);
- view.start();
- },
- error: function(jqXHR, textStatus, errorThrown){
- console.log('error fetch');
- }
- });
- },
- addcollection(model){
- model.save();
- this.countprice();
- },
- start(){
- this.countprice();
- },
- countprice(){
- if(this.collection.length != 0) {
- var map = this.collection.map(this.collectprice,this);
- var sum = 0;
- for(var i = 0; i < map.length; i++){
- sum += map[i];
- }
- $('.carttotal').html(' на сумму: '+String(sum)+'₽');
- } else {
- $('.carttotal').html(' корзина пустая ');
- }
- },
- collectprice(e,i){
- return e.get('quantity')*e.get('price');
- }
- });
- $(document).ready(function(){
- window.cartview = new CartView();
- });
- </script>
- <script>
- var model = Backbone.Model.extend({});
- function nodeinsert(e){
- var html = $(e).html().replace('<span class="text-s">', '').replace('</span>', '');
- $('.nodesinput').val(html);
- $('.dropdown-rez').css('display','none');
- }
- var nodes = Backbone.View.extend({
- el: '.nodesinput',
- initialize(opt){
- this.parent = opt.parent;
- this.parent.on('changeparent', this.changeparent, this);
- },
- changeparent(opt){
- var view = this;
- url = '/catalog/getnodes/'+opt;
- $.ajax({
- url: url,
- method: 'GET',
- success: function(data){
- view.proccessor(data);
- },
- error: function(){
- }
- });
- },
- proccessor(data){
- this.nodeslist = data.nodeslist;
- this.$el.prop("disabled", false);
- },
- events: {
- 'keyup': 'change'
- },
- change(e) {
- this.val = this.$el.val();
- this.resultlist = _.without(_.map(this.nodeslist, this.map, this), undefined);
- this.render(this.resultlist);
- if(this.resultlist.length != 0){
- $('.searchready').click(function(){
- $('.searchpartsfilter').submit();
- });
- } else {
- }
- },
- map(e) {
- if(e.name.toUpperCase().indexOf(this.val.toUpperCase()) != -1){
- var str = '<span class=text-s>'+this.val+'</span>';
- return '<li><a href="javascript:void(0)" onclick="nodeinsert(this);">'+e.name.replace(this.val, str)+'</a></li>';
- }
- },
- render(list){
- $('.findresult').html(list.join(''));
- $('.dropdown-rez').css('display','inline-block');
- },
- });
- var models = Backbone.View.extend({
- el: '.modelsselect',
- initialize(opt){
- this.parent = opt.parent;
- this.nodes = new nodes({parent: this});
- this.parent.on('changeparent', this.changeparent, this);
- },
- changeparent(opt){
- var view = this;
- url = '/catalog/getmodels/'+opt;
- $.ajax({
- url: url,
- method: 'GET',
- success: function(data){
- view.proccessor(data);
- },
- error: function(){
- }
- });
- },
- proccessor(data){
- data.modelslist.unshift({name: '', slig: ''});
- this.modelslist = _.map(data.modelslist, this.map, this);
- this.$el.html(this.modelslist.join(''));
- },
- map(e){
- return '<option value='+e.slug+'>'+e.name+'</option>';
- },
- events: {
- 'change': 'change'
- },
- change(){
- var val = $(this.el).find('option:selected').val();
- if(val != '') {
- this.trigger('changeparent', val);
- }
- }
- });
- var marks = Backbone.View.extend({
- el: '.marksselect',
- initialize(){
- this.models = new models({parent: this});
- var view = this;
- $.ajax({
- url: '/catalog/getmarks',
- method: 'GET',
- success: function(data){
- view.proccessor(data);
- },
- error: function(){
- }
- });
- $('body').click(function(){
- $('.dropdown-rez').css('display','none');
- });
- },
- proccessor(data){
- data.markslist.unshift({name: '', slig: ''});
- this.markslist = _.map(data.markslist, this.map, this);
- this.$el.html(this.markslist.join(''));
- },
- map(e){
- return '<option value='+e.slug+'>'+e.name+'</option>';
- },
- events: {
- 'change': 'change'
- },
- change(){
- var val = $(this.el).find('option:selected').val();
- if(val != '') {
- this.trigger('changeparent', val);
- $('.nodesinput').prop("disabled", true);
- }
- }
- });
- $(document).ready(function(){
- marksobj = new marks();
- });
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement