https://github.com/redhataccess/redhat_access_angular_ui_inprod

Legacy Angular library for in prod integration
https://github.com/redhataccess/redhat_access_angular_ui_inprod

Last synced: about 2 months ago
JSON representation

Legacy Angular library for in prod integration

• Host: GitHub
• URL: https://github.com/redhataccess/redhat_access_angular_ui_inprod
• Owner: redhataccess
• License: other
• Created: 2016-03-11T18:53:00.000Z (over 10 years ago)
• Default Branch: master
• Last Pushed: 2016-05-12T20:38:53.000Z (about 10 years ago)
• Last Synced: 2025-03-23T04:17:15.359Z (about 1 year ago)
• Language: JavaScript
• Size: 315 KB
• Stars: 0
• Watchers: 22
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.txt

Awesome Lists containing this project

README

          
[![Build Status](https://travis-ci.org/redhataccess/redhat_access_angular_ui_inprod.svg?branch=master)](https://travis-ci.org/redhataccess/redhat_access_angular_ui_inprod)

This is a legacy in prod clone of https://github.com/redhataccess/redhat_access_angular_ui. Why did we clone instead of just using a branch in the original repo? Its a long story.....

### Installation  

Run 'npm install' and 'bower install' to pull in dependencies. 

Execute grunt build and check the dist folder for js and css files.

### StrataJS configuration

redhat_access_angular_ui uses [stratajs](https://github.com/redhataccess/stratajs) for communication with the Red Hat Customer Portal API and has a few options integrators should set.  These should be set prior to boostrapping the AngularJS application.

Set an identifier for auditing:  

~~~

window.strata.setRedhatClientID('product_name_and_version');  

~~~

Use a non-production Red Hat Customer Portal API:  

~~~

window.strata.setPortalHostname('hostname_with_no_protocol.com');  

~~~

### Bootstrapping a module inside of another angular app

#### HTML

~~~

  


    


      


        


      

    

  


~~~  

#### JavaScript

~~~

angular.module('RedhatAccess.cases').config(function ($urlRouterProvider, $httpProvider) {

  $urlRouterProvider.otherwise('case/list');

});

angular.element(document).ready(function() {

  angular.bootstrap(document.getElementById("redhat-access-cases"), ['RedhatAccess.cases']);

});

~~~

### Module configuration

The RedhatAccess.cases module has the following configuration options(They MUST ALL be specified if deviating from the default)  :  

~~~

angular.module('RedhatAccess.cases')

.value('NEW_CASE_CONFIG', {

  'showRecommendations': true,

  'showAttachments': true,

  'showServerSideAttachments': true

})

.value('EDIT_CASE_CONFIG', {

  'showDetails': true,

  'showDescription': true,

  'showBugzillas': true,

  'showAttachments': true,

  'showRecommendations': true,

  'showComments': true,

  'showServerSideAttachments': true,

  'showEmailNotifications': true

});

~~~

### IE8 Support

[Angular IE8 Support Doc](https://docs.angularjs.org/guide/ie)  

Included in bower_components but not in the dist/redhat_access_angular_ui.js combined module.  

The following shims and xmlns's should be defined:  

~~~

~~~