fontcustom_canvas 0.1.0 → 0.1.2

data/public/brandable_variables.json

@@ -0,0 +1,233 @@
+
+[{
+  "group_key": "global_branding",
+  "variables": [{
+    "variable_name": "ic-brand-primary",
+    "type": "color",
+    "default": "#008EE2"
+  },{
+    "variable_name": "ic-brand-font-color-dark",
+    "type": "color",
+    "default": "#2D3B45"
+  },
+  {
+    "variable_name": "ic-brand-font-family",
+    "type": "fontFamily",
+    "default": "'Lato Extended', 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif)"
+  },
+  {
+    "variable_name": "ic-brand-font-size",
+    "type": "fontSize",
+    "default": "16px"
+  },
+  {
+    "variable_name": "ic-brand-font-weight",
+    "type": "fontWeight",
+    "default": "normal"
+  },
+  {
+    "variable_name": "ic-link-color",
+    "type": "color",
+    "default": "#008EE2"
+  },{
+    "variable_name": "ic-brand-button--primary-bgd",
+    "type": "color",
+    "default": "$ic-brand-primary"
+  },{
+    "variable_name": "ic-brand-button--primary-text",
+    "type": "color",
+    "default": "#ffffff"
+  },{
+    "variable_name": "ic-brand-button--secondary-bgd",
+    "type": "color",
+    "default": "#2D3B45"
+  },{
+    "variable_name": "ic-brand-button--secondary-text",
+    "type": "color",
+    "default": "#ffffff"
+  }
+]},
+{
+  "group_key": "global_navigation",
+  "variables": [
+  {
+    "variable_name": "ic-brand-global-nav-bgd",
+    "type": "color",
+    "default": "#394B58"
+  },
+  {
+    "variable_name": "ic-brand-global-nav-ic-icon-svg-fill",
+    "type": "color",
+    "default": "#ffffff"
+  },
+  {
+    "variable_name": "ic-brand-global-nav-ic-icon-svg-fill--active",
+    "type": "color",
+    "default": "$ic-brand-primary"
+  },
+  {
+    "variable_name": "ic-brand-global-nav-menu-item__text-color",
+    "type": "color",
+    "default": "#ffffff"
+  },
+  {
+    "variable_name": "ic-brand-global-nav-menu-item__text-color--active",
+    "type": "color",
+    "default": "$ic-link-color"
+  },
+  {
+    "variable_name": "ic-brand-global-nav-avatar-border",
+    "type": "color",
+    "default": "#ffffff"
+  },
+  {
+    "variable_name": "ic-brand-global-nav-menu-item__badge-bgd",
+    "type": "color",
+    "default": "$ic-brand-primary"
+  },
+  {
+    "variable_name": "ic-brand-global-nav-menu-item__badge-text",
+    "type": "color",
+    "default": "#ffffff"
+  },
+  {
+    "variable_name": "ic-brand-global-nav-logo-bgd",
+    "type": "color",
+    "default": "#394B58"
+  },
+  {
+    "variable_name": "ic-brand-header-image",
+    "type": "image",
+    "accept": "image/png,image/gif,image/jpeg,image/svg+xml,image/svg",
+    "default": "/images/canvas_logomark_only@2x.png"
+  },
+  {
+    "variable_name": "ic-brand-mobile-global-nav-logo",
+    "type": "image",
+    "accept": "image/png,image/gif,image/jpeg,image/svg+xml,image/svg",
+    "default": "/images/mobile-global-nav-logo.svg"
+  }
+]},
+{
+  "group_key": "watermarks",
+  "variables": [{
+    "variable_name": "ic-brand-watermark",
+    "type": "image",
+    "accept": "image/png,image/svg+xml,image/svg,image/gif,image/jpeg",
+    "default": ""
+  },{
+    "variable_name": "ic-brand-watermark-opacity",
+    "type": "percentage",
+    "default": "1.0"
+  },{
+    "variable_name": "ic-brand-favicon",
+    "type": "image",
+    "accept": "image/vnd.microsoft.icon,image/x-icon,image/png,image/gif",
+    "default": "/images/favicon.ico"
+  },{
+    "variable_name": "ic-brand-apple-touch-icon",
+    "type": "image",
+    "accept": "image/png",
+    "default": "/images/apple-touch-icon.png"
+  },{
+    "variable_name": "ic-brand-msapplication-tile-color",
+    "type": "color",
+    "default": "$ic-brand-primary"
+  },{
+    "variable_name": "ic-brand-msapplication-tile-square",
+    "type": "image",
+    "accept": "image/png,image/gif,image/jpeg",
+    "default": "/images/windows-tile.png"
+  },{
+    "variable_name": "ic-brand-msapplication-tile-wide",
+    "type": "image",
+    "accept": "image/png,image/gif,image/jpeg",
+    "default": "/images/windows-tile-wide.png"
+  },{
+    "variable_name": "ic-brand-right-sidebar-logo",
+    "type": "image",
+    "accept": "image/svg+xml,image/svg,image/png,image/gif,image/jpeg",
+    "default": ""
+  }
+]},
+{
+  "group_key": "login",
+  "variables": [{
+    "variable_name": "ic-brand-Login-body-bgd-color",
+    "type": "color",
+    "default": "#394B58"
+  },
+  {
+    "variable_name": "ic-brand-Login-body-bgd-image",
+    "type": "image",
+    "accept": "image/png,image/svg+xml,image/svg,image/gif,image/jpeg",
+    "default": ""
+  },
+  {
+    "variable_name": "ic-brand-Login-body-bgd-shadow-color",
+    "type": "color",
+    "default": "#2D3B45"
+  },
+  {
+    "variable_name": "ic-brand-Login-logo",
+    "type": "image",
+    "accept": "image/png,image/gif,image/jpeg, image/svg+xml,image/svg",
+    "default": "/images/login/canvas-logo.svg"
+  },
+  {
+    "variable_name": "ic-brand-Login-Content-bgd-color",
+    "type": "color",
+    "default": "none"
+  },
+  {
+    "variable_name": "ic-brand-Login-Content-border-color",
+    "type": "color",
+    "default": "none"
+  },
+  {
+    "variable_name": "ic-brand-Login-Content-inner-bgd",
+    "type": "color",
+    "default": "none"
+  },
+  {
+    "variable_name": "ic-brand-Login-Content-inner-border",
+    "type": "color",
+    "default": "none"
+  },
+  {
+    "variable_name": "ic-brand-Login-Content-inner-body-bgd",
+    "type": "color",
+    "default": "none"
+  },
+  {
+    "variable_name": "ic-brand-Login-Content-inner-body-border",
+    "type": "color",
+    "default": "none"
+  },
+  {
+    "variable_name": "ic-brand-Login-Content-label-text-color",
+    "type": "color",
+    "default": "#ffffff"
+  },
+  {
+    "variable_name": "ic-brand-Login-Content-password-text-color",
+    "type": "color",
+    "default": "#ffffff"
+  },
+  {
+    "variable_name": "ic-brand-Login-footer-link-color",
+    "type": "color",
+    "default": "#ffffff"
+  },
+  {
+    "variable_name": "ic-brand-Login-footer-link-color-hover",
+    "type": "color",
+    "default": "#ffffff"
+  },
+  {
+    "variable_name": "ic-brand-Login-instructure-logo",
+    "type": "color",
+    "default": "#ffffff"
+  }
+]
+}]

data/public/theme_editor/Fonts.js

@@ -0,0 +1,92 @@
+const Fonts = [
+        "'Roboto', sans-serif",
+        "'Zilla Slab Highlight', cursive",
+        "'Open Sans', sans-serif",
+        "'Spectral', serif",
+        "'Slabo 27px', serif",
+        "'Lato', sans-serif",
+        "'Roboto Condensed', sans-serif",
+        "'Oswald', sans-serif",
+        "'Source Sans Pro', sans-serif",
+        "'Raleway', sans-serif",
+        "'Zilla Slab', serif",
+        "'Montserrat', sans-serif",
+        "'PT Sans', sans-serif",
+        "'Roboto Slab', serif",
+        "'Merriweather', serif",
+        "'Saira Condensed', sans-serif",
+        "'Saira', sans-serif",
+        "'Open Sans Condensed', sans-serif",
+        "'Saira Semi Condensed', sans-serif",
+        "'Saira Extra Condensed', sans-serif",
+        "'Julee', cursive",
+        "'Archivo', sans-serif",
+        "'Ubuntu', sans-serif",
+        "'Lora', serif",
+        "'Manuale', serif",
+        "'Asap Condensed', sans-serif",
+        "'Faustina', serif",
+        "'Cairo', sans-serif",
+        "'Playfair Display', serif",
+        "'Droid Serif', serif",
+        "'Noto Sans', sans-serif",
+        "'PT Serif', serif",
+        "'Droid Sans', sans-serif",
+        "'Arimo', sans-serif",
+        "'Poppins', sans-serif",
+        "'Sedgwick Ave Display', cursive",
+        "'Titillium Web', sans-serif",
+        "'Muli', sans-serif",
+        "'Sedgwick Ave', cursive",
+        "'Indie Flower', cursive",
+        "'Mada', sans-serif",
+        "'PT Sans Narrow', sans-serif",
+        "'Noto Serif', serif",
+        "'Bitter', serif",
+        "Dosis', sans-serif",
+        "'Josefin Sans', sans-serif",
+        "'Inconsolata', monospace",
+        "'Bowlby One SC', cursive",
+        "'Oxygen', sans-serif",
+        "'Arvo', serif",
+        "'Hind', sans-serif",
+        "'Cabin', sans-serif",
+        "'Fjalla One', sans-serif",
+        "'Anton', sans-serif",
+        "'Cairo', sans-serif",
+        "'Playfair Display', serif",
+        "'Droid Serif', serif",
+        "'Noto Sans', sans-serif",
+        "'PT Serif', serif",
+        "'Droid Sans', sans-serif",
+        "'Arimo', sans-serif",
+        "'Poppins', sans-serif",
+        "'Sedgwick Ave Display', cursive",
+        "'Titillium Web', sans-serif",
+        "'Muli', sans-serif",
+        "'Sedgwick Ave', cursive",
+        "'Indie Flower', cursive",
+        "'Mada', sans-serif",
+        "'PT Sans Narrow', sans-serif",
+        "'Noto Serif', serif",
+        "'Bitter', serif",
+        "'Dosis', sans-serif",
+        "'Josefin Sans', sans-serif",
+        "'Inconsolata', monospace",
+        "'Bowlby One SC', cursive",
+        "'Oxygen', sans-serif",
+        "'Arvo', serif",
+        "'Hind', sans-serif",
+        "'Nerko One', cursive",
+        "'Xanh Mono', monospace",
+        "'Texturina', serif",
+        "'Lobster', cursive",
+        "'Dancing Script', cursive",
+        "'Architects Daughter', cursive",
+        "'Modak', cursive",
+        "'Amatic SC', cursive"
+]
+
+export default Fonts
+
+

data/public/theme_editor/PropTypes.js

@@ -0,0 +1,130 @@
+/*
+ * Copyright (C) 2015 - present Instructure, Inc.
+ *
+ * This file is part of Canvas.
+ *
+ * Canvas is free software: you can redistribute it and/or modify it under
+ * the terms of the GNU Affero General Public License as published by the Free
+ * Software Foundation, version 3 of the License.
+ *
+ * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
+ * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
+ * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
+ * details.
+ *
+ * You should have received a copy of the GNU Affero General Public License along
+ * with this program. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+import PropTypes from 'prop-types'
+import _ from 'underscore'
+
+const MD5_REGEX = /[0-9a-fA-F]{32}$/
+const types = {}
+
+types.md5 = (props, propName, componentName) => {
+  const val = props[propName]
+  if (val !== null && !MD5_REGEX.test(val)) {
+    return new Error(`Invalid md5: ${val} propName: ${propName} componentName: ${componentName}`)
+  }
+}
+
+const baseVarDef = {
+  default: PropTypes.string.isRequired,
+  human_name: PropTypes.string.isRequired,
+  variable_name: PropTypes.string.isRequired
+}
+
+types.variables = PropTypes.objectOf(PropTypes.string).isRequired
+
+types.color = PropTypes.shape(
+  _.extend(
+    {
+      type: PropTypes.oneOf(['color']).isRequired
+    },
+    baseVarDef
+  )
+)
+
+types.fontSize = PropTypes.shape(
+  _.extend(
+    {
+      type: PropTypes.oneOf(['fontSize']).isRequired
+    },
+    baseVarDef
+  )
+)
+
+types.fontWeight = PropTypes.shape(
+  _.extend(
+    {
+      type: PropTypes.oneOf(['fontWeight']).isRequired
+    },
+    baseVarDef
+  )
+)
+
+types.fontFamily = PropTypes.shape(
+  _.extend(
+    {
+      type: PropTypes.oneOf(['fontFamily']).isRequired
+    },
+    baseVarDef
+  )
+)
+
+types.image = PropTypes.shape(
+  _.extend(
+    {
+      type: PropTypes.oneOf(['image']).isRequired,
+      accept: PropTypes.string.isRequired,
+      helper_text: PropTypes.string
+    },
+    baseVarDef
+  )
+)
+
+types.percentage = PropTypes.shape(
+  _.extend(
+    {
+      type: PropTypes.oneOf(['percentage']).isRequired,
+      helper_text: PropTypes.string
+    },
+    baseVarDef
+  )
+)
+
+types.varDef = PropTypes.oneOfType([types.image, types.color, types.fontFamily, types.fontSize, types.fontWeight, types.percentage])
+
+types.brandConfig = PropTypes.shape({
+  md5: types.md5,
+  variables: types.variables
+})
+
+types.sharedBrandConfig = PropTypes.shape({
+  account_id: PropTypes.string,
+  brand_config: types.brandConfig.isRequired,
+  name: PropTypes.string.isRequired
+})
+
+types.variableGroup = PropTypes.shape({
+  group_name: PropTypes.string.isRequired,
+  variables: PropTypes.arrayOf(types.varDef).isRequired
+})
+
+types.userVariableInput = PropTypes.shape({
+  val: PropTypes.string,
+  invalid: PropTypes.bool
+})
+
+types.variableSchema = PropTypes.arrayOf(types.variableGroup).isRequired
+
+types.variableDescription = PropTypes.shape({
+  default: PropTypes.string.isRequired,
+  type: PropTypes.oneOf(['color', 'fontFamily', 'fontSize', 'fontWeight', 'image', 'percentage']).isRequired,
+  variable_name: PropTypes.string.isRequired
+})
+
+types.brandableVariableDefaults = PropTypes.objectOf(types.variableDescription)
+
+export default types