Hugo LEVY-FALK
7 years ago
43 changed files with 9540 additions and 4 deletions
@ -0,0 +1,43 @@ |
|||
from django import forms |
|||
|
|||
from .models import Sale, Article, Account |
|||
|
|||
class SaleForm(forms.ModelForm): |
|||
class Meta: |
|||
model = Sale |
|||
fields = ['price',] |
|||
|
|||
class ChooseArticleForm(forms.Form): |
|||
article = forms.ModelChoiceField( |
|||
Article.objects.all(), |
|||
label="Article" |
|||
) |
|||
quantity = forms.DecimalField( |
|||
min_value=0, |
|||
label="Quantité (g)" |
|||
) |
|||
|
|||
def to_sale(self): |
|||
"""Create a sale (with negative price) from the form.""" |
|||
sale = Sale() |
|||
article = self.cleaned_data['article'] |
|||
quantity = self.cleaned_data['quantity'] |
|||
sale.price = - quantity * article.price |
|||
sale.title = "Vente de {}g de {}".format( |
|||
quantity, |
|||
article.name |
|||
) |
|||
return sale |
|||
|
|||
class AccountForm(forms.ModelForm): |
|||
class Meta: |
|||
model = Account |
|||
fields = ['firstname', 'lastname', 'email'] |
|||
|
|||
class SearchForm(forms.Form): |
|||
search = forms.CharField(max_length=255) |
|||
|
|||
class ArticleForm(forms.ModelForm): |
|||
class Meta: |
|||
model = Article |
|||
fields = '__all__' |
|||
@ -0,0 +1,42 @@ |
|||
# Generated by Django 2.1.4 on 2018-12-13 21:05 |
|||
|
|||
from django.db import migrations, models |
|||
import django.db.models.deletion |
|||
|
|||
|
|||
class Migration(migrations.Migration): |
|||
|
|||
initial = True |
|||
|
|||
dependencies = [ |
|||
] |
|||
|
|||
operations = [ |
|||
migrations.CreateModel( |
|||
name='Account', |
|||
fields=[ |
|||
('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')), |
|||
('balance', models.DecimalField(decimal_places=2, max_digits=4, verbose_name='Solde')), |
|||
('firstname', models.CharField(max_length=255, verbose_name='Nom')), |
|||
('lastname', models.CharField(max_length=255, verbose_name='Prénom')), |
|||
('email', models.EmailField(max_length=254, verbose_name='Email')), |
|||
], |
|||
), |
|||
migrations.CreateModel( |
|||
name='Article', |
|||
fields=[ |
|||
('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')), |
|||
('price', models.DecimalField(decimal_places=2, max_digits=4, verbose_name='Prix unitaire')), |
|||
('name', models.CharField(max_length=255, verbose_name='Désignation')), |
|||
], |
|||
), |
|||
migrations.CreateModel( |
|||
name='Sale', |
|||
fields=[ |
|||
('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')), |
|||
('price', models.DecimalField(decimal_places=2, max_digits=4, verbose_name='Prix')), |
|||
('title', models.CharField(max_length=255, verbose_name='Intitulé')), |
|||
('account', models.ForeignKey(null=True, on_delete=django.db.models.deletion.SET_NULL, to='account.Account')), |
|||
], |
|||
), |
|||
] |
|||
@ -0,0 +1,18 @@ |
|||
# Generated by Django 2.1.4 on 2018-12-13 21:53 |
|||
|
|||
from django.db import migrations, models |
|||
|
|||
|
|||
class Migration(migrations.Migration): |
|||
|
|||
dependencies = [ |
|||
('account', '0001_initial'), |
|||
] |
|||
|
|||
operations = [ |
|||
migrations.AlterField( |
|||
model_name='account', |
|||
name='balance', |
|||
field=models.DecimalField(decimal_places=2, default=0, max_digits=4, verbose_name='Solde'), |
|||
), |
|||
] |
|||
@ -0,0 +1,18 @@ |
|||
# Generated by Django 2.1.4 on 2018-12-13 22:48 |
|||
|
|||
from django.db import migrations, models |
|||
|
|||
|
|||
class Migration(migrations.Migration): |
|||
|
|||
dependencies = [ |
|||
('account', '0002_auto_20181213_2153'), |
|||
] |
|||
|
|||
operations = [ |
|||
migrations.AlterField( |
|||
model_name='article', |
|||
name='price', |
|||
field=models.DecimalField(decimal_places=2, max_digits=4, verbose_name='Prix unitaire (au €/g)'), |
|||
), |
|||
] |
|||
@ -1,3 +1,44 @@ |
|||
from django.db import models |
|||
|
|||
# Create your models here. |
|||
class Account(models.Model): |
|||
"""Account for a member.""" |
|||
balance = models.DecimalField( |
|||
verbose_name="Solde", |
|||
max_digits=4, |
|||
decimal_places=2, |
|||
default=0 |
|||
) |
|||
firstname = models.CharField(max_length=255, verbose_name="Nom") |
|||
lastname = models.CharField(max_length=255, verbose_name="Prénom") |
|||
email = models.EmailField(verbose_name="Email") |
|||
|
|||
def calc_balance(self): |
|||
"""Adjust the ballance according to the sales, |
|||
without saving the model.""" |
|||
self.balance = Sale.objects.filter(account=self)\ |
|||
.aggregate(models.Sum('price'))['price__sum'] |
|||
|
|||
class Sale(models.Model): |
|||
"""Represents a sale""" |
|||
price = models.DecimalField( |
|||
verbose_name="Prix", |
|||
max_digits=4, |
|||
decimal_places=2 |
|||
) |
|||
account = models.ForeignKey(Account, on_delete=models.SET_NULL, null=True) |
|||
title = models.CharField(max_length=255, verbose_name="Intitulé") |
|||
|
|||
class Article(models.Model): |
|||
"""An article which can be sold.""" |
|||
price = models.DecimalField( |
|||
verbose_name="Prix unitaire (au €/g)", |
|||
max_digits=4, |
|||
decimal_places=2 |
|||
) |
|||
name = models.CharField( |
|||
max_length=255, |
|||
verbose_name="Désignation" |
|||
) |
|||
|
|||
def __str__(self): |
|||
return ' '.join([self.name, str(self.price), '€/g']) |
|||
|
|||
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 2.8 KiB |
|
After Width: | Height: | Size: 108 B |
File diff suppressed because it is too large
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 434 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -0,0 +1,2 @@ |
|||
/* breakpoints.js v1.0 | @ajlkn | MIT licensed */ |
|||
var breakpoints=function(){"use strict";function e(e){t.init(e)}var t={list:null,media:{},events:[],init:function(e){t.list=e,window.addEventListener("resize",t.poll),window.addEventListener("orientationchange",t.poll),window.addEventListener("load",t.poll),window.addEventListener("fullscreenchange",t.poll)},active:function(e){var n,a,s,i,r,d,c;if(!(e in t.media)){if(">="==e.substr(0,2)?(a="gte",n=e.substr(2)):"<="==e.substr(0,2)?(a="lte",n=e.substr(2)):">"==e.substr(0,1)?(a="gt",n=e.substr(1)):"<"==e.substr(0,1)?(a="lt",n=e.substr(1)):"!"==e.substr(0,1)?(a="not",n=e.substr(1)):(a="eq",n=e),n&&n in t.list)if(i=t.list[n],Array.isArray(i)){if(r=parseInt(i[0]),d=parseInt(i[1]),isNaN(r)){if(isNaN(d))return;c=i[1].substr(String(d).length)}else c=i[0].substr(String(r).length);if(isNaN(r))switch(a){case"gte":s="screen";break;case"lte":s="screen and (max-width: "+d+c+")";break;case"gt":s="screen and (min-width: "+(d+1)+c+")";break;case"lt":s="screen and (max-width: -1px)";break;case"not":s="screen and (min-width: "+(d+1)+c+")";break;default:s="screen and (max-width: "+d+c+")"}else if(isNaN(d))switch(a){case"gte":s="screen and (min-width: "+r+c+")";break;case"lte":s="screen";break;case"gt":s="screen and (max-width: -1px)";break;case"lt":s="screen and (max-width: "+(r-1)+c+")";break;case"not":s="screen and (max-width: "+(r-1)+c+")";break;default:s="screen and (min-width: "+r+c+")"}else switch(a){case"gte":s="screen and (min-width: "+r+c+")";break;case"lte":s="screen and (max-width: "+d+c+")";break;case"gt":s="screen and (min-width: "+(d+1)+c+")";break;case"lt":s="screen and (max-width: "+(r-1)+c+")";break;case"not":s="screen and (max-width: "+(r-1)+c+"), screen and (min-width: "+(d+1)+c+")";break;default:s="screen and (min-width: "+r+c+") and (max-width: "+d+c+")"}}else s="("==i.charAt(0)?"screen and "+i:i;t.media[e]=!!s&&s}return t.media[e]!==!1&&window.matchMedia(t.media[e]).matches},on:function(e,n){t.events.push({query:e,handler:n,state:!1}),t.active(e)&&n()},poll:function(){var e,n;for(e=0;e<t.events.length;e++)n=t.events[e],t.active(n.query)?n.state||(n.state=!0,n.handler()):n.state&&(n.state=!1)}};return e._=t,e.on=function(e,n){t.on(e,n)},e.active=function(e){return t.active(e)},e}();!function(e,t){"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?module.exports=t():e.breakpoints=t()}(this,function(){return breakpoints}); |
|||
@ -0,0 +1,2 @@ |
|||
/* browser.js v1.0 | @ajlkn | MIT licensed */ |
|||
var browser=function(){"use strict";var e={name:null,version:null,os:null,osVersion:null,touch:null,mobile:null,_canUse:null,canUse:function(n){e._canUse||(e._canUse=document.createElement("div"));var o=e._canUse.style,r=n.charAt(0).toUpperCase()+n.slice(1);return n in o||"Moz"+r in o||"Webkit"+r in o||"O"+r in o||"ms"+r in o},init:function(){var n,o,r,i,t=navigator.userAgent;for(n="other",o=0,r=[["firefox",/Firefox\/([0-9\.]+)/],["bb",/BlackBerry.+Version\/([0-9\.]+)/],["bb",/BB[0-9]+.+Version\/([0-9\.]+)/],["opera",/OPR\/([0-9\.]+)/],["opera",/Opera\/([0-9\.]+)/],["edge",/Edge\/([0-9\.]+)/],["safari",/Version\/([0-9\.]+).+Safari/],["chrome",/Chrome\/([0-9\.]+)/],["ie",/MSIE ([0-9]+)/],["ie",/Trident\/.+rv:([0-9]+)/]],i=0;i<r.length;i++)if(t.match(r[i][1])){n=r[i][0],o=parseFloat(RegExp.$1);break}for(e.name=n,e.version=o,n="other",o=0,r=[["ios",/([0-9_]+) like Mac OS X/,function(e){return e.replace("_",".").replace("_","")}],["ios",/CPU like Mac OS X/,function(e){return 0}],["wp",/Windows Phone ([0-9\.]+)/,null],["android",/Android ([0-9\.]+)/,null],["mac",/Macintosh.+Mac OS X ([0-9_]+)/,function(e){return e.replace("_",".").replace("_","")}],["windows",/Windows NT ([0-9\.]+)/,null],["bb",/BlackBerry.+Version\/([0-9\.]+)/,null],["bb",/BB[0-9]+.+Version\/([0-9\.]+)/,null],["linux",/Linux/,null],["bsd",/BSD/,null],["unix",/X11/,null]],i=0;i<r.length;i++)if(t.match(r[i][1])){n=r[i][0],o=parseFloat(r[i][2]?r[i][2](RegExp.$1):RegExp.$1);break}e.os=n,e.osVersion=o,e.touch="wp"==e.os?navigator.msMaxTouchPoints>0:!!("ontouchstart"in window),e.mobile="wp"==e.os||"android"==e.os||"ios"==e.os||"bb"==e.os}};return e.init(),e}();!function(e,n){"function"==typeof define&&define.amd?define([],n):"object"==typeof exports?module.exports=n():e.browser=n()}(this,function(){return browser}); |
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,2 @@ |
|||
/* jquery.scrolly v1.0.0-dev | (c) @ajlkn | MIT licensed */ |
|||
(function(e){function u(s,o){var u,a,f;if((u=e(s))[t]==0)return n;a=u[i]()[r];switch(o.anchor){case"middle":f=a-(e(window).height()-u.outerHeight())/2;break;default:case r:f=Math.max(a,0)}return typeof o[i]=="function"?f-=o[i]():f-=o[i],f}var t="length",n=null,r="top",i="offset",s="click.scrolly",o=e(window);e.fn.scrolly=function(i){var o,a,f,l,c=e(this);if(this[t]==0)return c;if(this[t]>1){for(o=0;o<this[t];o++)e(this[o]).scrolly(i);return c}l=n,f=c.attr("href");if(f.charAt(0)!="#"||f[t]<2)return c;a=jQuery.extend({anchor:r,easing:"swing",offset:0,parent:e("body,html"),pollOnce:!1,speed:1e3},i),a.pollOnce&&(l=u(f,a)),c.off(s).on(s,function(e){var t=l!==n?l:u(f,a);t!==n&&(e.preventDefault(),a.parent.stop().animate({scrollTop:t},a.speed,a.easing))})}})(jQuery); |
|||
@ -0,0 +1,74 @@ |
|||
/* |
|||
TXT by HTML5 UP |
|||
html5up.net | @ajlkn |
|||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) |
|||
*/ |
|||
|
|||
(function($) { |
|||
|
|||
var $window = $(window), |
|||
$body = $('body'), |
|||
$nav = $('#nav'); |
|||
|
|||
// Breakpoints.
|
|||
breakpoints({ |
|||
xlarge: [ '1281px', '1680px' ], |
|||
large: [ '981px', '1280px' ], |
|||
medium: [ '737px', '980px' ], |
|||
small: [ '361px', '736px' ], |
|||
xsmall: [ null, '360px' ] |
|||
}); |
|||
|
|||
// Play initial animations on page load.
|
|||
$window.on('load', function() { |
|||
window.setTimeout(function() { |
|||
$body.removeClass('is-preload'); |
|||
}, 100); |
|||
}); |
|||
|
|||
// Dropdowns.
|
|||
$('#nav > ul').dropotron({ |
|||
mode: 'fade', |
|||
noOpenerFade: true, |
|||
speed: 300, |
|||
alignment: 'center' |
|||
}); |
|||
|
|||
// Scrolly
|
|||
$('.scrolly').scrolly({ |
|||
speed: 1000, |
|||
offset: function() { return $nav.height() - 5; } |
|||
}); |
|||
|
|||
// Nav.
|
|||
|
|||
// Title Bar.
|
|||
$( |
|||
'<div id="titleBar">' + |
|||
'<a href="#navPanel" class="toggle"></a>' + |
|||
'<span class="title">' + $('#logo').html() + '</span>' + |
|||
'</div>' |
|||
) |
|||
.appendTo($body); |
|||
|
|||
// Panel.
|
|||
$( |
|||
'<div id="navPanel">' + |
|||
'<nav>' + |
|||
$('#nav').navList() + |
|||
'</nav>' + |
|||
'</div>' |
|||
) |
|||
.appendTo($body) |
|||
.panel({ |
|||
delay: 500, |
|||
hideOnClick: true, |
|||
hideOnSwipe: true, |
|||
resetScroll: true, |
|||
resetForms: true, |
|||
side: 'left', |
|||
target: $body, |
|||
visibleClass: 'navPanel-visible' |
|||
}); |
|||
|
|||
})(jQuery); |
|||
@ -0,0 +1,587 @@ |
|||
(function($) { |
|||
|
|||
/** |
|||
* Generate an indented list of links from a nav. Meant for use with panel(). |
|||
* @return {jQuery} jQuery object. |
|||
*/ |
|||
$.fn.navList = function() { |
|||
|
|||
var $this = $(this); |
|||
$a = $this.find('a'), |
|||
b = []; |
|||
|
|||
$a.each(function() { |
|||
|
|||
var $this = $(this), |
|||
indent = Math.max(0, $this.parents('li').length - 1), |
|||
href = $this.attr('href'), |
|||
target = $this.attr('target'); |
|||
|
|||
b.push( |
|||
'<a ' + |
|||
'class="link depth-' + indent + '"' + |
|||
( (typeof target !== 'undefined' && target != '') ? ' target="' + target + '"' : '') + |
|||
( (typeof href !== 'undefined' && href != '') ? ' href="' + href + '"' : '') + |
|||
'>' + |
|||
'<span class="indent-' + indent + '"></span>' + |
|||
$this.text() + |
|||
'</a>' |
|||
); |
|||
|
|||
}); |
|||
|
|||
return b.join(''); |
|||
|
|||
}; |
|||
|
|||
/** |
|||
* Panel-ify an element. |
|||
* @param {object} userConfig User config. |
|||
* @return {jQuery} jQuery object. |
|||
*/ |
|||
$.fn.panel = function(userConfig) { |
|||
|
|||
// No elements?
|
|||
if (this.length == 0) |
|||
return $this; |
|||
|
|||
// Multiple elements?
|
|||
if (this.length > 1) { |
|||
|
|||
for (var i=0; i < this.length; i++) |
|||
$(this[i]).panel(userConfig); |
|||
|
|||
return $this; |
|||
|
|||
} |
|||
|
|||
// Vars.
|
|||
var $this = $(this), |
|||
$body = $('body'), |
|||
$window = $(window), |
|||
id = $this.attr('id'), |
|||
config; |
|||
|
|||
// Config.
|
|||
config = $.extend({ |
|||
|
|||
// Delay.
|
|||
delay: 0, |
|||
|
|||
// Hide panel on link click.
|
|||
hideOnClick: false, |
|||
|
|||
// Hide panel on escape keypress.
|
|||
hideOnEscape: false, |
|||
|
|||
// Hide panel on swipe.
|
|||
hideOnSwipe: false, |
|||
|
|||
// Reset scroll position on hide.
|
|||
resetScroll: false, |
|||
|
|||
// Reset forms on hide.
|
|||
resetForms: false, |
|||
|
|||
// Side of viewport the panel will appear.
|
|||
side: null, |
|||
|
|||
// Target element for "class".
|
|||
target: $this, |
|||
|
|||
// Class to toggle.
|
|||
visibleClass: 'visible' |
|||
|
|||
}, userConfig); |
|||
|
|||
// Expand "target" if it's not a jQuery object already.
|
|||
if (typeof config.target != 'jQuery') |
|||
config.target = $(config.target); |
|||
|
|||
// Panel.
|
|||
|
|||
// Methods.
|
|||
$this._hide = function(event) { |
|||
|
|||
// Already hidden? Bail.
|
|||
if (!config.target.hasClass(config.visibleClass)) |
|||
return; |
|||
|
|||
// If an event was provided, cancel it.
|
|||
if (event) { |
|||
|
|||
event.preventDefault(); |
|||
event.stopPropagation(); |
|||
|
|||
} |
|||
|
|||
// Hide.
|
|||
config.target.removeClass(config.visibleClass); |
|||
|
|||
// Post-hide stuff.
|
|||
window.setTimeout(function() { |
|||
|
|||
// Reset scroll position.
|
|||
if (config.resetScroll) |
|||
$this.scrollTop(0); |
|||
|
|||
// Reset forms.
|
|||
if (config.resetForms) |
|||
$this.find('form').each(function() { |
|||
this.reset(); |
|||
}); |
|||
|
|||
}, config.delay); |
|||
|
|||
}; |
|||
|
|||
// Vendor fixes.
|
|||
$this |
|||
.css('-ms-overflow-style', '-ms-autohiding-scrollbar') |
|||
.css('-webkit-overflow-scrolling', 'touch'); |
|||
|
|||
// Hide on click.
|
|||
if (config.hideOnClick) { |
|||
|
|||
$this.find('a') |
|||
.css('-webkit-tap-highlight-color', 'rgba(0,0,0,0)'); |
|||
|
|||
$this |
|||
.on('click', 'a', function(event) { |
|||
|
|||
var $a = $(this), |
|||
href = $a.attr('href'), |
|||
target = $a.attr('target'); |
|||
|
|||
if (!href || href == '#' || href == '' || href == '#' + id) |
|||
return; |
|||
|
|||
// Cancel original event.
|
|||
event.preventDefault(); |
|||
event.stopPropagation(); |
|||
|
|||
// Hide panel.
|
|||
$this._hide(); |
|||
|
|||
// Redirect to href.
|
|||
window.setTimeout(function() { |
|||
|
|||
if (target == '_blank') |
|||
window.open(href); |
|||
else |
|||
window.location.href = href; |
|||
|
|||
}, config.delay + 10); |
|||
|
|||
}); |
|||
|
|||
} |
|||
|
|||
// Event: Touch stuff.
|
|||
$this.on('touchstart', function(event) { |
|||
|
|||
$this.touchPosX = event.originalEvent.touches[0].pageX; |
|||
$this.touchPosY = event.originalEvent.touches[0].pageY; |
|||
|
|||
}) |
|||
|
|||
$this.on('touchmove', function(event) { |
|||
|
|||
if ($this.touchPosX === null |
|||
|| $this.touchPosY === null) |
|||
return; |
|||
|
|||
var diffX = $this.touchPosX - event.originalEvent.touches[0].pageX, |
|||
diffY = $this.touchPosY - event.originalEvent.touches[0].pageY, |
|||
th = $this.outerHeight(), |
|||
ts = ($this.get(0).scrollHeight - $this.scrollTop()); |
|||
|
|||
// Hide on swipe?
|
|||
if (config.hideOnSwipe) { |
|||
|
|||
var result = false, |
|||
boundary = 20, |
|||
delta = 50; |
|||
|
|||
switch (config.side) { |
|||
|
|||
case 'left': |
|||
result = (diffY < boundary && diffY > (-1 * boundary)) && (diffX > delta); |
|||
break; |
|||
|
|||
case 'right': |
|||
result = (diffY < boundary && diffY > (-1 * boundary)) && (diffX < (-1 * delta)); |
|||
break; |
|||
|
|||
case 'top': |
|||
result = (diffX < boundary && diffX > (-1 * boundary)) && (diffY > delta); |
|||
break; |
|||
|
|||
case 'bottom': |
|||
result = (diffX < boundary && diffX > (-1 * boundary)) && (diffY < (-1 * delta)); |
|||
break; |
|||
|
|||
default: |
|||
break; |
|||
|
|||
} |
|||
|
|||
if (result) { |
|||
|
|||
$this.touchPosX = null; |
|||
$this.touchPosY = null; |
|||
$this._hide(); |
|||
|
|||
return false; |
|||
|
|||
} |
|||
|
|||
} |
|||
|
|||
// Prevent vertical scrolling past the top or bottom.
|
|||
if (($this.scrollTop() < 0 && diffY < 0) |
|||
|| (ts > (th - 2) && ts < (th + 2) && diffY > 0)) { |
|||
|
|||
event.preventDefault(); |
|||
event.stopPropagation(); |
|||
|
|||
} |
|||
|
|||
}); |
|||
|
|||
// Event: Prevent certain events inside the panel from bubbling.
|
|||
$this.on('click touchend touchstart touchmove', function(event) { |
|||
event.stopPropagation(); |
|||
}); |
|||
|
|||
// Event: Hide panel if a child anchor tag pointing to its ID is clicked.
|
|||
$this.on('click', 'a[href="#' + id + '"]', function(event) { |
|||
|
|||
event.preventDefault(); |
|||
event.stopPropagation(); |
|||
|
|||
config.target.removeClass(config.visibleClass); |
|||
|
|||
}); |
|||
|
|||
// Body.
|
|||
|
|||
// Event: Hide panel on body click/tap.
|
|||
$body.on('click touchend', function(event) { |
|||
$this._hide(event); |
|||
}); |
|||
|
|||
// Event: Toggle.
|
|||
$body.on('click', 'a[href="#' + id + '"]', function(event) { |
|||
|
|||
event.preventDefault(); |
|||
event.stopPropagation(); |
|||
|
|||
config.target.toggleClass(config.visibleClass); |
|||
|
|||
}); |
|||
|
|||
// Window.
|
|||
|
|||
// Event: Hide on ESC.
|
|||
if (config.hideOnEscape) |
|||
$window.on('keydown', function(event) { |
|||
|
|||
if (event.keyCode == 27) |
|||
$this._hide(event); |
|||
|
|||
}); |
|||
|
|||
return $this; |
|||
|
|||
}; |
|||
|
|||
/** |
|||
* Apply "placeholder" attribute polyfill to one or more forms. |
|||
* @return {jQuery} jQuery object. |
|||
*/ |
|||
$.fn.placeholder = function() { |
|||
|
|||
// Browser natively supports placeholders? Bail.
|
|||
if (typeof (document.createElement('input')).placeholder != 'undefined') |
|||
return $(this); |
|||
|
|||
// No elements?
|
|||
if (this.length == 0) |
|||
return $this; |
|||
|
|||
// Multiple elements?
|
|||
if (this.length > 1) { |
|||
|
|||
for (var i=0; i < this.length; i++) |
|||
$(this[i]).placeholder(); |
|||
|
|||
return $this; |
|||
|
|||
} |
|||
|
|||
// Vars.
|
|||
var $this = $(this); |
|||
|
|||
// Text, TextArea.
|
|||
$this.find('input[type=text],textarea') |
|||
.each(function() { |
|||
|
|||
var i = $(this); |
|||
|
|||
if (i.val() == '' |
|||
|| i.val() == i.attr('placeholder')) |
|||
i |
|||
.addClass('polyfill-placeholder') |
|||
.val(i.attr('placeholder')); |
|||
|
|||
}) |
|||
.on('blur', function() { |
|||
|
|||
var i = $(this); |
|||
|
|||
if (i.attr('name').match(/-polyfill-field$/)) |
|||
return; |
|||
|
|||
if (i.val() == '') |
|||
i |
|||
.addClass('polyfill-placeholder') |
|||
.val(i.attr('placeholder')); |
|||
|
|||
}) |
|||
.on('focus', function() { |
|||
|
|||
var i = $(this); |
|||
|
|||
if (i.attr('name').match(/-polyfill-field$/)) |
|||
return; |
|||
|
|||
if (i.val() == i.attr('placeholder')) |
|||
i |
|||
.removeClass('polyfill-placeholder') |
|||
.val(''); |
|||
|
|||
}); |
|||
|
|||
// Password.
|
|||
$this.find('input[type=password]') |
|||
.each(function() { |
|||
|
|||
var i = $(this); |
|||
var x = $( |
|||
$('<div>') |
|||
.append(i.clone()) |
|||
.remove() |
|||
.html() |
|||
.replace(/type="password"/i, 'type="text"') |
|||
.replace(/type=password/i, 'type=text') |
|||
); |
|||
|
|||
if (i.attr('id') != '') |
|||
x.attr('id', i.attr('id') + '-polyfill-field'); |
|||
|
|||
if (i.attr('name') != '') |
|||
x.attr('name', i.attr('name') + '-polyfill-field'); |
|||
|
|||
x.addClass('polyfill-placeholder') |
|||
.val(x.attr('placeholder')).insertAfter(i); |
|||
|
|||
if (i.val() == '') |
|||
i.hide(); |
|||
else |
|||
x.hide(); |
|||
|
|||
i |
|||
.on('blur', function(event) { |
|||
|
|||
event.preventDefault(); |
|||
|
|||
var x = i.parent().find('input[name=' + i.attr('name') + '-polyfill-field]'); |
|||
|
|||
if (i.val() == '') { |
|||
|
|||
i.hide(); |
|||
x.show(); |
|||
|
|||
} |
|||
|
|||
}); |
|||
|
|||
x |
|||
.on('focus', function(event) { |
|||
|
|||
event.preventDefault(); |
|||
|
|||
var i = x.parent().find('input[name=' + x.attr('name').replace('-polyfill-field', '') + ']'); |
|||
|
|||
x.hide(); |
|||
|
|||
i |
|||
.show() |
|||
.focus(); |
|||
|
|||
}) |
|||
.on('keypress', function(event) { |
|||
|
|||
event.preventDefault(); |
|||
x.val(''); |
|||
|
|||
}); |
|||
|
|||
}); |
|||
|
|||
// Events.
|
|||
$this |
|||
.on('submit', function() { |
|||
|
|||
$this.find('input[type=text],input[type=password],textarea') |
|||
.each(function(event) { |
|||
|
|||
var i = $(this); |
|||
|
|||
if (i.attr('name').match(/-polyfill-field$/)) |
|||
i.attr('name', ''); |
|||
|
|||
if (i.val() == i.attr('placeholder')) { |
|||
|
|||
i.removeClass('polyfill-placeholder'); |
|||
i.val(''); |
|||
|
|||
} |
|||
|
|||
}); |
|||
|
|||
}) |
|||
.on('reset', function(event) { |
|||
|
|||
event.preventDefault(); |
|||
|
|||
$this.find('select') |
|||
.val($('option:first').val()); |
|||
|
|||
$this.find('input,textarea') |
|||
.each(function() { |
|||
|
|||
var i = $(this), |
|||
x; |
|||
|
|||
i.removeClass('polyfill-placeholder'); |
|||
|
|||
switch (this.type) { |
|||
|
|||
case 'submit': |
|||
case 'reset': |
|||
break; |
|||
|
|||
case 'password': |
|||
i.val(i.attr('defaultValue')); |
|||
|
|||
x = i.parent().find('input[name=' + i.attr('name') + '-polyfill-field]'); |
|||
|
|||
if (i.val() == '') { |
|||
i.hide(); |
|||
x.show(); |
|||
} |
|||
else { |
|||
i.show(); |
|||
x.hide(); |
|||
} |
|||
|
|||
break; |
|||
|
|||
case 'checkbox': |
|||
case 'radio': |
|||
i.attr('checked', i.attr('defaultValue')); |
|||
break; |
|||
|
|||
case 'text': |
|||
case 'textarea': |
|||
i.val(i.attr('defaultValue')); |
|||
|
|||
if (i.val() == '') { |
|||
i.addClass('polyfill-placeholder'); |
|||
i.val(i.attr('placeholder')); |
|||
} |
|||
|
|||
break; |
|||
|
|||
default: |
|||
i.val(i.attr('defaultValue')); |
|||
break; |
|||
|
|||
} |
|||
}); |
|||
|
|||
}); |
|||
|
|||
return $this; |
|||
|
|||
}; |
|||
|
|||
/** |
|||
* Moves elements to/from the first positions of their respective parents. |
|||
* @param {jQuery} $elements Elements (or selector) to move. |
|||
* @param {bool} condition If true, moves elements to the top. Otherwise, moves elements back to their original locations. |
|||
*/ |
|||
$.prioritize = function($elements, condition) { |
|||
|
|||
var key = '__prioritize'; |
|||
|
|||
// Expand $elements if it's not already a jQuery object.
|
|||
if (typeof $elements != 'jQuery') |
|||
$elements = $($elements); |
|||
|
|||
// Step through elements.
|
|||
$elements.each(function() { |
|||
|
|||
var $e = $(this), $p, |
|||
$parent = $e.parent(); |
|||
|
|||
// No parent? Bail.
|
|||
if ($parent.length == 0) |
|||
return; |
|||
|
|||
// Not moved? Move it.
|
|||
if (!$e.data(key)) { |
|||
|
|||
// Condition is false? Bail.
|
|||
if (!condition) |
|||
return; |
|||
|
|||
// Get placeholder (which will serve as our point of reference for when this element needs to move back).
|
|||
$p = $e.prev(); |
|||
|
|||
// Couldn't find anything? Means this element's already at the top, so bail.
|
|||
if ($p.length == 0) |
|||
return; |
|||
|
|||
// Move element to top of parent.
|
|||
$e.prependTo($parent); |
|||
|
|||
// Mark element as moved.
|
|||
$e.data(key, $p); |
|||
|
|||
} |
|||
|
|||
// Moved already?
|
|||
else { |
|||
|
|||
// Condition is true? Bail.
|
|||
if (condition) |
|||
return; |
|||
|
|||
$p = $e.data(key); |
|||
|
|||
// Move element back to its original location (using our placeholder).
|
|||
$e.insertAfter($p); |
|||
|
|||
// Unmark element as moved.
|
|||
$e.removeData(key); |
|||
|
|||
} |
|||
|
|||
}); |
|||
|
|||
}; |
|||
|
|||
})(jQuery); |
|||
@ -0,0 +1,223 @@ |
|||
// breakpoints.scss v1.0 | @ajlkn | MIT licensed */ |
|||
|
|||
// Vars. |
|||
|
|||
/// Breakpoints. |
|||
/// @var {list} |
|||
$breakpoints: () !global; |
|||
|
|||
// Mixins. |
|||
|
|||
/// Sets breakpoints. |
|||
/// @param {map} $x Breakpoints. |
|||
@mixin breakpoints($x: ()) { |
|||
$breakpoints: $x !global; |
|||
} |
|||
|
|||
/// Wraps @content in a @media block targeting a specific orientation. |
|||
/// @param {string} $orientation Orientation. |
|||
@mixin orientation($orientation) { |
|||
@media screen and (orientation: #{$orientation}) { |
|||
@content; |
|||
} |
|||
} |
|||
|
|||
/// Wraps @content in a @media block using a given query. |
|||
/// @param {string} $query Query. |
|||
@mixin breakpoint($query: null) { |
|||
|
|||
$breakpoint: null; |
|||
$op: null; |
|||
$media: null; |
|||
|
|||
// Determine operator, breakpoint. |
|||
|
|||
// Greater than or equal. |
|||
@if (str-slice($query, 0, 2) == '>=') { |
|||
|
|||
$op: 'gte'; |
|||
$breakpoint: str-slice($query, 3); |
|||
|
|||
} |
|||
|
|||
// Less than or equal. |
|||
@elseif (str-slice($query, 0, 2) == '<=') { |
|||
|
|||
$op: 'lte'; |
|||
$breakpoint: str-slice($query, 3); |
|||
|
|||
} |
|||
|
|||
// Greater than. |
|||
@elseif (str-slice($query, 0, 1) == '>') { |
|||
|
|||
$op: 'gt'; |
|||
$breakpoint: str-slice($query, 2); |
|||
|
|||
} |
|||
|
|||
// Less than. |
|||
@elseif (str-slice($query, 0, 1) == '<') { |
|||
|
|||
$op: 'lt'; |
|||
$breakpoint: str-slice($query, 2); |
|||
|
|||
} |
|||
|
|||
// Not. |
|||
@elseif (str-slice($query, 0, 1) == '!') { |
|||
|
|||
$op: 'not'; |
|||
$breakpoint: str-slice($query, 2); |
|||
|
|||
} |
|||
|
|||
// Equal. |
|||
@else { |
|||
|
|||
$op: 'eq'; |
|||
$breakpoint: $query; |
|||
|
|||
} |
|||
|
|||
// Build media. |
|||
@if ($breakpoint and map-has-key($breakpoints, $breakpoint)) { |
|||
|
|||
$a: map-get($breakpoints, $breakpoint); |
|||
|
|||
// Range. |
|||
@if (type-of($a) == 'list') { |
|||
|
|||
$x: nth($a, 1); |
|||
$y: nth($a, 2); |
|||
|
|||
// Max only. |
|||
@if ($x == null) { |
|||
|
|||
// Greater than or equal (>= 0 / anything) |
|||
@if ($op == 'gte') { |
|||
$media: 'screen'; |
|||
} |
|||
|
|||
// Less than or equal (<= y) |
|||
@elseif ($op == 'lte') { |
|||
$media: 'screen and (max-width: ' + $y + ')'; |
|||
} |
|||
|
|||
// Greater than (> y) |
|||
@elseif ($op == 'gt') { |
|||
$media: 'screen and (min-width: ' + ($y + 1) + ')'; |
|||
} |
|||
|
|||
// Less than (< 0 / invalid) |
|||
@elseif ($op == 'lt') { |
|||
$media: 'screen and (max-width: -1px)'; |
|||
} |
|||
|
|||
// Not (> y) |
|||
@elseif ($op == 'not') { |
|||
$media: 'screen and (min-width: ' + ($y + 1) + ')'; |
|||
} |
|||
|
|||
// Equal (<= y) |
|||
@else { |
|||
$media: 'screen and (max-width: ' + $y + ')'; |
|||
} |
|||
|
|||
} |
|||
|
|||
// Min only. |
|||
@else if ($y == null) { |
|||
|
|||
// Greater than or equal (>= x) |
|||
@if ($op == 'gte') { |
|||
$media: 'screen and (min-width: ' + $x + ')'; |
|||
} |
|||
|
|||
// Less than or equal (<= inf / anything) |
|||
@elseif ($op == 'lte') { |
|||
$media: 'screen'; |
|||
} |
|||
|
|||
// Greater than (> inf / invalid) |
|||
@elseif ($op == 'gt') { |
|||
$media: 'screen and (max-width: -1px)'; |
|||
} |
|||
|
|||
// Less than (< x) |
|||
@elseif ($op == 'lt') { |
|||
$media: 'screen and (max-width: ' + ($x - 1) + ')'; |
|||
} |
|||
|
|||
// Not (< x) |
|||
@elseif ($op == 'not') { |
|||
$media: 'screen and (max-width: ' + ($x - 1) + ')'; |
|||
} |
|||
|
|||
// Equal (>= x) |
|||
@else { |
|||
$media: 'screen and (min-width: ' + $x + ')'; |
|||
} |
|||
|
|||
} |
|||
|
|||
// Min and max. |
|||
@else { |
|||
|
|||
// Greater than or equal (>= x) |
|||
@if ($op == 'gte') { |
|||
$media: 'screen and (min-width: ' + $x + ')'; |
|||
} |
|||
|
|||
// Less than or equal (<= y) |
|||
@elseif ($op == 'lte') { |
|||
$media: 'screen and (max-width: ' + $y + ')'; |
|||
} |
|||
|
|||
// Greater than (> y) |
|||
@elseif ($op == 'gt') { |
|||
$media: 'screen and (min-width: ' + ($y + 1) + ')'; |
|||
} |
|||
|
|||
// Less than (< x) |
|||
@elseif ($op == 'lt') { |
|||
$media: 'screen and (max-width: ' + ($x - 1) + ')'; |
|||
} |
|||
|
|||
// Not (< x and > y) |
|||
@elseif ($op == 'not') { |
|||
$media: 'screen and (max-width: ' + ($x - 1) + '), screen and (min-width: ' + ($y + 1) + ')'; |
|||
} |
|||
|
|||
// Equal (>= x and <= y) |
|||
@else { |
|||
$media: 'screen and (min-width: ' + $x + ') and (max-width: ' + $y + ')'; |
|||
} |
|||
|
|||
} |
|||
|
|||
} |
|||
|
|||
// String. |
|||
@else { |
|||
|
|||
// Missing a media type? Prefix with "screen". |
|||
@if (str-slice($a, 0, 1) == '(') { |
|||
$media: 'screen and ' + $a; |
|||
} |
|||
|
|||
// Otherwise, use as-is. |
|||
@else { |
|||
$media: $a; |
|||
} |
|||
|
|||
} |
|||
|
|||
} |
|||
|
|||
// Output. |
|||
@media #{$media} { |
|||
@content; |
|||
} |
|||
|
|||
} |
|||
@ -0,0 +1,90 @@ |
|||
/// Removes a specific item from a list. |
|||
/// @author Hugo Giraudel |
|||
/// @param {list} $list List. |
|||
/// @param {integer} $index Index. |
|||
/// @return {list} Updated list. |
|||
@function remove-nth($list, $index) { |
|||
|
|||
$result: null; |
|||
|
|||
@if type-of($index) != number { |
|||
@warn "$index: #{quote($index)} is not a number for `remove-nth`."; |
|||
} |
|||
@else if $index == 0 { |
|||
@warn "List index 0 must be a non-zero integer for `remove-nth`."; |
|||
} |
|||
@else if abs($index) > length($list) { |
|||
@warn "List index is #{$index} but list is only #{length($list)} item long for `remove-nth`."; |
|||
} |
|||
@else { |
|||
|
|||
$result: (); |
|||
$index: if($index < 0, length($list) + $index + 1, $index); |
|||
|
|||
@for $i from 1 through length($list) { |
|||
|
|||
@if $i != $index { |
|||
$result: append($result, nth($list, $i)); |
|||
} |
|||
|
|||
} |
|||
|
|||
} |
|||
|
|||
@return $result; |
|||
|
|||
} |
|||
|
|||
/// Gets a value from a map. |
|||
/// @author Hugo Giraudel |
|||
/// @param {map} $map Map. |
|||
/// @param {string} $keys Key(s). |
|||
/// @return {string} Value. |
|||
@function val($map, $keys...) { |
|||
|
|||
@if nth($keys, 1) == null { |
|||
$keys: remove-nth($keys, 1); |
|||
} |
|||
|
|||
@each $key in $keys { |
|||
$map: map-get($map, $key); |
|||
} |
|||
|
|||
@return $map; |
|||
|
|||
} |
|||
|
|||
/// Gets a duration value. |
|||
/// @param {string} $keys Key(s). |
|||
/// @return {string} Value. |
|||
@function _duration($keys...) { |
|||
@return val($duration, $keys...); |
|||
} |
|||
|
|||
/// Gets a font value. |
|||
/// @param {string} $keys Key(s). |
|||
/// @return {string} Value. |
|||
@function _font($keys...) { |
|||
@return val($font, $keys...); |
|||
} |
|||
|
|||
/// Gets a misc value. |
|||
/// @param {string} $keys Key(s). |
|||
/// @return {string} Value. |
|||
@function _misc($keys...) { |
|||
@return val($misc, $keys...); |
|||
} |
|||
|
|||
/// Gets a palette value. |
|||
/// @param {string} $keys Key(s). |
|||
/// @return {string} Value. |
|||
@function _palette($keys...) { |
|||
@return val($palette, $keys...); |
|||
} |
|||
|
|||
/// Gets a size value. |
|||
/// @param {string} $keys Key(s). |
|||
/// @return {string} Value. |
|||
@function _size($keys...) { |
|||
@return val($size, $keys...); |
|||
} |
|||
@ -0,0 +1,149 @@ |
|||
// html-grid.scss v1.0 | @ajlkn | MIT licensed */ |
|||
|
|||
// Mixins. |
|||
|
|||
/// Initializes the current element as an HTML grid. |
|||
/// @param {mixed} $gutters Gutters (either a single number to set both column/row gutters, or a list to set them individually). |
|||
/// @param {mixed} $suffix Column class suffix (optional; either a single suffix or a list). |
|||
@mixin html-grid($gutters: 1.5em, $suffix: '') { |
|||
|
|||
// Initialize. |
|||
$cols: 12; |
|||
$multipliers: 0, 0.25, 0.5, 1, 1.50, 2.00; |
|||
$unit: 100% / $cols; |
|||
|
|||
// Suffixes. |
|||
$suffixes: null; |
|||
|
|||
@if (type-of($suffix) == 'list') { |
|||
$suffixes: $suffix; |
|||
} |
|||
@else { |
|||
$suffixes: ($suffix); |
|||
} |
|||
|
|||
// Gutters. |
|||
$guttersCols: null; |
|||
$guttersRows: null; |
|||
|
|||
@if (type-of($gutters) == 'list') { |
|||
|
|||
$guttersCols: nth($gutters, 1); |
|||
$guttersRows: nth($gutters, 2); |
|||
|
|||
} |
|||
@else { |
|||
|
|||
$guttersCols: $gutters; |
|||
$guttersRows: 0; |
|||
|
|||
} |
|||
|
|||
// Row. |
|||
display: flex; |
|||
flex-wrap: wrap; |
|||
box-sizing: border-box; |
|||
align-items: stretch; |
|||
|
|||
// Columns. |
|||
> * { |
|||
box-sizing: border-box; |
|||
} |
|||
|
|||
// Gutters. |
|||
&.gtr-uniform { |
|||
> * { |
|||
> :last-child { |
|||
margin-bottom: 0; |
|||
} |
|||
} |
|||
} |
|||
|
|||
// Alignment. |
|||
&.aln-left { |
|||
justify-content: flex-start; |
|||
} |
|||
|
|||
&.aln-center { |
|||
justify-content: center; |
|||
} |
|||
|
|||
&.aln-right { |
|||
justify-content: flex-end; |
|||
} |
|||
|
|||
&.aln-top { |
|||
align-items: flex-start; |
|||
} |
|||
|
|||
&.aln-middle { |
|||
align-items: center; |
|||
} |
|||
|
|||
&.aln-bottom { |
|||
align-items: flex-end; |
|||
} |
|||
|
|||
// Step through suffixes. |
|||
@each $suffix in $suffixes { |
|||
|
|||
// Suffix. |
|||
@if ($suffix != '') { |
|||
$suffix: '-' + $suffix; |
|||
} |
|||
@else { |
|||
$suffix: ''; |
|||
} |
|||
|
|||
// Row. |
|||
|
|||
// Important. |
|||
> .imp#{$suffix} { |
|||
order: -1; |
|||
} |
|||
|
|||
// Columns, offsets. |
|||
@for $i from 1 through $cols { |
|||
> .col-#{$i}#{$suffix} { |
|||
width: $unit * $i; |
|||
} |
|||
|
|||
> .off-#{$i}#{$suffix} { |
|||
margin-left: $unit * $i; |
|||
} |
|||
} |
|||
|
|||
// Step through multipliers. |
|||
@each $multiplier in $multipliers { |
|||
|
|||
// Gutters. |
|||
$class: null; |
|||
|
|||
@if ($multiplier != 1) { |
|||
$class: '.gtr-' + ($multiplier * 100); |
|||
} |
|||
|
|||
&#{$class} { |
|||
margin-top: ($guttersRows * $multiplier * -1); |
|||
margin-left: ($guttersCols * $multiplier * -1); |
|||
|
|||
> * { |
|||
padding: ($guttersRows * $multiplier) 0 0 ($guttersCols * $multiplier); |
|||
} |
|||
|
|||
// Uniform. |
|||
&.gtr-uniform { |
|||
margin-top: $guttersCols * $multiplier * -1; |
|||
|
|||
> * { |
|||
padding-top: $guttersCols * $multiplier; |
|||
} |
|||
} |
|||
|
|||
} |
|||
|
|||
} |
|||
|
|||
} |
|||
|
|||
} |
|||
@ -0,0 +1,63 @@ |
|||
/// Makes an element's :before pseudoelement a FontAwesome icon. |
|||
/// @param {string} $content Optional content value to use. |
|||
/// @param {string} $where Optional pseudoelement to target (before or after). |
|||
@mixin icon($content: false, $where: before) { |
|||
|
|||
text-decoration: none; |
|||
|
|||
&:#{$where} { |
|||
|
|||
@if $content { |
|||
content: $content; |
|||
} |
|||
|
|||
-moz-osx-font-smoothing: grayscale; |
|||
-webkit-font-smoothing: antialiased; |
|||
font-family: FontAwesome; |
|||
font-style: normal; |
|||
font-weight: normal; |
|||
text-transform: none !important; |
|||
|
|||
} |
|||
|
|||
} |
|||
|
|||
/// Applies padding to an element, taking the current element-margin value into account. |
|||
/// @param {mixed} $tb Top/bottom padding. |
|||
/// @param {mixed} $lr Left/right padding. |
|||
/// @param {list} $pad Optional extra padding (in the following order top, right, bottom, left) |
|||
/// @param {bool} $important If true, adds !important. |
|||
@mixin padding($tb, $lr, $pad: (0,0,0,0), $important: null) { |
|||
|
|||
@if $important { |
|||
$important: '!important'; |
|||
} |
|||
|
|||
$x: 0.1em; |
|||
|
|||
@if unit(_size(element-margin)) == 'rem' { |
|||
$x: 0.1rem; |
|||
} |
|||
|
|||
padding: ($tb + nth($pad,1)) ($lr + nth($pad,2)) max($x, $tb - _size(element-margin) + nth($pad,3)) ($lr + nth($pad,4)) #{$important}; |
|||
|
|||
} |
|||
|
|||
/// Encodes a SVG data URL so IE doesn't choke (via codepen.io/jakob-e/pen/YXXBrp). |
|||
/// @param {string} $svg SVG data URL. |
|||
/// @return {string} Encoded SVG data URL. |
|||
@function svg-url($svg) { |
|||
|
|||
$svg: str-replace($svg, '"', '\''); |
|||
$svg: str-replace($svg, '%', '%25'); |
|||
$svg: str-replace($svg, '<', '%3C'); |
|||
$svg: str-replace($svg, '>', '%3E'); |
|||
$svg: str-replace($svg, '&', '%26'); |
|||
$svg: str-replace($svg, '#', '%23'); |
|||
$svg: str-replace($svg, '{', '%7B'); |
|||
$svg: str-replace($svg, '}', '%7D'); |
|||
$svg: str-replace($svg, ';', '%3B'); |
|||
|
|||
@return url("data:image/svg+xml;charset=utf8,#{$svg}"); |
|||
|
|||
} |
|||
@ -0,0 +1,22 @@ |
|||
// Misc. |
|||
$misc: ( |
|||
z-index-base: 10000 |
|||
); |
|||
|
|||
// Duration. |
|||
$duration: ( |
|||
navPanel: 0.5s |
|||
); |
|||
|
|||
// Size. |
|||
$size: ( |
|||
navPanel: 275px |
|||
); |
|||
|
|||
// Font. |
|||
$font: ( |
|||
); |
|||
|
|||
// Palette. |
|||
$palette: ( |
|||
); |
|||
@ -0,0 +1,376 @@ |
|||
// vendor.scss v1.0 | @ajlkn | MIT licensed */ |
|||
|
|||
// Vars. |
|||
|
|||
/// Vendor prefixes. |
|||
/// @var {list} |
|||
$vendor-prefixes: ( |
|||
'-moz-', |
|||
'-webkit-', |
|||
'-ms-', |
|||
'' |
|||
); |
|||
|
|||
/// Properties that should be vendorized. |
|||
/// Data via caniuse.com, github.com/postcss/autoprefixer, and developer.mozilla.org |
|||
/// @var {list} |
|||
$vendor-properties: ( |
|||
|
|||
// Animation. |
|||
'animation', |
|||
'animation-delay', |
|||
'animation-direction', |
|||
'animation-duration', |
|||
'animation-fill-mode', |
|||
'animation-iteration-count', |
|||
'animation-name', |
|||
'animation-play-state', |
|||
'animation-timing-function', |
|||
|
|||
// Appearance. |
|||
'appearance', |
|||
|
|||
// Backdrop filter. |
|||
'backdrop-filter', |
|||
|
|||
// Background image options. |
|||
'background-clip', |
|||
'background-origin', |
|||
'background-size', |
|||
|
|||
// Box sizing. |
|||
'box-sizing', |
|||
|
|||
// Clip path. |
|||
'clip-path', |
|||
|
|||
// Filter effects. |
|||
'filter', |
|||
|
|||
// Flexbox. |
|||
'align-content', |
|||
'align-items', |
|||
'align-self', |
|||
'flex', |
|||
'flex-basis', |
|||
'flex-direction', |
|||
'flex-flow', |
|||
'flex-grow', |
|||
'flex-shrink', |
|||
'flex-wrap', |
|||
'justify-content', |
|||
'order', |
|||
|
|||
// Font feature. |
|||
'font-feature-settings', |
|||
'font-language-override', |
|||
'font-variant-ligatures', |
|||
|
|||
// Font kerning. |
|||
'font-kerning', |
|||
|
|||
// Fragmented borders and backgrounds. |
|||
'box-decoration-break', |
|||
|
|||
// Grid layout. |
|||
'grid-column', |
|||
'grid-column-align', |
|||
'grid-column-end', |
|||
'grid-column-start', |
|||
'grid-row', |
|||
'grid-row-align', |
|||
'grid-row-end', |
|||
'grid-row-start', |
|||
'grid-template-columns', |
|||
'grid-template-rows', |
|||
|
|||
// Hyphens. |
|||
'hyphens', |
|||
'word-break', |
|||
|
|||
// Masks. |
|||
'mask', |
|||
'mask-border', |
|||
'mask-border-outset', |
|||
'mask-border-repeat', |
|||
'mask-border-slice', |
|||
'mask-border-source', |
|||
'mask-border-width', |
|||
'mask-clip', |
|||
'mask-composite', |
|||
'mask-image', |
|||
'mask-origin', |
|||
'mask-position', |
|||
'mask-repeat', |
|||
'mask-size', |
|||
|
|||
// Multicolumn. |
|||
'break-after', |
|||
'break-before', |
|||
'break-inside', |
|||
'column-count', |
|||
'column-fill', |
|||
'column-gap', |
|||
'column-rule', |
|||
'column-rule-color', |
|||
'column-rule-style', |
|||
'column-rule-width', |
|||
'column-span', |
|||
'column-width', |
|||
'columns', |
|||
|
|||
// Object fit. |
|||
'object-fit', |
|||
'object-position', |
|||
|
|||
// Regions. |
|||
'flow-from', |
|||
'flow-into', |
|||
'region-fragment', |
|||
|
|||
// Scroll snap points. |
|||
'scroll-snap-coordinate', |
|||
'scroll-snap-destination', |
|||
'scroll-snap-points-x', |
|||
'scroll-snap-points-y', |
|||
'scroll-snap-type', |
|||
|
|||
// Shapes. |
|||
'shape-image-threshold', |
|||
'shape-margin', |
|||
'shape-outside', |
|||
|
|||
// Tab size. |
|||
'tab-size', |
|||
|
|||
// Text align last. |
|||
'text-align-last', |
|||
|
|||
// Text decoration. |
|||
'text-decoration-color', |
|||
'text-decoration-line', |
|||
'text-decoration-skip', |
|||
'text-decoration-style', |
|||
|
|||
// Text emphasis. |
|||
'text-emphasis', |
|||
'text-emphasis-color', |
|||
'text-emphasis-position', |
|||
'text-emphasis-style', |
|||
|
|||
// Text size adjust. |
|||
'text-size-adjust', |
|||
|
|||
// Text spacing. |
|||
'text-spacing', |
|||
|
|||
// Transform. |
|||
'transform', |
|||
'transform-origin', |
|||
|
|||
// Transform 3D. |
|||
'backface-visibility', |
|||
'perspective', |
|||
'perspective-origin', |
|||
'transform-style', |
|||
|
|||
// Transition. |
|||
'transition', |
|||
'transition-delay', |
|||
'transition-duration', |
|||
'transition-property', |
|||
'transition-timing-function', |
|||
|
|||
// Unicode bidi. |
|||
'unicode-bidi', |
|||
|
|||
// User select. |
|||
'user-select', |
|||
|
|||
// Writing mode. |
|||
'writing-mode', |
|||
|
|||
); |
|||
|
|||
/// Values that should be vendorized. |
|||
/// Data via caniuse.com, github.com/postcss/autoprefixer, and developer.mozilla.org |
|||
/// @var {list} |
|||
$vendor-values: ( |
|||
|
|||
// Cross fade. |
|||
'cross-fade', |
|||
|
|||
// Element function. |
|||
'element', |
|||
|
|||
// Filter function. |
|||
'filter', |
|||
|
|||
// Flexbox. |
|||
'flex', |
|||
'inline-flex', |
|||
|
|||
// Grab cursors. |
|||
'grab', |
|||
'grabbing', |
|||
|
|||
// Gradients. |
|||
'linear-gradient', |
|||
'repeating-linear-gradient', |
|||
'radial-gradient', |
|||
'repeating-radial-gradient', |
|||
|
|||
// Grid layout. |
|||
'grid', |
|||
'inline-grid', |
|||
|
|||
// Image set. |
|||
'image-set', |
|||
|
|||
// Intrinsic width. |
|||
'max-content', |
|||
'min-content', |
|||
'fit-content', |
|||
'fill', |
|||
'fill-available', |
|||
'stretch', |
|||
|
|||
// Sticky position. |
|||
'sticky', |
|||
|
|||
// Transform. |
|||
'transform', |
|||
|
|||
// Zoom cursors. |
|||
'zoom-in', |
|||
'zoom-out', |
|||
|
|||
); |
|||
|
|||
// Functions. |
|||
|
|||
/// Removes a specific item from a list. |
|||
/// @author Hugo Giraudel |
|||
/// @param {list} $list List. |
|||
/// @param {integer} $index Index. |
|||
/// @return {list} Updated list. |
|||
@function remove-nth($list, $index) { |
|||
|
|||
$result: null; |
|||
|
|||
@if type-of($index) != number { |
|||
@warn "$index: #{quote($index)} is not a number for `remove-nth`."; |
|||
} |
|||
@else if $index == 0 { |
|||
@warn "List index 0 must be a non-zero integer for `remove-nth`."; |
|||
} |
|||
@else if abs($index) > length($list) { |
|||
@warn "List index is #{$index} but list is only #{length($list)} item long for `remove-nth`."; |
|||
} |
|||
@else { |
|||
|
|||
$result: (); |
|||
$index: if($index < 0, length($list) + $index + 1, $index); |
|||
|
|||
@for $i from 1 through length($list) { |
|||
|
|||
@if $i != $index { |
|||
$result: append($result, nth($list, $i)); |
|||
} |
|||
|
|||
} |
|||
|
|||
} |
|||
|
|||
@return $result; |
|||
|
|||
} |
|||
|
|||
/// Replaces a substring within another string. |
|||
/// @author Hugo Giraudel |
|||
/// @param {string} $string String. |
|||
/// @param {string} $search Substring. |
|||
/// @param {string} $replace Replacement. |
|||
/// @return {string} Updated string. |
|||
@function str-replace($string, $search, $replace: '') { |
|||
|
|||
$index: str-index($string, $search); |
|||
|
|||
@if $index { |
|||
@return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace); |
|||
} |
|||
|
|||
@return $string; |
|||
|
|||
} |
|||
|
|||
/// Replaces a substring within each string in a list. |
|||
/// @param {list} $strings List of strings. |
|||
/// @param {string} $search Substring. |
|||
/// @param {string} $replace Replacement. |
|||
/// @return {list} Updated list of strings. |
|||
@function str-replace-all($strings, $search, $replace: '') { |
|||
|
|||
@each $string in $strings { |
|||
$strings: set-nth($strings, index($strings, $string), str-replace($string, $search, $replace)); |
|||
} |
|||
|
|||
@return $strings; |
|||
|
|||
} |
|||
|
|||
// Mixins. |
|||
|
|||
/// Wraps @content in vendorized keyframe blocks. |
|||
/// @param {string} $name Name. |
|||
@mixin keyframes($name) { |
|||
|
|||
@-moz-keyframes #{$name} { @content; } |
|||
@-webkit-keyframes #{$name} { @content; } |
|||
@-ms-keyframes #{$name} { @content; } |
|||
@keyframes #{$name} { @content; } |
|||
|
|||
} |
|||
|
|||
/// Vendorizes a declaration's property and/or value(s). |
|||
/// @param {string} $property Property. |
|||
/// @param {mixed} $value String/list of value(s). |
|||
@mixin vendor($property, $value) { |
|||
|
|||
// Determine if property should expand. |
|||
$expandProperty: index($vendor-properties, $property); |
|||
|
|||
// Determine if value should expand (and if so, add '-prefix-' placeholder). |
|||
$expandValue: false; |
|||
|
|||
@each $x in $value { |
|||
@each $y in $vendor-values { |
|||
@if $y == str-slice($x, 1, str-length($y)) { |
|||
|
|||
$value: set-nth($value, index($value, $x), '-prefix-' + $x); |
|||
$expandValue: true; |
|||
|
|||
} |
|||
} |
|||
} |
|||
|
|||
// Expand property? |
|||
@if $expandProperty { |
|||
@each $vendor in $vendor-prefixes { |
|||
#{$vendor}#{$property}: #{str-replace-all($value, '-prefix-', $vendor)}; |
|||
} |
|||
} |
|||
|
|||
// Expand just the value? |
|||
@elseif $expandValue { |
|||
@each $vendor in $vendor-prefixes { |
|||
#{$property}: #{str-replace-all($value, '-prefix-', $vendor)}; |
|||
} |
|||
} |
|||
|
|||
// Neither? Treat them as a normal declaration. |
|||
@else { |
|||
#{$property}: #{$value}; |
|||
} |
|||
|
|||
} |
|||
File diff suppressed because it is too large
@ -0,0 +1,22 @@ |
|||
{% extends 'account/base.html' %} |
|||
|
|||
{% block content %} |
|||
<h2>{{ account.firstname}} {{ account.lastname }}</h2> |
|||
<a class="button" href="{% url 'reset' account.pk %}">Remettre le solde à 0</a> |
|||
<a class="button" href="{% url 'refill' account.pk %}">Recharger le compte</a> |
|||
<br/> |
|||
<h3>Ventes</h3> |
|||
<table> |
|||
<tr> |
|||
<th>Titre</th> |
|||
<th>Prix</th> |
|||
</tr> |
|||
{% for sale in account.sale_set.all %} |
|||
<tr> |
|||
<td>{{sale.title}}</td> |
|||
<td>{{sale.price}}</td> |
|||
</tr> |
|||
{% endfor %} |
|||
</table> |
|||
|
|||
{% endblock %} |
|||
@ -0,0 +1,107 @@ |
|||
{% load static %} |
|||
<!DOCTYPE HTML> |
|||
<!-- |
|||
TXT by HTML5 UP |
|||
html5up.net | @ajlkn |
|||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) |
|||
--> |
|||
<html> |
|||
<head> |
|||
<title>Comet - gestion de l'imprimante</title> |
|||
<meta charset="utf-8" /> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /> |
|||
<link rel="stylesheet" href="{% static 'css/main.css' %}" /> |
|||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" integrity="sha384-gfdkjb5BdAXd+lj+gudLWI+BXq4IuLW5IT+brZEZsLFm++aCMlF1V92rMkPaX4PP" crossorigin="anonymous"> |
|||
</head> |
|||
<body class="homepage is-preload"> |
|||
<div id="page-wrapper"> |
|||
|
|||
<!-- Header --> |
|||
<header id="header"> |
|||
<div class="logo container"> |
|||
<div> |
|||
<h1><a href="{% url 'index' %}" id="logo">Comet</a></h1> |
|||
<p>Gestion de l'imprimante</p> |
|||
</div> |
|||
</div> |
|||
</header> |
|||
|
|||
<!-- Nav --> |
|||
<nav id="nav"> |
|||
<ul> |
|||
<li class="current"><a href="{% url 'index' %}">Home</a></li> |
|||
<li><a href="">Imprimer</a></li> |
|||
<li><a href="">Comptes</a></li> |
|||
</ul> |
|||
</nav> |
|||
|
|||
<!-- Main --> |
|||
<section id="main"> |
|||
<div class="container"> |
|||
<div class="row gtr-200"> |
|||
<div class="col-12"> |
|||
{% block content %}{% endblock %} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
|
|||
<!-- Footer --> |
|||
<footer id="footer"> |
|||
<div class="container"> |
|||
<div class="row gtr-200"> |
|||
<div class="col-12"> |
|||
|
|||
<!-- About --> |
|||
<section> |
|||
<h2 class="major"><span>What's this about?</span></h2> |
|||
<p> |
|||
This is <strong>TXT</strong>, yet another free responsive site template designed by |
|||
<a href="http://twitter.com/ajlkn">AJ</a> for <a href="http://html5up.net">HTML5 UP</a>. It's released under the |
|||
<a href="http://html5up.net/license/">Creative Commons Attribution</a> license so feel free to use it for |
|||
whatever you're working on (personal or commercial), just be sure to give us credit for the design. |
|||
That's basically it :) |
|||
</p> |
|||
</section> |
|||
|
|||
</div> |
|||
<div class="col-12"> |
|||
|
|||
<!-- Contact --> |
|||
<section> |
|||
<h2 class="major"><span>Get in touch</span></h2> |
|||
<ul class="contact"> |
|||
<li><a class="icon fa-facebook" href="#"><span class="label">Facebook</span></a></li> |
|||
<li><a class="icon fa-twitter" href="#"><span class="label">Twitter</span></a></li> |
|||
<li><a class="icon fa-instagram" href="#"><span class="label">Instagram</span></a></li> |
|||
<li><a class="icon fa-dribbble" href="#"><span class="label">Dribbble</span></a></li> |
|||
<li><a class="icon fa-linkedin" href="#"><span class="label">LinkedIn</span></a></li> |
|||
</ul> |
|||
</section> |
|||
|
|||
</div> |
|||
</div> |
|||
|
|||
<!-- Copyright --> |
|||
<div id="copyright"> |
|||
<ul class="menu"> |
|||
<li>© Untitled. All rights reserved</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li> |
|||
</ul> |
|||
</div> |
|||
|
|||
</div> |
|||
</footer> |
|||
|
|||
</div> |
|||
|
|||
<!-- Scripts --> |
|||
<script src="{% static 'js/jquery.min.js' %}"></script> |
|||
<script src="{% static 'js/jquery.dropotron.min.js' %}"></script> |
|||
<script src="{% static 'js/jquery.scrolly.min.js' %}"></script> |
|||
<script src="{% static 'js/browser.min.js' %}"></script> |
|||
<script src="{% static 'js/breakpoints.min.js' %}"></script> |
|||
<script src="{% static 'js/util.js' %}"></script> |
|||
<script src="{% static 'js/main.js' %}"></script> |
|||
|
|||
</body> |
|||
</html> |
|||
@ -0,0 +1,6 @@ |
|||
{% extends 'account/base.html' %} |
|||
|
|||
{% block content %} |
|||
<h2>Total à payer : {{ sale.price }}</h2> |
|||
Nouveau solde : {{ account.balance }} |
|||
{% endblock %} |
|||
@ -0,0 +1,10 @@ |
|||
{% extends 'account/base.html' %} |
|||
|
|||
{% block content %} |
|||
<form action="" method="post"> |
|||
{% csrf_token %} |
|||
{{ form }} |
|||
<br/> |
|||
<input type="submit" value="Envoyer"> |
|||
</form> |
|||
{% endblock %} |
|||
@ -0,0 +1,13 @@ |
|||
{% extends 'account/base.html' %} |
|||
|
|||
{% block content %} |
|||
<!-- Highlight --> |
|||
<section class="box highlight"> |
|||
<ul class="special"> |
|||
<li><a href="{% url 'search' %}" class="icon fa-search"><span class="label">Chercher un utilisateur</span></a></li> |
|||
<li><a href="{% url 'list-articles' %}" class="icon fa-cogs"><span class="label">Gérer les produits</span></a></li> |
|||
<li><a href="{% url 'create' %}" class="icon fa-user-plus"><span class="label">Ajouter un utilisateur</span></a></li> |
|||
</ul> |
|||
</section> |
|||
{% endblock %} |
|||
|
|||
@ -0,0 +1,29 @@ |
|||
{% extends 'account/base.html' %} |
|||
|
|||
{% block content %} |
|||
<form action="" method="post"> |
|||
{% csrf_token %} |
|||
{{ form }} |
|||
<br/> |
|||
<input type="submit" value="Envoyer"> |
|||
</form> |
|||
<table> |
|||
<tr> |
|||
<th>Prénom</th> |
|||
<th>Nom</th> |
|||
<th>Solde (€)</th> |
|||
<th></th> |
|||
</tr> |
|||
{% for account in accounts %} |
|||
<tr> |
|||
<td>{{ account.lastname }}</td> |
|||
<td>{{ account.firstname }}</td> |
|||
<td>{{ account.balance }}</td> |
|||
<td> |
|||
<a class="button" href="{% url 'pay' account.pk %}"><i class="icon fa-print"></i></a> |
|||
<a class="button" href="{% url 'account' account.pk %}"><i class="icon fa-dollar-sign"></i></a> |
|||
</td> |
|||
</tr> |
|||
{% endfor %} |
|||
</table> |
|||
{% endblock %} |
|||
@ -0,0 +1,19 @@ |
|||
{% extends 'account/base.html' %} |
|||
|
|||
{% block content %} |
|||
<a class="button fa fa-plus" href="{% url 'new-article' %}"></a> |
|||
<table> |
|||
<tr> |
|||
<th>Désignation</th> |
|||
<th>Prix au g (€)</th> |
|||
<th></th> |
|||
</tr> |
|||
{% for article in articles %} |
|||
<tr> |
|||
<td>{{article.name}}</td> |
|||
<td>{{article.price}}</td> |
|||
<td><a class="button fa fa-edit" href="{% url 'article' article.pk%}"></a></td> |
|||
</tr> |
|||
{% endfor %} |
|||
</table> |
|||
{% endblock %} |
|||
@ -0,0 +1,18 @@ |
|||
from django.urls import path |
|||
from django.views.generic import TemplateView |
|||
|
|||
from . import views |
|||
|
|||
urlpatterns = [ |
|||
path('', TemplateView.as_view(template_name='account/index.html'), name='index'), |
|||
path('refill/<pk>', views.refill_balance, name='refill'), |
|||
path('pay/<pk>', views.pay, name='pay'), |
|||
path('reset/<pk>', views.reset_balance, name='reset'), |
|||
path('create/', views.create_account, name='create'), |
|||
path('search/', views.search, name='search'), |
|||
path('account/<pk>', views.account, name='account'), |
|||
path('article/', views.list_articles, name='list-articles'), |
|||
path('article/new', views.new_article, name='new-article'), |
|||
path('article/<pk>', views.article, name='article'), |
|||
] |
|||
|
|||
@ -1,3 +1,147 @@ |
|||
from django.shortcuts import render |
|||
from django.shortcuts import ( |
|||
render, |
|||
get_object_or_404, |
|||
redirect |
|||
) |
|||
from django.urls import reverse |
|||
from django.contrib.auth.decorators import login_required |
|||
|
|||
# Create your views here. |
|||
from .models import Account, Sale, Article |
|||
from .forms import SaleForm, ChooseArticleForm, AccountForm, SearchForm, ArticleForm |
|||
|
|||
@login_required |
|||
def refill_balance(request, pk): |
|||
account = get_object_or_404(Account, pk=pk) |
|||
form = SaleForm(request.POST or None) |
|||
|
|||
if form.is_valid(): |
|||
sale = form.save(commit=False) |
|||
sale.account = account |
|||
sale.save() |
|||
account.calc_balance() |
|||
bal = account.balance |
|||
account.save() |
|||
return redirect(reverse('index')) |
|||
|
|||
return render( |
|||
request, |
|||
'account/form.html', |
|||
locals() |
|||
) |
|||
|
|||
@login_required |
|||
def pay(request, pk): |
|||
account = get_object_or_404(Account, pk=pk) |
|||
form = ChooseArticleForm(request.POST or None) |
|||
|
|||
if form.is_valid(): |
|||
sale = form.to_sale() |
|||
sale.account = account |
|||
sale.save() |
|||
account.calc_balance() |
|||
account.save() |
|||
return redirect(reverse('index')) |
|||
|
|||
return render( |
|||
request, |
|||
'account/form.html', |
|||
locals() |
|||
) |
|||
|
|||
@login_required |
|||
def reset_balance(request, pk): |
|||
account = get_object_or_404(Account, pk=pk) |
|||
|
|||
if request.POST: |
|||
account.calc_balance() |
|||
sale = Sale() |
|||
sale.price = - account.balance |
|||
sale.title = "Remise à zéro du solde." |
|||
sale.account = account |
|||
sale.save() |
|||
account.calc_balance() |
|||
account.save() |
|||
return redirect(reverse('index')) |
|||
|
|||
return render( |
|||
request, |
|||
'account/form.html', |
|||
locals() |
|||
) |
|||
|
|||
@login_required |
|||
def create_account(request): |
|||
form = AccountForm(request.POST or None) |
|||
|
|||
if form.is_valid(): |
|||
form.save() |
|||
return redirect(reverse('index')) |
|||
|
|||
return render( |
|||
request, |
|||
'account/form.html', |
|||
locals() |
|||
) |
|||
|
|||
@login_required |
|||
def search(request): |
|||
form = SearchForm(request.POST or None) |
|||
if form.is_valid(): |
|||
string = form.cleaned_data['search'] |
|||
accounts = Account.objects.filter(firstname__istartswith=string)\ |
|||
| Account.objects.filter(lastname__istartswith=string)\ |
|||
| Account.objects.filter(email__istartswith=string) |
|||
return render( |
|||
request, |
|||
'account/list_accounts.html', |
|||
locals() |
|||
) |
|||
accounts = Account.objects.order_by('firstname') |
|||
return render( |
|||
request, |
|||
'account/list_accounts.html', |
|||
locals() |
|||
) |
|||
|
|||
@login_required |
|||
def account(request, pk): |
|||
account = get_object_or_404(Account, pk=pk) |
|||
return render( |
|||
request, |
|||
'account/balance.html', |
|||
locals() |
|||
) |
|||
|
|||
@login_required |
|||
def article(request, pk): |
|||
article = get_object_or_404(Article, pk=pk) |
|||
form = ArticleForm(request.POST or None, instance=article) |
|||
if form.is_valid(): |
|||
form.save() |
|||
return redirect(reverse('list-articles')) |
|||
return render( |
|||
request, |
|||
'account/form.html', |
|||
locals() |
|||
) |
|||
|
|||
@login_required |
|||
def new_article(request): |
|||
form = ArticleForm(request.POST or None) |
|||
if form.is_valid(): |
|||
form.save() |
|||
return redirect(reverse('list-articles')) |
|||
return render( |
|||
request, |
|||
'account/form.html', |
|||
locals() |
|||
) |
|||
|
|||
@login_required |
|||
def list_articles(request): |
|||
articles = Article.objects.all() |
|||
return render( |
|||
request, |
|||
'account/list_articles.html', |
|||
locals() |
|||
) |
|||
|
|||
Loading…
Reference in new issue