django-bom 1.262__py3-none-any.whl

bom/templates/bom/add-sellerpart.html

@@ -0,0 +1,93 @@
+{% extends 'bom/bom-base.html' %}
+
+{% load static %}
+{% load materializecss %}
+
+{% block head-title %}{{ title }}{% endblock %}
+
+{% block bom-menu %}
+    <li><a href="{% url 'bom:part-info' part_id=manufacturer_part.part.id %}">Cancel</a></li>
+{% endblock %}
+
+{% block content %}
+    <div class="container-app">
+    {% if profile.role == 'A' %}
+        <h5>{{ manufacturer_part.part.full_part_number }} {{ manufacturer_part.part.description }}</h5>
+
+        <div class="row">
+            <form name="seller" action="{% url 'bom:manufacturer-part-add-sellerpart' manufacturer_part_id=manufacturer_part.id %}" method="post" class="col s12">
+                {% csrf_token %}
+                {{ form.non_field_errors }}
+
+                <div class="row">
+                    <div class="fieldWrapper col m6 s12">
+                        <label for="{{ form.seller.id_for_label }}"><b>Seller:</b></label>
+                        {{ form.seller.errors }}
+                        {{ form.seller }}
+                    </div>
+                    <div class="fieldWrapper col m6 s12">
+                        <label for="{{ form.new_seller.id_for_label }}"><b>-or- New Seller:</b></label>
+                        {{ form.new_seller.errors }}
+                        {{ form.new_seller }}
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="fieldWrapper col m3 s12">
+                        <label for="{{ form.seller_part_number.id_for_label }}">Seller Part Number:</label>
+                        {{ form.seller_part_number.errors }}
+                        {{ form.seller_part_number }}
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="fieldWrapper col m3 s12">
+                        <label for="{{ form.unit_cost.id_for_label }}"><b>Unit Cost:</b></label>
+                        {{ form.unit_cost.errors }}
+                        {{ form.unit_cost }}
+                    </div>
+                    <div class="fieldWrapper col m3 s12">
+                        <label for="{{ form.nre_cost.id_for_label }}">NRE Cost:</label>
+                        {{ form.nre_cost.errors }}
+                        {{ form.nre_cost }}
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="fieldWrapper col m3 s12">
+                        <label for="{{ form.minimum_order_quantity.id_for_label }}">Minimum Order Quantity:</label>
+                        {{ form.minimum_order_quantity.errors }}
+                        {{ form.minimum_order_quantity }}
+                    </div>
+                    <div class="fieldWrapper col m3 s12">
+                        <label for="{{ form.minimum_pack_quantity.id_for_label }}">Minimum Pack Quantity:</label>
+                        {{ form.minimum_pack_quantity.errors }}
+                        {{ form.minimum_pack_quantity }}
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="fieldWrapper col m3 s12">
+                        <label for="{{ form.lead_time_days.id_for_label }}">Lead Time (Days):</label>
+                        {{ form.lead_time_days.errors }}
+                        {{ form.lead_time_days }}
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="fieldWrapper col m3 s12">
+                        {{ form.ncnr.errors }}
+                        {{ form.ncnr|materializecss }}
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="col s6">
+                        <a href="javascript:history.back()" class="waves-effect waves-light btn-flat grey-text lighten-1" style="margin-left: -16px;">Cancel</a>
+                    </div>
+                    <div class="col s6 right-align">
+                        <button class="waves-effect waves-light btn btn-primary" type="submit" name="action">Save
+                        </button>
+                    </div>
+                </div>
+            </form>
+        </div>
+    {% else %}
+        {% include 'bom/nothing-to-see.html' with required_privilege='Admin' %}
+    {% endif %}
+    </div>
+{% endblock %}

bom/templates/bom/base-menu.html

@@ -0,0 +1,16 @@
+<li><a title="IndaBOM | Feedback" href="https://forms.gle/4CUQuBcfBJ4eGXDW8" target="_blank">Feedback</a></li>
+{% if user.is_superuser and user.is_authenticated %}<li><a title="IndaBOM | Admin" href="/admin/" target="_blank">Admin</a></li>{% endif %}
+{% if user.is_authenticated %}
+<li>
+    <form method="post" action="{% url 'logout' %}" style="display:inline;">
+        {% csrf_token %}
+        <button type="submit" title="IndaBOM | Log Out" style="background:none;border:none;padding:0;margin:0;color:inherit;cursor:pointer;">
+            Logout [{{ user.username }}]
+        </button>
+    </form>
+</li>
+{% endif %}
+{% if not user.is_authenticated %}
+    <li><a title="IndaBOM | Log In" href="{% url 'login' %}">Login</a></li>
+    <li><a title="IndaBOM | Sign Up" href="{% url 'signup' %}">Sign Up</a></li>
+{% endif %}

bom/templates/bom/base.html

@@ -0,0 +1,129 @@
+{# THIS FILE  WILL NOT BE USED IF THE BASE TEMPLATE IS OVERRIDDEN #}
+
+<!DOCTYPE html>
+<html lang="en">
+{% load static %}
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="author" content="Mike Kasparian">
+
+    <title>{% block head-title %} - BOM{% endblock %}</title>
+
+    <!-- Materialize, eventually pull this into the project -->
+    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+    <link type="text/css" rel="stylesheet" href="{% static 'bom/css/materialize.min.css' %}" media="screen,projection"/>
+
+    <!--Let browser know website is optimized for mobile-->
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+
+    <!-- Custom -->
+    <link rel="stylesheet" href="{% static 'bom/css/style.css' %}">
+    {% block head %}
+    {% endblock head %}
+    <link rel="shortcut icon" type="image/png" href="{% static 'bom/img/favicon.ico' %}"/>
+</head>
+
+<body>
+<!--Import jQuery before materialize.js-->
+{#<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>#}
+<script type="text/javascript" src="{% static 'bom/js/jquery-3.4.1.min.js' %}"></script>
+
+<div class="navbar-fixed">
+    <nav class="green lighten-1">
+        <div class="nav-wrapper">
+
+            {% if user.is_authenticated %}
+                <a href="{% url 'bom:home' %}" title="IndaBOM | Home" class="brand-logo left hide-on-med-and-down">
+                    <img style="margin-top: 2px; margin-right: 6px;" width="52" alt="IndaBOM Logo" src="{% static 'bom/img/indabom.png' %}"/><span style="position: absolute;">BOM</span>
+                </a>
+                <a href="{% url 'bom:home' %}" title="IndaBOM | Home" class="brand-logo left hide-on-large-only" style="left: 2.5rem;">
+                    <img style="margin-top: 2px; margin-right: 6px;" width="52" alt="IndaBOM Logo" src="{% static 'bom/img/indabom.png' %}"/><span style="position: absolute;">BOM</span>
+                </a>
+            {% else %}
+                <a href="{% url 'login' %}" title="IndaBOM | Home" class="brand-logo left hide-on-med-and-down">
+                    <img style="margin-top: 2px; margin-right: 6px;" width="52" alt="IndaBOM Logo" src="{% static 'bom/img/indabom.png' %}"/><span style="position: absolute;">BOM</span>
+                </a>
+                <a href="{% url 'login' %}" title="IndaBOM | Home" class="brand-logo left hide-on-large-only" style="left: 2.5rem;">
+                    <img style="margin-top: 2px; margin-right: 6px;" width="52" alt="IndaBOM Logo" src="{% static 'bom/img/indabom.png' %}"/><span style="position: absolute;">BOM</span>
+                </a>
+            {% endif %}
+
+            <a href="#" data-target="mobile-menu" class="sidenav-trigger"><i class="material-icons">menu</i></a>
+
+            <ul class="right hide-on-med-and-down">
+                {% block menu %}{% endblock %}
+                {% include 'bom/base-menu.html' %}
+            </ul>
+
+        </div>
+    </nav>
+</div>
+<div class="printer-show"><p>IndaBOM | www.indabom.com | {{ title|safe }}</p></div>
+
+<!-- Make sure this is not in navbar-fixed or it will be disabled -->
+<ul class="sidenav" id="mobile-menu">
+    {% block menu-mobile %}{% endblock %}
+    {% include 'bom/base-menu.html' %}
+</ul>
+
+<main>
+    {% block main %}
+    {% endblock main %}
+    {% if title %}
+        <div class="container">
+            <h1 class="col s12 light header center">{{ title|safe }}</h1>
+        </div>
+    {% endif %}
+    {% if messages %}
+        <div id="content" class="container">
+            <ul class="messages">
+                {% for message in messages %}
+                    <li{% if message.tags %} class="card alert alert-{{ message.tags }} alert-dismissible"{% endif %} role="alert">
+                        {{ message.message|safe }}
+                    </li>
+                {% endfor %}
+            </ul>
+        </div>
+    {% endif %}
+    {% block content %}{% endblock %}
+    {% block action-btn %}{% endblock %}
+</main>
+
+<footer class="page-footer green lighten-1">
+    <div class="container">
+        <div class="row">
+            <div class="col l6 s12">
+                <h5 class="white-text">Help django-bom Grow</h5>
+                <p class="grey-text text-lighten-4">We hope you are as excited about django-bom as we are! Please reach out if you'd like to learn more at <a href="mailto:info@indabom.com">info@indabom.com</a>,
+                    and check out the hosted version, <a href="https://www.indabom.com">IndaBOM</a>!</p>
+            </div>
+            <div class="col l4 offset-l2 s12">
+                <h5 class="white-text">Links</h5>
+                <ul>
+                    <li><a class="grey-text text-lighten-3" title="IndaBOM | Feedback" href="https://forms.gle/4CUQuBcfBJ4eGXDW8" target="_blank">Feedback</a></li>
+                </ul>
+            </div>
+        </div>
+        <div class="row center">
+            <!-- Place this tag where you want the button to render. -->
+            <a class="github-button" href="https://github.com/mpkasp/django-bom" data-size="large" data-show-count="true" aria-label="Star mpkasp/django-bom on GitHub">Star</a>
+        </div>
+    </div>
+    <div class="footer-copyright">
+        <div class="container">
+            django-bom is a django open source project.
+            <!-- <a class="grey-text text-lighten-4 right" href="#!">More Links</a> -->
+        </div>
+    </div>
+</footer>
+
+<script type="text/javascript" src="{% static 'bom/js/materialize.min.js' %}"></script>
+
+<!-- Github star link -->
+<script async defer src="https://buttons.github.io/buttons.js"></script>
+
+{% block script %}{% endblock script %}
+</body>
+</html>

bom/templates/bom/bom-action-btn.html

@@ -0,0 +1,23 @@
+{% if profile.role == 'A' %}
+{#    <div class="container-app">#}
+        <div class="fixed-action-btn">
+            <a class="btn-floating btn-large red" href="{% url 'bom:create-part' %}">
+                <i class="large material-icons">add</i>
+            </a>
+            <ul>
+                <!-- <li><a class="btn-floating red lighten-1 tooltipped" data-position="left" data-delay="50" data-tooltip="Test"><i class="material-icons">insert_chart</i></a></li> -->
+                <li><a class="btn-floating yellow lighten-1 tooltipped" data-position="left" data-delay="50" data-tooltip="Upload Parts" href="{% url 'bom:upload-parts' %}"><i
+                        class="material-icons">cloud_upload</i></a></li>
+                <li><a class="btn-floating blue lighten-1 tooltipped" data-position="left" data-delay="50" data-tooltip="Create Part" href="{% url 'bom:create-part' %}"><i class="material-icons">library_add</i></a>
+                </li>
+            </ul>
+        </div>
+{#    </div>#}
+    <script>
+        $(document).ready(function () {
+            $('.fixed-action-btn').floatingActionButton();
+            $('.tooltipped').tooltip();
+        });
+    </script>
+{% endif %}
+

bom/templates/bom/bom-action-table.html

@@ -0,0 +1,57 @@
+{# If you're using a form / want actions: form_name, form_action, form_select_name, form_select_actions (dict: {select_value: title}),  #}
+<form name="{{ form_name }}" action="{{ form_action }}" method="post" enctype="multipart/form-data">
+    {% csrf_token %}
+        <div class="row" style="margin-bottom: 0;">
+            <div class="input-field col s10 m4">
+                <select name="{{form_select_name}}">
+                    <option value="" disabled selected>Choose your action</option>
+                    {% for val, title in form_select_actions.items %}
+                    <option value="{{ val }}">{{title}}</option>
+                    {% endfor %}
+                </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>
+        <table class="striped tight">
+            <thead>
+            <tr>
+                <th class="text-normal"><label><input type="checkbox" id="{{ form_select_name }}-select-all"><span></span></label></th>
+
+{# CAN YOU HAVE BLOCKS ON INCLUDES? #}
+                {% block bom-table-headers %}{% endblock %}
+{#                <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>
+            {% block bom-table-items %}{% endblock %}
+
+
+{#            {% for item in items %}#}
+{#                <tr>#}
+{#                    {% if form_name %}#}
+{#                    <td><label><input type="checkbox" class="filled-in checkbox-array" name="actions" value="{{ part_class.id }}"><span></span></label></td>#}
+{#                    {% endif %}#}
+{##}
+{#                    <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 waves-green btn-flat" href="{% url 'bom:part-class-edit' part_class_id=part_class.id %}"><i#}
+{#                                class="material-icons left green-text text-lighten-1">edit</i>Edit</a>#}
+{#                    </td>#}
+{#                </tr>#}
+{#            {% endfor %}#}
+            </tbody>
+        </table>
+</form>

bom/templates/bom/bom-base-menu.html

@@ -0,0 +1,6 @@
+{% if user.is_authenticated and user.bom_profile.organization %}
+    <li {% if name == "manufacturers" %}class="active"{% endif %}><a title="IndaBOM | Manufacturers" href="{% url 'bom:manufacturers' %}">Manufacturers</a></li>
+    <li {% if name == "sellers" %}class="active"{% endif %}><a title="IndaBOM | Sellers" href="{% url 'bom:sellers' %}">Sellers</a></li>
+    <li {% if name == "settings" %}class="active"{% endif %}><a title="IndaBOM | Settings" href="{% url 'bom:settings' tab_anchor='user' %}">Settings</a></li>
+{% endif %}
+<li {% if name == "help" %}class="active"{% endif %}><a title="IndaBOM | Help" href="{% url 'bom:help' %}">Help</a></li>

bom/templates/bom/bom-base.html

@@ -0,0 +1,24 @@
+{% extends BASE_TEMPLATE %}
+
+{# This template is for anything we want in the BOM app and should not be overridden. Anything that can be overriden should be in BASE_TEMPLATE, or base.html #}
+
+{% block menu %}
+    {% block bom-menu %}{% endblock %}
+    {% include 'bom/bom-base-menu.html' %}
+{% endblock %}
+
+{% block menu-mobile %}
+    {% block bom-menu-mobile %}{% endblock %}
+    {% include 'bom/bom-base-menu.html' %}
+{% endblock %}
+
+{% block script %}
+    <!-- materialize form select -->
+    <script>
+    $(document).ready(function () {
+        $('select').formSelect();
+        $('.sidenav').sidenav();
+    });
+    </script>
+    {% block bom-script %}{% endblock %}
+{% endblock script %}

bom/templates/bom/bom-form-modal.html

@@ -0,0 +1,36 @@
+{% load materializecss %}
+{% load static %}
+
+<a class="waves-effect waves-light btn btn-primary modal-trigger modal-{{ name }}"
+   href="#modal-{{ name }}">{{ modal_title }}</a>
+
+<div id="modal-{{ name }}" class="modal left-align">
+    <form name="seller" action="{{ action }}" method="post" class="col s12" enctype="multipart/form-data">
+        <div class="modal-content">
+            <div class="row">
+                {% if modal_title %}<h2 class="light" style="margin-top: 0;">{{ modal_title }}</h2>{% endif %}
+                {% if modal_description %}<p>{{ modal_description }}</p>{% endif %}
+                {% if form %}
+                    {% csrf_token %}
+                    {{ form|materializecss:'m6 s12' }}
+                {% endif %}
+            </div>
+        </div>
+        <div class="modal-footer">
+            <a href="#!" class="modal-close waves-effect waves-green btn-flat">Cancel</a>
+            {% if form %}
+                <button class="waves-effect waves-light btn btn-primary" type="submit" name="{{ name }}">Submit</button>
+            {% else %}
+                <a href="#!" class="modal-close waves-effect green lighten-1 waves-green btn-flat">Ok</a>
+            {% endif %}
+        </div>
+    </form>
+</div>
+
+{% block script %}
+    <script>
+        $(document).ready(function () {
+            $('.modal').modal();
+        });
+    </script>
+{% endblock %}

bom/templates/bom/bom-form.html

@@ -0,0 +1,30 @@
+{% extends 'bom/bom-base.html' %}
+
+{% load materializecss %}
+{% load static %}
+
+{% block head-title %}{{ title }}{% endblock %}
+
+{% block bom-menu %}
+    <li><a href="javascript:history.back()">Cancel</a></li>
+{% endblock %}
+
+{% block content %}
+    <div class="container-app">
+    {% if h1 %}<h2 class="light" style="margin-top: 0px;">{{ h1 }}</h2>{% endif %}
+    <form name="seller" action="{{ action }}" method="post" class="col s12">
+        <div class="row">
+            {% csrf_token %}
+            {{ form|materializecss:'m6 s12' }}
+        </div>
+        <div class="row">
+            <div class="col s6">
+                <a href="javascript:history.back()" class="waves-effect waves-light btn-flat grey-text lighten-1" style="margin-left: -16px;">Cancel</a>
+            </div>
+            <div class="col s6 right-align">
+                <button class="waves-effect waves-light btn btn-primary" type="submit" name="action">Save</button>
+            </div>
+        </div>
+    </form>
+    </div>
+{% endblock %}

bom/templates/bom/bom-modal-add-users.html

@@ -0,0 +1,49 @@
+{% load materializecss %}
+{% load static %}
+
+<a class="waves-effect waves-light btn btn-primary modal-trigger modal-{{ name }}"
+   href="#modal-{{ name }}">{{ modal_title }}</a>
+
+<div id="modal-{{ name }}" class="modal left-align">
+    <form name="seller" action="{{ action }}" method="post" class="col s12" enctype="multipart/form-data">
+        <div class="modal-content">
+            <div class="row">
+                {% if modal_title %}<h2 class="light" style="margin-top: 0;">{{ modal_title }}</h2>{% endif %}
+                <div class="col s12">
+                    {% if is_pro and user_can_manage_members %}
+                        {% csrf_token %}
+                        <p class="flow-text-small grey-text text-darken-2">To add a user, ensure they have already
+                            created an IndaBOM account and are not currently part of another organization.
+                            Then, enter their <b>username</b> (not email) and select their role below.</p>
+                        {{ form|materializecss:'m6 s12' }}
+                    {% elif is_pro and not user_can_manage_members %}
+                        <p class="flow-text-small red-text text-darken-1">
+                            <b>Access Restricted:</b> Please contact an organization administrator to add new members to
+                            your team.
+                        </p>
+                    {% else %}
+                        <p>Upgrade your organization subscription to professional to manage members.</p>
+                    {% endif %}
+                </div>
+            </div>
+        </div>
+        <div class="modal-footer">
+            <a href="#!" class="modal-close waves-effect waves-green btn-flat">Cancel</a>
+            {% if is_pro and user_can_manage_members %}
+                <button class="waves-effect waves-light btn btn-primary" type="submit" name="{{ name }}">Submit</button>
+            {% elif is_pro and not user_can_manage_members %}
+                <a href="#!" class="modal-close waves-effect green lighten-1 waves-green btn-flat">Ok</a>
+            {% else %}
+                <a href="#!" class="modal-close waves-effect green lighten-1 waves-green btn-flat">Ok</a>
+            {% endif %}
+        </div>
+    </form>
+</div>
+
+{% block script %}
+    <script>
+        $(document).ready(function () {
+            $('.modal').modal();
+        });
+    </script>
+{% endblock %}

bom/templates/bom/bom-signup.html

@@ -0,0 +1,12 @@
+{% extends BASE_TEMPLATE %}
+
+{% load static %}
+
+{% block head-title %}{{ title }}{% endblock %}
+
+{% block bom-menu %}
+{% endblock%}
+
+{% block content %}
+Form goes here..
+{% endblock %}

bom/templates/bom/components/bom-flat.html

@@ -0,0 +1,131 @@
+{# To include this widget, make sure to pass: `parts`, `order_by`, `part`, `part_revision`, `profile` variables  - TODO Could remove part if we pass part revision #}
+{% load static %}
+
+<div class="row printer-hide" style="padding-top: 16px;">
+    <div class="col s6">
+        <a class="waves-effect waves-green btn-flat btn-icon-round button-reset-filter-flat tooltipped" data-position="bottom" data-tooltip="Reset filter" onclick="refreshTableSorterFlat()"><i
+                class="material-icons">refresh</i></a>
+    </div>
+    <div class="col s6 right-align">
+        {% if manage and profile.role == 'A' %}
+            <a class="waves-effect waves-green btn-flat red-text"
+               href="{% url 'bom:part-remove-all-subparts' part_id=part.id part_revision_id=part_revision_id %}"
+               onclick="return confirm('Are you sure you want to remove ALL subparts from {{ part.full_part_number }}?')">Remove All Subparts
+            </a>
+        {% else %}
+            <!-- Dropdown Trigger -->
+            <button class="dropdown-trigger-flat waves-effect waves-green btn-flat" href='#' data-target='manage-bom-{{ part.id }}-flat'>
+                <i class="material-icons right">arrow_drop_down</i>Manage
+            </button>
+            <!-- Dropdown Structure -->
+            <ul id='manage-bom-{{ part.id }}-flat' class='dropdown-content'>
+                {% if profile.role == 'A' %}
+                    <li>{% if part_revision.configuration == 'W' %}
+                        <a class="green-text text-lighten-1" href="{% url 'bom:part-manage-bom' part_id=part.id part_revision_id=part_revision.id %}">
+                            <i class="material-icons green-text text-lighten-1">edit</i>Edit BOM</a>
+                    {% else %}
+                        <a class="grey-text text-lighten-1" onclick="alert('Can\'t edit a released part!')"><i class="material-icons grey-text text-lighten-1">edit</i>Edit BOM</a>
+                    {% endif %}
+                    </li>
+                {% endif %}
+                {% if part_revision %}
+                    <li><a class="green-text text-lighten-1" href="{% url 'bom:part-revision-export-bom-flat' part_revision_id=part_revision.id %}">
+                        <i class="material-icons green-text text-lighten-1">cloud_download</i>Download CSV</a>
+                    </li>
+                    <li><a class="green-text text-lighten-1" href="{% url 'bom:part-revision-export-bom-flat-sourcing' part_revision_id=part_revision.id %}">
+                        <i class="material-icons green-text text-lighten-1">cloud_download</i>Download CSV (sourcing)</a>
+                    </li>
+                    <li><a class="green-text text-lighten-1" href="{% url 'bom:part-revision-export-bom-flat-sourcing-detailed' part_revision_id=part_revision.id %}">
+                        <i class="material-icons green-text text-lighten-1">cloud_download</i>Download CSV (sourcing detailed)</a>
+                    </li>
+                {% else %}
+                    <li><a class="green-text text-lighten-1 disabled" href=""><i class="material-icons green-text text-lighten-1">cloud_download</i>Download CSV</a></li>
+                {% endif %}
+            </ul>
+        {% endif %}
+    </div>
+</div>
+<div class="responsive-table-wrapper" style="padding-bottom: 25px;">
+    <table id="flat-bom" class="highlight part-list tight single-line">
+        <thead>
+        <tr>
+            <th class="text-normal">Part No.</th>
+            <th class="text-normal">Qty</th>
+            <th class="text-normal">Refs</th>
+            <th class="text-normal">DNL</th>
+            <th class="text-normal">Synopsis</th>
+            <th class="text-normal">Rev</th>
+            <th class="text-normal">Manufacturer</th>
+            <th class="text-normal">MPN</th>
+            <!-- <th class="text-normal"><i>Ext. Qty</i></th> -->
+            <!-- <th class="text-normal"><i>Order Qty</i></th> -->
+            <th class="text-normal">Seller</th>
+            <th class="text-normal">Price</th>
+            <!-- <th class="text-normal"><i>Ext Cost</i></th> -->
+            <th class="text-normal">NRE</th>
+        </tr>
+        </thead>
+        {% for bom_id, subpart in bom_items.items %}
+            <tr>
+                <td class="text-normal"><a href="{% url 'bom:part-info' part_id=subpart.part.id %}">{{ subpart.part.full_part_number }}</a></td>
+                <td class="text-normal">{{ subpart.extended_quantity | floatformat }}</td>
+                <td class="text-normal">{{ subpart.references | default:"-" }}</td>
+                <td class="text-normal">{{ subpart.do_not_load | default:"-" }}</td>
+                <td class="text-normal">{{ subpart.part_revision.synopsis }}</td>
+                <td class="text-normal">{{ subpart.part_revision.revision }}</td>
+                <td class="text-normal">{{ subpart.part.primary_manufacturer_part.manufacturer.name }}
+                    {% if subpart.part.manufacturer_parts.count > 1 %}<i>(+{{ subpart.part.manufacturer_parts.count }})</i>{% endif %}</td>
+                <td class="text-normal">{% if subpart.part.primary_manufacturer_part.link %}<a href="{{ subpart.part.primary_manufacturer_part.link }}" target="_blank">{% endif %}{{ subpart.part.primary_manufacturer_part.manufacturer_part_number }}{% if subpart.part.primary_manufacturer_part.link %}&nbsp;<i class="material-icons" style="font-size: 14px;">open_in_new</i></a>{% endif %}</td>
+                <td class="text-normal" id="bom-flat-seller-name-{{ subpart.part_revision.id }}">{{ subpart.seller_part.seller.name | default:"-" }}</td>
+                <td class="text-normal" id="bom-flat-unit-cost-{{ subpart.part_revision.id }}">{{ subpart.seller_part.unit_cost | default:"-" }}</td>
+                <td class="text-normal">{{ subpart.seller_part.nre_cost | default:"-" }}</td>
+            </tr>
+        {% empty %}
+            <tr>
+                <td colspan="99" style="text-align: center; height: 20vh;"><i>This part does not contain any other parts.</i></td>
+            </tr>
+        {% endfor %}
+    </table>
+</div>
+
+<!-- Table Sorter -->
+<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.tablesorter/2.31.2/js/jquery.tablesorter.min.js"></script>
+<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.tablesorter/2.31.2/js/jquery.tablesorter.widgets.min.js"></script>
+<script>
+    $(function () {
+        $("#flat-bom").on('update', initTableSorterFlat);
+        initTableSorterFlat();
+    });
+
+    function initTableSorterFlat() {
+        $('.button-reset-filter-flat').hide();
+        $("#flat-bom").tablesorter({theme: "materialize"})
+            .bind("sortEnd", function (e, t) {
+                $('.button-reset-filter-flat').show();
+            });
+    }
+
+    function refreshTableSorterFlat() {
+        $('#flat-bom').trigger('sortReset');
+        $('.button-reset-filter-flat').hide();
+        return false;
+    }
+</script>
+
+<script>
+    $(document).ready(function () {
+        $('.dropdown-trigger-flat').dropdown({
+            inDuration: 200,
+            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: true, // Displays dropdown below the button
+            alignment: 'left', // Displays dropdown with edge aligned to the left of button
+            stopPropagation: false // Stops event propagation
+        });
+
+        $('.tooltipped').tooltip();
+    });
+</script>
+