django-bom 1.237__py3-none-any.whl

bom/templates/bom/settings.html

@@ -0,0 +1,408 @@
+{% extends 'bom/bom-base.html' %}
+
+{% load materializecss %}
+{% load static %}
+
+{% block head-title %}{{ title }}{% endblock %}
+
+{% block content %}
+    <div class="row container-app">
+        <div class="col s12">
+            <ul id="tabs" class="tabs tabs-fixed-width">
+                <li class="tab"><a id="user-tab" href="#user">User</a></li>
+                <li class="tab"><a id="indabom-tab" href="#indabom">IndaBOM</a></li>
+                <li class="tab"><a id="organization-tab" href="#organization">Organization</a></li>
+            </ul>
+        </div>
+
+        <div id="user" class="col s12">
+            <h3>User Info</h3>
+            <form name="seller" action="{% url 'bom:settings' tab_anchor=USER_TAB %}" method="post" class="col s12">
+                {% csrf_token %}
+                <div class="row">
+                    <div class="col s12">
+                        <p>Your role is: <b>{{ user.bom_profile.get_role_display }}</b></p>
+                        <p>Your username is: <b>{{ user.username }}</b></p>
+                        <p>To request a change in role please contact <a href="mailto:{{ organization.owner.email }}">{{ organization.owner.email }}</a> for assistance.</p>
+                    </div>
+                </div>
+                <div class="row">
+                    {{ user_form.first_name|materializecss:'s12 m4' }}
+                    {{ user_form.last_name|materializecss:'s12 m4' }}
+                    {{ user_form.email|materializecss:'s12 m4' }}
+                </div>
+                <div class="row">
+                    <div class="col s12 right-align">
+                        <button class="waves-effect waves-light btn btn-primary" type="submit" name="submit-edit-user">
+                            Save
+                        </button>
+                    </div>
+                </div>
+            </form>
+
+            <div class="row">
+                <div class="col s12">
+                    <div class="card-panel">
+                        <h5 class="text-error">Danger Zone</h5>
+                        <p>Deleting your account is permanent. If you are the organization owner, your organization will also be deleted unless you transfer ownership before proceeding.</p>
+                        <a href="{% url 'account-delete' %}" class="btn btn-warning">Delete My Account</a>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div id="indabom" class="col s12">
+            {% if profile.role == 'A' %}
+                {% if organization.number_scheme == 'S' %}
+                    {% if part_classes.count > 0 %}
+                        <h3>Edit Part Classes</h3>
+                        <a href="{% url 'bom:help' %}#part-numbering" target="_blank">What is a part class?</a>
+                        <form name="seller" action="{% url 'bom:settings' tab_anchor=INDABOM_TAB %}" method="post" enctype="multipart/form-data">
+                            {% csrf_token %}
+                            {% if part_classes.count > 0 %}
+                                <div class="row" style="margin-bottom: 0;">
+                                    <div class="input-field col s8 m4">
+                                        <select name="part-class-action">
+                                            <option value="" disabled selected>Choose your action</option>
+                                            <option value="submit-part-class-enable-mouser">Enable Mouser</option>
+                                            <option value="submit-part-class-disable-mouser">Disable Mouser</option>
+                                            <option value="submit-part-class-delete">Delete</option>
+                                        </select>
+                                        <label>Action</label>
+                                    </div>
+                                    <div class="col s2 m2">
+                                        <div class="input-field">
+                                            <button class="waves-effect waves-light btn btn-primary" type="submit">Go
+                                            </button>
+                                        </div>
+                                    </div>
+                                    <div class="col s2 m6 right-align">
+                                        <div class="input-field">
+                                            <button class="waves-effect btn-flat btn-icon-round tooltipped" type="submit" name="submit-part-class-export" data-tooltip="Export part classes."><i
+                                                    class="material-icons">file_download</i></button>
+                                        </div>
+                                    </div>
+                                </div>
+                                <table class="striped tight">
+                                    <thead>
+                                    <tr>
+                                        <th class="text-normal"><label><input type="checkbox" id="part-class-select-all"><span></span></label></th>
+                                        <th class="text-normal">Code</th>
+                                        <th class="text-normal">Name</th>
+                                        <th class="text-normal">Description</th>
+                                        <th class="text-normal"><img height="18" style="padding: 4px 4px 0 4px;" alt="Mouser" title="Via Mouser.com" src="{% static 'bom/img/mouser.png' %}">Mouser
+                                            Sourcing
+                                        </th>
+                                        <th class="text-normal">Options</th>
+                                    </tr>
+                                    </thead>
+                                    <tbody>
+                                    {% for part_class in part_classes %}
+                                        <tr>
+                                            <td>
+                                                <label><input type="checkbox" class="filled-in checkbox-array" name="actions" value="{{ part_class.id }}"><span></span></label>
+                                            </td>
+                                            <td class="text-normal">{{ part_class.code }}</td>
+                                            <td class="text-normal">{{ part_class.name }}</td>
+                                            <td class="text-normal">{{ part_class.comment }}</td>
+                                            <td class="text-normal">{% if part_class.mouser_enabled %}
+                                                <img height="24" style="padding: 4px 4px 0 4px;" alt="Mouser" title="Via Mouser.com" src="{% static 'bom/img/mouser.png' %}">{% endif %}</td>
+                                            <td>
+                                                <a class="waves-effect btn-flat"
+                                                   href="{% url 'bom:part-class-edit' part_class_id=part_class.id %}"><i
+                                                        class="material-icons left">edit</i>Edit</a>
+                                            </td>
+                                        </tr>
+                                    {% endfor %}
+                                    </tbody>
+                                </table>
+                            {% else %}
+                                <p>No part classes have been defined yet.</p>
+                            {% endif %}
+                        </form>
+                    {% endif %}
+                    <div class="row" style="padding-top: 16px;">
+                        <div class="col s12 right-align">
+                            {% if part_classes.count == 0 %}
+                                <a href="{% url 'bom:help' %}#part-numbering" target="_blank">What is a part class?</a>
+                                <p>You may also use <a href="{% static 'bom/doc/sample_part_classes.csv' %}">this sample CSV file</a>.</p>
+                            {% endif %}
+                            {% include 'bom/bom-form-modal.html' with modal_title='Upload Part Classes' form=part_class_csv_form action=part_class_form_action name='submit-part-class-upload' modal_description='To batch add part classes, upload a csv that contains columns with the headers<b>`name`</b> and <b>`code`</b>. You may optionally specify a description or comment by including a column with the header <b>`description`</b> or <b>`comment`</b>.' %}
+                            {% include 'bom/bom-form-modal.html' with modal_title='Add Part Class' form=part_class_form action=part_class_form_action name='submit-part-class-create' %}
+                        </div>
+                    </div>
+                    <h3 id="indabom-part-number">Part Number</h3>
+                    <form name="seller" action="{% url 'bom:settings' tab_anchor=INDABOM_TAB %}" method="post" enctype="multipart/form-data">
+                        {% csrf_token %}
+                        <p>You may only increase the number of digits for each component of the part number: the part class code (C), part item number (N), and the part variation (V).</p>
+                        <p>Your organization's current configuration is <b>{{ organization.number_cs }}-{{ organization.number_ns }}{% if organization.number_vs %}-
+                            {{ organization.number_vs }}{% endif %}</b></p>
+                        <div class="row">
+                            {{ organization_number_len_form|materializecss:'s4 m2' }}
+                            <div class="col s12 m6 input-field">
+                                <button class="waves-effect waves-light btn btn-primary" type="submit"
+                                        name="submit-number-item-len"
+                                        onclick="return confirm('Are you sure you want to change the number of digits?')">Save
+                                </button>
+                            </div>
+                        </div>
+                    </form>
+                {% endif %}
+                <h3>Change Organization Number Scheme</h3>
+                <p>Your organization's number scheme is currently: <b>{{ organization.get_number_scheme_display }}</b></p>
+                <ul class="browser-default">
+                    {% if organization.number_scheme == 'S'  or organization_parts_count == 0 %}
+                        <li style="padding-bottom: 16px;"><b>Semi-intelligent</b> e.g. CCC-NNNN-YY<br>Consists of 3 components: a 3-digit part class, a N-digit part number, and a 2-digit variation.
+                            IndaBOM
+                            part numbers are designed to be simple to assign and simple to subsequently write, type, or speak. You define the part classes in your organization, and how long your
+                            N-digit
+                            part number is below.
+                        </li>
+                    {% endif %}
+                    {% if organization.number_scheme == 'I' or organization_parts_count == 0 %}
+                        <li><b>Intelligent</b> You control your numbers.<br>Intelligent part numbering on IndaBOM allows the user to assign any part number to a part. The part number contains
+                            descriptive details embedded within that provides noteworthy information about the part. For example, a capacitor may be named C0402X5R33PF to indicate that it is a
+                            capacitor of size "0402", using a X5R dialectric, and is 33pF.
+                        </li>
+                    {% endif %}
+                </ul>
+                <p style="font-size: 15px;">You can read more about the options <a href="{% url 'bom:help' %}#part-numbering" target="_blank">here</a>.</p>
+                {% if organization_parts_count > 0 %}
+                    <p><b>You've already created {{ organization_parts_count }} part{{ organization_parts_count|pluralize }}.</b> Since changing your organization number scheme requires changing your
+                        parts numbers, please manually delete your parts then come back here to change your organization number scheme. Alternatively we can
+                        help delete your parts if you reach out to info@indabom.com.</p>
+                {% else %}
+                    <form name="number-scheme" action="{% url 'bom:settings' tab_anchor=INDABOM_TAB %}" method="post" class="col s12">
+                        {% csrf_token %}
+                        <button type="submit" name="change-number-scheme" class="waves-effect waves-light btn red lighten-1">Change Scheme to {% if organization.number_scheme == 'S' %}
+                            Intelligent{% else %}Semi-Intelligent{% endif %}</button>
+                    </form>
+                {% endif %}
+            {% else %}
+                {% include 'bom/nothing-to-see.html' with required_privilege='Admin' %}
+            {% endif %}
+        </div>
+
+        <div id="organization" class="col s12">
+            {% if user.bom_profile.role == 'A' %}
+                <h3>Organization</h3>
+                <div class="row">
+                    <div class="col s12">
+                        <form name="seller" action="{% url 'bom:settings' tab_anchor=ORGANIZATION_TAB %}" method="post" class="col s12" enctype="multipart/form-data">
+                            {% csrf_token %}
+                            <div class="row">
+                                {{ organization_form|materializecss:'s12 m4' }}
+                            </div>
+                            <div class="row">
+                                <div class="col s12 right-align">
+                                    <button class="waves-effect waves-light btn btn-primary" type="submit"
+                                            name="submit-edit-organization"
+                                            onclick="return confirm('Are you sure you want to change the organization information?')">Save
+                                    </button>
+                                </div>
+                            </div>
+                        </form>
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="col s12">
+                        <h3>Users</h3>
+                        {% if users_in_organization.count > 0 %}
+                            <form name="seller" action="{% url 'bom:settings' tab_anchor=ORGANIZATION_TAB %}" method="post" class="col s12" enctype="multipart/form-data">
+                                {% csrf_token %}
+                                <table>
+                                    <thead>
+                                    <tr>
+                                        <th class="text-normal"><label><input type="checkbox" id="user-select-all"><span></span></label></th>
+                                        <th class="text-normal">Role</th>
+                                        <th class="text-normal">User Name</th>
+                                        <th class="text-normal">Full Name</th>
+                                        <th class="text-normal">Email</th>
+                                        <th class="text-normal"></th>
+                                    </tr>
+                                    </thead>
+                                    <tbody>
+                                    {% for org_user in users_in_organization %}
+                                        <tr>
+                                            <td>
+                                                <label><input type="checkbox" class="filled-in" name="remove_user_meta_id_{{ org_user.bom_profile.id }}"><span/></label>
+                                            </td>
+                                            <td class="text-normal">{{ org_user.bom_profile.get_role_display }}</td>
+                                            <td class="text-normal">{{ org_user.username }}</td>
+                                            <td class="text-normal">{{ org_user.first_name }} {{ org_user.last_name }}</td>
+                                            <td class="text-normal"><a href="mailto:{{ user.email }}">{{ org_user.email }}</a></td>
+                                            <td>
+                                                <a class="waves-effect btn-flat"
+                                                   href="{% url 'bom:user-meta-edit' user_meta_id=org_user.bom_profile.id %}"><i
+                                                        class="material-icons left">edit</i>Edit</a>
+                                            </td>
+                                        </tr>
+                                    {% endfor %}
+                                    </tbody>
+                                </table>
+                                <div class="row" style="padding-top: 16px;">
+                                    <div class="col s6">
+                                        <button class="waves-effect waves-light btn red lighten-1" type="submit" name="submit-remove-user"
+                                                onclick="return confirm('Are you sure you want to remove the selected users from {{ organization }}?')">Remove Selected
+                                        </button>
+                                    </div>
+                                    <div class="col s6 right-align">
+                                        {% include 'bom/bom-form-modal.html' with modal_title='Add User' form=user_add_form action=user_add_form_action name='submit-add-user' modal_description='Adding users to your organization is a paid feature, but is free for a limited time while we are still developing the tool. Contact <a href="mailto:info@indabom.com">info@indabom.com</a> if you are interested.' %}
+                                    </div>
+                                </div>
+                            </form>
+                        {% else %}
+                            <div class="row" style="padding-left: .75rem;">
+                                <div class="col s12">
+                                    <p>There are no additional users in this organization: {{ organization }}.</p>
+                                    {% if organization.subscription == 'F' %}
+                                        {% include 'bom/bom-form-modal.html' with modal_title='Add User' name='submit-add-user-free' modal_description='Adding users to your organization is a paid feature, but is free for a limited time while we are still developing the tool. Contact <a href="mailto:info@indabom.com">info@indabom.com</a> if you are interested.' %}
+                                    {% else %}
+                                        {% if organization.subscription_quantity == 0 or users_in_organization.count < organization.subscription_quantity %}
+                                            {% include 'bom/bom-form-modal.html' with modal_title='Add User' form=user_add_form action=user_add_form_action name='submit-add-user' modal_description='Add a user to your organization.' %}
+                                        {% else %}
+                                            <p>You've added the maximum number of users to this organization. Update your subscription to add more.</p>
+                                        {% endif %}
+                                    {% endif %}
+                                </div>
+                            </div>
+                        {% endif %}
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="col s12">
+                        <h3>Part File Storage with Google Drive <img title="Via Google Drive" style="height: 2.5rem; padding-bottom: 8px; vertical-align: middle;"
+                                                                     src="{% static 'bom/img/google_drive_logo.svg' %}"></h3>
+                        {% if not google_authentication %}
+                            <p>Connect your Google account to access Google Drive features.
+                                {% if not organization.google_drive_parent %}Organization owners can enable file storage using Google Drive. {% if organization.owner == user %} Since you are the
+                                    owner, you are able to enable
+                                    file storage!{% else %}Contact your organization owner to enable.{% endif %}{% endif %}<p>
+                            <p>When you connect, we will create a folder called <b>IndaBOM Part Files</b> in your root of Google drive (and can be moved anywhere in your drive). To add files to a
+                                part,
+                                navigate to the part in IndaBOM, and on the part's <b>Specifications</b> tab, click the <img title="Via Google Drive" style="width: 16px; vertical-align: middle;"
+                                                                                                                             src="{% static 'bom/img/google_drive_logo.svg' %}">&nbsp;Google Drive link.
+                                This will create a folder for your part in your root IndaBOM directory, or take you there if it already exists.
+                            <p>
+                            <p>You'll be able to access the files directly through Google Drive, and through IndaBOM.</p>
+                        {% else %}
+                            <p>You're connected with Google and can access Google Drive features.</p>
+                        {% endif %}
+                        <ul>
+                            {% if google_authentication %}
+                                <p>Logged in to Google as: {{ google_authentication.uid }}
+                                <form action="{% url 'social:disconnect' 'google-oauth2' %}" method="post">
+                                    {% csrf_token %}
+                                    <button class="waves-effect waves-light btn btn-primary" type="submit">Disconnect
+                                    </button>
+                                </form>
+                            {% else %}
+                                <a href="{% url "social:begin" "google-oauth2" %}">
+                                    <img title="Google sign-in." src="{% static 'bom/img/google/web/1x/btn_google_signin_dark_normal_web.png' %}">
+                                </a>
+                            {% endif %}
+                        </ul>
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="col s12">
+                        <h3>Automagic Sourcing via Mouser <img title="Sourcing via Mouser.com" style="height: 2.5rem; padding-bottom: 8px; vertical-align: middle;"
+                                                               src="{% static 'bom/img/mouser.png' %}">
+                        </h3>
+                        <p>No connection required. To enable sourcing via mouser, select which part classes you'd like enabled on the Settings INDABOM tab. Once enabled, sourcing information will
+                            appear on
+                            part detail pages in which there are parts sourced via Mouser.</p>
+                    </div>
+                </div>
+            {% endif %}
+            {% if profile.organization %}
+                <div class="row">
+                    <div class="col s12">
+                        <h3>Leave Your Organization</h3>
+                        <p>Warning, the only way back in to {{ organization.name }} is if you are invited by an organization administrator.</p>
+                        <form name="leave-organization" action="{% url 'bom:settings' tab_anchor=ORGANIZATION_TAB %}" method="post" class="col s12" enctype="multipart/form-data">
+                            {% csrf_token %}
+                            <button class="waves-effect waves-light btn red lighten-1" type="submit" name="submit-leave-organization">Leave Organization</button>
+                        </form>
+                    </div>
+                </div>
+            {% else %}
+                <div class="row">
+                    <div class="col s12">
+                        <h3>You're not part of any organization!</h3>
+                        <p>To create your organization, start <a href="{% url 'bom:home' %}">here</a>.</p>
+                    </div>
+                </div>
+            {% endif %}
+        </div>
+    </div>
+
+{% endblock %}
+
+{% block bom-script %}
+
+    <!-- Handle if there's an anchor, select tab -->
+    <script type='text/javascript'>
+        var tabsElem = document.querySelector('.tabs');
+
+        {% if tab_anchor %}
+            $('#{{ tab_anchor }}-tab').addClass('active');
+        {% endif %}
+
+        var tabs = M.Tabs.init(tabsElem);
+    </script>
+
+    <script type='text/javascript'>
+        function user_checkbox_clear_all() {
+            $("input[type='checkbox']:checked").prop("checked", false)
+        }
+    </script>
+
+    <script type='text/javascript'>
+        $(document).ready(function () {
+            const selectAllId = '#part-class-select-all';
+            $(selectAllId).change(function () {
+                var table = $(selectAllId).closest('table');
+                if ($(selectAllId).is(":checked")) {
+                    $("input[type='checkbox']:not(:checked)", table).prop("checked", true)
+                } else {
+                    $("input[type='checkbox']:checked", table).prop("checked", false)
+                }
+            });
+        });
+
+        $(document).ready(function () {
+            const selectAllId = '#user-select-all';
+            $(selectAllId).change(function () {
+                var table = $(selectAllId).closest('table');
+                if ($(selectAllId).is(":checked")) {
+                    $("input[type='checkbox']:not(:checked)", table).prop("checked", true)
+                } else {
+                    $("input[type='checkbox']:checked", table).prop("checked", false)
+                }
+            });
+        });
+    </script>
+
+    <script>
+        $(document).ready(function () {
+            let $checkbox = $('.checkbox-array');
+            let lastChecked = null;
+
+            $checkbox.click(function (e) {
+                if (!lastChecked) {
+                    lastChecked = this;
+                    return;
+                }
+
+                if (e.shiftKey) {
+                    const start = $checkbox.index(this);
+                    const end = $checkbox.index(lastChecked);
+                    $checkbox.slice(Math.min(start, end), Math.max(start, end) + 1).prop('checked', lastChecked.checked);
+                }
+                lastChecked = this;
+            });
+        });
+    </script>
+
+{% endblock bom-script %}

bom/templates/bom/signup.html

@@ -0,0 +1,28 @@
+{% extends 'bom/base.html' %}
+
+{% load materializecss %}
+
+{% block title %}Sign Up For BOM{% endblock %}
+{% block head-title %}Sign Up{% endblock %}
+
+{% block content %}
+    {% load static %}
+    <div class="container">
+        <div class="section center">
+            <h5 class="">Sign up for BOM</h5>
+        </div>
+        <div class="section center">
+            <form method="post">
+                {% csrf_token %}
+                <div class="row">
+                    <div class="col m6 push-m3 s12">
+                        {{ form|materializecss }}
+                        <div class="center">
+                            <button class="waves-effect waves-light btn btn-primary" style="min-width:150px" type="submit">Sign Up</button>
+                        </div>
+                    </div>
+                </div>
+            </form>
+        </div>
+    </div>
+{% endblock %}

bom/templates/bom/table_of_contents.html

@@ -0,0 +1,47 @@
+{% load static %}
+
+{% block script %}
+    <script>
+    document.addEventListener('DOMContentLoaded', function() {
+        htmlTableOfContents();
+    } );
+
+    function htmlTableOfContents(documentRef) {
+        var documentRef = documentRef || document;
+        var toc = documentRef.getElementById("toc");
+    //  Use headings inside <article> only:
+    //  var headings = [].slice.call(documentRef.body.querySelectorAll('article h1, article h2, article h3, article h4, article h5, article h6'));
+        {#var headings = [].slice.call(documentRef.body.querySelectorAll('h1, h2, h3, h4, h5, h6'));#}
+        var article = document.querySelector("article");
+        var headings = article ? [].slice.call(article.querySelectorAll( "h1, h2, h3, h4, h5, h6")) : [];
+        headings.forEach(function (heading, index) {
+            var ref = "toc" + index;
+            var h_parent = heading.parentElement;
+            if (h_parent.hasAttribute("id"))
+                ref = h_parent.getAttribute( "id" );
+            else
+                ref = heading.textContent.replace(/\s+/g, '-').toLowerCase();
+                h_parent.setAttribute("id", ref);
+
+            var link = documentRef.createElement("a");
+            link.setAttribute("href", "#" + ref);
+            link.textContent = heading.textContent;
+
+            var div = documentRef.createElement("li");
+            div.setAttribute("class", `${heading.tagName.toLowerCase()} scrollspy`);
+            div.appendChild(link);
+            toc.appendChild(div);
+        });
+    }
+
+    try {
+        module.exports = htmlTableOfContents;
+    } catch (e) {
+        // module.exports is not defined
+    }
+
+    $(document).ready(function(){
+        $('.scrollspy').scrollSpy();
+    });
+    </script>
+{% endblock %}

bom/templates/bom/upload-bom.html

@@ -0,0 +1,111 @@
+{% extends 'bom/bom-base.html' %}
+
+{% load static %}
+{% load materializecss %}
+
+{% block head-title %}{{ title }}{% endblock %}
+
+{% block main %}
+    {{ add_subpart_form.media }}
+{% endblock %}
+
+{% block bom-menu %}
+{% endblock %}
+
+{% block content %}
+    <div class="container-app">
+        {% if profile.role == 'A' %}
+            <div class="upload-bom">
+                <p>Click here to download <a href="{% static 'bom/doc/test_bom_5_intelligent.csv' %}">a sample CSV file for uploading intelligent
+                parts</a> and here is <a href="{% static 'bom/doc/test_bom.csv' %}">a sample CSV file for uploading semi-intelligent parts</a>. Uploading uses
+                an append or create strategy, for example, if a part, part revision, or part class already exists, it will be overwritten; and
+                    if a part, part revision, or part class <b>does not</b> exist, it will be created.</p>
+                <p>For details on CSV file requirements, see the help docs <a href="{% url 'bom:help' %}#uploading-parts" target="_blank">here   <i class="material-icons" style="font-size: 1em;">open_in_new</i></a>.</p>
+
+                <form action="{% url 'bom:upload-bom' %}" method="post" enctype="multipart/form-data">
+                    {% csrf_token %}
+                    <div class="row">
+                        <div class="col s9 file-field input-field">
+                            <div class="green lighten-1 btn">
+                                <span>File</span>
+                                {{ bom_csv_form.file }}
+                            </div>
+                            <div class="file-path-wrapper">
+                                <input class="file-path validate" type="text" placeholder="Upload a file.">
+                                {{ bom_csv_form.file.errors }}
+                            </div>
+                        </div>
+                        <div class="col s1 input-field">
+                            <input class="green lighten-1 btn" type="submit" value="Upload"/>
+                        </div>
+                    </div>
+{#                    <div class="row">#}
+{#                        {{ upload_bom_form.create_part_classes|materializecss:'m3 s12' }}#}
+{#                        <div class="col m6 s12">#}
+{#                            If a part is uploaded with a part class that doesn't exist, the upload will fail. Check this box to instead, try to create the part class.#}
+{#                        </div>#}
+{#                    </div>#}
+                    <div class="row">
+                        {{ upload_bom_form.parent_part_number|materializecss:'m3 s12' }}
+                        <div class="col m6 s12 input-field">
+                            <b>{{upload_bom_form.parent_part_number.label}}</b> <i>Optional.</i> Upload this BOM to a parent assembly by specifying the parent part number. Level 1 will upload as the first child of this part.
+                            {% if parent_part %}
+                                <br><h6><a href="{% url 'bom:part-info' part_id=parent_part.id %}">Go to {{ parent_part_number }}</a></h6>
+                            {% endif %}
+                        </div>
+                    </div>
+                </form>
+                <div class="row">
+                    <div class="col s6">
+                        <a href="{% url 'bom:upload-bom' %}" class="waves-effect waves-light btn-flat grey-text lighten-1" style="margin-left: -16px;">Cancel</a>
+                    </div>
+                </div>
+                <br>
+            </div>
+        {% else %}
+            {% include 'bom/nothing-to-see.html' with required_privilege='Admin' %}
+        {% endif %}
+    </div>
+{% endblock %}
+
+{% block bom-script %}
+    <!-- Tree Table -->
+    <script src="{% static 'bom/js/jquery.treetable.js' %}"></script>
+    <script>
+        $("#indented-bom").treetable({
+            expandable: true,
+            indent: 2,
+            initialState: 'collapsed',
+            onInitialized: function () {
+                $("#indented-bom").treetable("reveal", {{ part_revision.id }});
+            }
+        });
+    </script>
+
+    <!-- Floating Horizontal Scrollbar -->
+    <script type="text/javascript" src="{% static 'bom/js/jquery.ba-floatingscrollbar.min.js' %}"></script>
+    <script>
+        $(function () {
+            $('.responsive-table-wrapper').floatingScrollbar();
+        });
+    </script>
+
+    <!-- Handle if there's an anchor, select tab -->
+    <script type='text/javascript'>
+        // For dropdown menu
+        $(document).ready(function () {
+            $('.dropdown-trigger').dropdown({
+                    inDuration: 300,
+                    outDuration: 225,
+                    constrainWidth: false, // Does not change width of dropdown to that of the activator
+                    hover: false, // Activate on hover
+                    gutter: 0, // Spacing from edge
+                    belowOrigin: false, // Displays dropdown below the button
+                    alignment: 'left', // Displays dropdown with edge aligned to the left of button
+                    stopPropagation: false // Stops event propagation
+                }
+            );
+
+        });
+    </script>
+{% endblock %}