To what extend is it failing for you?

From: 
<[email protected]<mailto:[email protected]>>
 on behalf of Loren Cahlander 
<[email protected]<mailto:[email protected]>>
Reply-To: MarkLogic Developer Discussion 
<[email protected]<mailto:[email protected]>>
Date: Tuesday, August 16, 2016 at 1:59 PM
To: MarkLogic Developer Discussion 
<[email protected]<mailto:[email protected]>>
Subject: [MarkLogic Dev General] Looking for a Polymer/nodejs component for 
MarkLogic application level login/logout

Has anyone looked into creating a polymer component using Node.js for MarkLogic 
login?

Here is an example of a polymer webpage with a login panel.

<!doctype html>

<html>
    <head>
        <title>Easy Meta Hub</title>
        <meta charset="utf-8"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
        <link rel="manifest" href="/manifest.json"/>
        <script 
src="/bower_components/webcomponentsjs/webcomponents-lite.js"></script>
        <link rel="import" 
href="bower_components/paper-toolbar/paper-toolbar.html"/>
        <link rel="import" 
href="bower_components/paper-button/paper-button.html"/>
        <link rel="import" 
href="bower_components/paper-input/paper-input.html"/>
        <link rel="import" 
href="bower_components/paper-dialog/paper-dialog.html"/>
        <link rel="import" 
href="bower_components/iron-flex-layout/iron-flex-layout.html"/>
        <link rel="import" href="bower_components/iron-icons/iron-icons.html"/>
        <link rel="import" 
href="bower_components/paper-icon-button/paper-icon-button.html"/>
        <link rel="import" 
href="/src/easymetahub-harvest-models/easymetahub-harvest-models.html"/>
        <style is="custom-style">
    .centered {
      min-width: calc(100% - 200px);
    }

    paper-toolbar paper-progress {
      --paper-progress-active-color: var(--accent-color);
    }

    .spacer {
      @apply(--layout-flex);
    }
      #login {
    margin: 0;
  }

  </style>
    </head>
    <body>
        <paper-toolbar>
            <paper-icon-button icon="menu"></paper-icon-button>
            <span class="title">Easy Meta Hub</span>
            <paper-icon-button icon="lock" 
onclick="openBy(this)"></paper-icon-button>
            <paper-icon-button icon="search"></paper-icon-button>
        </paper-toolbar>
        <paper-dialog id="login" no-overlap horizontal-align="right" 
vertical-align="top">
            <h2>Login</h2>
            <div>
                <paper-input label="username"></paper-input>
                <paper-input label="password" type="password"></paper-input>
            </div>
            <div class="buttons">
                <paper-button dialog-dismiss>Cancel</paper-button>
                <paper-button dialog-confirm autofocus>Submit</paper-button>
            </div>
        </paper-dialog>
        <easymetahub-harvest-models></easymetahub-harvest-models>
        <script>
  function openBy(element) {
    login.positionTarget = element;
    login.open();
  }
</script>
    </body>
</html>

Thanks,

Loren
_______________________________________________
General mailing list
[email protected]
Manage your subscription at: 
http://developer.marklogic.com/mailman/listinfo/general

Reply via email to