Form to add slug at homepage
parent
458e0aa846
commit
ac1cdd82e3
@ -0,0 +1,4 @@
|
|||||||
|
from django.contrib import admin
|
||||||
|
from .models import Slug
|
||||||
|
|
||||||
|
admin.site.register(Slug)
|
@ -0,0 +1,20 @@
|
|||||||
|
# coding: utf-8
|
||||||
|
# Author: Grizzly
|
||||||
|
#
|
||||||
|
# Forms for litl. The main form is for creating the link.
|
||||||
|
|
||||||
|
from django import forms
|
||||||
|
from crispy_forms.helper import FormHelper
|
||||||
|
from crispy_forms.layout import Submit
|
||||||
|
from .models import Slug
|
||||||
|
|
||||||
|
class SlugAddForm(forms.ModelForm):
|
||||||
|
class Meta:
|
||||||
|
model = Slug
|
||||||
|
fields = ('destination','slug')
|
||||||
|
|
||||||
|
def __init__(self,*args,**kwargs):
|
||||||
|
super().__init__(*args,**kwargs)
|
||||||
|
self.helper = FormHelper()
|
||||||
|
self.helper.form_method = 'post'
|
||||||
|
self.helper.add_input(Submit('submit','Shorten'))
|
@ -0,0 +1,7 @@
|
|||||||
|
{% extends 'base.html' %}
|
||||||
|
|
||||||
|
{% load crispy_forms_tags %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
{% crispy form %}
|
||||||
|
{% endblock %}
|
@ -1,26 +1,34 @@
|
|||||||
{% load bootstrap4 %}
|
{% load bootstrap4 %}
|
||||||
|
{% load static %}
|
||||||
|
|
||||||
{% bootstrap_css %}
|
{% bootstrap_css %}
|
||||||
{% bootstrap_javascript jquery='full' %}
|
{% bootstrap_javascript jquery='full' %}
|
||||||
|
|
||||||
<div class="jumbotron text-center">
|
<html>
|
||||||
<h1>My First Bootstrap Page</h1>
|
<head>
|
||||||
<p>Resize this responsive page to see the effect!</p>
|
<link rel="stylesheet" type="text/css" href="{% static 'css/base.css' %}"/>
|
||||||
</div>
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
<div class="container">
|
<nav class="navbar navbar-dark bg-dark">
|
||||||
<div class="row">
|
<h1>Litl.</h1>
|
||||||
<div class="col-sm-4">
|
</nav>
|
||||||
<h3>Column 1</h3>
|
|
||||||
<p>Lorem ipsum dolor..</p>
|
<div class="container">
|
||||||
</div>
|
<div class="row">
|
||||||
<div class="col-sm-4">
|
<div class="col-sm-1">
|
||||||
<h3>Column 2</h3>
|
</div>
|
||||||
<p>Lorem ipsum dolor..</p>
|
<div class="col-sm-10">
|
||||||
</div>
|
<div class="pt-5">
|
||||||
<div class="col-sm-4">
|
{% block content %}
|
||||||
<h3>Column 3</h3>
|
{% endblock %}
|
||||||
<p>Lorem ipsum dolor..</p>
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-1">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
@ -0,0 +1,7 @@
|
|||||||
|
body{
|
||||||
|
font-family: Monospace;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1{
|
||||||
|
color:#FFFFFF;
|
||||||
|
}
|
Loading…
Reference in New Issue