Merge pull request codehub-ir#44 from lnxpy/main

Line numbers added to the code block + DockerFile option (and icon) added as LANGUAGES

Author: lnxpy

main/constants.py

@@ -8,25 +8,26 @@
 
 # lang choices for Snippet.lang
 LANGUAGES = (
-    ('arduino', 'Arduino'),      # + icon
-    ('bash', 'Bash'),            # + icon
-    ('c', 'C'),                  # + icon
-    ('cpp', 'C++'),              # + icon
-    ('csharp', 'C#'),            # + icon
-    ('css', 'CSS'),              # + icon
-    ('dart', 'Dart'),            # + icon
-    ('docker', 'DockerFile'),    # + icon
-    ('go', 'Go'),                # + icon
-    ('html', 'HTML'),            # + icon
-    ('java', 'Java'),            # + icon
-    ('js', 'JavaScript'),        # + icon
-    ('json', 'JSON'),            # + icon
-    ('lua', 'Lua'),              # + icon
-    ('md', 'markdown'),          # + icon
-    ('mysql', 'MySQL'),          # + icon
-    ('php', 'PHP'),              # + icon
-    ('python', 'Python'),        # + icon
-    ('rb', 'Ruby'),              # + icon
+    ('arduino', 'Arduino'),                  # + icon
+    ('bash', 'Bash'),                        # + icon
+    ('c', 'C'),                              # + icon
+    ('cpp', 'C++'),                          # + icon
+    ('csharp', 'C#'),                        # + icon
+    ('css', 'CSS'),                          # + icon
+    ('dart', 'Dart'),                        # + icon
+    ('docker', 'DockerFile'),                # + icon
+    ('docker-compose', 'DockerCompose'),     # + icon (same as docker.svg)
+    ('go', 'Go'),                            # + icon
+    ('html', 'HTML'),                        # + icon
+    ('java', 'Java'),                        # + icon
+    ('js', 'JavaScript'),                    # + icon
+    ('json', 'JSON'),                        # + icon
+    ('lua', 'Lua'),                          # + icon
+    ('md', 'markdown'),                      # + icon
+    ('mysql', 'MySQL'),                      # + icon
+    ('php', 'PHP'),                          # + icon
+    ('python', 'Python'),                    # + icon
+    ('rb', 'Ruby'),                          # + icon
 )
 
 # verification choices for Ticket

main/static/css/style.css

@@ -65,4 +65,10 @@ body {
     background-size: 80px;
     background-repeat: no-repeat;
     background-position: center;
-}
+}
+
+.code-snippet span.linenos {
+    color: #969699;
+    margin-right: 20px;
+    user-select: none;
+}

main/templates/snippet.html

@@ -27,12 +27,15 @@
 
 {% block content %}
 <h3 style="word-wrap:break-word; line-height: 40px;">{{snippet.title}} <button id="text" type="button"
-        class="btn btn-sm btn-outline-light text-secondary shadow-sm"
-        onclick='copyElementText("{{snippet.get_absolute_url}}")'><span class="fa fa-clipboard"></span> کپی در
-        کلیپ&#8204;بورد</button></h3><br>
-<p style="word-wrap:break-word;">{{snippet.description}}</p><br>
+                class="btn btn-sm btn-outline-light text-secondary shadow-sm"
+                onclick='copyElementText("{{snippet.get_absolute_url}}")'><span class="fa fa-clipboard"></span> کپی در
+                کلیپ&#8204;بورد</button></h3><br>
 
-{% pygmentify %}
+{% if snippet.description %}
+<p style="word-wrap:break-word;">{{snippet.description}}</p>
+{% endif %}
+
+{% pygmentify linenos='inline' %}
 <img class="code-snippet-lang" src="{% static 'img/icons/material/'|add:snippet.lang|add:'.svg' %}" alt="-">
 <pre class="{{snippet.lang}} code-snippet pre-snippet">{{snippet.body}}</pre>
 {% endpygmentify %}