`, and ``.
+@font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace;
+@font-family-base: @font-family-sans-serif;
+
+@font-size-base: 13px;
+@font-size-large: ceil((@font-size-base * 1.25)); // ~18px
+@font-size-small: ceil((@font-size-base * 0.85)); // ~12px
+
+@font-size-h1: floor((@font-size-base * 2.6)); // ~36px
+@font-size-h2: floor((@font-size-base * 2.15)); // ~30px
+@font-size-h3: ceil((@font-size-base * 1.7)); // ~24px
+@font-size-h4: ceil((@font-size-base * 1.25)); // ~18px
+@font-size-h5: @font-size-base;
+@font-size-h6: ceil((@font-size-base * 0.85)); // ~12px
+
+//** Unit-less `line-height` for use in components like buttons.
+@line-height-base: 1.828571429; // 20/14
+//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
+@line-height-computed: floor((@font-size-base * @line-height-base)); // ~20px
+
+//** By default, this inherits from the ``.
+@headings-font-family: inherit;
+@headings-font-weight: 400;
+@headings-line-height: 1.1;
+@headings-color: #444;
+
+
+//-- Iconography
+//
+//## Specify custom locations of the include Glyphicons icon font. Useful for those including Bootstrap via Bower.
+
+@icon-font-path: "../assets/fonts/";
+@icon-font-name: "glyphicons-halflings-regular";
+@icon-font-svg-id: "glyphicons_halflingsregular";
+
+//== Components
+//
+//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
+
+@padding-base-vertical: 4px;
+@padding-base-horizontal: 12px;
+
+@padding-large-vertical: 16px;
+@padding-large-horizontal: 20px;
+
+@padding-small-vertical: 3px;
+@padding-small-horizontal: 8px;
+
+@padding-xs-vertical: 1px;
+@padding-xs-horizontal: 5px;
+
+@line-height-large: 1.33;
+@line-height-small: 1.5;
+
+@border-radius-base: 0px;
+@border-radius-large: 0px;
+@border-radius-small: 3px;
+
+//** Global color for active items (e.g., navs or dropdowns).
+@component-active-color: #fff;
+//** Global background color for active items (e.g., navs or dropdowns).
+@component-active-bg: @brand-primary;
+
+//** Width of the `border` for generating carets that indicator dropdowns.
+@caret-width-base: 4px;
+//** Carets increase slightly in size for larger components.
+@caret-width-large: 5px;
+
+
+//== Tables
+//
+//## Customizes the `.table` component with basic values, each used across all table variations.
+
+//** Padding for `| `s and ` | `s.
+@table-cell-padding: 8px;
+//** Padding for cells in `.table-condensed`.
+@table-condensed-cell-padding: 9px;
+
+//** Default background color used for all tables.
+@table-bg: #fff;
+//** Background color used for `.table-striped`.
+@table-bg-accent: #f9f9f9;
+//** Background color used for `.table-hover`.
+@table-bg-hover: #f5f5f5;
+@table-bg-active: @table-bg-hover;
+
+//** Border color for table and cell borders.
+@table-border-color: #ddd;
+
+
+//== Buttons
+//
+//## For each of Bootstrap's buttons, define text, background and border color.
+
+@btn-font-weight: normal;
+
+@btn-default-color: #333;
+@btn-default-bg: #fff;
+@btn-default-border: #ccc;
+
+@btn-primary-color: #fff;
+@btn-primary-bg: @brand-primary;
+@btn-primary-border: darken(@btn-primary-bg, 5%);
+
+@btn-success-color: #fff;
+@btn-success-bg: @brand-success;
+@btn-success-border: darken(@btn-success-bg, 5%);
+
+@btn-info-color: #fff;
+@btn-info-bg: @brand-info;
+@btn-info-border: darken(@btn-info-bg, 5%);
+
+@btn-warning-color: #fff;
+@btn-warning-bg: @brand-warning;
+@btn-warning-border: darken(@btn-warning-bg, 5%);
+
+@btn-danger-color: #fff;
+@btn-danger-bg: @brand-danger;
+@btn-danger-border: darken(@btn-danger-bg, 5%);
+
+@btn-link-disabled-color: @gray-light;
+
+
+//== Forms
+//
+//##
+
+//** `` background color
+@input-bg: #fff;
+//** `` background color
+@input-bg-disabled: @gray-lighter;
+
+//** Text color for ``s
+@input-color: @gray;
+//** `` border color
+@input-border: #ccc;
+//** `` border radius
+@input-border-radius: @border-radius-base;
+//** Border color for inputs on focus
+@input-border-focus: #66afe9;
+
+//** Placeholder text color
+@input-color-placeholder: @gray-light;
+
+//** Default `.form-control` height
+@input-height-base: (@line-height-computed + (@padding-base-vertical * 2) + 2);
+//** Large `.form-control` height
+@input-height-large: (ceil(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 4);
+//** Small `.form-control` height
+@input-height-small: (floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2);
+
+@legend-color: @gray-dark;
+@legend-border-color: #e5e5e5;
+
+//** Background color for textual input addons
+@input-group-addon-bg: @gray-lighter;
+//** Border color for textual input addons
+@input-group-addon-border-color: @input-border;
+
+
+//== Dropdowns
+//
+//## Dropdown menu container and contents.
+
+//** Background for the dropdown menu.
+@dropdown-bg: #fff;
+//** Dropdown menu `border-color`.
+@dropdown-border: rgba(0,0,0,.15);
+//** Dropdown menu `border-color` **for IE8**.
+@dropdown-fallback-border: #ccc;
+//** Divider color for between dropdown items.
+@dropdown-divider-bg: #e5e5e5;
+
+//** Dropdown link text color.
+@dropdown-link-color: @gray-dark;
+//** Hover color for dropdown links.
+@dropdown-link-hover-color: darken(@gray-dark, 5%);
+//** Hover background for dropdown links.
+@dropdown-link-hover-bg: #f5f5f5;
+
+//** Active dropdown menu item text color.
+@dropdown-link-active-color: @component-active-color;
+//** Active dropdown menu item background color.
+@dropdown-link-active-bg: @component-active-bg;
+
+//** Disabled dropdown menu item background color.
+@dropdown-link-disabled-color: @gray-light;
+
+//** Text color for headers within dropdown menus.
+@dropdown-header-color: @gray-light;
+
+// Note: Deprecated @dropdown-caret-color as of v3.1.0
+@dropdown-caret-color: #000;
+
+
+//-- Z-index master list
+//
+// Warning: Avoid customizing these values. They're used for a bird's eye view
+// of components dependent on the z-axis and are designed to all work together.
+//
+// Note: These variables are not generated into the Customizer.
+
+@zindex-navbar: 1000;
+@zindex-dropdown: 1000;
+@zindex-popover: 1010;
+@zindex-tooltip: 1030;
+@zindex-navbar-fixed: 1030;
+@zindex-modal-background: 1040;
+@zindex-modal: 1050;
+
+
+//== Media queries breakpoints
+//
+//## Define the breakpoints at which your layout will change, adapting to different screen sizes.
+
+// Extra small screen / phone
+// Note: Deprecated @screen-xs and @screen-phone as of v3.0.1
+@screen-xs: 480px;
+@screen-xs-min: @screen-xs;
+@screen-phone: @screen-xs-min;
+
+// Small screen / tablet
+// Note: Deprecated @screen-sm and @screen-tablet as of v3.0.1
+@screen-sm: 768px;
+@screen-sm-min: @screen-sm;
+@screen-tablet: @screen-sm-min;
+
+// Medium screen / desktop
+// Note: Deprecated @screen-md and @screen-desktop as of v3.0.1
+@screen-md: 992px;
+@screen-md-min: @screen-md;
+@screen-desktop: @screen-md-min;
+
+// Large screen / wide desktop
+// Note: Deprecated @screen-lg and @screen-lg-desktop as of v3.0.1
+@screen-lg: 1200px;
+@screen-lg-min: @screen-lg;
+@screen-lg-desktop: @screen-lg-min;
+
+// So media queries don't overlap when required, provide a maximum
+@screen-xs-max: (@screen-sm-min - 1);
+@screen-sm-max: (@screen-md-min - 1);
+@screen-md-max: (@screen-lg-min - 1);
+
+
+//== Grid system
+//
+//## Define your custom responsive grid.
+
+//** Number of columns in the grid.
+@grid-columns: 12;
+//** Padding between columns. Gets divided in half for the left and right.
+@grid-gutter-width: 30px;
+// Navbar collapse
+//** Point at which the navbar becomes uncollapsed.
+@grid-float-breakpoint: @screen-sm-min;
+//** Point at which the navbar begins collapsing.
+@grid-float-breakpoint-max: (@grid-float-breakpoint - 1);
+
+
+//== Container sizes
+//
+//## Define the maximum width of `.container` for different screen sizes.
+
+// Small screen / tablet
+@container-tablet: ((720px + @grid-gutter-width));
+//** For `@screen-sm-min` and up.
+@container-sm: @container-tablet;
+
+// Medium screen / desktop
+@container-desktop: ((940px + @grid-gutter-width));
+//** For `@screen-md-min` and up.
+@container-md: @container-desktop;
+
+// Large screen / wide desktop
+@container-large-desktop: ((1140px + @grid-gutter-width));
+//** For `@screen-lg-min` and up.
+@container-lg: @container-large-desktop;
+
+
+//== Navbar
+//
+//##
+
+// Basics of a navbar
+@navbar-height: 50px;
+@navbar-margin-bottom: @line-height-computed;
+@navbar-border-radius: @border-radius-base;
+@navbar-padding-horizontal: floor((@grid-gutter-width / 2));
+@navbar-padding-vertical: ((@navbar-height - @line-height-computed) / 2);
+@navbar-collapse-max-height: 340px;
+
+@navbar-default-color: #5d5d5e;
+@navbar-default-bg: #eee;
+@navbar-default-border: darken(@navbar-default-bg, 6.5%);
+
+// Navbar links
+@navbar-default-link-color: #5d5d5e;
+@navbar-default-link-hover-color: #5d5d5e;
+@navbar-default-link-hover-bg: #2dc3e8;
+@navbar-default-link-active-color: #5d5d5e;
+@navbar-default-link-active-bg: #2bbee2;
+@navbar-default-link-disabled-color: #ccc;
+@navbar-default-link-disabled-bg: transparent;
+
+// Navbar brand label
+@navbar-default-brand-color: @navbar-default-link-color;
+@navbar-default-brand-hover-color: darken(@navbar-default-brand-color, 10%);
+@navbar-default-brand-hover-bg: transparent;
+
+// Navbar toggle
+@navbar-default-toggle-hover-bg: #ddd;
+@navbar-default-toggle-icon-bar-bg: #888;
+@navbar-default-toggle-border-color: #ddd;
+
+
+// Inverted navbar
+// Reset inverted navbar basics
+@navbar-inverse-color: @gray-light;
+@navbar-inverse-bg: #222;
+@navbar-inverse-border: darken(@navbar-inverse-bg, 10%);
+
+// Inverted navbar links
+@navbar-inverse-link-color: @gray-light;
+@navbar-inverse-link-hover-color: #fff;
+@navbar-inverse-link-hover-bg: transparent;
+@navbar-inverse-link-active-color: @navbar-inverse-link-hover-color;
+@navbar-inverse-link-active-bg: darken(@navbar-inverse-bg, 10%);
+@navbar-inverse-link-disabled-color: #444;
+@navbar-inverse-link-disabled-bg: transparent;
+
+// Inverted navbar brand label
+@navbar-inverse-brand-color: @navbar-inverse-link-color;
+@navbar-inverse-brand-hover-color: #fff;
+@navbar-inverse-brand-hover-bg: transparent;
+
+// Inverted navbar toggle
+@navbar-inverse-toggle-hover-bg: #333;
+@navbar-inverse-toggle-icon-bar-bg: #fff;
+@navbar-inverse-toggle-border-color: #333;
+
+
+//== Navs
+//
+//##
+
+//=== Shared nav styles
+@nav-link-padding: 10px 15px;
+@nav-link-hover-bg: #fbfbfb;
+
+@nav-disabled-link-color: @gray-light;
+@nav-disabled-link-hover-color: @gray-light;
+
+@nav-open-link-hover-color: #fff;
+
+//== Tabs
+@nav-tabs-border-color: transparent;
+
+@nav-tabs-link-hover-border-color: transparent;
+
+@nav-tabs-active-link-hover-bg: #f5f5f5;
+@nav-tabs-active-link-hover-color: @gray;
+@nav-tabs-active-link-hover-border-color: transparent;
+
+@nav-tabs-justified-link-border-color: #ddd;
+@nav-tabs-justified-active-link-border-color: @body-bg;
+
+//== Pills
+@nav-pills-border-radius: @border-radius-base;
+@nav-pills-active-link-hover-bg: @body-bg;
+@nav-pills-active-link-hover-color: @component-active-color;
+
+
+//== Pagination
+//
+//##
+
+@pagination-color: @brand-primary;
+@pagination-bg: #fff;
+@pagination-border: #ddd;
+
+@pagination-hover-color: #fff;
+@pagination-hover-bg: @brand-primary;
+@pagination-hover-border: #ddd;
+
+@pagination-active-color: #fff;
+@pagination-active-bg: @brand-primary;
+@pagination-active-border: #ddd;
+
+@pagination-disabled-color: @gray-light;
+@pagination-disabled-bg: #fff;
+@pagination-disabled-border: #ddd;
+
+
+//== Pager
+//
+//##
+
+@pager-bg: @pagination-bg;
+@pager-border: @pagination-border;
+@pager-border-radius: 15px;
+
+@pager-hover-bg: @pagination-hover-bg;
+
+@pager-active-bg: @pagination-active-bg;
+@pager-active-color: @pagination-active-color;
+
+@pager-disabled-color: @pagination-disabled-color;
+
+
+//== Jumbotron
+//
+//##
+
+@jumbotron-padding: 30px;
+@jumbotron-color: inherit;
+@jumbotron-bg: #eee;
+@jumbotron-heading-color: inherit;
+@jumbotron-font-size: ceil((@font-size-base * 1.5));
+
+
+//== Form states and alerts
+//
+//## Define colors for form feedback states and, by default, alerts.
+
+@state-success-text: @brand-success;
+@state-success-bg: @brand-success;
+@state-success-border: transparent;
+
+@state-info-text: @brand-info;
+@state-info-bg: @brand-info;
+@state-info-border: transparent;
+
+@state-warning-text: @brand-warning;
+@state-warning-bg: @brand-warning;
+@state-warning-border: transparent;
+
+@state-danger-text: @brand-danger;
+@state-danger-bg: @brand-danger;
+@state-danger-border: transparent;
+
+
+//== Tooltips
+//
+//##
+
+//** Tooltip max width
+@tooltip-max-width: 200px;
+//** Tooltip text color
+@tooltip-color: #fff;
+//** Tooltip background color
+@tooltip-bg: #000;
+@tooltip-opacity: .9;
+
+//** Tooltip arrow width
+@tooltip-arrow-width: 5px;
+//** Tooltip arrow color
+@tooltip-arrow-color: @tooltip-bg;
+
+
+//== Popovers
+//
+//##
+
+//** Popover body background color
+@popover-bg: #fff;
+//** Popover maximum width
+@popover-max-width: 276px;
+//** Popover border color
+@popover-border-color: rgba(0,0,0,.2);
+//** Popover fallback border color
+@popover-fallback-border-color: #ccc;
+
+//** Popover title background color
+@popover-title-bg: darken(@popover-bg, 3%);
+
+//** Popover arrow width
+@popover-arrow-width: 10px;
+//** Popover arrow color
+@popover-arrow-color: #fff;
+
+//** Popover outer arrow width
+@popover-arrow-outer-width: (@popover-arrow-width + 1);
+//** Popover outer arrow color
+@popover-arrow-outer-color: fadein(@popover-border-color, 5%);
+//** Popover outer arrow fallback color
+@popover-arrow-outer-fallback-color: darken(@popover-fallback-border-color, 20%);
+
+
+//== Labels
+//
+//##
+
+//** Default label background color
+@label-default-bg: @gray-light;
+//** Primary label background color
+@label-primary-bg: @brand-primary;
+//** Success label background color
+@label-success-bg: @brand-success;
+//** Info label background color
+@label-info-bg: @brand-info;
+//** Warning label background color
+@label-warning-bg: @brand-warning;
+//** Danger label background color
+@label-danger-bg: @brand-danger;
+
+//** Default label text color
+@label-color: #fff;
+//** Default text color of a linked label
+@label-link-hover-color: #fff;
+
+
+//== Modals
+//
+//##
+
+//** Padding applied to the modal body
+@modal-inner-padding: 20px;
+
+//** Padding applied to the modal title
+@modal-title-padding: 15px;
+//** Modal title line-height
+@modal-title-line-height: @line-height-base;
+
+//** Background color of modal content area
+@modal-content-bg: #fff;
+//** Modal content border color
+@modal-content-border-color: rgba(0,0,0,.2);
+//** Modal content border color **for IE8**
+@modal-content-fallback-border-color: #999;
+
+//** Modal backdrop background color
+@modal-backdrop-bg: #000;
+//** Modal backdrop opacity
+@modal-backdrop-opacity: .5;
+//** Modal header border color
+@modal-header-border-color: #e5e5e5;
+//** Modal footer border color
+@modal-footer-border-color: @modal-header-border-color;
+
+@modal-lg: 900px;
+@modal-md: 600px;
+@modal-sm: 300px;
+
+
+//== Alerts
+//
+//## Define alert colors, border radius, and padding.
+
+@alert-padding: 15px;
+@alert-border-radius: @border-radius-base;
+@alert-link-font-weight: bold;
+
+@alert-success-bg: #dff0d8;
+@alert-success-text: #3c763d;
+@alert-success-border: @state-success-border;
+
+@alert-info-bg: #d9edf7;
+@alert-info-text: #31708f;
+@alert-info-border: @state-info-border;
+
+@alert-warning-bg: #fcf8e3;
+@alert-warning-text: #8a6d3b;
+@alert-warning-border: @state-warning-border;
+
+@alert-danger-bg: #fad5ce;
+@alert-danger-text: #e82c0c;
+@alert-danger-border: @state-danger-border;
+
+
+//== Progress bars
+//
+//##
+
+//** Background color of the whole progress component
+@progress-bg: #f5f5f5;
+//** Progress bar text color
+@progress-bar-color: #fff;
+
+//** Default progress bar color
+@progress-bar-bg: @brand-primary;
+//** Success progress bar color
+@progress-bar-success-bg: @brand-success;
+//** Warning progress bar color
+@progress-bar-warning-bg: @brand-warning;
+//** Danger progress bar color
+@progress-bar-danger-bg: @brand-danger;
+//** Info progress bar color
+@progress-bar-info-bg: @brand-info;
+
+
+//== List group
+//
+//##
+
+//** Background color on `.list-group-item`
+@list-group-bg: #fff;
+//** `.list-group-item` border color
+@list-group-border: #ddd;
+//** List group border radius
+@list-group-border-radius: @border-radius-base;
+
+//** Background color of single list elements on hover
+@list-group-hover-bg: #f5f5f5;
+//** Text color of active list elements
+@list-group-active-color: @component-active-color;
+//** Background color of active list elements
+@list-group-active-bg: @component-active-bg;
+//** Border color of active list elements
+@list-group-active-border: @list-group-active-bg;
+@list-group-active-text-color: lighten(@list-group-active-bg, 40%);
+
+@list-group-link-color: #555;
+@list-group-link-heading-color: #333;
+
+
+//== Panels
+//
+//##
+
+@panel-bg: #fff;
+@panel-body-padding: 15px;
+@panel-border-radius: @border-radius-base;
+
+//** Border color for elements within panels
+@panel-inner-border: #ddd;
+@panel-footer-bg: #f5f5f5;
+
+@panel-default-text: @gray-dark;
+@panel-default-border: #ddd;
+@panel-default-heading-bg: #f5f5f5;
+
+@panel-primary-text: #fff;
+@panel-primary-border: @brand-primary;
+@panel-primary-heading-bg: @brand-primary;
+
+@panel-success-text: @state-success-text;
+@panel-success-border: @state-success-border;
+@panel-success-heading-bg: @state-success-bg;
+
+@panel-info-text: @state-info-text;
+@panel-info-border: @state-info-border;
+@panel-info-heading-bg: @state-info-bg;
+
+@panel-warning-text: @state-warning-text;
+@panel-warning-border: @state-warning-border;
+@panel-warning-heading-bg: @state-warning-bg;
+
+@panel-danger-text: @state-danger-text;
+@panel-danger-border: @state-danger-border;
+@panel-danger-heading-bg: @state-danger-bg;
+
+
+//== Thumbnails
+//
+//##
+
+//** Padding around the thumbnail image
+@thumbnail-padding: 4px;
+//** Thumbnail background color
+@thumbnail-bg: #ffffff;
+//** Thumbnail border color
+@thumbnail-border: #ddd;
+//** Thumbnail border radius
+@thumbnail-border-radius: @border-radius-base;
+
+//** Custom text color for thumbnail captions
+@thumbnail-caption-color: @text-color;
+//** Padding around the thumbnail caption
+@thumbnail-caption-padding: 9px;
+
+
+//== Wells
+//
+//##
+
+@well-bg: #f5f5f5;
+@well-border: darken(@well-bg, 7%);
+
+
+//== Badges
+//
+//##
+
+@badge-color: #fff;
+//** Linked badge text color on hover
+@badge-link-hover-color: #fff;
+@badge-bg: @gray-light;
+
+//** Badge text color in active nav link
+@badge-active-color: @link-color;
+//** Badge background color in active nav link
+@badge-active-bg: #fff;
+
+@badge-font-weight: bold;
+@badge-line-height: 1;
+@badge-border-radius: 10px;
+
+
+//== Breadcrumbs
+//
+//##
+
+@breadcrumb-padding-vertical: 8px;
+@breadcrumb-padding-horizontal: 15px;
+//** Breadcrumb background color
+@breadcrumb-bg: #f5f5f5;
+//** Breadcrumb text color
+@breadcrumb-color: #ccc;
+//** Text color of current page in the breadcrumb
+@breadcrumb-active-color: #777779;
+//** Textual separator for between breadcrumb elements
+@breadcrumb-separator: "/";
+
+
+//== Carousel
+//
+//##
+
+@carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6);
+
+@carousel-control-color: #fff;
+@carousel-control-width: 15%;
+@carousel-control-opacity: .5;
+@carousel-control-font-size: 20px;
+
+@carousel-indicator-active-bg: #fff;
+@carousel-indicator-border-color: #fff;
+
+@carousel-caption-color: #fff;
+
+
+//== Close
+//
+//##
+
+@close-font-weight: bold;
+@close-color: #000;
+@close-text-shadow: 0 1px 0 #fff;
+
+
+//== Code
+//
+//##
+
+@code-color: #c7254e;
+@code-bg: #f9f2f4;
+
+@kbd-color: #fff;
+@kbd-bg: #333;
+
+@pre-bg: #f5f5f5;
+@pre-color: @gray-dark;
+@pre-border-color: #ccc;
+@pre-scrollable-max-height: 340px;
+
+
+//== Type
+//
+//##
+
+//** Text muted color
+@text-muted: #999;
+//** Abbreviations and acronyms border color
+@abbr-border-color: @gray-light;
+//** Headings small color
+@headings-small-color: @gray-light;
+//** Blockquote small color
+@blockquote-small-color: @gray-light;
+//** Blockquote font size
+@blockquote-font-size: (@font-size-base * 1.25);
+//** Blockquote border color
+@blockquote-border-color: @gray-lighter;
+//** Page header border color
+@page-header-border-color: @gray-lighter;
+
+
+//== Miscellaneous
+//
+//##
+
+//** Horizontal line color.
+@hr-border: #f3f3f3;
+
+//** Horizontal offset for forms and lists.
+@component-offset-horizontal: 180px;
\ No newline at end of file
diff --git a/client/ag-admin/css/wells.less b/client/ag-admin/css/wells.less
new file mode 100644
index 0000000..add4c89
--- /dev/null
+++ b/client/ag-admin/css/wells.less
@@ -0,0 +1,29 @@
+//
+// Wells
+// --------------------------------------------------
+
+
+// Base class
+.well {
+ min-height: 20px;
+ padding: 19px;
+ margin-bottom: 20px;
+ background-color: @well-bg;
+ border: 1px solid @well-border;
+ border-radius: @border-radius-base;
+ .box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
+ blockquote {
+ border-color: #ddd;
+ border-color: rgba(0,0,0,.15);
+ }
+}
+
+// Sizes
+.well-lg {
+ padding: 24px;
+ border-radius: @border-radius-large;
+}
+.well-sm {
+ padding: 9px;
+ border-radius: @border-radius-small;
+}
diff --git a/client/ag-admin/fonts/FontAwesome.otf b/client/ag-admin/fonts/FontAwesome.otf
new file mode 100644
index 0000000..f7936cc
Binary files /dev/null and b/client/ag-admin/fonts/FontAwesome.otf differ
diff --git a/client/ag-admin/fonts/fontawesome-webfont.eot b/client/ag-admin/fonts/fontawesome-webfont.eot
new file mode 100644
index 0000000..33b2bb8
Binary files /dev/null and b/client/ag-admin/fonts/fontawesome-webfont.eot differ
diff --git a/client/ag-admin/fonts/fontawesome-webfont.svg b/client/ag-admin/fonts/fontawesome-webfont.svg
new file mode 100644
index 0000000..0d2afc7
--- /dev/null
+++ b/client/ag-admin/fonts/fontawesome-webfont.svg
@@ -0,0 +1,565 @@
+
+
+
\ No newline at end of file
diff --git a/client/ag-admin/fonts/fontawesome-webfont.ttf b/client/ag-admin/fonts/fontawesome-webfont.ttf
new file mode 100644
index 0000000..ed9372f
Binary files /dev/null and b/client/ag-admin/fonts/fontawesome-webfont.ttf differ
diff --git a/client/ag-admin/fonts/fontawesome-webfont.woff b/client/ag-admin/fonts/fontawesome-webfont.woff
new file mode 100644
index 0000000..8b280b9
Binary files /dev/null and b/client/ag-admin/fonts/fontawesome-webfont.woff differ
diff --git a/client/ag-admin/fonts/fontawesome-webfont.woff2 b/client/ag-admin/fonts/fontawesome-webfont.woff2
new file mode 100644
index 0000000..3311d58
Binary files /dev/null and b/client/ag-admin/fonts/fontawesome-webfont.woff2 differ
diff --git a/client/ag-admin/fonts/glyphicons-halflings-regular.eot b/client/ag-admin/fonts/glyphicons-halflings-regular.eot
new file mode 100644
index 0000000..4a4ca86
Binary files /dev/null and b/client/ag-admin/fonts/glyphicons-halflings-regular.eot differ
diff --git a/client/ag-admin/fonts/glyphicons-halflings-regular.svg b/client/ag-admin/fonts/glyphicons-halflings-regular.svg
new file mode 100644
index 0000000..3e09a1c
--- /dev/null
+++ b/client/ag-admin/fonts/glyphicons-halflings-regular.svg
@@ -0,0 +1,229 @@
+
+
+
\ No newline at end of file
diff --git a/client/ag-admin/fonts/glyphicons-halflings-regular.ttf b/client/ag-admin/fonts/glyphicons-halflings-regular.ttf
new file mode 100644
index 0000000..67fa00b
Binary files /dev/null and b/client/ag-admin/fonts/glyphicons-halflings-regular.ttf differ
diff --git a/client/ag-admin/fonts/glyphicons-halflings-regular.woff b/client/ag-admin/fonts/glyphicons-halflings-regular.woff
new file mode 100644
index 0000000..8c54182
Binary files /dev/null and b/client/ag-admin/fonts/glyphicons-halflings-regular.woff differ
diff --git a/client/ag-admin/images/sudopay-icon.png b/client/ag-admin/images/sudopay-icon.png
new file mode 100644
index 0000000..6214f88
Binary files /dev/null and b/client/ag-admin/images/sudopay-icon.png differ
diff --git a/client/ag-admin/index.html b/client/ag-admin/index.html
new file mode 100644
index 0000000..b1f314b
--- /dev/null
+++ b/client/ag-admin/index.html
@@ -0,0 +1,31 @@
+
+
+
+ Admin Panel
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/client/ag-admin/js/ng-admin.app.js b/client/ag-admin/js/ng-admin.app.js
new file mode 100644
index 0000000..94bf008
--- /dev/null
+++ b/client/ag-admin/js/ng-admin.app.js
@@ -0,0 +1,2733 @@
+
+var ngapp = angular.module('aceadmin', ['ng-admin', 'http-auth-interceptor']);
+var admin_api_url = '/acev3/';
+var limit_per_page = 20;
+var enabledPlugins;
+//$httpProvider, it adds token to every request because our API is token based API.
+
+var token = '';
+ngapp.config(['$httpProvider',
+ function($httpProvider) {
+ if (!$.cookie('refresh_token')) {
+ var _params = {};
+ $.get(admin_api_url + 'api/v1/token.json', _params, function(data) {
+ data = angular.fromJson(data);
+ if (angular.isDefined(data.access_token)) {
+ token = data.access_token;
+ }
+ });
+ } else {
+ token = $.cookie('token');
+ }
+ $httpProvider.interceptors.push('interceptor');
+ $httpProvider.interceptors.push('oauthTokenInjector');
+ }
+]);
+
+//oauthTokenInjector, it adds .json to every request
+
+ngapp.factory('oauthTokenInjector', ['$rootScope', '$timeout',
+ function($rootScope, $timeout) {
+ var oauthTokenInjector = {
+ request: function(config) {
+ if (config.url.indexOf('.html') === -1) {
+ if (token) {
+ var sep = config.url.indexOf('?') === -1 ? '?' : '&';
+ config.url = config.url + '.json' + sep + 'token=' + token;
+ }
+ }
+ return config;
+ }
+ };
+ return oauthTokenInjector;
+ }
+]);
+//Interceptor, this capture the response and process it before completing call
+ngapp.factory('interceptor', ['$q', '$location', '$injector', '$rootScope', 'SessionService','$timeout', function($q, $location, $injector, $rootScope, SessionService, $timeout) {
+ return {
+ // On response success
+ response: function(response) {
+ if (angular.isDefined(response.data)) {
+ if (angular.isDefined(response.data.error_message) && parseInt(response.data.error) === 1 && response.data.error_message === 'Authentication failed') {
+ SessionService.setUserAuthenticated(false);
+ Auth = Array();
+ token = '';
+ $.removeCookie('auth');
+ $.removeCookie('token');
+ $.removeCookie('refresh_token');
+ $.removeCookie('enabled_plugins');
+ window.location = "/#!/users/login";
+ }
+ }
+
+ // Return the response or promise.
+ return response || $q.when(response);
+ },
+
+ // On response failture
+ responseError: function(response) {
+ // Return the promise rejection.
+ return $q.reject(response);
+ }
+ };
+ }]);
+//Service to set and get authentication status
+ngapp.service('SessionService', ['$rootScope', function($rootScope) {
+ var userIsAuthenticated = false;
+ this.setUserAuthenticated = function(value) {
+ userIsAuthenticated = value;
+ };
+
+ this.getUserAuthenticated = function() {
+ return userIsAuthenticated;
+ };
+}]);
+//Customize API Mapping
+//Referenced Document Link: http://ng-admin-book.marmelab.com/doc/API-mapping.html
+
+ngapp.config(['RestangularProvider', function(RestangularProvider) {
+ // use the custom query parameters function to format the API request correctly
+ RestangularProvider.addFullRequestInterceptor(function(element, operation, what, url, headers, params) {
+ // Added this filter param changes for admin and user end listing for same api call - for admin - we send filter=all param for display all active and inactive records
+ if(operation === "getList" && (what == 'courses' || what == 'categories' || what == 'users' || what == 'cities' || what == 'states' || what == 'languages' || what == 'providers' || what == 'subscriptions' || what == 'transactions')) {
+ if(!params._filters){
+ params.filter = {'filter':'all'};
+ if(what == 'users') {
+ params.filter = {'filter' : 'all', 'providertype' : 'all' };
+ }
+ if(what == 'users') {
+ params.filter = {'filter' : 'all', 'providertype' : 'all' };
+ }
+ delete params._filter;
+ }
+ }
+ // custom pagination params
+ if (params._sortField) {
+ params.sort = params._sortField;
+ }
+ delete params._sortField;
+ if (params._sortDir) {
+ params.sort_by = params._sortDir;
+ }
+ delete params._sortDir;
+ if (params._perPage !== null && params._perPage !== 'all' && params._page) {
+ params._start = (params._page - 1) * params._perPage;
+ params._end = params._page * params._perPage;
+ //In REST file, we added page and limit query parameters for pagination
+ //Get Reference from http://ng-admin-book.marmelab.com/doc/API-mapping.html
+ //Keyword - pagination
+ params.page = params._page;
+ params.limit = params._perPage;
+ }
+ delete params._start;
+ delete params._end;
+
+ if (params._perPage === null) {
+ params.limit = limit_per_page;
+ }
+ if(angular.isUndefined(params._perPage)){
+ params.limit = 'all';
+ }
+ //limit('all') is used for dropdown values, our api default limit value is '10', to show all the value we should pass string 'all' in limit parameter.
+ if (params._perPage == 'all') {
+ params.limit = 'all';
+ }
+ delete params._page;
+ delete params._perPage;
+ // custom sort params
+ if (params._sortField) {
+ delete params._sortField;
+ delete params._sortDir;
+ }
+ // custom filters
+ if (params._filters) {
+ params.filter = params._filters;
+ delete params._filters;
+ }
+ return {
+ params: params
+ };
+ });
+ //Total Number of Results
+ //Our API doesn't return a X-Total-Count header, so we added a totalCount property to the response object using a Restangular response interceptor.
+ //Removed metadata info from response
+ RestangularProvider.addResponseInterceptor(function(data, operation, what, url, response) {
+ if (operation === "getList") {
+ var headers = response.headers();
+ if (response.data._metadata.total_records !== null) {
+ response.totalCount = response.data._metadata.total_records;
+ }
+ }
+ return data;
+ });
+ //To cutomize single view results, we added setResponseExtractor.
+ //Our API Edit view results single array with following data format data[{}], Its not working with ng-admin format
+ //so we returned data like data[0];
+ RestangularProvider.setResponseExtractor(function(response, operation, what, url) {
+ if (response.data) {
+ if (operation === "getList") {
+ // Use results as the return type, and save the result metadata
+ var newResponse = response.data;
+ newResponse._metadata = response._metadata;
+ return newResponse;
+ }
+ return response.data[0];
+ } else {
+ return response;
+ }
+ });
+
+
+}]);
+//Checking Admin Authentication by checking auth credentials, Redirected to site page if not admin logged in.
+ngapp.run(function($rootScope, $location, SessionService) {
+
+ if (!$.cookie('refresh_token')) {
+ window.location = "/#!/users/login";
+ } else {
+ var auth = angular.fromJson($.cookie("auth"));
+ if (auth.providertype !== 'admin') {
+ window.location = "/";
+ } else {
+ SessionService.setUserAuthenticated(true);
+ $rootScope.$on('$viewContentLoaded', function () {
+ $('body').removeClass('site-loading');
+ $('div.js-loader').hide();
+ });
+ }
+ }
+ //For enabling or disabling plugin based menu items
+ $rootScope.$on('$stateChangeSuccess', function(event, toState, toParams, fromState, fromParams) {
+
+ });
+
+});
+//time ago filter using jquery timeago plugin
+ngapp.filter("timeago",function() {
+ //passed extra argument to get time zome
+ return function(date, timeZone) {
+ jQuery.timeago.settings.strings = {
+ prefixAgo: null,
+ prefixFromNow: null,
+ suffixAgo: "ago",
+ suffixFromNow: "from now",
+ seconds: "less than a minute",
+ minute: "a minute",
+ minutes: "%d minutes",
+ hour: "an hour",
+ hours: "%d hours",
+ day: "a day",
+ days: "%d days",
+ month: "a month",
+ months: "%d months",
+ year: "a year",
+ years: "%d years",
+ wordSeparator: " ",
+ numbers: []
+ };
+ return jQuery.timeago(date + timeZone);
+ };
+});
+
+//Custom Header
+//Referenced Link: http://ng-admin-book.marmelab.com/doc/Dashboard.html
+//Above link has details about dashboard customization, we follwed the same steps for header customization.
+//Created custom directive for header, reference http://ng-admin-book.marmelab.com/doc/Custom-pages.html keyword - directive.
+//Template files created under 'tpl' directory.
+ngapp.directive('customHeader', ['$location', '$state', '$http', function($location, $state, $http, $scope) {
+ return {
+ restrict: 'E',
+ scope: {},
+ templateUrl: '../ag-admin/tpl/customHeader.tpl.html',
+ link: function(scope) {}
+
+ };
+}]);
+//Custom Dashboard
+//Referenced Link: http://ng-admin-book.marmelab.com/doc/Dashboard.html
+//Created custom directive for header, reference http://ng-admin-book.marmelab.com/doc/Custom-pages.html keyword - directive.
+//Template files created under 'tpl' directory.
+ngapp.directive('dashboardSummary', ['$location', '$state', '$http', function($location, $state, $http) {
+ return {
+ restrict: 'E',
+ scope: {
+ entity: "&",
+ entityName: "@",
+ entry: "&",
+ size: "@",
+ label: "@",
+ revenueDetails: "&"
+ },
+ templateUrl: '../ag-admin/tpl/dashboardSummary.tpl.html',
+ link: function(scope) {
+
+ scope.rangeVal = [{
+ "key": "lastDays",
+ "value": "Last 7 Days"
+ }, {
+ "key": "lastWeeks",
+ "value": "Last 4 Weeks"
+ }, {
+ "key": "lastMonths",
+ "value": "Last 3 Months"
+ }, {
+ "key": "lastYears",
+ "value": "Last 3 Years"
+ }];
+ if (scope.rangeText === undefined) {
+ scope.rangeText = "Last 7 Days";
+ }
+ scope.selectedRangeItem = function(rangeVal, rangeText) {
+ $http.get(admin_api_url + 'api/v1/admin/stats', {
+ params: {
+ filter: rangeVal
+ }
+ }).success(function(response) {
+ scope.adminstats = response.data;
+ scope.rangeText = rangeText;
+ });
+ };
+
+ $http.get(admin_api_url + 'api/v1/admin/stats').success(function(response) {
+ scope.adminstats = response.data;
+ });
+ $http.get(admin_api_url + 'api/v1/admin/activities').success(function(response) {
+ scope.adminactivities = response.data;
+ });
+ $http.get(admin_api_url + 'api/v1/admin/overview').success(function(response) {
+ scope.adminoverview = response.data;
+ });
+ //getting time zone from settings
+ var timeZone;
+ $http.get(admin_api_url + 'api/v1/settings.json', { params:{
+ limit: 'all'
+ }}).success(function(settingsData) {
+ settingsResponse = angular.fromJson(settingsData);
+ $.each(settingsResponse.data, function(i, settingData) {
+ if (settingData.name === 'site.timezone') {
+ timeZone = settingData.value;
+ }
+ });
+ scope.timeZone = timeZone;
+ });
+ scope.enabledPlugins = $.cookie("enabled_plugins");
+
+ }
+
+
+ };
+}]);
+//We need custom pages for online lessons add forms, because ng-admin doesn't support single entity with multiple create view.
+//So we created custom pages for online lessons like add articele, add video, add document, add downloadble file and add file.
+//Custom directives created for custom pages.
+//Template files created under 'tpl' directory.
+//Referenced Link: http://ng-admin-book.marmelab.com/doc/Custom-pages.html
+ngapp.directive('manageLesson', ['$location', '$state', function($location, $state) {
+ return {
+ restrict: 'E',
+ scope: {
+ entity: "&",
+ entityName: "@",
+ entry: "&",
+ size: "@",
+ label: "@"
+ },
+ template: '\n {{label}}\n',
+ link: function(scope) {
+ scope.id =scope.entry().values.id;
+ }
+ };
+}]);
+ngapp.directive('createManageLesson', ['$location', '$state', function($location, $state) {
+ return {
+ restrict: 'E',
+ scope: {
+ entity: "&",
+ entityName: "@",
+ entry: "&",
+ size: "@",
+ label: "@"
+ },
+ template: '\n \n',
+ link: function(scope) {
+ }
+ };
+}]);
+ngapp.directive('previewThisCourse', ['$location', '$state', function($location, $state) {
+ return {
+ restrict: 'E',
+ scope: {
+ entity: "&",
+ entityName: "@",
+ entry: "&",
+ size: "@",
+ label: "@"
+ },
+ template: '\n {{label}}\n',
+ link: function(scope) {
+ scope.id =scope.entry().values.id;
+ scope.slug =scope.entry().values.slug;
+ }
+ };
+}]);
+ngapp.directive('previewLearnPage', ['$location', '$state', function($location, $state) {
+ return {
+ restrict: 'E',
+ scope: {
+ entity: "&",
+ entityName: "@",
+ entry: "&",
+ size: "@",
+ label: "@"
+ },
+ template: '\n {{label}}\n',
+ link: function(scope) {
+ scope.id =scope.entry().values.id;
+ scope.slug =scope.entry().values.slug;
+ }
+ };
+}]);
+ngapp.directive('createPage', ['$location', '$state', function($location, $state) {
+ return {
+ restrict: 'E',
+ scope: {
+ entity: "&",
+ entityName: "@",
+ entry: "&",
+ size: "@",
+ label: "@"
+ },
+ template: '\n \n',
+ link: function(scope) {
+
+ }
+ };
+}]);
+ngapp.directive('batchDraft', ['$location', '$state', 'notification', '$q','Restangular', function($location, $state, notification, $q , Restangular) {
+ return{
+ restrict: 'E',
+ scope: {
+ selection: '=',
+ type: '@'
+ },
+ link: function(scope, element, attrs) {
+ const status = attrs.type == 'draft' ? '1' : '1';
+ const status_name = attrs.type == 'draft' ? 'Draft' : 'Draft';
+ scope.icon = attrs.type == 'draft' ? 'glyphicon-envelope' : 'glyphicon-envelope';
+ scope.label = attrs.type == 'draft' ? 'Draft' : 'Draft';
+ scope.updateStatus = function() {
+ $q.all(scope.selection.map(function(e){Restangular.one('api/v1/courses', e.values.id).get()
+ .then(function(courseReponses){return courseReponses.data;})
+ .then(function(course){ // your API my support batch updates, this one doesn't, so we iterate
+ course.course_status_id = status;
+ course.course_status_name = status_name;
+ return course.put(); // course.put() is a promise
+ }) // this executes all put() promises in parallel and returns
+ .then(function(){$state.reload()})
+ .then(function(){notification.log(scope.selection.length + ' Courses status changed to ' + status_name, { addnCls: 'humane-flatty-success' });})
+ .catch(function(){notification.log('A problem occurred, please try again', { addnCls: 'humane-flatty-error' });} )
+ }))
+ }
+ },
+ template: ' {{ label }}'
+ };
+}]);
+ngapp.directive('batchActive', ['$location', '$state', 'notification', '$q','Restangular', function($location, $state, notification, $q , Restangular) {
+ return{
+ restrict: 'E',
+ scope: {
+ selection: '=',
+ type: '@'
+ },
+ link: function(scope, element, attrs) {
+ const status = attrs.type == 'active' ? '3' : '3';
+ const status_name = attrs.type == 'active' ? 'Active' : 'Active';
+ scope.icon = attrs.type == 'active' ? 'glyphicon-thumbs-up' : 'glyphicon-thumbs-up';
+ scope.label = attrs.type == 'active' ? 'Active' : 'Active';
+ scope.updateStatus = function() {
+ $q.all(scope.selection.map(function(e){Restangular.one('api/v1/courses', e.values.id).get()
+ .then(function(courseReponses){return courseReponses.data;})
+ .then(function(course){ // your API my support batch updates, this one doesn't, so we iterate
+ course.course_status_id = status;
+ course.course_status_name = status_name;
+ return course.put(); // course.put() is a promise
+ }) // this executes all put() promises in parallel and returns
+ .then(function(){$state.reload()})
+ .then(function(){notification.log(scope.selection.length + ' Courses status changed to ' + status_name, { addnCls: 'humane-flatty-success' });})
+ .catch(function(){notification.log('A problem occurred, please try again', { addnCls: 'humane-flatty-error' });} )
+ }))
+ }
+ },
+ template: ' {{ label }}'
+ };
+}]);
+ngapp.directive('batchWaitingForApproval', ['$location', '$state', 'notification', '$$q','Restangular', function($location, $state, notification, $q , Restangular) {
+ return{
+ restrict: 'E',
+ scope: {
+ selection: '=',
+ type: '@'
+ },
+ link: function(scope, element, attrs) {
+ const status = attrs.type == 'waiting' ? '2' : '2';
+ const status_name = attrs.type == 'waiting' ? 'Waiting For Approval' : 'Waiting For Approval';
+ scope.icon = attrs.type == 'waiting' ? 'glyphicon-thumbs-down' : 'glyphicon-thumbs-down';
+ scope.label = attrs.type == 'waiting' ? 'Waiting For Approval' : 'Waiting For Approval';
+ scope.updateStatus = function() {
+ $q.all(scope.selection.map(function(e){Restangular.one('api/v1/courses', e.values.id).get()
+ .then(function(courseReponses){return courseReponses.data;})
+ .then(function(course){ // your API my support batch updates, this one doesn't, so we iterate
+ course.course_status_id = status;
+ course.course_status_name = status_name;
+ return course.put(); // course.put() is a promise
+ }) // this executes all put() promises in parallel and returns
+ .then(function(){$state.reload()})
+ .then(function(){notification.log(scope.selection.length + ' Courses status changed to ' + status_name, { addnCls: 'humane-flatty-success' });})
+ .catch(function(){notification.log('A problem occurred, please try again', { addnCls: 'humane-flatty-error' });} )
+ }))
+ }
+ },
+ template: ' {{ label }}'
+ };
+}]);
+ngapp.directive('batchFeatured', ['$location', '$state', 'notification', '$q','Restangular', function($location, $state, notification, $q , Restangular) {
+ return{
+ restrict: 'E',
+ scope: {
+ selection: '=',
+ type: '@'
+ },
+ link: function(scope, element, attrs) {
+ const status = attrs.type == 'is_featured' ? true : true;
+ const status_name = attrs.type == 'is_featured' ? 'Featured' : 'Featured';
+ scope.icon = attrs.type == 'is_featured' ? 'glyphicon-leaf' : 'glyphicon-leaf';
+ scope.label = attrs.type == 'is_featured' ? 'Featured' : 'Featured';
+ scope.updateStatus = function() {
+ $q.all(scope.selection.map(function(e){Restangular.one('api/v1/courses', e.values.id).get()
+ .then(function(courseReponses){return courseReponses.data;})
+ .then(function(course){ // your API my support batch updates, this one doesn't, so we iterate
+ course.is_featured = status;
+ return course.put(); // course.put() is a promise
+ }) // this executes all put() promises in parallel and returns
+ .then(function(){$state.reload()})
+ .then(function(){notification.log(scope.selection.length + ' Courses status changed to ' + status_name, { addnCls: 'humane-flatty-success' });})
+ .catch(function(){notification.log('A problem occurred, please try again', { addnCls: 'humane-flatty-error' });} )
+ }))
+ }
+ },
+ template: ' {{ label }}'
+ };
+}]);
+ngapp.directive('batchUnfeatured', ['$location', '$state', 'notification', '$q','Restangular', function($location, $state, notification, $q , Restangular) {
+ return{
+ restrict: 'E',
+ scope: {
+ selection: '=',
+ type: '@'
+ },
+ link: function(scope, element, attrs) {
+ const status = attrs.type == 'is_featured' ? false : false;
+ const status_name = attrs.type == 'is_featured' ? 'Unfeatured' : 'Unfeatured';
+ scope.icon = attrs.type == 'is_featured' ? 'glyphicon-ban-circle' : 'glyphicon-ban-circle';
+ scope.label = attrs.type == 'is_featured' ? 'Unfeatured' : 'Unfeatured';
+ scope.updateStatus = function() {
+ $q.all(scope.selection.map(function(e){Restangular.one('api/v1/courses', e.values.id).get()
+ .then(function(courseReponses){return courseReponses.data;})
+ .then(function(course){ // your API my support batch updates, this one doesn't, so we iterate
+ course.is_featured = status;
+ return course.put(); // course.put() is a promise
+ }) // this executes all put() promises in parallel and returns
+ .then(function(){$state.reload()})
+ .then(function(){notification.log(scope.selection.length + ' Courses status changed to ' + status_name, { addnCls: 'humane-flatty-success' });})
+ .catch(function(){notification.log('A problem occurred, please try again', { addnCls: 'humane-flatty-error' });} )
+ }))
+ }
+ },
+ template: ' {{ label }}'
+ };
+}]);
+//Custom button Creation
+//Synchronize button to synchronize payment gateways
+//Referenced Link: http://ng-admin-book.marmelab.com/doc/reference/View.html
+ngapp.directive('addSync', ['$location', '$state', '$http', 'notification', function($location, $state, $http, notification) {
+ return {
+ restrict: 'E',
+ scope: {
+ entity: "&",
+ entityName: "@",
+ entry: "&",
+ size: "@",
+ label: "@"
+ },
+ template: "\n {{label}} \n",
+
+ link: function(scope, element) {
+ scope.syncSudopay = false;
+ if(scope.entry().values.name === 'SudoPay') {
+ scope.syncSudopay = true;
+ }
+ scope.sync = function() {
+ scope.disableButton = true;
+ $http.get(admin_api_url + 'api/v1/sudopay_synchronize').success(function(response) {
+ if(response.error.code === 1){
+ notification.log(response.message,{ addnCls: 'humane-flatty-error'});
+ }else{
+ notification.log('Synchronized Successfully',{ addnCls: 'humane-flatty-success'});
+ }
+ scope.disableButton = false;
+ });
+ };
+
+ }
+ };
+}]);
+//Custom button Creation
+//Mooc affliate button to synchronize payment gateways
+//Referenced Link: http://ng-admin-book.marmelab.com/doc/reference/View.html
+ngapp.directive('moocSync', ['$location', '$state', '$http', 'notification', function($location, $state, $http, notification) {
+ return {
+ restrict: 'E',
+ scope: {
+ entity: "&",
+ entityName: "@",
+ entry: "&",
+ size: "@",
+ label: "@"
+ },
+ template: "\n {{label}} \n",
+ link: function(scope) {
+ scope.syncMoocAffliate = false;
+ if(scope.entry().values.name === 'MOOC Affiliate'){
+ scope.syncMoocAffliate = true;
+ }
+ scope.moocsync = function() {
+ scope.disableButton = true;
+ $http.get(admin_api_url + 'api/v1/mooc_affiliate_synchronize.json').success(function(response) {
+ if(response.error.code === 1){
+ notification.log(response.message,{ addnCls: 'humane-flatty-error'});
+ }else{
+ notification.log('Synchronized Successfully',{ addnCls: 'humane-flatty-success'});
+ }
+ scope.disableButton = false;
+ });
+ };
+
+ }
+ };
+}]);
+//Custom directives controlller function called here
+function logoutController($scope, $http, $location) {
+ $http.get(admin_api_url + 'api/v1/users/logout.json').success(function(response) {
+ $scope.response = response;
+ $scope.title = 'Logout';
+ if (!$scope.response.error) {
+ $.get(admin_api_url + 'api/v1/token.json', function(data) {
+ data = angular.fromJson(data);
+ if (angular.isDefined(data.access_token)) {
+ token = data.access_token;
+ Auth = Array();
+ $.removeCookie('auth');
+ $.removeCookie('token');
+ $.removeCookie('refresh_token');
+ $.removeCookie('enabled_plugins');
+ var redirectto = $location.absUrl().split('/#/');
+ redirectto = redirectto[0].split('ag-admin');
+ redirectto = redirectto[0];
+ window.location.href = redirectto;
+ //location.reload(true);
+ }
+ });
+ }
+ });
+}
+//Custom pages controller function
+function pagesController($scope, $http, $location, notification) {
+ $scope.languageArr = [];
+ $http.get(admin_api_url + 'api/v1/settings/site_languages.json', {}).success(function(response) {
+ $scope.languageList = response;
+ }, function() {});
+ $scope.pageAdd = function(){
+ $scope.languageArr.pages['type'] = 'bulk';
+ $http.post(admin_api_url + 'api/v1/pages.json', $scope.languageArr.pages).success(function(response) {
+ if(response.error.code === 1){
+ notification.log(response.message,{ addnCls: 'humane-flatty-error'});
+ }else{
+ notification.log('Create Element Successfully',{ addnCls: 'humane-flatty-success'});
+ $location.path('/pages/list');
+ }
+ });
+ }
+}
+//plugins controller function
+function pluginsController($scope, $http, notification, $state, $window) {
+ $scope.languageArr = [];
+ getPluginDetails();
+ function getPluginDetails(){
+ $http.get(admin_api_url + 'api/v1/plugins.json', {}).success(function(response) {
+ $scope.course_plugin = response.course_plugin;
+ $scope.payment_and_cart_plugin = response.payment_and_cart_plugin;
+ $scope.payment_gateway_plugin = response.payment_gateway_plugin;
+ $scope.other_plugin = response.other_plugin;
+ $scope.enabled_plugin = response.enabled_plugin;
+ enabledPlugin = response.enabled_plugin;
+ $.cookie('enabled_plugins', JSON.stringify(enabledPlugin), {
+ path: '/'
+ });
+ }, function(error){});
+ };
+ $scope.checkStatus = function(plugin, enabled_plugins){
+ if ($.inArray(plugin, enabled_plugins) > -1) {
+ return true;
+ }else{
+ return false;
+ }
+ }
+ $scope.updatePluginStatus = function(e, plugin_name, status, hash){
+ e.preventDefault();
+ var target = angular.element(e.target);
+ checkDisabled = target.parent().hasClass('disabled');
+ if(checkDisabled === true){
+ return false;
+ }
+ var params = {};
+ var confirm_msg = '';
+ params.plugin_name = plugin_name;
+ params.is_enabled = status;
+ confirm_msg = (status === 0)?"Are you sure want to disable?":"Are you sure want to enable?";
+ notification_msg = (status === 0)?"disabled":"enabled";
+ if (confirm(confirm_msg)) {
+ $http.put(admin_api_url + 'api/v1/settings/plugins.json', params).success(function(response) {
+ if(response.error.code === 0){
+ notification.log(plugin_name+' Plugin '+notification_msg+' successfully.',{ addnCls: 'humane-flatty-success'});
+ getPluginDetails();
+ }
+ }, function(error){});
+ }
+ }
+ $scope.fullRefresh = function(){
+ $window.location.reload();
+ }
+}
+//Custom directives controlller function called here
+//State Provider defined for custom pages.
+//Templates created under 'tp' directory and controller functions defined above.
+ngapp.config(function($stateProvider) {
+ $stateProvider.state('logout', {
+ parent: 'main',
+ url: '/logout',
+ params: {
+ id: null
+ },
+ controller: logoutController,
+ controllerAs: 'controller',
+ })
+ .state('pages', {
+ parent: 'main',
+ url: '/pages/add',
+ templateUrl: '../ag-admin/tpl/pages.tpl.html',
+ params: {
+ id: null
+ },
+ controller: pagesController,
+ controllerAs: 'controller',
+ })
+ .state('plugins', {
+ parent: 'main',
+ url: '/plugins',
+ templateUrl: '../ag-admin/tpl/plugins.tpl.html',
+ controller: pluginsController,
+ controllerAs: 'controller',
+ });
+});
+//Configuration of the administration
+//All the views for admin entity created here
+ngapp.config(['NgAdminConfigurationProvider', function(nga) {
+ //enabled plugins details from cookies
+ var enabledPlugins = $.cookie("enabled_plugins");
+ //trunctate function to shorten text length.
+ function truncate(value) {
+ if (!value) {
+ return '';
+ }
+
+ return value.length > 50 ? value.substr(0, 50) + '...' : value;
+ }
+ // create an admin application
+ var admin = nga.application('Admin Panel')
+ .baseApiUrl(admin_api_url + 'api/v1/'); // main API endpoint
+ // Creating all entities
+ // the API endpoint for this entity will be '/acev3/api/v1/courses.json'
+ var courses = nga.entity('courses');
+ var categories = nga.entity('categories');
+ var users = nga.entity('users');
+ var course_favourites = nga.entity('course_favourites');
+ var course_users = nga.entity('course_users');
+ var course_user_feedbacks = nga.entity('course_user_feedbacks');
+ var user_logins = nga.entity('user_logins');
+ var cities = nga.entity('cities');
+ var states = nga.entity('states');
+ var countries = nga.entity('countries');
+ var instructional_levels = nga.entity('instructional_levels');
+ var pages = nga.entity('pages');
+ var email_templates = nga.entity('email_templates');
+ var languages = nga.entity('languages');
+ var transactions = nga.entity('transactions');
+ var ipn_logs = nga.entity('ipn_logs');
+ var settings = nga.entity('settings');
+ var sudopay_payment_gateways = nga.entity('sudopay_payment_gateways');
+ var setting_categories = nga.entity('setting_categories');
+ var ips = nga.entity('ips');
+ var online_course_lessons = nga.entity('online_course_lessons');
+ var adminstats = nga.entity('/admin/stats');
+ var course_statuses = nga.entity('course_statuses');
+ var contacts = nga.entity('contacts');
+ var providers = nga.entity('providers');
+ var subscriptions = nga.entity('subscriptions');
+ var subscription_statuses = nga.entity('subscription_statuses');
+ var user_subscription_logs = nga.entity('user_subscription_logs');
+ var withdrawal_statuses = nga.entity('withdrawal_statuses');
+ var user_cash_withdrawals = nga.entity('user_cash_withdrawals');
+ var money_transfer_accounts = nga.entity('money_transfer_accounts');
+ var coupons = nga.entity('coupons');
+ var subscription_statuses = nga.entity('subscription_statuses');
+ //Adding all the entities to the admin application.
+ admin.addEntity(courses);
+ admin.addEntity(categories);
+ admin.addEntity(users);
+ admin.addEntity(course_favourites);
+ admin.addEntity(course_users);
+ admin.addEntity(course_user_feedbacks);
+ admin.addEntity(user_logins);
+ admin.addEntity(cities);
+ admin.addEntity(states);
+ admin.addEntity(countries);
+ admin.addEntity(instructional_levels);
+ admin.addEntity(pages);
+ admin.addEntity(email_templates);
+ admin.addEntity(languages);
+ admin.addEntity(transactions);
+ admin.addEntity(ipn_logs);
+ admin.addEntity(settings);
+ admin.addEntity(sudopay_payment_gateways);
+ admin.addEntity(setting_categories);
+ admin.addEntity(ips);
+ admin.addEntity(online_course_lessons);
+ admin.addEntity(adminstats);
+ admin.addEntity(contacts);
+ admin.addEntity(providers);
+ admin.addEntity(subscriptions);
+ admin.addEntity(subscription_statuses);
+ admin.addEntity(user_subscription_logs);
+ admin.addEntity(user_cash_withdrawals);
+ admin.addEntity(withdrawal_statuses);
+ admin.addEntity(money_transfer_accounts);
+ admin.addEntity(coupons);
+ admin.addEntity(subscription_statuses);
+
+ //custom template for course list view actions
+
+ var custom_tmp_course_lst = ''+
+ ''+
+ '';
+
+
+ //Set the fields of the course entity list view
+ courses.listView().title('Courses') // default title is "[Entity_name] list"
+ .filters([
+ nga.field('q', 'template').label('Search')
+ .pinned(true)
+ .template('
'), //custom template for search filter
+ nga.field('filter', 'choice').label('Status').attributes({
+ placeholder: 'Apply Filter'
+ })
+ .choices([{
+ label: 'Draft',
+ value: 'Draft'
+ }, {
+ label: 'Active',
+ value: 'Active'
+ }, {
+ label: 'Waiting for Approval',
+ value: 'Waiting for Approval'
+ },{
+ label: 'Featured',
+ value: 'is_featured'
+ } ])
+
+ ])
+ .infinitePagination(false) // load pages as the user scrolls
+ .perPage(limit_per_page)
+ .fields([
+ nga.field('id'), // The default displayed name is the camelCase field name. label() overrides id
+ nga.field('title').label('Course').map(truncate),
+ nga.field('displayname').label('Instructor'),
+ nga.field('active_online_course_lesson_count').label('Lessons'),
+ nga.field('price').cssClasses(function(){
+ if(enabledPlugins.indexOf("CourseCheckout") === -1) {
+ return "ng-hide";
+ }
+ }),
+ nga.field('course_user_count').label('Students'),
+ nga.field('course_user_feedback_count').label('Total Feedback').cssClasses(function(){
+ if(enabledPlugins.indexOf("RatingAndReview") === -1) {
+ return "ng-hide";
+ }
+ }),
+ nga.field('average_rating').label('Average Rating').cssClasses(function(){
+ if(enabledPlugins.indexOf("RatingAndReview") === -1) {
+ return "ng-hide";
+ }
+ }),
+ nga.field('total_revenue_amount').label('Revenue').cssClasses(function(){
+ if(enabledPlugins.indexOf("CourseCheckout") === -1) {
+ return "ng-hide";
+ }
+ }),
+ nga.field('site_revenue_amount').label('Site Revenue').cssClasses(function(){
+ if(enabledPlugins.indexOf("CourseCheckout") === -1) {
+ return "ng-hide";
+ }
+ }),
+ nga.field('course_status_name').label('Status')
+ ])
+ .actions(['batch',custom_tmp_course_lst])
+ .batchActions([
+ '',
+ '',
+ '',
+ '',
+ '',
+ 'delete'
+ ])
+ .listActions(['','','','delete']);
+
+
+ categories.listView().fields([
+ nga.field('id').label('ID'),
+ nga.field('sub_category_name').label('Category').map(truncate),
+ nga.field('parent_category_name').label('Parent Category').map(truncate),
+ nga.field('is_active', 'boolean').label('Active?'),
+ ]);
+
+ categories.listView().title('Categories') // default title is "[Entity_name] list"
+ .description('List of categories and subcategories list') // description appears under the title
+ .infinitePagination(false) // load pages as the user scrolls
+ .perPage(limit_per_page)
+ .filters([
+ nga.field('q').label('Search')
+ .pinned(true)
+ .template('
'),
+ nga.field('filter', 'choice').label('Status').attributes({
+ placeholder: 'Apply Filter'
+ })
+ .choices([{
+ label: 'Active',
+ value: 'active'
+ }, {
+ label: 'Inactive',
+ value: 'inactive'
+ }, ])
+ ])
+ .listActions(['edit', 'delete']);
+ categories.creationView()
+ .fields([
+ nga.field('parent_id', 'reference').label('Parent Category')
+ .targetEntity(categories)
+ .perPage('all') // For getting all list
+ .targetField(nga.field('sub_category_name'))
+ .remoteComplete(true)
+ .permanentFilters({
+ parent_id: null
+ })
+ .attributes({
+ placeholder: 'Parent Category'
+ }),
+ nga.field('name').label('Name')
+ .attributes({
+ placeholder: 'Name'
+ })
+ .validation({
+ required: true
+ }),
+ nga.field('is_active', 'choice').label('Active?')
+ .choices([{
+ label: 'Yes',
+ value: true
+ }, {
+ label: 'No',
+ value: false
+ }, ])
+ .attributes({
+ placeholder: 'Active?'
+ })
+ .validation({
+ required: true
+ }),
+ nga.field('description', 'text').label('Description')
+ .attributes({
+ placeholder: 'Description'
+ })
+ .validation({
+ required: true
+ }),
+ ]);
+ categories.editionView()
+ .title('Edit #{{ entry.values.id }}')
+ .fields([
+ nga.field('parent_id', 'reference').label('Parent Category')
+ .targetEntity(categories)
+ .perPage('all') // For getting all list
+ .targetField(nga.field('sub_category_name'))
+ .remoteComplete(true)
+ .permanentFilters({
+ parent_id: null
+ })
+ .attributes({
+ placeholder: 'Parent Category'
+ }),
+ nga.field('sub_category_name')
+ .label('Name')
+ .validation({
+ required: true
+ }),
+ nga.field('is_active', 'choice')
+ .label('Active?')
+ .choices([{
+ label: 'Yes',
+ value: true
+ }, {
+ label: 'No',
+ value: false
+ }, ])
+ .validation({
+ required: true
+ }),
+ nga.field('description', 'text').label('Description')
+ .attributes({
+ placeholder: 'Description'
+ })
+ .validation({
+ required: true
+ }),
+
+ ]);
+
+ /** user configuration starts**/
+
+
+ users.listView()
+ .fields([
+ nga.field('id').label('ID'),
+ nga.field('displayname').label('Name'),
+ nga.field('email').label('Email'),
+ nga.field('active_course_count').label('Active Courses'),
+ nga.field('total_earned').label('Earned Amount').cssClasses(function(){
+ if(enabledPlugins.indexOf("CourseCheckout") === -1) {
+ return "ng-hide";
+ }
+ }),
+ nga.field('total_site_revenue_amount').label('Site Revenue').cssClasses(function(){
+ if(enabledPlugins.indexOf("CourseCheckout") === -1) {
+ return "ng-hide";
+ }
+ }),
+ nga.field('course_user_count').label('Taken Courses'),
+ nga.field('total_spend').label('Spend Amount').cssClasses(function(){
+ if(enabledPlugins.indexOf("CourseCheckout") === -1 && enabledPlugins.indexOf("Subscriptions") === -1 ) {
+ return "ng-hide";
+ }
+ }),
+ nga.field('user_login_count').label('Logins'),
+ nga.field('last_login_ip').label('Last Login IP'),
+ nga.field('created').label('Registered On'),
+ ])
+ .filters([
+ nga.field('q').label('Search')
+ .pinned(true)
+ .template('
'),
+ nga.field('filter', 'choice').label('Status').attributes({
+ placeholder: 'Select Status'
+ })
+ .choices([{
+ label: 'Active',
+ value: 'active'
+ }, {
+ label: 'Inactive',
+ value: 'inactive'
+ }, ]),
+ nga.field('providertype', 'choice').label('User Type').attributes({
+ placeholder: 'Select User Type'
+ })
+ .choices([{
+ label: 'Admin',
+ value: 'admin'
+ }, {
+ label: 'User',
+ value: 'userpass'
+ }, {
+ label: 'Instructor',
+ value: 'instructor'
+ }, ]),
+ nga.field('isemailverified', 'choice').label('Email Status').attributes({
+ placeholder: 'Email Verified?'
+ })
+ .choices([{
+ label: 'Yes',
+ value: 'yes'
+ }, {
+ label: 'No',
+ value: 'no'
+ }, ])
+ ]);
+ // set the fields of the user entity list view
+ users.listView().title('Users') // default title is "[Entity_name] list"
+ .infinitePagination(false) // load pages as the user scrolls
+ .perPage(limit_per_page)
+ .listActions(['show', 'edit', 'delete']);
+ users.creationView()
+ .fields([
+ nga.field('providertype', 'choice').label('User Type')
+ .choices([{
+ label: 'Admin',
+ value: 'admin'
+ }, {
+ label: 'User',
+ value: 'userpass'
+ }, ])
+ .attributes({
+ placeholder: 'User Type'
+ })
+ .validation({
+ required: true
+ }),
+ nga.field('displayname').label('Name').map(truncate)
+ .attributes({
+ placeholder: 'Name'
+ })
+ .validation({
+ required: true
+ }),
+ nga.field('email', 'email').label('Email')
+ .attributes({
+ placeholder: 'Email'
+ })
+ .validation({
+ required: true
+ }),
+ nga.field('password', 'password').label('Password')
+ .attributes({
+ placeholder: 'Password'
+ })
+ .validation({
+ required: true
+ }),
+ nga.field('is_active', 'choice').label('Active?')
+ .attributes({
+ placeholder: 'Active?'
+ })
+ .validation({
+ required: true
+ })
+ .choices([{
+ label: 'Yes',
+ value: true
+ }, {
+ label: 'No',
+ value: false
+ }, ]),
+ nga.field('isemailverified', 'choice').label('Email Confirmed?')
+ .attributes({
+ placeholder: 'Email Confirmed?'
+ })
+ .validation({
+ required: true
+ })
+ .choices([{
+ label: 'Yes',
+ value: 1
+ }, {
+ label: 'No',
+ value: 0
+ }, ]),
+ nga.field('is_teacher', 'choice').label('Instructor?')
+ .attributes({
+ placeholder: 'Instructor?'
+ })
+ .validation({
+ required: true
+ })
+ .choices([{
+ label: 'Yes',
+ value: 1
+ }, {
+ label: 'No',
+ value: 0
+ }, ]),
+ ]);
+ users.editionView()
+ .fields([
+ nga.field('providertype', 'choice').label('User Type')
+ .choices([{
+ label: 'Admin',
+ value: 'admin'
+ }, {
+ label: 'User',
+ value: 'userpass'
+ }, ]).validation({
+ required: true
+ }),
+ nga.field('displayname').label('Name').map(truncate)
+ .validation({
+ required: true
+ }),
+ nga.field('available_balance').label('Available Balance')
+ .validation({
+ required: true
+ }),
+ nga.field('email', 'email').label('Email')
+ .validation({
+ required: true
+ }),
+ nga.field('password', 'password').label('Password'),
+ nga.field('is_active', 'choice').label('Active?')
+ .validation({
+ required: true
+ })
+ .choices([{
+ label: 'Yes',
+ value: true
+ }, {
+ label: 'No',
+ value: false
+ }, ]),
+ nga.field('isemailverified', 'choice').label('Email Confirmed?')
+ .validation({
+ required: true
+ })
+ .choices([{
+ label: 'Yes',
+ value: 1
+ }, {
+ label: 'No',
+ value: 0
+ }, ]),
+ nga.field('is_teacher', 'choice').label('Instructor?')
+ .attributes({
+ placeholder: 'Instructor?'
+ })
+ .validation({
+ required: true
+ })
+ .choices([{
+ label: 'Yes',
+ value: 1
+ }, {
+ label: 'No',
+ value: 0
+ }, ]),
+ nga.field('Course Bookings', 'referenced_list') // display list of related course users
+ .targetEntity(nga.entity('course_users'))
+ .targetReferenceField('user_id')
+ .perPage(10)
+ .targetFields([
+ nga.field('id').label('ID'),
+ nga.field('learner_name').label('Student'),
+ nga.field('course_user_status').label('Status'),
+ nga.field('booked_date').label('Booked On'),
+ ]),
+ nga.field('', 'template').label('')
+ .template(''),
+ nga.field('Courses', 'referenced_list') // display list of related courses
+ .targetEntity(nga.entity('courses'))
+ .targetReferenceField('user_id')
+ .perPage(10)
+ .targetFields([
+ nga.field('id').label('ID'), // The default displayed name is the camelCase field name. label() overrides id
+ nga.field('title').label('Course').map(truncate),
+ nga.field('displayname').label('Instructor'),
+ nga.field('total_sub_course_count').label('Lessons'),
+ nga.field('price'),
+ nga.field('course_user_count').label('Students'),
+ nga.field('total_revenue_amount').label('Revenue'),
+ nga.field('site_revenue_amount').label('Site Revenue')
+ ]),
+ nga.field('', 'template').label('')
+ .template(''),
+ nga.field('User Logins', 'referenced_list') // display list of related user logins
+ .targetEntity(nga.entity('user_logins'))
+ .targetReferenceField('user_id')
+ .perPage(10)
+ .targetFields([
+ nga.field('id').label('ID'),
+ nga.field('displayname').label('User Name'),
+ nga.field('ip').label('IP Address'),
+ nga.field('user_agent').label('User Agent')
+ ]),
+ nga.field('', 'template').label('')
+ .template(''),
+ ]);
+ users.showView()
+ .title('Show #{{ entry.values.displayname }}')
+ .fields([
+ nga.field('id').label('ID'),
+ nga.field('displayname').label('Name'),
+ nga.field('email').label('Email'),
+ nga.field('course_count').label('Courses'),
+ nga.field('course_user_count').label('Taken Courses'),
+ nga.field('created').label('Registered On'),
+ nga.field('user_login_count').label('Logins'),
+ nga.field('last_login_ip').label('Last Login IP'),
+ nga.field('Course Bookings', 'referenced_list') // display list of related course users
+ .targetEntity(nga.entity('course_users'))
+ .targetReferenceField('user_id')
+ .perPage(10)
+ .targetFields([
+ nga.field('id').label('ID'),
+ nga.field('learner_name').label('Student'),
+ nga.field('course_user_status').label('Status'),
+ nga.field('booked_date').label('Booked On'),
+ ]),
+ nga.field('', 'template').label('')
+ .template(''),
+ nga.field('Courses', 'referenced_list') // display list of related courses
+ .targetEntity(nga.entity('courses'))
+ .targetReferenceField('user_id')
+ .perPage(10)
+ .targetFields([
+ nga.field('id').label('ID'), // The default displayed name is the camelCase field name. label() overrides id
+ nga.field('title').label('Course').map(truncate),
+ nga.field('displayname').label('Instructor'),
+ nga.field('total_sub_course_count').label('Lessons'),
+ nga.field('price'),
+ nga.field('course_user_count').label('Students'),
+ nga.field('total_revenue_amount').label('Revenue'),
+ nga.field('site_revenue_amount').label('Site Revenue')
+ ]),
+ nga.field('', 'template').label('')
+ .template(''),
+ nga.field('User Logins', 'referenced_list') // display list of related user logins
+ .targetEntity(nga.entity('user_logins'))
+ .targetReferenceField('user_id')
+ .perPage(10)
+ .targetFields([
+ nga.field('id').label('ID'),
+ nga.field('displayname').label('User Name'),
+ nga.field('ip').label('IP Address'),
+ nga.field('user_agent').label('User Agent')
+ ]),
+ nga.field('', 'template').label('')
+ .template(''),
+ ]);
+ course_favourites.listView().fields([
+ //nga.field('id', 'reference_many'),
+ nga.field('id').label('ID'),
+ nga.field('displayname').label('Student').map(truncate),
+ nga.field('course_title').label('Course').map(truncate),
+ nga.field('created').label('Created'),
+ ])
+ .infinitePagination(false) // load pages as the user scrolls
+ .perPage(limit_per_page)
+ .filters([
+ nga.field('q').label('Search', 'template')
+ .pinned(true)
+ .template('
')
+ ]);
+
+ course_favourites.listView().title('Course Wishlist') // default title is "[Entity_name] list"
+ .actions(['batch'])
+ .infinitePagination(false) // load pages as the user scrolls
+ .perPage('all') // For getting all list
+ .listActions(['delete']);
+
+ course_favourites.showView()
+ .title('Show course favourites details')
+ .fields([
+ nga.field('displayname').label('User Name'),
+ nga.field('course_title').label('Course Name'),
+ nga.field('created').label('Created Date'),
+ nga.field('usr_id').label('User ID')
+ ]);
+
+ course_users.listView().title('Course Booking')
+ .fields([
+ nga.field('id').label('ID'),
+ nga.field('course_title').label('Course'),
+ nga.field('teacher_name').label('Lecture'),
+ nga.field('learner_name').label('Student'),
+ nga.field('price').label('Amount').cssClasses(function(){
+ if(enabledPlugins.indexOf("CourseCheckout") === -1) {
+ return "ng-hide";
+ }
+ }),
+ nga.field('site_commission_amount').label('Site Commission').cssClasses(function(){
+ if(enabledPlugins.indexOf("CourseCheckout") === -1) {
+ return "ng-hide";
+ }
+ }),
+ nga.field('booked_date').label('Booked On'),
+ nga.field('course_user_status').label('Status'),
+ ])
+ .filters([
+ nga.field('q').label('Search', 'template')
+ .pinned(true)
+ .template('
'),
+ nga.field('filter', 'choice').label('Status').attributes({
+ placeholder: 'Active?'
+ })
+ .choices([{
+ label: 'Not Started',
+ value: 'not_started'
+ }, {
+ label: 'In Progress',
+ value: 'in_progress'
+ }, {
+ label: 'Completed',
+ value: 'completed'
+ }, {
+ label: 'Archived',
+ value: 'archived'
+ }, {
+ label: 'Payment Pending',
+ value: 'payment_pending'
+ }, {
+ label: 'All Booked List',
+ value: 'paid'
+ }, ])
+
+ ])
+ .listActions(['delete']);
+ course_user_feedbacks.listView().title('Course Feedback')
+ .fields([
+ nga.field('id').label('ID'),
+ nga.field('course_id', 'reference').isDetailLink(false)
+ .label('Course')
+ .targetEntity(nga.entity('courses'))
+ .perPage('all') // For getting all list
+ .targetField(nga.field('title'))
+ .validation({
+ required: true
+ }),
+ nga.field('user_id', 'reference')
+ .label('Student')
+ .targetEntity(nga.entity('users'))
+ .perPage('all') // For getting all list
+ .targetField(nga.field('displayname'))
+ .validation({
+ required: true
+ }),
+ nga.field('review_title').label('Title'),
+ nga.field('feedback').label('Feedback'),
+ nga.field('rating').label('Rating'),
+ ])
+ .perPage(limit_per_page)
+ .listActions(['edit', 'delete'])
+ .filters([
+ nga.field('q').label('Search', 'template')
+ .pinned(true)
+ .template('
')
+ ]);
+ //custom template for edit view actions, added back button in course user feedback edit view
+ var backbtn_template = '' +
+ '' +
+ '';
+
+ course_user_feedbacks.editionView().title('Edit Course Feedback')
+ .fields([
+ nga.field('course_user_id').editable(false).label('Book ID'),
+ nga.field('course_id', 'reference').editable(false)
+ .label('Title')
+ .targetEntity(nga.entity('courses'))
+ .perPage('all') // For getting all list
+ .targetField(nga.field('title').map(truncate)),
+ nga.field('user_id', 'reference').editable(false)
+ .label('Student')
+ .targetEntity(nga.entity('users'))
+ .perPage('all') // For getting all list
+ .targetField(nga.field('displayname')),
+ nga.field('review_title').label('Title')
+ .validation({
+ required: true
+ })
+ .attributes({
+ placeholder: 'Title'
+ }),
+ nga.field('feedback', 'text').label('Feedback')
+ .validation({
+ required: true
+ }),
+ nga.field('rating', 'choice').label('Rating')
+ .validation({
+ required: true
+ })
+ .choices([{
+ label: '0',
+ value: 0
+ }, {
+ label: '1',
+ value: 1
+ }, {
+ label: '2',
+ value: 2
+ }, {
+ label: '3',
+ value: 3
+ }, {
+ label: '4',
+ value: 4
+ }, {
+ label: '5',
+ value: 5
+ }, ]),
+ ])
+ .actions(backbtn_template); //custom template for course user feedback added to edit view.
+
+ course_user_feedbacks.creationView().title('Create Course Feedback')
+ .fields([
+ nga.field('course_id', 'reference')
+ .label('Course')
+ .attributes({
+ placeholder: 'Course'
+ })
+ .targetEntity(nga.entity('courses'))
+ .perPage('all') // For getting all list
+ .targetField(nga.field('title').map(truncate))
+ .validation({
+ required: true
+ }),
+ nga.field('course_user_id', 'reference').attributes({
+ placehoder: 'Order Id'
+ })
+ .label('Order ID')
+ .attributes({
+ placeholder: 'Order ID'
+ })
+ .perPage('all') // For getting all list
+ .targetEntity(nga.entity('course_users'))
+ .targetField(nga.field('id').map(truncate))
+ .validation({
+ required: true
+ }),
+ nga.field('user_id', 'reference')
+ .label('Student')
+ .attributes({
+ placeholder: 'Student'
+ })
+ .targetEntity(nga.entity('users'))
+ .perPage('all') // For getting all list
+ .targetField(nga.field('displayname'))
+ .validation({
+ required: true
+ }),
+ nga.field('review_title').label('Title')
+ .validation({
+ required: true
+ })
+ .attributes({
+ placeholder: 'Title'
+ }),
+ nga.field('feedback', 'text').label('Feedback')
+ .validation({
+ required: true
+ })
+ .attributes({
+ placeholder: 'Feedback'
+ }),
+ nga.field('rating', 'choice').label('Rating')
+ .validation({
+ required: true
+ })
+ .choices([{
+ label: '0',
+ value: 0
+ }, {
+ label: '1',
+ value: 1
+ }, {
+ label: '2',
+ value: 2
+ }, {
+ label: '3',
+ value: 4
+ }, {
+ label: '4',
+ value: 4
+ }, {
+ label: '5',
+ value: 5
+ }, ])
+ .attributes({
+ placeholder: 'Rating'
+ })
+ ]);
+
+ user_logins.listView().title('User Logins')
+ .fields([
+ nga.field('id').label('ID'),
+ nga.field('created').label('Login Time'),
+ nga.field('displayname').label('User'),
+ nga.field('ip').label('IP Address'),
+ nga.field('user_agent').label('User Agent'),
+ ])
+ .actions(['batch'])
+ .perPage(limit_per_page)
+ .listActions(['delete'])
+ .filters([
+ nga.field('q').label('Search', 'template')
+ .pinned(true)
+ .template('
')
+ ]);
+
+ cities.listView().title('Cities')
+ .fields([
+ nga.field('id').label('ID'),
+ nga.field('name').label('Name'),
+ nga.field('state_name').label('State'),
+ nga.field('country_name').label('Country'),
+ nga.field('is_active', 'boolean').label('Active?'),
+
+ ])
+ .perPage(limit_per_page)
+ .listActions(['edit', 'delete'])
+ .filters([
+ nga.field('q').label('Search', 'template')
+ .pinned(true)
+ .template('
'),
+ nga.field('filter', 'choice').label('Status').attributes({
+ placeholder: 'Active?'
+ })
+ .choices([{
+ label: 'Active',
+ value: 'active'
+ }, {
+ label: 'Inactive',
+ value: 'inactive'
+ }, ])
+ ])
+ .actions(['batch','create','']);
+
+ cities.editionView()
+ .fields([
+ nga.field('name')
+ .label('Name')
+ .validation({
+ required: true
+ }),
+ nga.field('state_id', 'reference')
+ .label('State')
+ .validation({
+ required: true
+ })
+ .targetEntity(nga.entity('states'))
+ .perPage('all') // For getting all list
+ .targetField(nga.field('name').map(truncate)),
+ nga.field('country_id', 'reference')
+ .label('Country')
+ .validation({
+ required: true
+ })
+ .targetEntity(nga.entity('countries'))
+ .perPage('all') // For getting all list
+ .targetField(nga.field('name').map(truncate)),
+ nga.field('is_active', 'choice').label('Active?')
+ .validation({
+ required: true
+ })
+ .choices([{
+ label: 'Yes',
+ value: true
+ }, {
+ label: 'No',
+ value: false
+ }, ])
+ ]);
+
+ cities.creationView().fields([
+ nga.field('name').label('Name')
+ .validation({
+ required: true
+ })
+ .attributes({
+ placeholder: 'Name'
+ }),
+ nga.field('state_id', 'reference')
+ .label('State')
+ .validation({
+ required: true
+ })
+ .attributes({
+ placeholder: 'State'
+ })
+ .targetEntity(nga.entity('states'))
+ .perPage('all') // For getting all list
+ .targetField(nga.field('name').map(truncate)),
+ nga.field('country_id', 'reference')
+ .label('Country')
+ .validation({
+ required: true
+ })
+ .attributes({
+ placeholder: 'Country'
+ })
+ .perPage('all') // For getting all list
+ .targetEntity(nga.entity('countries'))
+ .targetField(nga.field('name').map(truncate)),
+ nga.field('is_active', 'choice').label('Active?')
+ .validation({
+ required: true
+ })
+ .attributes({
+ placeholder: 'Active?'
+ })
+ .choices([{
+ label: 'Yes',
+ value: true
+ }, {
+ label: 'No',
+ value: false
+ }, ])
+ ]);
+
+ states.listView().title('States')
+ .fields([
+ nga.field('id').label('ID'),
+ nga.field('name').label('Name'),
+ nga.field('country_name').label('Country'),
+ nga.field('is_active', 'boolean').label('Active?'),
+ ])
+ .perPage(limit_per_page)
+ .listActions(['edit', 'delete'])
+ .filters([
+ nga.field('q').label('Search', 'template')
+ .pinned(true)
+ .template('
'),
+ nga.field('filter', 'choice').label('Status').attributes({
+ placeholder: 'Active?'
+ })
+ .choices([{
+ label: 'Active',
+ value: 'active'
+ }, {
+ label: 'Inactive',
+ value: 'inactive'
+ }, ])
+ ])
+ .actions(['batch','create','']);
+
+ states.editionView().fields([
+ nga.field('name')
+ .validation({
+ required: true
+ })
+ .label('State'),
+ //.targetEntity(nga.entity('states'))
+ //.perPage('all') // For getting all list
+ //.targetField(nga.field('name').map(truncate)),
+ nga.field('country_id', 'reference')
+ .label('Country')
+ .validation({
+ required: true
+ })
+ .perPage('all') // For getting all list
+ .targetEntity(nga.entity('countries'))
+ .targetField(nga.field('name').map(truncate)),
+ nga.field('is_active', 'choice').label('Active?')
+ .validation({
+ required: true
+ })
+ .choices([{
+ label: 'Yes',
+ value: true
+ }, {
+ label: 'No',
+ value: false
+ }, ])
+ ]);
+
+ states.creationView().fields([
+ nga.field('name')
+ .label('State')
+ .validation({
+ required: true
+ })
+ .attributes({
+ placeholder: 'State'
+ }),
+ //.targetEntity(nga.entity('states'))
+ //.perPage('all') // For getting all list
+ //.targetField(nga.field('name').map(truncate)),
+ nga.field('country_id', 'reference')
+ .label('Country')
+ .validation({
+ required: true
+ })
+ .attributes({
+ placeholder: 'Country'
+ })
+ .perPage('all') // For getting all list
+ .targetEntity(nga.entity('countries'))
+ .targetField(nga.field('name').map(truncate)),
+ nga.field('is_active', 'choice').label('Active?')
+ .attributes({
+ placeholder: 'Active?'
+ })
+ .validation({
+ required: true
+ })
+ .choices([{
+ label: 'Yes',
+ value: true
+ }, {
+ label: 'No',
+ value: false
+ }, ])
+ ]);
+
+ countries.listView().title('Countries')
+ .fields([
+ nga.field('id').label('ID'),
+ nga.field('name').label('Name'),
+ nga.field('iso2').label('ISO2'),
+ ])
+ .actions(['batch','create'])
+ .perPage(limit_per_page)
+ .listActions(['edit', 'delete'])
+ .filters([
+ nga.field('q').label('Search', 'template')
+ .pinned(true)
+ .template('
')
+ ]);
+
+
+ countries.editionView().title('Countries')
+ .fields([
+ nga.field('name')
+ .label('Name')
+ .validation({ required: true }),
+ nga.field('iso2')
+ .label('ISO2')
+ .attributes({ placeholder: '2 character allowed' })
+ .validation({ validator: function(value) {
+ if (value.length !== 2) throw new Error ('ISO2 should be 2 characters');
+ } })
+ ]);
+
+ countries.creationView().title('Add Country')
+ .fields([
+ nga.field('name').label('Country')
+ .validation({
+ required: true
+ })
+ .attributes({
+ placeholder: 'Country'
+ }),
+ nga.field('iso2')
+ .label('ISO2')
+ .attributes({ placeholder: '2 character allowed' })
+ .validation({ validator: function(value) {
+ if (value.length !== 2) throw new Error ('ISO2 should be 2 characters');
+ } })
+ ]);
+
+ instructional_levels.listView().title('Instructional Levels')
+ .fields([
+ nga.field('id').label('ID'),
+ nga.field('name').label('Name'),
+ nga.field('active_course_count').label('Courses'),
+ ])
+ .actions(['batch','create'])
+ .perPage(limit_per_page)
+ .listActions(['edit', 'delete'])
+ .filters([
+ nga.field('q').label('Search', 'template')
+ .pinned(true)
+ .template('
')
+ ]);
+
+ instructional_levels.creationView().title('Add Instructional Level')
+ .fields([
+ nga.field('name').label('Name')
+ .validation({
+ required: true
+ })
+ .attributes({
+ placeholder: 'Name'
+ }),
+ ]);
+
+ instructional_levels.editionView().title('Edit Instructional Level')
+ .fields([
+ nga.field('name').label('Name')
+ .validation({
+ required: true
+ }),
+ ]);
+ var pages_custom_tmp = ''+
+ '';
+
+ pages.listView().title('Pages')
+ .fields([
+ nga.field('id').label('ID'),
+ nga.field('language_id', 'reference')
+ .label('Language')
+ .targetEntity(nga.entity('languages'))
+ .perPage('all') // For getting all list
+ .targetField(nga.field('name'))
+ .validation({
+ required: true
+ }),
+ nga.field('title').label('Title').map(truncate),
+ nga.field('content').label('Content').map(truncate),
+ nga.field('slug').label('Page Slug'),
+ ])
+ .perPage(limit_per_page)
+ .listActions(['show','edit', 'delete'])
+ .filters([
+ nga.field('q').label('Search', 'template')
+ .pinned(true)
+ .template('
')
+ ])
+ .actions(['batch',pages_custom_tmp]);
+
+ pages.showView().title('Pages - {{ entry.values.id }}')
+ .fields([
+ nga.field('language_id', 'reference')
+ .label('Language')
+ .targetEntity(nga.entity('languages'))
+ .perPage('all') // For getting all list
+ .targetField(nga.field('name')),
+ nga.field('title').label('Title'),
+ nga.field('content', 'wysiwyg').label('Content'),
+ nga.field('slug').label('Page Slug')
+ ]);
+
+ pages.editionView().title('Pages - {{ entry.values.title }}')
+ .fields([
+ nga.field('title')
+ .validation({
+ required: true
+ })
+ .label('Title'),
+ nga.field('content', 'wysiwyg')
+ .stripTags(true)
+ .validation({
+ required: true
+ }),
+ nga.field('slug')
+ .label('Page Slug')
+ .validation({
+ required: true
+ })
+ ]);
+
+ email_templates.listView().title('Email Templates')
+ .fields([
+ nga.field('id').label('ID'),
+ nga.field('name').label('Name'),
+ nga.field('from_name').label('From Name'),
+ nga.field('subject').label('Subject'),
+ nga.field('content').label('Content'),
+ ])
+ .actions(['batch'])
+ .perPage(limit_per_page)
+ .listActions(['edit'])
+ .batchActions([])
+ .filters([
+ nga.field('q').label('Search', 'template')
+ .pinned(true)
+ .template('
')
+ ]);
+
+ email_templates.editionView().title('Edit Email Template')
+ .fields([
+ nga.field('name').editable(false).label('Name'),
+ nga.field('from_name')
+ .label('From Name')
+ .validation({
+ required: true
+ }),
+ nga.field('subject')
+ .label('Subject')
+ .validation({
+ required: true
+ }),
+ nga.field('content', 'text').label('Content')
+ .validation({
+ required: true
+ }),
+ nga.field('info').editable(false).label('Constant for Subject and Content'),
+ ]);
+
+ languages.listView().title('Languages')
+ .fields([
+ nga.field('id').label('ID'),
+ nga.field('name').label('Name'),
+ nga.field('iso2').label('ISO2'),
+ nga.field('is_active', 'boolean').label('Active?'),
+ ])
+ .perPage(limit_per_page)
+ .listActions(['edit', 'delete'])
+ .filters([
+ nga.field('q').label('Search', 'template')
+ .pinned(true)
+ .template('
'),
+ nga.field('filter', 'choice').label('Status').attributes({
+ placeholder: 'Active?'
+ })
+ .choices([{
+ label: 'Active',
+ value: 'active'
+ }, {
+ label: 'Inactive',
+ value: 'inactive'
+ }, ])
+ ])
+ .actions(['batch','create','']);
+
+
+ languages.creationView().title('Create Language')
+ .fields([
+ nga.field('name').label('Name')
+ .validation({
+ required: true
+ })
+ .attributes({
+ placeholder: 'Name'
+ }),
+ nga.field('iso2')
+ .label('ISO2')
+ .attributes({ placeholder: '2 character allowed' })
+ .validation({ validator: function(value) {
+ if (value.length !== 2) throw new Error ('ISO2 should be 2 characters');
+ }}),
+ nga.field('is_active', 'choice').label('Active?')
+ .validation({
+ required: true
+ })
+ .choices([{
+ label: 'Yes',
+ value: true
+ }, {
+ label: 'No',
+ value: false
+ }, ])
+ ]);
+
+ languages.editionView().title('Edit Language')
+ .fields([
+ nga.field('name')
+ .label('Name')
+ .validation({
+ required: true
+ }),
+ nga.field('iso2')
+ .label('ISO2')
+ .attributes({ placeholder: '2 character allowed' })
+ .validation({ validator: function(value) {
+ if (value.length !== 2) throw new Error ('ISO2 should be 2 characters');
+ }}),
+ nga.field('is_active', 'choice').label('Active?')
+ .validation({
+ required: true
+ })
+ .choices([{
+ label: 'Yes',
+ value: true
+ }, {
+ label: 'No',
+ value: false
+ }, ])
+ ]);
+
+ transactions.listView().title('Transactions')
+ .fields([
+ nga.field('id').label('ID'),
+ nga.field('course_title').label('Course'),
+ nga.field('displayname').label('User'),
+ nga.field('amount').label('Amount'),
+ nga.field('site_commission_amount').label('Site Commission'),
+ ])
+ .listActions(['delete'])
+ .perPage(limit_per_page)
+ .filters([
+ nga.field('q').label('Search', 'template')
+ .pinned(true)
+ .template('
')
+ ]);
+
+ ipn_logs.listView().title('IPN Logs')
+ .fields([
+ nga.field('id').label('ID'),
+ nga.field('post_variable').label('Post Variables').map(truncate),
+ //nga.field('ip').label('IP'),
+ nga.field('ip_id', 'reference')
+ .label('Ip Address')
+ .targetEntity(nga.entity('ips'))
+ .targetField(nga.field('ip'))
+ .validation({
+ required: true
+ }),
+ ])
+ .actions(['batch'])
+ .listActions(['show','delete'])
+ .perPage(limit_per_page)
+ .filters([
+ nga.field('q').label('Search', 'template')
+ .pinned(true)
+ .template('
')
+ ]);
+
+ ipn_logs.showView().title('IPN Logs - {{ entry.values.id }}')
+ .fields([
+ nga.field('id').label('ID'),
+ nga.field('post_variable').cssClasses(function() {
+ return 'line-break col-sm-10 col-md-8 col-lg-7 ';
+ })
+ .label('Post Variables'),
+ nga.field('ip_id', 'reference')
+ .label('Ip Address')
+ .targetEntity(nga.entity('ips'))
+ .targetField(nga.field('ip'))
+ .validation({
+ required: true
+ }),
+ ]);
+
+
+
+ var setting_edit_template = '';
+
+ settings.editionView().title('Edit - {{entry.values.label}}')
+ .fields([
+ nga.field('label').editable(false).label('Name'),
+ nga.field('description').editable(false).label('Description'),
+ nga.field('value', 'text').label('Value')
+ .validation({
+ validator: function(value, entry) {
+ if (entry.name === "payment.is_live_mode" || entry.name === "paypal.is_live_mode" || entry.name === "course.is_auto_approval_enabled" || entry.name === "facebook.is_enabled_facebook_comment" || entry.name === "disqus.is_enabled_disqus_comment" || entry.name === "analytics.is_enabled_facebook_pixel" || entry.name === "analytics.is_enabled_google_analytics" || entry.name === "paypal.is_paypal_enabled_for_payments" || entry.name === "payment.is_sudopay_enabled_for_payments" || entry.name === "video.is_enabled_promo_video" || entry.name === "video.is_keep_original_video_file_in_server") {
+ if (value !== "0" && value !== "1") {
+ throw new Error('Value must be either 0 or 1');
+ }
+ }
+ else if(entry.name === "course.max_course_fee"){
+ if (isNaN(value)) {
+ throw new Error('Value must be numeric');
+ }
+ }else if(entry.name === "video.max_size_to_allow_video_file"){
+ if (isNaN(value)) {
+ throw new Error('Value must be numeric');
+ }
+ }
+ }
+ })
+ ])
+ .actions(setting_edit_template);
+ //custom button template for settings actions
+ sudopay_payment_gateways.listView().title('SudoPay Payment Gateways')
+ .fields([
+ nga.field('sudopay_gateway_id').label('Gateway ID'),
+ nga.field('sudopay_gateway_name').label('Gateway Name'),
+ nga.field('supported_features_actions').label('Supported Actions'),
+ nga.field('supported_features_currencies').label('Supported Currencies'),
+ nga.field('supported_features_countries ').label('Supported Countries '),
+ ])
+ .batchActions([])
+ .perPage(limit_per_page)
+ .actions('') //custom button added to settings actions
+ .filters([
+ nga.field('q').label('Search', 'template')
+ .pinned(true)
+ .template('
')
+ ]);
+ var setting_category_list_tpl = '';
+ var setting_category_action_tpl = '';
+ setting_categories.listView().title('Site Settings')
+ .fields([
+ nga.field('id').label('ID'),
+ nga.field('name').label('Name'),
+ nga.field('description').label('Description'),
+ ])
+ .batchActions([])
+ .perPage(limit_per_page)
+ .actions(setting_category_action_tpl)
+ .listActions(setting_category_list_tpl)
+
+ settings_category_edit_template ='';
+ setting_categories.editionView().title('Edit Settings')
+ .fields([
+ nga.field('name').editable(false).label('Name'),
+ nga.field('description').editable(false).label('Description'),
+ nga.field('Related Settings', 'referenced_list') // display list of related settings
+ .targetEntity(nga.entity('settings'))
+ .targetReferenceField('setting_category_id')
+ .targetFields([
+ nga.field('label').label('Name'),
+ nga.field('value').label('Value')
+ ])
+ .listActions(['edit']),
+ nga.field('', 'template').label('').template(''),
+ nga.field('', 'template').label('').template(''),
+ ])
+ .actions(settings_category_edit_template);
+
+ ips.listView().title('IPs')
+ .fields([
+ nga.field('id').label('ID'),
+ nga.field('ip').label('IP'),
+ nga.field('city_name')
+ .label('City')
+ .map(truncate),
+ nga.field('state_name')
+ .label('State')
+ .map(truncate),
+ nga.field('country_name')
+ .label('Country')
+ .map(truncate),
+ nga.field('latitude').label('Latitude'),
+ nga.field('longitude').label('Longitude'),
+ ])
+ .actions(['batch'])
+ .listActions(['delete'])
+ .perPage(limit_per_page)
+ .filters([
+ nga.field('q').label('Search', 'template')
+ .pinned(true)
+ .template('
')
+ ]);
+ contacts.listView().title('Contacts')
+ .fields([
+ nga.field('id').label('ID'),
+ nga.field('first_name').label('First Name'),
+ nga.field('last_name').label('Last Name'),
+ nga.field('email').label('Email'),
+ nga.field('subject').label('Subject'),
+ nga.field('message').label('Message'),
+ nga.field('ip').label('IP')
+ ])
+ .actions(['batch'])
+ .listActions(['show', 'delete'])
+ .filters([
+ nga.field('q').label('Search', 'template')
+ .pinned(true)
+ .template('
')
+ ]);
+
+ contacts.showView().title('Contact - {{ entry.values.id }}')
+ .fields([
+ nga.field('id').label('ID'),
+ nga.field('first_name').label('First Name'),
+ nga.field('last_name').label('Last Name'),
+ nga.field('email').label('Email'),
+ nga.field('subject').label('Subject'),
+ nga.field('message').label('Message'),
+ nga.field('ip').label('IP')
+
+ ]);
+ online_course_lessons.editionView().disable();
+ // attach the admin application to the DOM and execute it
+ providers.listView().title('Providers') // @todo @boopathi - need to move "Social Login" plugin
+ .fields([
+ nga.field('id').label('ID'),
+ nga.field('name').label('Name'),
+ nga.field('api_key').label('Client ID'),
+ nga.field('secret_key').label('Secret Key'),
+ nga.field('display_order').label('Display Order'),
+ nga.field('is_active', 'boolean').label('Active?'),
+ ])
+ .actions(['batch'])
+ .listActions(['edit'])
+ .filters([
+ nga.field('q').label('Search', 'template')
+ .pinned(true)
+ .template('
')
+ ]);
+ providers.editionView().title('Providers') // @todo @boopathi - need to move "Social Login" plugin
+ .fields([
+ nga.field('name')
+ .label('Name')
+ .validation({
+ required: true
+ }),
+ nga.field('api_key').label('Client ID')
+ .validation({
+ required: true
+ }),
+ nga.field('secret_key').label('Secret Key')
+ .validation({
+ required: true
+ }),
+ nga.field('display_order')
+ .label('Display Order')
+ .validation({
+ required: true
+ }),
+ nga.field('is_active', 'choice').label('Active?')
+ .validation({
+ required: true
+ })
+ .choices([{
+ label: 'Yes',
+ value: true
+ }, {
+ label: 'No',
+ value: false
+ }, ])
+ ]);
+
+ subscriptions.listView().title('Subscription Plans') // @todo @boopathi - need to move "Subscriptions" plugin
+ .fields([
+ nga.field('id').label('ID'),
+ nga.field('name').label('Name'),
+ nga.field('price').label('Price'),
+ nga.field('interval_period').label('Interval Period'),
+ nga.field('interval_unit').label('Interval Unit'),
+ nga.field('is_active', 'boolean').label('Active?'),
+ ])
+ .actions(['batch','create'])
+ .listActions(['edit','delete'])
+ .filters([
+ nga.field('q').label('Search', 'template')
+ .pinned(true)
+ .template('
')
+ ]);
+ subscriptions.editionView().title('Edit - {{ entry.values.name }}')// @todo @boopathi - need to move "Subscriptions" plugin
+ .fields([
+ nga.field('name').label('Name')
+ .validation({
+ required: true
+ }),
+ nga.field('price', 'number').label('Price')
+ .validation({
+ required: true
+ })
+ .template(''),
+ nga.field('interval_period', 'number').label('Interval Period')
+ .validation({
+ required: true
+ })
+ .template(''),
+ nga.field('interval_unit', 'choice').label('Interval Unit')
+ .validation({
+ required: true
+ })
+ .attributes({
+ placeholder: 'Interval Unit by Days / Month'
+ })
+ .choices([{
+ label: 'Days',
+ value: 'Days'
+ }, {
+ label: 'Month',
+ value: 'Month'
+ }]),
+ nga.field('instruction_levels', 'reference_many').label('Instruction Levels to Access')
+ .targetEntity(instructional_levels)
+ .targetField(nga.field('name'))
+ .remoteComplete(true)
+ .singleApiCall(function (tagIds) {
+ return { 'instruction_level_id': tagIds };
+ })
+ .validation({
+ required: true
+ }),
+ nga.field('description', 'wysiwyg').label('Description')
+ .validation({
+ required: true
+ })
+ .attributes({
+ placeholder: 'Description'
+ }),
+ nga.field('is_active', 'choice').label('Active?')
+ .validation({
+ required: true
+ })
+ .choices([{
+ label: 'Yes',
+ value: true
+ }, {
+ label: 'No',
+ value: false
+ }])
+ ]);
+
+ subscriptions.creationView().title('Create Subscription Plan') // @todo @boopathi - need to move "Subscriptions" plugin
+ .fields([
+ nga.field('name').label('Name')
+ .validation({
+ required: true
+ })
+ .attributes({
+ placeholder: 'Name'
+ }),
+ nga.field('price', 'number').label('Price')
+ .validation({
+ required: true
+ })
+ .attributes({
+ placeholder: 'Price'
+ })
+ .template(''),
+ nga.field('interval_period', 'number').label('Interval Period')
+ .validation({
+ required: true
+ })
+ .attributes({
+ placeholder: 'Interval Period'
+ })
+ .template(''),
+ nga.field('interval_unit', 'choice').label('Interval Unit')
+ .validation({
+ required: true
+ })
+ .attributes({
+ placeholder: 'Interval Unit by Days / Month'
+ })
+ .choices([{
+ label: 'Days',
+ value: 'Days'
+ }, {
+ label: 'Month',
+ value: 'Month'
+ }]),
+ nga.field('instruction_levels', 'reference_many').label('Instruction Levels to Access')
+ .targetEntity(instructional_levels)
+ .targetField(nga.field('name'))
+ .remoteComplete(true)
+ .singleApiCall(function (tagIds) {
+ return { 'instruction_level_id': tagIds };
+ })
+ .validation({
+ required: true
+ }),
+ nga.field('description', 'wysiwyg').label('Description')
+ .validation({
+ required: true
+ })
+ .attributes({
+ placeholder: 'Description'
+ }),
+ nga.field('is_active', 'choice').label('Active?')
+ .validation({
+ required: true
+ })
+ .choices([{
+ label: 'Yes',
+ value: true
+ }, {
+ label: 'No',
+ value: false
+ }])
+ ]);
+
+ user_subscription_logs.listView().title('Subscriptions') // @todo @boopathi - need to move "Subscriptions" plugin
+ .fields([
+ nga.field('id').label('ID'),
+ nga.field('user_id', 'reference')
+ .label('User')
+ .targetEntity(nga.entity('users'))
+ .targetField(nga.field('displayname')),
+ nga.field('subscription_id', 'reference')
+ .label('Subscription')
+ .targetEntity(nga.entity('subscriptions'))
+ .targetField(nga.field('name')),
+ nga.field('amount').label('Amount'),
+ nga.field('subscription_start_date', 'datetime').label('Subscription start date'),
+ nga.field('subscription_end_date', 'datetime').label('Subscription end date'),
+ nga.field('subscription_status_id', 'reference')
+ .label('Status')
+ .targetEntity(nga.entity('subscription_statuses'))
+ .targetField(nga.field('name')),
+ ]).listActions(['edit','delete'])
+ .filters([
+ nga.field('q').label('Search', 'template')
+ .pinned(true)
+ .template('
')
+ ]);
+ user_subscription_logs.editionView().title('Subscription') // @todo @boopathi - need to move "Subscriptions" plugin
+ .fields([
+ nga.field('user_id', 'reference')
+ .label('User')
+ .targetEntity(nga.entity('users'))
+ .targetField(nga.field('displayname'))
+ .validation({
+ required: true
+ }),
+ nga.field('subscription_id', 'reference')
+ .label('Subscription')
+ .targetEntity(nga.entity('subscriptions'))
+ .targetField(nga.field('name'))
+ .validation({
+ required: true
+ }),
+ nga.field('amount').label('Amount'),
+ nga.field('subscription_start_date', 'datetime').label('Subscription start date'),
+ nga.field('subscription_end_date', 'datetime').label('Subscription end date'),
+ nga.field('subscription_status_id', 'reference')
+ .label('Subscription Status')
+ .attributes({
+ placeholder: 'Status'
+ })
+ .perPage('all') // For getting all list
+ .targetEntity(nga.entity('subscription_statuses'))
+ .targetField(nga.field('name'))
+ .validation({
+ required: true
+ }),
+ ]);
+
+ user_cash_withdrawals.listView().title('Withdraw Requests')
+ .infinitePagination(false) // load pages as the user scrolls
+ .perPage(limit_per_page)
+ .fields([
+ nga.field('id').label('ID'),
+ nga.field('created').label('Created'),
+ nga.field('user_id', 'reference')
+ .label('User')
+ .targetEntity(nga.entity('users'))
+ .targetField(nga.field('displayname')),
+ nga.field('amount').label('Amount'),
+ nga.field('withdrawal_status_name').label('Status'),
+ nga.field('money_transfer_account_name').label('Money Transfer Account'),
+ ])
+ .listActions(['edit', 'delete'])
+ .filters([
+ nga.field('q').label('Search')
+ .pinned(true)
+ .template('
'),
+ nga.field('filter', 'choice').label('Status').attributes({
+ placeholder: 'Select Status'
+ })
+ .choices([{
+ label: 'Pending',
+ value: 'Pending'
+ }, {
+ label: 'Under Process',
+ value: 'Under Process'
+ }, {
+ label: 'Rejected',
+ value: 'Rejected'
+ }, {
+ label: 'Amount Transferred',
+ value: 'Amount Transferred'
+ }, ])
+ ]);
+
+ user_cash_withdrawals.editionView().title('Edit Withdraw Requests')
+ .fields([
+ nga.field('amount')
+ .label('Amount')
+ .validation({
+ required: true
+ })
+ .template(''),
+ nga.field('withdrawal_status_id', 'choice').label('Status')
+ .validation({
+ required: true
+ })
+ .choices([{
+ label: 'Pending',
+ value: 1
+ }, {
+ label: 'Under Process',
+ value: 2
+ }, {
+ label: 'Rejected',
+ value: 3
+ }, {
+ label: 'Amount Transferred',
+ value: 4
+ }, ])
+ ]);
+
+ coupons.listView().title('Coupons') //
+ .fields([
+ nga.field('id').label('ID'),
+ nga.field('teacher_user_id', 'reference')
+ .label('Teacher Name')
+ .targetEntity(nga.entity('users'))
+ .targetField(nga.field('displayname'))
+ .validation({
+ required: true
+ }),
+ nga.field('course_id', 'reference')
+ .label('Course')
+ .targetEntity(nga.entity('courses'))
+ .targetField(nga.field('title'))
+ .validation({
+ required: true
+ }),
+ nga.field('coupon_code').label('Coupon Code'),
+ nga.field('max_number_of_time_can_use').label('Max Number of Time Can Use This Coupon'),
+ nga.field('coupon_user_count').label('Coupon Used Count'),
+ nga.field('is_active', 'boolean').label('Active?'),
+ ])
+ .actions(['batch', 'create'])
+ .listActions(['edit','delete'])
+ .filters([
+ nga.field('q').label('Search', 'template')
+ .pinned(true)
+ .template('
')
+ ]);
+
+ coupons.creationView().title('Add Coupon')
+ .fields([
+ nga.field('course_id', 'reference')
+ .label('Course')
+ .validation({
+ required: true
+ })
+ .attributes({
+ placeholder: 'Course'
+ })
+ .perPage('all') // For getting all list
+ .targetEntity(nga.entity('courses'))
+ .targetField(nga.field('title').map(truncate)),
+ nga.field('max_number_of_time_can_use')
+ .label('Max Number of Time Can Use This Coupon')
+ .validation({
+ required: true
+ })
+ .template(''),
+ nga.field('is_active', 'choice').label('Active?')
+ .validation({
+ required: true
+ })
+ .choices([{
+ label: 'Yes',
+ value: true
+ }, {
+ label: 'No',
+ value: false
+ }])
+ ]);
+
+ coupons.editionView().title('Edit Coupon')
+ .fields([
+ nga.field('course_id', 'reference').editable(false)
+ .label('Course')
+ .perPage('all') // For getting all list
+ .targetEntity(nga.entity('courses'))
+ .targetField(nga.field('title').map(truncate)),
+ nga.field('teacher_user_id', 'reference').editable(false)
+ .label('Teacher')
+ .perPage('all') // For getting all list
+ .targetEntity(nga.entity('users'))
+ .targetField(nga.field('displayname').map(truncate)),
+ nga.field('max_number_of_time_can_use')
+ .label('Max Number of Time Can Use This Coupon')
+ .validation({
+ required: true
+ })
+ .template(''),
+ nga.field('is_active', 'choice').label('Active?')
+ .validation({
+ required: true
+ })
+ .choices([{
+ label: 'Yes',
+ value: true
+ }, {
+ label: 'No',
+ value: false
+ }])
+ ]);
+
+
+ //Menu configuration
+
+ admin.menu(nga.menu()
+ .addChild(nga.menu().title('Courses').icon('')
+ .addChild(nga.menu(courses).title('Courses').icon(''))
+ .addChild(nga.menu(categories).title('Categories').icon(''))
+ .addChild(nga.menu(course_users).title('Course Bookings').icon(''))
+ )
+ .addChild(nga.menu().title('Users').icon('')
+ .addChild(nga.menu(users).title('Users').icon(''))
+ .addChild(nga.menu(contacts).title('Contacts').icon(''))
+ .addChild(nga.menu(user_logins).title('User Logins').icon(''))
+ )
+ .addChild(nga.menu().title('Payments & Logs').icon('')
+
+ )
+ .addChild(nga.menu().title('Settings').icon('')
+ .addChild(nga.menu(setting_categories).title('Site Settings').icon(''))
+ )
+ .addChild(nga.menu().title('Master').icon('')
+ .addChild(nga.menu(pages).title('Pages').icon(''))
+ .addChild(nga.menu(cities).title('Cities').icon(''))
+ .addChild(nga.menu(states).title('States').icon(''))
+ .addChild(nga.menu(countries).title('Countries').icon(''))
+ .addChild(nga.menu(instructional_levels).title('Instructional Levels').icon(''))
+ .addChild(nga.menu(email_templates).title('Email Templates').icon(''))
+ .addChild(nga.menu(languages).title('Languages').icon(''))
+ .addChild(nga.menu(ips).title('IPs').icon(''))
+ )
+ .addChild(nga.menu(subscriptions).title('Plugins').icon('').link("/plugins"))
+ );
+ if(angular.isDefined(enabledPlugins)){
+ if(enabledPlugins.indexOf("Subscriptions") > -1) {
+ admin.menu().getChildByTitle('Master')
+ .addChild(nga.menu(subscriptions).title('Subscription Plans').template(' Subscription Plans'));
+ admin.menu().getChildByTitle('Users')
+ .addChild(nga.menu(user_subscription_logs).title('User Subscriptions').template(' User Subscriptions'))
+ }
+ if(enabledPlugins.indexOf("Withdrawal") > -1) {
+ admin.menu().getChildByTitle('Users')
+ .addChild(nga.menu(user_cash_withdrawals).title('Withdraw Requests').template(' Withdraw Requests'))
+ }
+
+ if(enabledPlugins.indexOf("SocialLogins") > -1) {
+ admin.menu().getChildByTitle('Master')
+ .addChild(nga.menu(providers).title('Providers').template(' Providers'))
+ }
+ if(enabledPlugins.indexOf("Coupons") > -1) {
+ admin.menu().getChildByTitle('Courses')
+ .addChild(nga.menu(coupons).title('Coupons').template(' Coupons'))
+ }
+ if(enabledPlugins.indexOf("CourseWishlist") > -1) {
+ admin.menu().getChildByTitle('Courses')
+ .addChild(nga.menu(course_favourites).title('Course Wishlists').template(' Course Wishlists'))
+ }
+ if(enabledPlugins.indexOf("RatingAndReview") > -1) {
+ admin.menu().getChildByTitle('Courses')
+ .addChild(nga.menu(course_user_feedbacks).title('Course Feedback').template(' Course Feedback'))
+ }
+ if(enabledPlugins.indexOf("SudoPay") > -1) {
+ admin.menu().getChildByTitle('Payments & Logs')
+ .addChild(nga.menu(sudopay_payment_gateways).title('SudoPay Gateways').template(' SudoPay Gateways'))
+ }
+ if(enabledPlugins.indexOf("CourseCheckout") > -1) {
+ admin.menu().getChildByTitle('Payments & Logs')
+ .addChild(nga.menu(transactions).title('Transactions').icon(''))
+ }
+ if(enabledPlugins.indexOf("CourseCheckout") > -1 || enabledPlugins.indexOf("Subscriptions") > -1) {
+ admin.menu().getChildByTitle('Payments & Logs')
+ .addChild(nga.menu(ipn_logs).title('IPN Logs').icon(''))
+ }
+ //disable Payments & Logs parent menu if both subscriptions and CourseCheckout plugin disabled
+ if(enabledPlugins.indexOf("CourseCheckout") === -1 && enabledPlugins.indexOf("Subscriptions") === -1) {
+ admin.menu().getChildByTitle('Payments & Logs')
+ .title('')
+ .template('')
+ .icon('');
+ }
+ }
+ // customize header
+ var customHeaderTemplate = '' + ''; // this is custom directive
+ admin.header(customHeaderTemplate);
+
+ // customize dashboard
+ var dashboardTpl = '' +
+ '';
+ admin.dashboard(nga.dashboard()
+ .template(dashboardTpl)
+ );
+ nga.configure(admin);
+}]);
\ No newline at end of file
diff --git a/client/ag-admin/tpl/VimeoSettings.tpl.html b/client/ag-admin/tpl/VimeoSettings.tpl.html
new file mode 100644
index 0000000..43b1100
--- /dev/null
+++ b/client/ag-admin/tpl/VimeoSettings.tpl.html
@@ -0,0 +1,81 @@
+
+
+
\ No newline at end of file
diff --git a/client/ag-admin/tpl/YoutubeSettings.tpl.html b/client/ag-admin/tpl/YoutubeSettings.tpl.html
new file mode 100644
index 0000000..c7ce7ad
--- /dev/null
+++ b/client/ag-admin/tpl/YoutubeSettings.tpl.html
@@ -0,0 +1,81 @@
+
+
+
diff --git a/client/ag-admin/tpl/customHeader.tpl.html b/client/ag-admin/tpl/customHeader.tpl.html
new file mode 100644
index 0000000..ca42e04
--- /dev/null
+++ b/client/ag-admin/tpl/customHeader.tpl.html
@@ -0,0 +1,10 @@
+
diff --git a/client/ag-admin/tpl/dashboardSummary.tpl.html b/client/ag-admin/tpl/dashboardSummary.tpl.html
new file mode 100644
index 0000000..c796152
--- /dev/null
+++ b/client/ag-admin/tpl/dashboardSummary.tpl.html
@@ -0,0 +1,186 @@
+
+
+
+
+
+
+
+
+
+ {{adminoverview.users}}
+ Total Customers
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{adminoverview.total_active_courses}}
+ Active Courses
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{adminoverview.total_order}}
+ Total Orders
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{adminoverview.revenue}}
+ Total Revenue
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Overview - {{rangeText}}
+
+
+
+
+ -
+
+
{{adminstats.user_register}}
+ User Register
+
+ -
+
+
{{adminstats.user_login}}
+ User Login
+
+ -
+
+
{{adminstats.course_posted}}
+ Course Created
+
+ -
+
+
{{adminstats.course_bookings}}
+ Course Booking
+
+ -
+
+
{{adminstats.course_favorites}}
+ Course Favourites
+
+
+ -
+
+
{{adminstats.course_feedbacks}}
+ Course Feedbacks
+
+ -
+
+
{{adminstats.transactions}}
+ Transactions
+
+
+
+
+
+
+
+
+
+
+ To reflect plugin changes, you need to refresh.
+
+
+
+
+
+
+
+
+ {{payment_and_cart_plugin.name}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ , , or .
+
+.list-group {
+ // No need to set list-style: none; since .list-group-item is block level
+ margin-bottom: 20px;
+ padding-left: 0; // reset padding because ul and ol
+}
+
+
+// Individual list items
+//
+// Use on `li`s or `div`s within the `.list-group` parent.
+
+.list-group-item {
+ position: relative;
+ display: block;
+ padding: 10px 15px;
+ // Place the border on the list items and negative margin up for better styling
+ margin-bottom: -1px;
+ background-color: @list-group-bg;
+ border: 1px solid @list-group-border;
+
+ // Round the first and last items
+ &:first-child {
+ .border-top-radius(@list-group-border-radius);
+ }
+ &:last-child {
+ margin-bottom: 0;
+ .border-bottom-radius(@list-group-border-radius);
+ }
+
+ // Align badges within list items
+ > .badge {
+ float: right;
+ }
+ > .badge + .badge {
+ margin-right: 5px;
+ }
+}
+
+
+// Linked list items
+//
+// Use anchor elements instead of `li`s or `div`s to create linked list items.
+// Includes an extra `.active` modifier class for showing selected items.
+
+a.list-group-item {
+ color: @list-group-link-color;
+
+ .list-group-item-heading {
+ color: @list-group-link-heading-color;
+ }
+
+ // Hover state
+ &:hover,
+ &:focus {
+ text-decoration: none;
+ background-color: @list-group-hover-bg;
+ }
+
+ // Active class on item itself, not parent
+ &.active,
+ &.active:hover,
+ &.active:focus {
+ z-index: 2; // Place active items above their siblings for proper border styling
+ color: @list-group-active-color;
+ background-color: @list-group-active-bg;
+ border-color: @list-group-active-border;
+
+ // Force color to inherit for custom content
+ .list-group-item-heading {
+ color: inherit;
+ }
+ .list-group-item-text {
+ color: @list-group-active-text-color;
+ }
+ }
+}
+
+
+// Contextual variants
+//
+// Add modifier classes to change text and background color on individual items.
+// Organizationally, this must come after the `:hover` states.
+
+.list-group-item-variant(success; @state-success-bg; @state-success-text);
+.list-group-item-variant(info; @state-info-bg; @state-info-text);
+.list-group-item-variant(warning; @state-warning-bg; @state-warning-text);
+.list-group-item-variant(danger; @state-danger-bg; @state-danger-text);
+
+
+// Custom content options
+//
+// Extra classes for creating well-formatted content within `.list-group-item`s.
+
+.list-group-item-heading {
+ margin-top: 0;
+ margin-bottom: 5px;
+}
+.list-group-item-text {
+ margin-bottom: 0;
+ line-height: 1.3;
+}
diff --git a/client/assets/css/main.less b/client/assets/css/main.less
new file mode 100644
index 0000000..3838114
--- /dev/null
+++ b/client/assets/css/main.less
@@ -0,0 +1,33 @@
+/**
+ * This is the main application stylesheet. It should include or import all
+ * stylesheets used throughout the application as this is the only stylesheet in
+ * the Grunt configuration that is automatically processed.
+ */
+
+
+/**
+ * First, we include the Twitter Bootstrap LESS files. Only the ones used in the
+ * project should be imported as the rest are just wasting space.
+ */
+
+@import 'bootstrap.less';
+
+/**
+ * This is our main variables file. We must include it last so we can overwrite any variable
+ * definitions in our imported stylesheets.
+ */
+
+@import 'variables.less';
+
+
+/**
+ * Typography
+ */
+
+@font-face {
+ font-family: 'Roboto';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Roboto Regular'), local('Roboto-Regular'), url(fonts/Roboto-Regular.woff) format('woff');
+}
+
diff --git a/client/assets/css/media.less b/client/assets/css/media.less
new file mode 100644
index 0000000..38617d9
--- /dev/null
+++ b/client/assets/css/media.less
@@ -0,0 +1,56 @@
+// Media objects
+// Source: http://stubbornella.org/content/?p=497
+// --------------------------------------------------
+
+
+// Common styles
+// -------------------------
+
+// Clear the floats
+.media,
+.media-body {
+ overflow: hidden;
+ zoom: 1;
+}
+
+// Proper spacing between instances of .media
+.media,
+.media .media {
+ margin-top: 15px;
+}
+.media:first-child {
+ margin-top: 0;
+}
+
+// For images and videos, set to block
+.media-object {
+ display: block;
+}
+
+// Reset margins on headings for tighter default spacing
+.media-heading {
+ margin: 0 0 5px;
+}
+
+
+// Media image alignment
+// -------------------------
+
+.media {
+ > .pull-left {
+ margin-right: 10px;
+ }
+ > .pull-right {
+ margin-left: 10px;
+ }
+}
+
+
+// Media list variation
+// -------------------------
+
+// Undo default ul/ol styles
+.media-list {
+ padding-left: 0;
+ list-style: none;
+}
diff --git a/client/assets/css/mixins.less b/client/assets/css/mixins.less
new file mode 100644
index 0000000..67a2cba
--- /dev/null
+++ b/client/assets/css/mixins.less
@@ -0,0 +1,929 @@
+//
+// Mixins
+// --------------------------------------------------
+
+
+// Utilities
+// -------------------------
+
+// Clearfix
+// Source: http://nicolasgallagher.com/micro-clearfix-hack/
+//
+// For modern browsers
+// 1. The space content is one way to avoid an Opera bug when the
+// contenteditable attribute is included anywhere else in the document.
+// Otherwise it causes space to appear at the top and bottom of elements
+// that are clearfixed.
+// 2. The use of `table` rather than `block` is only necessary if using
+// `:before` to contain the top-margins of child elements.
+.clearfix() {
+ &:before,
+ &:after {
+ content: " "; // 1
+ display: table; // 2
+ }
+ &:after {
+ clear: both;
+ }
+}
+
+// WebKit-style focus
+.tab-focus() {
+ // Default
+ outline: thin dotted;
+ // WebKit
+ outline: 5px auto -webkit-focus-ring-color;
+ outline-offset: -2px;
+}
+
+// Center-align a block level element
+.center-block() {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+// Sizing shortcuts
+.size(@width; @height) {
+ width: @width;
+ height: @height;
+}
+.square(@size) {
+ .size(@size; @size);
+}
+
+// Placeholder text
+.placeholder(@color: @input-color-placeholder) {
+ &::-moz-placeholder { color: @color; // Firefox
+ opacity: 1; } // See https://github.com/twbs/bootstrap/pull/11526
+ &:-ms-input-placeholder { color: @color; } // Internet Explorer 10+
+ &::-webkit-input-placeholder { color: @color; } // Safari and Chrome
+}
+
+// Text overflow
+// Requires inline-block or block for proper styling
+.text-overflow() {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+// CSS image replacement
+//
+// Heads up! v3 launched with with only `.hide-text()`, but per our pattern for
+// mixins being reused as classes with the same name, this doesn't hold up. As
+// of v3.0.1 we have added `.text-hide()` and deprecated `.hide-text()`. Note
+// that we cannot chain the mixins together in Less, so they are repeated.
+//
+// Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757
+
+// Deprecated as of v3.0.1 (will be removed in v4)
+.hide-text() {
+ font: ~"0/0" a;
+ color: transparent;
+ text-shadow: none;
+ background-color: transparent;
+ border: 0;
+}
+// New mixin to use as of v3.0.1
+.text-hide() {
+ .hide-text();
+}
+
+
+
+// CSS3 PROPERTIES
+// --------------------------------------------------
+
+// Single side border-radius
+.border-top-radius(@radius) {
+ border-top-right-radius: @radius;
+ border-top-left-radius: @radius;
+}
+.border-right-radius(@radius) {
+ border-bottom-right-radius: @radius;
+ border-top-right-radius: @radius;
+}
+.border-bottom-radius(@radius) {
+ border-bottom-right-radius: @radius;
+ border-bottom-left-radius: @radius;
+}
+.border-left-radius(@radius) {
+ border-bottom-left-radius: @radius;
+ border-top-left-radius: @radius;
+}
+
+// Drop shadows
+//
+// Note: Deprecated `.box-shadow()` as of v3.1.0 since all of Bootstrap's
+// supported browsers that have box shadow capabilities now support the
+// standard `box-shadow` property.
+.box-shadow(@shadow) {
+ -webkit-box-shadow: @shadow; // iOS <4.3 & Android <4.1
+ box-shadow: @shadow;
+}
+
+// Transitions
+.transition(@transition) {
+ -webkit-transition: @transition;
+ transition: @transition;
+}
+.transition-property(@transition-property) {
+ -webkit-transition-property: @transition-property;
+ transition-property: @transition-property;
+}
+.transition-delay(@transition-delay) {
+ -webkit-transition-delay: @transition-delay;
+ transition-delay: @transition-delay;
+}
+.transition-duration(@transition-duration) {
+ -webkit-transition-duration: @transition-duration;
+ transition-duration: @transition-duration;
+}
+.transition-transform(@transition) {
+ -webkit-transition: -webkit-transform @transition;
+ -moz-transition: -moz-transform @transition;
+ -o-transition: -o-transform @transition;
+ transition: transform @transition;
+}
+
+// Transformations
+.rotate(@degrees) {
+ -webkit-transform: rotate(@degrees);
+ -ms-transform: rotate(@degrees); // IE9 only
+ transform: rotate(@degrees);
+}
+.scale(@ratio; @ratio-y...) {
+ -webkit-transform: scale(@ratio, @ratio-y);
+ -ms-transform: scale(@ratio, @ratio-y); // IE9 only
+ transform: scale(@ratio, @ratio-y);
+}
+.translate(@x; @y) {
+ -webkit-transform: translate(@x, @y);
+ -ms-transform: translate(@x, @y); // IE9 only
+ transform: translate(@x, @y);
+}
+.skew(@x; @y) {
+ -webkit-transform: skew(@x, @y);
+ -ms-transform: skewX(@x) skewY(@y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+
+ transform: skew(@x, @y);
+}
+.translate3d(@x; @y; @z) {
+ -webkit-transform: translate3d(@x, @y, @z);
+ transform: translate3d(@x, @y, @z);
+}
+
+.rotateX(@degrees) {
+ -webkit-transform: rotateX(@degrees);
+ -ms-transform: rotateX(@degrees); // IE9 only
+ transform: rotateX(@degrees);
+}
+.rotateY(@degrees) {
+ -webkit-transform: rotateY(@degrees);
+ -ms-transform: rotateY(@degrees); // IE9 only
+ transform: rotateY(@degrees);
+}
+.perspective(@perspective) {
+ -webkit-perspective: @perspective;
+ -moz-perspective: @perspective;
+ perspective: @perspective;
+}
+.perspective-origin(@perspective) {
+ -webkit-perspective-origin: @perspective;
+ -moz-perspective-origin: @perspective;
+ perspective-origin: @perspective;
+}
+.transform-origin(@origin) {
+ -webkit-transform-origin: @origin;
+ -moz-transform-origin: @origin;
+ -ms-transform-origin: @origin; // IE9 only
+ transform-origin: @origin;
+}
+
+// Animations
+.animation(@animation) {
+ -webkit-animation: @animation;
+ animation: @animation;
+}
+.animation-name(@name) {
+ -webkit-animation-name: @name;
+ animation-name: @name;
+}
+.animation-duration(@duration) {
+ -webkit-animation-duration: @duration;
+ animation-duration: @duration;
+}
+.animation-timing-function(@timing-function) {
+ -webkit-animation-timing-function: @timing-function;
+ animation-timing-function: @timing-function;
+}
+.animation-delay(@delay) {
+ -webkit-animation-delay: @delay;
+ animation-delay: @delay;
+}
+.animation-iteration-count(@iteration-count) {
+ -webkit-animation-iteration-count: @iteration-count;
+ animation-iteration-count: @iteration-count;
+}
+.animation-direction(@direction) {
+ -webkit-animation-direction: @direction;
+ animation-direction: @direction;
+}
+
+// Backface visibility
+// Prevent browsers from flickering when using CSS 3D transforms.
+// Default value is `visible`, but can be changed to `hidden`
+.backface-visibility(@visibility){
+ -webkit-backface-visibility: @visibility;
+ -moz-backface-visibility: @visibility;
+ backface-visibility: @visibility;
+}
+
+// Box sizing
+.box-sizing(@boxmodel) {
+ -webkit-box-sizing: @boxmodel;
+ -moz-box-sizing: @boxmodel;
+ box-sizing: @boxmodel;
+}
+
+// User select
+// For selecting text on the page
+.user-select(@select) {
+ -webkit-user-select: @select;
+ -moz-user-select: @select;
+ -ms-user-select: @select; // IE10+
+ user-select: @select;
+}
+
+// Resize anything
+.resizable(@direction) {
+ resize: @direction; // Options: horizontal, vertical, both
+ overflow: auto; // Safari fix
+}
+
+// CSS3 Content Columns
+.content-columns(@column-count; @column-gap: @grid-gutter-width) {
+ -webkit-column-count: @column-count;
+ -moz-column-count: @column-count;
+ column-count: @column-count;
+ -webkit-column-gap: @column-gap;
+ -moz-column-gap: @column-gap;
+ column-gap: @column-gap;
+}
+
+// Optional hyphenation
+.hyphens(@mode: auto) {
+ word-wrap: break-word;
+ -webkit-hyphens: @mode;
+ -moz-hyphens: @mode;
+ -ms-hyphens: @mode; // IE10+
+ -o-hyphens: @mode;
+ hyphens: @mode;
+}
+
+// Opacity
+.opacity(@opacity) {
+ opacity: @opacity;
+ // IE8 filter
+ @opacity-ie: (@opacity * 100);
+ filter: ~"alpha(opacity=@{opacity-ie})";
+}
+
+
+
+// GRADIENTS
+// --------------------------------------------------
+
+#gradient {
+
+ // Horizontal gradient, from left to right
+ //
+ // Creates two color stops, start and end, by specifying a color and position for each color stop.
+ // Color stops are not available in IE9 and below.
+ .horizontal(@start-color: #555; @end-color: #333; @start-percent: 0%; @end-percent: 100%) {
+ background-image: -webkit-linear-gradient(left, color-stop(@start-color @start-percent), color-stop(@end-color @end-percent)); // Safari 5.1-6, Chrome 10+
+ background-image: linear-gradient(to right, @start-color @start-percent, @end-color @end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
+ background-repeat: repeat-x;
+ filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",argb(@start-color),argb(@end-color))); // IE9 and down
+ }
+
+ // Vertical gradient, from top to bottom
+ //
+ // Creates two color stops, start and end, by specifying a color and position for each color stop.
+ // Color stops are not available in IE9 and below.
+ .vertical(@start-color: #555; @end-color: #333; @start-percent: 0%; @end-percent: 100%) {
+ background-image: -webkit-linear-gradient(top, @start-color @start-percent, @end-color @end-percent); // Safari 5.1-6, Chrome 10+
+ background-image: linear-gradient(to bottom, @start-color @start-percent, @end-color @end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
+ background-repeat: repeat-x;
+ filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@start-color),argb(@end-color))); // IE9 and down
+ }
+
+ .directional(@start-color: #555; @end-color: #333; @deg: 45deg) {
+ background-repeat: repeat-x;
+ background-image: -webkit-linear-gradient(@deg, @start-color, @end-color); // Safari 5.1-6, Chrome 10+
+ background-image: linear-gradient(@deg, @start-color, @end-color); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
+ }
+ .horizontal-three-colors(@start-color: #00b3ee; @mid-color: #7a43b6; @color-stop: 50%; @end-color: #c3325f) {
+ background-image: -webkit-linear-gradient(left, @start-color, @mid-color @color-stop, @end-color);
+ background-image: linear-gradient(to right, @start-color, @mid-color @color-stop, @end-color);
+ background-repeat: no-repeat;
+ filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",argb(@start-color),argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback
+ }
+ .vertical-three-colors(@start-color: #00b3ee; @mid-color: #7a43b6; @color-stop: 50%; @end-color: #c3325f) {
+ background-image: -webkit-linear-gradient(@start-color, @mid-color @color-stop, @end-color);
+ background-image: linear-gradient(@start-color, @mid-color @color-stop, @end-color);
+ background-repeat: no-repeat;
+ filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@start-color),argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback
+ }
+ .radial(@inner-color: #555; @outer-color: #333) {
+ background-image: -webkit-radial-gradient(circle, @inner-color, @outer-color);
+ background-image: radial-gradient(circle, @inner-color, @outer-color);
+ background-repeat: no-repeat;
+ }
+ .striped(@color: rgba(255,255,255,.15); @angle: 45deg) {
+ background-image: -webkit-linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent);
+ background-image: linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent);
+ }
+}
+
+// Reset filters for IE
+//
+// When you need to remove a gradient background, do not forget to use this to reset
+// the IE filter for IE9 and below.
+.reset-filter() {
+ filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)"));
+}
+
+
+
+// Retina images
+//
+// Short retina mixin for setting background-image and -size
+
+.img-retina(@file-1x; @file-2x; @width-1x; @height-1x) {
+ background-image: url("@{file-1x}");
+
+ @media
+ only screen and (-webkit-min-device-pixel-ratio: 2),
+ only screen and ( min--moz-device-pixel-ratio: 2),
+ only screen and ( -o-min-device-pixel-ratio: 2/1),
+ only screen and ( min-device-pixel-ratio: 2),
+ only screen and ( min-resolution: 192dpi),
+ only screen and ( min-resolution: 2dppx) {
+ background-image: url("@{file-2x}");
+ background-size: @width-1x @height-1x;
+ }
+}
+
+
+// Responsive image
+//
+// Keep images from scaling beyond the width of their parents.
+
+.img-responsive(@display: block) {
+ display: @display;
+ max-width: 100%; // Part 1: Set a maximum relative to the parent
+ height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching
+}
+
+
+// COMPONENT MIXINS
+// --------------------------------------------------
+
+// Horizontal dividers
+// -------------------------
+// Dividers (basically an hr) within dropdowns and nav lists
+.nav-divider(@color: #e5e5e5) {
+ height: 1px;
+ margin: ((@line-height-computed / 2) - 1) 0;
+ overflow: hidden;
+ background-color: @color;
+}
+
+// Panels
+// -------------------------
+.panel-variant(@border; @heading-text-color; @heading-bg-color; @heading-border) {
+ border-color: @border;
+
+ & > .panel-heading {
+ color: @heading-text-color;
+ background-color: @heading-bg-color;
+ border-color: @heading-border;
+
+ + .panel-collapse .panel-body {
+ border-top-color: @border;
+ }
+ }
+ & > .panel-footer {
+ + .panel-collapse .panel-body {
+ border-bottom-color: @border;
+ }
+ }
+}
+
+// Alerts
+// -------------------------
+.alert-variant(@background; @border; @text-color) {
+ background-color: @background;
+ border-color: @border;
+ color: @text-color;
+
+ hr {
+ border-top-color: darken(@border, 5%);
+ }
+ .alert-link {
+ color: darken(@text-color, 10%);
+ }
+}
+
+// Tables
+// -------------------------
+.table-row-variant(@state; @background) {
+ // Exact selectors below required to override `.table-striped` and prevent
+ // inheritance to nested tables.
+ .table > thead > tr,
+ .table > tbody > tr,
+ .table > tfoot > tr {
+ > td.@{state},
+ > th.@{state},
+ &.@{state} > td,
+ &.@{state} > th {
+ background-color: @background;
+ }
+ }
+
+ // Hover states for `.table-hover`
+ // Note: this is not available for cells or rows within `thead` or `tfoot`.
+ .table-hover > tbody > tr {
+ > td.@{state}:hover,
+ > th.@{state}:hover,
+ &.@{state}:hover > td,
+ &.@{state}:hover > th {
+ background-color: darken(@background, 5%);
+ }
+ }
+}
+
+// List Groups
+// -------------------------
+.list-group-item-variant(@state; @background; @color) {
+ .list-group-item-@{state} {
+ color: @color;
+ background-color: @background;
+
+ a& {
+ color: @color;
+
+ .list-group-item-heading { color: inherit; }
+
+ &:hover,
+ &:focus {
+ color: @color;
+ background-color: darken(@background, 5%);
+ }
+ &.active,
+ &.active:hover,
+ &.active:focus {
+ color: #fff;
+ background-color: @color;
+ border-color: @color;
+ }
+ }
+ }
+}
+
+// Button variants
+// -------------------------
+// Easily pump out default styles, as well as :hover, :focus, :active,
+// and disabled options for all buttons
+.button-variant(@color; @background; @border) {
+ color: @color;
+ background-color: @background;
+ border-color: @border;
+
+ &:hover,
+ &:focus,
+ &:active,
+ &.active,
+ .open .dropdown-toggle& {
+ color: @color;
+ background-color: darken(@background, 8%);
+ border-color: darken(@border, 12%);
+ }
+ &:active,
+ &.active,
+ .open .dropdown-toggle& {
+ background-image: none;
+ }
+ &.disabled,
+ &[disabled],
+ fieldset[disabled] & {
+ &,
+ &:hover,
+ &:focus,
+ &:active,
+ &.active {
+ background-color: @background;
+ border-color: @border;
+ }
+ }
+
+ .badge {
+ color: @background;
+ background-color: @color;
+ }
+}
+
+// Button sizes
+// -------------------------
+.button-size(@padding-vertical; @padding-horizontal; @font-size; @line-height; @border-radius) {
+ padding: @padding-vertical @padding-horizontal;
+ font-size: @font-size;
+ line-height: @line-height;
+ border-radius: @border-radius;
+}
+
+// Pagination
+// -------------------------
+.pagination-size(@padding-vertical; @padding-horizontal; @font-size; @border-radius) {
+ > li {
+ > a,
+ > span {
+ padding: @padding-vertical @padding-horizontal;
+ font-size: @font-size;
+ }
+ &:first-child {
+ > a,
+ > span {
+ .border-left-radius(@border-radius);
+ }
+ }
+ &:last-child {
+ > a,
+ > span {
+ .border-right-radius(@border-radius);
+ }
+ }
+ }
+}
+
+// Labels
+// -------------------------
+.label-variant(@color) {
+ background-color: @color;
+ &[href] {
+ &:hover,
+ &:focus {
+ background-color: darken(@color, 10%);
+ }
+ }
+}
+
+// Contextual backgrounds
+// -------------------------
+.bg-variant(@color) {
+ background-color: @color;
+ a&:hover {
+ background-color: darken(@color, 10%);
+ }
+}
+
+// Typography
+// -------------------------
+.text-emphasis-variant(@color) {
+ color: @color;
+ a&:hover {
+ color: darken(@color, 10%);
+ }
+}
+
+// Navbar vertical align
+// -------------------------
+// Vertically center elements in the navbar.
+// Example: an element has a height of 30px, so write out `.navbar-vertical-align(30px);` to calculate the appropriate top margin.
+.navbar-vertical-align(@element-height) {
+ margin-top: ((@navbar-height - @element-height) / 2);
+ margin-bottom: ((@navbar-height - @element-height) / 2);
+}
+
+// Progress bars
+// -------------------------
+.progress-bar-variant(@color) {
+ background-color: @color;
+ .progress-striped & {
+ #gradient > .striped();
+ }
+}
+
+// Responsive utilities
+// -------------------------
+// More easily include all the states for responsive-utilities.less.
+.responsive-visibility() {
+ display: block !important;
+ table& { display: table; }
+ tr& { display: table-row !important; }
+ th&,
+ td& { display: table-cell !important; }
+}
+
+.responsive-invisibility() {
+ display: none !important;
+}
+
+
+// Grid System
+// -----------
+
+// Centered container element
+.container-fixed() {
+ margin-right: auto;
+ margin-left: auto;
+ padding-left: (@grid-gutter-width / 2);
+ padding-right: (@grid-gutter-width / 2);
+ &:extend(.clearfix all);
+}
+
+// Creates a wrapper for a series of columns
+.make-row(@gutter: @grid-gutter-width) {
+ margin-left: (@gutter / -2);
+ margin-right: (@gutter / -2);
+ &:extend(.clearfix all);
+}
+
+// Generate the extra small columns
+.make-xs-column(@columns; @gutter: @grid-gutter-width) {
+ position: relative;
+ float: left;
+ width: percentage((@columns / @grid-columns));
+ min-height: 1px;
+ padding-left: (@gutter / 2);
+ padding-right: (@gutter / 2);
+}
+.make-xs-column-offset(@columns) {
+ @media (min-width: @screen-xs-min) {
+ margin-left: percentage((@columns / @grid-columns));
+ }
+}
+.make-xs-column-push(@columns) {
+ @media (min-width: @screen-xs-min) {
+ left: percentage((@columns / @grid-columns));
+ }
+}
+.make-xs-column-pull(@columns) {
+ @media (min-width: @screen-xs-min) {
+ right: percentage((@columns / @grid-columns));
+ }
+}
+
+
+// Generate the small columns
+.make-sm-column(@columns; @gutter: @grid-gutter-width) {
+ position: relative;
+ min-height: 1px;
+ padding-left: (@gutter / 2);
+ padding-right: (@gutter / 2);
+
+ @media (min-width: @screen-sm-min) {
+ float: left;
+ width: percentage((@columns / @grid-columns));
+ }
+}
+.make-sm-column-offset(@columns) {
+ @media (min-width: @screen-sm-min) {
+ margin-left: percentage((@columns / @grid-columns));
+ }
+}
+.make-sm-column-push(@columns) {
+ @media (min-width: @screen-sm-min) {
+ left: percentage((@columns / @grid-columns));
+ }
+}
+.make-sm-column-pull(@columns) {
+ @media (min-width: @screen-sm-min) {
+ right: percentage((@columns / @grid-columns));
+ }
+}
+
+
+// Generate the medium columns
+.make-md-column(@columns; @gutter: @grid-gutter-width) {
+ position: relative;
+ min-height: 1px;
+ padding-left: (@gutter / 2);
+ padding-right: (@gutter / 2);
+
+ @media (min-width: @screen-md-min) {
+ float: left;
+ width: percentage((@columns / @grid-columns));
+ }
+}
+.make-md-column-offset(@columns) {
+ @media (min-width: @screen-md-min) {
+ margin-left: percentage((@columns / @grid-columns));
+ }
+}
+.make-md-column-push(@columns) {
+ @media (min-width: @screen-md-min) {
+ left: percentage((@columns / @grid-columns));
+ }
+}
+.make-md-column-pull(@columns) {
+ @media (min-width: @screen-md-min) {
+ right: percentage((@columns / @grid-columns));
+ }
+}
+
+
+// Generate the large columns
+.make-lg-column(@columns; @gutter: @grid-gutter-width) {
+ position: relative;
+ min-height: 1px;
+ padding-left: (@gutter / 2);
+ padding-right: (@gutter / 2);
+
+ @media (min-width: @screen-lg-min) {
+ float: left;
+ width: percentage((@columns / @grid-columns));
+ }
+}
+.make-lg-column-offset(@columns) {
+ @media (min-width: @screen-lg-min) {
+ margin-left: percentage((@columns / @grid-columns));
+ }
+}
+.make-lg-column-push(@columns) {
+ @media (min-width: @screen-lg-min) {
+ left: percentage((@columns / @grid-columns));
+ }
+}
+.make-lg-column-pull(@columns) {
+ @media (min-width: @screen-lg-min) {
+ right: percentage((@columns / @grid-columns));
+ }
+}
+
+
+// Framework grid generation
+//
+// Used only by Bootstrap to generate the correct number of grid classes given
+// any value of `@grid-columns`.
+
+.make-grid-columns() {
+ // Common styles for all sizes of grid columns, widths 1-12
+ .col(@index) when (@index = 1) { // initial
+ @item: ~".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}";
+ .col((@index + 1), @item);
+ }
+ .col(@index, @list) when (@index =< @grid-columns) { // general; "=<" isn't a typo
+ @item: ~".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}";
+ .col((@index + 1), ~"@{list}, @{item}");
+ }
+ .col(@index, @list) when (@index > @grid-columns) { // terminal
+ @{list} {
+ position: relative;
+ // Prevent columns from collapsing when empty
+ min-height: 1px;
+ // Inner gutter via padding
+ padding-left: (@grid-gutter-width / 2);
+ padding-right: (@grid-gutter-width / 2);
+ }
+ }
+ .col(1); // kickstart it
+}
+
+.float-grid-columns(@class) {
+ .col(@index) when (@index = 1) { // initial
+ @item: ~".col-@{class}-@{index}";
+ .col((@index + 1), @item);
+ }
+ .col(@index, @list) when (@index =< @grid-columns) { // general
+ @item: ~".col-@{class}-@{index}";
+ .col((@index + 1), ~"@{list}, @{item}");
+ }
+ .col(@index, @list) when (@index > @grid-columns) { // terminal
+ @{list} {
+ float: left;
+ }
+ }
+ .col(1); // kickstart it
+}
+
+.calc-grid-column(@index, @class, @type) when (@type = width) and (@index > 0) {
+ .col-@{class}-@{index} {
+ width: percentage((@index / @grid-columns));
+ }
+}
+.calc-grid-column(@index, @class, @type) when (@type = push) {
+ .col-@{class}-push-@{index} {
+ left: percentage((@index / @grid-columns));
+ }
+}
+.calc-grid-column(@index, @class, @type) when (@type = pull) {
+ .col-@{class}-pull-@{index} {
+ right: percentage((@index / @grid-columns));
+ }
+}
+.calc-grid-column(@index, @class, @type) when (@type = offset) {
+ .col-@{class}-offset-@{index} {
+ margin-left: percentage((@index / @grid-columns));
+ }
+}
+
+// Basic looping in LESS
+.loop-grid-columns(@index, @class, @type) when (@index >= 0) {
+ .calc-grid-column(@index, @class, @type);
+ // next iteration
+ .loop-grid-columns((@index - 1), @class, @type);
+}
+
+// Create grid for specific class
+.make-grid(@class) {
+ .float-grid-columns(@class);
+ .loop-grid-columns(@grid-columns, @class, width);
+ .loop-grid-columns(@grid-columns, @class, pull);
+ .loop-grid-columns(@grid-columns, @class, push);
+ .loop-grid-columns(@grid-columns, @class, offset);
+}
+
+// Form validation states
+//
+// Used in forms.less to generate the form validation CSS for warnings, errors,
+// and successes.
+
+.form-control-validation(@text-color: #555; @border-color: #ccc; @background-color: #f5f5f5) {
+ // Color the label and help text
+ .help-block,
+ .control-label,
+ .radio,
+ .checkbox,
+ .radio-inline,
+ .checkbox-inline {
+ color: @text-color;
+ }
+ // Set the border and box shadow on specific inputs to match
+ .form-control {
+ border-color: @border-color;
+ .box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work
+ &:focus {
+ border-color: darken(@border-color, 10%);
+ @shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten(@border-color, 20%);
+ .box-shadow(@shadow);
+ }
+ }
+ // Set validation states also for addons
+ .input-group-addon {
+ color: @text-color;
+ border-color: @border-color;
+ background-color: @background-color;
+ }
+ // Optional feedback icon
+ .form-control-feedback {
+ color: @text-color;
+ }
+}
+
+// Form control focus state
+//
+// Generate a customized focus state and for any input with the specified color,
+// which defaults to the `@input-focus-border` variable.
+//
+// We highly encourage you to not customize the default value, but instead use
+// this to tweak colors on an as-needed basis. This aesthetic change is based on
+// WebKit's default styles, but applicable to a wider range of browsers. Its
+// usability and accessibility should be taken into account with any change.
+//
+// Example usage: change the default blue border and shadow to white for better
+// contrast against a dark gray background.
+
+.form-control-focus(@color: @input-border-focus) {
+ @color-rgba: rgba(red(@color), green(@color), blue(@color), .6);
+ &:focus {
+ border-color: @color;
+ outline: 0;
+ .box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px @{color-rgba}");
+ }
+}
+
+// Form control sizing
+//
+// Relative text size, padding, and border-radii changes for form controls. For
+// horizontal sizing, wrap controls in the predefined grid classes. ` |