Remove tags and title, add description, improve forms, add register form, increase original pin limit from 20 to 50.

pinry/core/static/core/css/pinry.css

@@ -1,6 +1,5 @@
 body {
-    top: 70px;
-    position: absolute;
+    margin-top: 70px;
     background: #eee;
 }
 
@@ -30,26 +29,57 @@ body {
         text-decoration: underline;
     }
 
-.pin {
-    background: #fff;
-    width: 200px;
-    float: left;
-    border: 1px solid #ccc;
-    padding: 20px;
+#pins {
+    top: 70px;
+    position: absolute;
+    background: #eee;
 }
 
-    .pin img {
+    .pin {
+        background: #fff;
         width: 200px;
-        padding: 0;
-        margin: 0;
+        float: left;
+        border: 1px solid #ccc;
+        padding: 20px;
     }
 
-    .pin p {
-        margin-bottom: 0;
-        padding-top: 15px
-    }
-
-        .pin strong {
-            color: #777;
-            font-weight: normal;
+        .pin img {
+            width: 200px;
+            padding: 0;
+            margin: 0;
+        }
+
+        .pin p {
+            margin-bottom: 0;
+            padding-top: 15px
+        }
+
+            .pin strong {
+                color: #777;
+                font-weight: normal;
+            }
+
+#form {
+    border: 1px solid #ccc;
+    background-color: white;
+    padding: 15px;
+}
+
+    #form h1 {
+        font-family: 'Monoton';
+        text-align: center;
+        font-weight: normal;
+        margin-bottom: 15px;
+    }
+
+    form {
+        margin-bottom: 0;
+    }
+
+        textarea {
+            height: 70px;
+        }
+
+        .form-actions {
+            margin-bottom: 0;
         }

pinry/core/templates/core/login.html

@@ -1,14 +1,24 @@
 {% extends 'core/base.html' %}
 
+{% load bootstrap_field %}
+
+
 {% block title %}Login{% endblock %}
 
 {% block yield %}
     <div class="container">
         <div class="row">
-            <div class="span6 offset3">
-                <form action="{% url core:login %}" method="post"> {% csrf_token %}
-                    {{ form.as_p }}
-                    <input type="submit" value="Login">
+            <div id="form" class="span6 offset3">
+                <h1>Login</h1>
+                <form action="{% url core:login %}" method="post" class="form-horizontal">
+                    {% csrf_token %}
+                    {% for field in form %}
+                        {% bootstrap_field field %}
+                    {% endfor %}
+                    <div class="form-actions">
+                        <button type="submit" class="btn btn-primary">Login</button>
+                        <a href="{% url core:home %}" class="btn">Cancel</a>
+                    </div>
                 </form>
             </div>
         </div>

pinry/core/templates/core/register.html

@@ -0,0 +1,26 @@
+{% extends 'core/base.html' %}
+
+{% load bootstrap_field %}
+
+
+{% block title %}Login{% endblock %}
+
+{% block yield %}
+    <div class="container">
+        <div class="row">
+            <div id="form" class="span6 offset3">
+                <h1>Register</h1>
+                <form action="{% url core:register %}" method="post" class="form-horizontal">
+                    {% csrf_token %}
+                    {% for field in form %}
+                        {% bootstrap_field field %}
+                    {% endfor %}
+                    <div class="form-actions">
+                        <button type="submit" class="btn btn-primary">Register</button>
+                        <a href="{% url core:home %}" class="btn">Cancel</a>
+                    </div>
+                </form>
+            </div>
+        </div>
+    </div>
+{% endblock %}

pinry/core/templates/core/templatetags/bootstrap_field.html

@@ -0,0 +1,15 @@
+<div class="control-group{% if field.errors %} error{% endif %}">
+    <label class="control-label" for="{{ field.id_for_label }}">{{ field.label }}</label>
+    <div class="controls">
+        {{ field }}
+        {% if field.errors %}
+            <span class="help-inline">
+                {% if field.errors %}
+                    {% for error in field.errors %}
+                        {{ error|escape }}
+                    {% endfor %}
+                {% endif %}
+            </span>
+        {% endif %}
+    </div>
+</div>

pinry/core/templatetags/bootstrap_field.py

@@ -0,0 +1,11 @@
+from django import template
+from django.template import loader, Context
+
+
+register = template.Library()
+
+
+@register.simple_tag
+def bootstrap_field(field):
+    template = loader.get_template('core/templatetags/bootstrap_field.html')
+    return template.render(Context({'field': field}))

pinry/pins/forms.py

@@ -5,7 +5,6 @@ from .models import Pin
 
 class PinForm(forms.ModelForm):
     url = forms.CharField(label='URL')
-    title = forms.CharField(required=False)
 
     class Meta:
         model = Pin

pinry/pins/migrations/0002_auto__del_tag__del_field_pin_title__add_field_pin_description.py

@@ -0,0 +1,58 @@
+# -*- coding: utf-8 -*-
+import datetime
+from south.db import db
+from south.v2 import SchemaMigration
+from django.db import models
+
+
+class Migration(SchemaMigration):
+
+    def forwards(self, orm):
+        # Deleting model 'Tag'
+        db.delete_table('pins_tag')
+
+        # Deleting field 'Pin.title'
+        db.delete_column('pins_pin', 'title')
+
+        # Adding field 'Pin.description'
+        db.add_column('pins_pin', 'description',
+                      self.gf('django.db.models.fields.TextField')(null=True, blank=True),
+                      keep_default=False)
+
+        # Removing M2M table for field tags on 'Pin'
+        db.delete_table('pins_pin_tags')
+
+    def backwards(self, orm):
+        # Adding model 'Tag'
+        db.create_table('pins_tag', (
+            ('slug', self.gf('django.db.models.fields.SlugField')(max_length=50)),
+            ('id', self.gf('django.db.models.fields.AutoField')(primary_key=True)),
+            ('name', self.gf('django.db.models.fields.CharField')(max_length=70)),
+        ))
+        db.send_create_signal('pins', ['Tag'])
+
+
+        # User chose to not deal with backwards NULL issues for 'Pin.title'
+        raise RuntimeError("Cannot reverse this migration. 'Pin.title' and its values cannot be restored.")
+        # Deleting field 'Pin.description'
+        db.delete_column('pins_pin', 'description')
+
+        # Adding M2M table for field tags on 'Pin'
+        db.create_table('pins_pin_tags', (
+            ('id', models.AutoField(verbose_name='ID', primary_key=True, auto_created=True)),
+            ('pin', models.ForeignKey(orm['pins.pin'], null=False)),
+            ('tag', models.ForeignKey(orm['pins.tag'], null=False))
+        ))
+        db.create_unique('pins_pin_tags', ['pin_id', 'tag_id'])
+
+    models = {
+        'pins.pin': {
+            'Meta': {'object_name': 'Pin'},
+            'description': ('django.db.models.fields.TextField', [], {'null': 'True', 'blank': 'True'}),
+            'id': ('django.db.models.fields.AutoField', [], {'primary_key': 'True'}),
+            'image': ('thumbs.ImageWithThumbsField', [], {'max_length': '100', 'sizes': '((200, 1000),)'}),
+            'url': ('django.db.models.fields.TextField', [], {})
+        }
+    }
+
+    complete_apps = ['pins']

pinry/pins/models.py

@@ -10,12 +10,11 @@ import urllib2
 
 class Pin(models.Model):
     url = models.TextField()
-    title = models.CharField(max_length=70)
+    description = models.TextField(blank=True, null=True)
     image = ImageWithThumbsField(upload_to='pins/pin', sizes=((200,1000),))
-    tags = models.ManyToManyField('Tag')
 
     def __unicode__(self):
-        return self.title
+        return self.url
 
     def save(self):
         if not self.image:
@@ -23,18 +22,4 @@ class Pin(models.Model):
             temp_img.write(urllib2.urlopen(self.url).read())
             temp_img.flush()
             self.image.save(self.url.split('/')[-1], File(temp_img))
-        if not self.title:
-            self.title = self.url.split('/')[-1]
         super(Pin, self).save()
-
-
-class Tag(models.Model):
-    name = models.CharField(max_length=70)
-    slug = models.SlugField()
-
-    def __unicode__(self):
-        return self.name
-
-    def save(self):
-        self.slug = slugify(self.name)
-        super(Tag, self).save()

pinry/pins/templates/pins/new_pin.html

@@ -1,14 +1,24 @@
 {% extends 'core/base.html' %}
 
+{% load bootstrap_field %}
+
+
 {% block title %}New Pin{% endblock %}
 
 {% block yield %}
     <div class="container">
         <div class="row">
-            <div class="span6 offset3">
-                <form action="{% url pins:new-pin %}" method="post">
-                    {{ form.as_p }}
-                    <input type="submit" value="Submit">
+            <div class="span6 offset3" id="form">
+                <h1>New Pin</h1>
+                <form action="{% url pins:new-pin %}" method="post" class="form-horizontal">
+                    {% csrf_token %}
+                    {% for field in form %}
+                        {% bootstrap_field field %}
+                    {% endfor %}
+                    <div class="form-actions">
+                        <button type="submit" class="btn btn-primary">Post</button>
+                        <a href="{% url core:home %}" class="btn">Cancel</a>
+                    </div>
                 </form>
             </div>
         </div>

pinry/pins/templates/pins/recent_pins.html

@@ -4,44 +4,15 @@
 
 {% block yield %}
     <div id="pins">
-        <div class="pin">
-            <form action="/login/" method="post" class="form-vertical">
-                <div class="control-group">
-                    <label for="id_username">Username:</label>
-                    <div class="controls">
-                        <input id="id_username" type="text" name="username" style="width: 190px">
-                    </div>
-                </div>
-                <div class="control-group">
-                    <label for="id_password">Password:</label>
-                    <div class="controls">
-                        <input id="id_password" type="password" name="password" style="width: 190px">
-                    </div>
-                </div>
-                <div class="form-actions" style="margin-bottom: -15px">
-                    <button type="submit" class="btn btn-success">Login</button>
-                    <a href="/register/" class="btn btn-primary">Register</a>
-                </div>
-            </form>
-        </div>
         {% for pin in pins %}
             <div class="pin">
                 {% if pin.image %}
                     <a class="fancybox" rel="pins" href="{{ pin.image.url }}">
-                        <img src="{{ pin.image.url_200x1000 }}" alt="{{ pin.title }}">
+                        <img src="{{ pin.image.url_200x1000 }}" alt="{{ pin.description }}">
                     </a>
                 {% endif %}
-                {% if pin.tags %}
-                    <p>
-                        <strong>Tags:</strong>
-                        {% for tag in pin.tags.all %}
-                            {% if not forloop.last %}
-                                {{ tag }},
-                            {% else %}
-                                {{ tag }}
-                            {% endif %}
-                        {% endfor %}
-                    </p>
+                {% if pin.description %}
+                    <p><strong>Description:</strong> {{ pin.description }}</p>
                 {% endif %}
             </div>
         {% endfor %}

pinry/pins/views.py

@@ -8,7 +8,7 @@ from .forms import PinForm
 
 def recent_pins(request):
     context = {
-        'pins': Pin.objects.all()[:20],
+        'pins': Pin.objects.order_by('-id')[:50],
     }
     return TemplateResponse(request, 'pins/recent_pins.html', context)