JavaScript common:widget/ui/service/service-factory js示例

示例#1

文件： dash-menu.js 项目： WE-FE-TEAM/grape-cms

/**
 * 负责处理后台系统, 菜单栏的渲染和交互
 * Created by jess on 16/6/12.
 */


'use strict';

const utils = require('common:widget/ui/utils/utils.js');
const service = require('common:widget/ui/service/service-factory.js');

const dashService = service.getService('dash');

//菜单展开时
const MENU_UNFOLD = 'sub-menu-unfold';
//某个菜单选中时
const MENU_ITEM_SELECTED = 'menu-item-selected';

function generateMenuList(arr, index = 0) {
    let out = '<ul class="nav child_menu">';
    if (index == 0) {
        out = '<ul class="nav side-menu">';
    }
    arr.forEach((item, index) => {
        let children = item.children;
        let subMenus = '';
        let itemClass = 'menu-item';
        let itemText = '';
        if (children.length > 0) {
            itemClass += ' sub-menu-container';
            itemText = item.channelName;

示例#2

文件： article-edit-history.js 项目： WE-FE-TEAM/grape-cms

 */



const React = require('react');
const ReactDOM = require('react-dom');

const service = require('common:widget/ui/service/service-factory.js');

const utils = require('common:widget/ui/utils/utils.js');


const RLoadingIndicator = require('common:widget/react-ui/RLoadIndicator/RLoadIndicator.js');
const RTable = require('common:widget/react-ui/RTable/RTable.js');

const articleService = service.getService('article');

class ArticleEditHistory extends React.Component{
    
    constructor(props){
        super(props);
        
        this.state = {
            channelId : props.channelId,
            articleId : props.articleId,
            isLoading : false,
            history : null,
            errorMsg : ''
        };

        this.tableHeaderRenderer = this.tableHeaderRenderer.bind( this );

示例#3

文件： edit-data.js 项目： WE-FE-TEAM/grape-cms

const ReactDOM = require('react-dom');

const service = require('common:widget/ui/service/service-factory.js');

const utils = require('common:widget/ui/utils/utils.js');

const DataEditor = require('dash:widget/ui/data/data-editor/data-editor.js');
const DataEditHistory = require('dash:widget/ui/data/data-edit-history/data-edit-history.js');

const ACTION_VIEW = 'view';
const ACTION_ADD = 'add';
const ACTION_EDIT = 'edit';
const PUBLISH_TYPE_ONLINE = 'publish';
const PUBLISH_TYPE_PREVIEW = 'preview';

const dataService = service.getService('data');

class AppData extends React.Component {
    constructor(props) {
        super(props);
        this.state = {

            //是否正在发布预览中
            isPreviewing: false,
            //是否处于  正式发布中
            isPublishing: false

        };

        this.onDataPublishPreview = this.onDataPublishPreview.bind(this);
        this.onDataPublish = this.onDataPublish.bind(this);

示例#4

文件： user-manage.js 项目： WE-FE-TEAM/grape-cms

 * Created by jess on 16/6/15.
 */



'use strict';


const React = require('react');
const ReactDOM = require('react-dom');

const service = require('common:widget/ui/service/service-factory.js');

const utils = require('common:widget/ui/utils/utils.js');

const roleService = service.getService('role');

const AddUserDialog = require('dash:widget/ui/user/add-user-dialog/add-user-dialog.js');
const EditUserDialog = require('dash:widget/ui/user/edit-user-dialog/edit-user-dialog.js');
const DeleteUserDialog = require('dash:widget/ui/user/delete-user-dialog/delete-user-dialog.js');

const UserList = require('dash:widget/ui/user/user-list/user-list.js');

class App extends React.Component {

    constructor(props){
        
        super(props);
        
        this.state = {
            isShowAdd : false,

示例#5

文件： delete-user-dialog.js 项目： WE-FE-TEAM/grape-cms

'use strict';



const React = require('react');
const ReactDOM = require('react-dom');

const utils = require('common:widget/ui/utils/utils.js');
const service = require('common:widget/ui/service/service-factory.js');

const RDialog = require('common:widget/react-ui/RWeDialog/RWeDialog.js');
const RForm = require('common:widget/react-ui/RForm/RForm.js');

const TextInput = RForm.TextInput;

const userService = service.getService('user');



class DeleteRoleDialog extends React.Component {

    constructor( props ){

        super(props);

        this.state = {
            user : props.user,
            isLoading : false,
            errorMsg : ''
        };

示例#6

文件： page-list.js 项目： WE-FE-TEAM/grape-cms

 */


'use strict';


const React = require('react');
const ReactDOM = require('react-dom');

const RLoadingIndicator = require('common:widget/react-ui/RLoadIndicator/RLoadIndicator.js');
const RTable = require('common:widget/react-ui/RTable/RTable.js');

const utils = require('common:widget/ui/utils/utils.js');
const service = require('common:widget/ui/service/service-factory.js');

const articleService = service.getService('page');

function noop(){}


class PageList extends React.Component {
    
    constructor(props){
        super(props);
        
        this.state = {
            isLoading : false,
            pageDataList : null,
            count : 0,
            //用户点击翻页后, 要跳转到的页码
            targetPage : 0,

示例#7

文件： add-channel-dialog.js 项目： WE-FE-TEAM/grape-cms

const $ = require('common:widget/lib/jquery/jquery.js');
;
const React = require('react');
const ReactDOM = require('react-dom');
const utils = require('common:widget/ui/utils/utils.js');

const service = require('common:widget/ui/service/service-factory.js');

const RDialog = require('common:widget/react-ui/RWeDialog/RWeDialog.js');
const RForm = require('common:widget/react-ui/RForm/RForm.js');

const ChannelTypeSelect = require('dash:widget/ui/channel/channel-type-select/channel-type-select.js');

const TextInput = RForm.TextInput;
const Checkbox = RForm.Checkbox;
const channelService = service.getService('channel');

const channelUtil = utils.channelUtil;


class AddChannelDialog extends React.Component {

    constructor(props) {
        super(props);

        this.state = {
            isLoading: false,
            errorMsg: ''
        };

        this.submit = this.submit.bind(this);

示例#8

文件： delete-page-dialog.js 项目： WE-FE-TEAM/grape-cms

'use strict';



const React = require('react');
const ReactDOM = require('react-dom');

const utils = require('common:widget/ui/utils/utils.js');
const service = require('common:widget/ui/service/service-factory.js');

const RDialog = require('common:widget/react-ui/RWeDialog/RWeDialog.js');
const RForm = require('common:widget/react-ui/RForm/RForm.js');

const TextInput = RForm.TextInput;

const pageService = service.getService('page');



class DeletePageDialog extends React.Component {

    constructor( props ){

        super(props);

        this.state = {
            isLoading : false,
            errorMsg : ''
        };

        this.submit = this.submit.bind( this );