React

.babelrc

@@ -0,0 +1,16 @@
+{
+  // need loose mode for IE9 https://phabricator.babeljs.io/T3041
+  "presets": [
+    [
+      "es2015",
+      {
+        "loose": true
+      }
+    ],
+    "stage-1",
+    "react"
+  ],
+  "plugins": [
+    "transform-decorators-legacy"
+  ]
+}

.bootstraprc

@@ -0,0 +1,117 @@
+---
+# Output debugging info
+# loglevel: debug
+
+# Major version of Bootstrap: 3 or 4
+bootstrapVersion: 3
+
+# If Bootstrap version 3 is used - turn on/off custom icon font path
+useCustomIconFontPath: false
+
+# Webpack loaders, order matters
+styleLoaders:
+  - style-loader
+  - css-loader
+  - sass-loader
+
+# Extract styles to stand-alone css file
+# Different settings for different environments can be used,
+# It depends on value of NODE_ENV environment variable
+# This param can also be set in webpack config:
+#   entry: 'bootstrap-loader/extractStyles'
+# extractStyles: false
+extractStyles: true
+# env:
+#   development:
+#     extractStyles: false
+#   production:
+#     extractStyles: true
+
+
+# Customize Bootstrap variables that get imported before the original Bootstrap variables.
+# Thus, derived Bootstrap variables can depend on values from here.
+# See the Bootstrap _variables.scss file for examples of derived Bootstrap variables.
+#
+# preBootstrapCustomizations: ./path/to/bootstrap/pre-customizations.scss
+
+
+# This gets loaded after bootstrap/variables is loaded
+# Thus, you may customize Bootstrap variables
+# based on the values established in the Bootstrap _variables.scss file
+#
+bootstrapCustomizations: ./app/l8pr/static/styles/config/_variables.scss
+
+
+# Import your custom styles here
+# Usually this endpoint-file contains list of @imports of your application styles
+#
+# appStyles: ./path/to/your/app/styles/endpoint.scss
+
+
+### Bootstrap styles
+styles:
+
+  # Mixins
+  mixins: true
+
+  # Reset and dependencies
+  normalize: true
+  print: true
+  glyphicons: true
+
+  # Core CSS
+  scaffolding: true
+  type: true
+  code: true
+  grid: true
+  tables: true
+  forms: true
+  buttons: true
+
+  # Components
+  component-animations: true
+  dropdowns: true
+  button-groups: true
+  input-groups: true
+  navs: true
+  navbar: true
+  breadcrumbs: true
+  pagination: true
+  pager: true
+  labels: true
+  badges: true
+  jumbotron: true
+  thumbnails: true
+  alerts: true
+  progress-bars: true
+  media: true
+  list-group: true
+  panels: true
+  wells: true
+  responsive-embed: true
+  close: true
+
+  # Components w/ JavaScript
+  modals: true
+  tooltip: true
+  popovers: true
+  carousel: true
+
+  # Utility classes
+  utilities: true
+  responsive-utilities: true
+
+### Bootstrap scripts
+scripts:
+  transition: true
+  alert: true
+  button: true
+  carousel: true
+  collapse: true
+  dropdown: true
+  modal: true
+  tooltip: true
+  popover: true
+  scrollspy: true
+  tab: true
+  affix: true

.eslintrc.js

@@ -0,0 +1,73 @@
+module.exports = {
+    env: {
+        browser: true,
+        commonjs: true,
+        es6: true,
+    },
+    parser: 'babel-eslint',
+    extends: ['eslint:recommended'],
+    globals: {
+        $: false,
+        $$: false,
+        _: false,
+        angular: false,
+        browser: false,
+        by: false,
+        element: false,
+        gettext: false,
+        inject: false,
+        protractor: false,
+        requirejs: false
+    },
+    parserOptions: {
+        ecmaFeatures: {
+            experimentalObjectRestSpread: true,
+            jsx: true
+        },
+        sourceType: 'module'
+    },
+    plugins: [
+        'react',
+    ],
+    rules: {
+        'react/jsx-uses-react': 'error',
+        'react/react-in-jsx-scope': 'error',
+        'react/jsx-uses-vars': 'error',
+        'react/jsx-no-undef': 'error',
+        'react/prop-types': 2,
+        'react/no-children-prop': 2,
+        'react/no-did-update-set-state': 2,
+        'react/no-direct-mutation-state': 2,
+        'react/no-multi-comp': 2,
+        'react/no-render-return-value': 2,
+        'react/no-unknown-property': 2,
+        'react/no-unused-prop-types': 2,
+        'react/self-closing-comp': 2,
+        'react/prefer-es6-class': 2,
+        'no-trailing-spaces': 'error',
+        'object-property-newline': 'error',
+        'object-curly-newline': 'error',
+        'comma-dangle': ['error', 'always-multiline'],
+        'object-curly-spacing':['error', 'always'],
+        'no-console': 'error',
+        'block-scoped-var': 2,
+        complexity: [2, 10],
+        indent: [
+            'error',
+            4,
+            { SwitchCase: 1 }
+        ],
+        'linebreak-style': [
+            'error',
+            'unix'
+        ],
+        quotes: [
+            'error',
+            'single'
+        ],
+        semi: [
+            'error',
+            'never'
+        ]
+    }
+}

.gitignore

@@ -14,3 +14,5 @@ app/l8pr/static/CACHE
 app/l8pr/static/bower_components
 staticfiles/
 uploaded/
+static_dist/
+yarn.lock

app/l8pr/admin.py

@@ -24,28 +24,36 @@ class LoopAdmin(admin.ModelAdmin):
     list_display = ('__str__', 'active')
     inlines = (ShowsRelationshipInline,)
 
+
 admin.site.register(Loop, LoopAdmin)
 
 
 class ShowAdmin(admin.ModelAdmin):
     list_display = ('__str__', 'user', 'added', 'updated')
     inlines = (SettingsInline, ItemsRelationshipInline,)
 
+
 admin.site.register(Show, ShowAdmin)
 
 
 class ItemAdmin(admin.ModelAdmin):
     list_display = ('__str__', 'title', 'author_name', 'provider_name', 'duration')
+
+
 admin.site.register(Item, ItemAdmin)
 
 
 class ShowsRelationshipAdmin(admin.ModelAdmin):
     pass
+
+
 admin.site.register(ShowsRelationship, ShowsRelationshipAdmin)
 
 
 class ItemsRelationshipAdmin(admin.ModelAdmin):
-    pass
+    search_fields = ['item__title', 'show__title', 'item__id', 'show__id']
+
+
 admin.site.register(ItemsRelationship, ItemsRelationshipAdmin)