JavaScript react2angular react2angular Exemples

Exemple #1

Fichier : subnetTag.component.js Projet : emjburns/deck

'use strict';

import { SubnetTag } from './SubnetTag';
import { react2angular } from 'react2angular';

const angular = require('angular');

module.exports = angular
  .module('spinnaker.core.subnet.tag.component', [])
  .component('subnetTag', react2angular(SubnetTag, ['subnetId']));

Exemple #2

Fichier : StudentResourcesContainer.js Projet : redconfetti/calcentral

      .then(userRoles => {
        resolve(userRoles.student && (userRoles.undergrad || userRoles.graduate || userRoles.law || userRoles.concurrentEnrollmentStudent));
      });
    });
  }
  parseStudentResources(resources) {
    return new Promise(resolve => {
      const decoratedResources = _.each(resources, resource => {
        if (!_.isEmpty(resource.links)) {
          const currentPage = {
            name: this.props.$route.current.pageName,
            url: this.props.$location.absUrl()
          };
          this.props.linkService.addCurrentPagePropertiesToResources(resource.links, currentPage.name, currentPage.url);
        }
      });
      resolve(decoratedResources);
    });
  }
  render() {
    return (
      <div>
        <StudentResources resources={[...this.state.resources]} widgetConfig={{...this.state.widgetConfig}} />
      </div>
    );
  }
}
StudentResourcesContainer.propTypes = propTypes;

angular.module('calcentral.react').component('studentResourcesContainer', react2angular(StudentResourcesContainer, [], ['$route', '$location', 'academicsService', 'apiService', 'linkService', 'studentResourcesFactory']));

Exemple #3

Fichier : EnrollmentLinks.js Projet : ets-berkeley-edu/calcentral

  const acknowledgement = forTermId(props.calgrantAcknowledgements, currentTermId);
  const acknowledgementRequired = acknowledgement && isIncomplete(acknowledgement);

  return (
    <div className="EnrollmentLinks">
      <div className="EnrollmentLinks__link-container">
        <Add instruction={props.instruction} disabled={acknowledgementRequired} />
        <Drop instruction={props.instruction} disabled={acknowledgementRequired} />
        <Swap instruction={props.instruction} currentRoles={activeRoles(props.currentRole)} disabled={acknowledgementRequired} />
        <Options instruction={props.instruction} disabled={acknowledgementRequired} />
        <OptionsGradingEnd instruction={props.instruction} disabled={acknowledgementRequired} />
        <Withdraw instruction={props.instruction} />
        <ConcurrentDrop instruction={props.instruction} disabled={acknowledgementRequired} />
        <ConcurrentOptions instruction={props.instruction} disabled={acknowledgementRequired} />
      </div>

      {acknowledgementRequired &&
        <p className="EnrollmentLinks__calgrant-notice">
          Complete the <APILink {...acknowledgement.link} /> to enable enrollment
        </p>
      }
    </div>
  );
};

EnrollmentInstructionLinks.propTypes = propTypes;

angular.module('calcentral.react').component('enrollmentInstructionLinks', react2angular(EnrollmentInstructionLinks));

export default EnrollmentInstructionLinks;

Exemple #4

Fichier : AcademicSummary.js Projet : ets-berkeley-edu/calcentral

                        academics={this.state.academics}
                        user={this.state.user}
                      />
                      {this.showEnrollment() &&
                        <Enrollment
                          gpaUnits={this.state.academics.gpaUnits}
                          semesters={this.state.academics.semesters}
                          user={this.state.user}
                          transferCredit={this.state.transferCredit}
                          transferReportLink={this.tcReportLink()}
                        />
                      }
                    </div>
                  )
                  : <Spinner />
                }
              </div>
            </div>
          </div>
        </div>
      );
    } else {
      return <NotFound404 />;
    }
  }
}

angular.module('calcentral.react').component('academicSummary', react2angular(AcademicSummary));

export default AcademicSummary;

Exemple #5

Fichier : footer.js Projet : 13768324554/redash

export default function init(ngModule) {
  ngModule.component('footer', react2angular(Footer, [], ['clientConfig', 'currentUser']));
}

Exemple #6

Fichier : edit-in-place.js Projet : 13768324554/redash

export default function init(ngModule) {
  ngModule.component('editInPlace', react2angular(EditInPlace));
}

Exemple #7

Fichier : instanceLoadBalancerHealth.directive.js Projet : emjburns/deck

'use strict';

import { react2angular } from 'react2angular';
import { InstanceLoadBalancerHealth } from './InstanceLoadBalancerHealth';

const angular = require('angular');

module.exports = angular
  .module('spinnaker.core.instance.loadBalancer.health.directive', [])
  .component('instanceLoadBalancerHealth', react2angular(InstanceLoadBalancerHealth, ['loadBalancer']));