jawa-the-hutt

// base64 encoder (btoa) / decoder (atob) which you can use in your NativeScript app.
// 
// Usage (assuming you're in some component and this file is in the same folder:
//
//   require('./base64');
//
//   const username = "My Usernamé";
//   usernameBase64Encoded = btoa(username);

jawa-the-hutt

<template>
  <require from="aurelia-kendoui-bridge/buttongroup/buttongroup"></require>
  <require from="./logger.js"></require>
  <div id="example" data-use-native-scrolling="true">

    <div class="demo-section k-content">
      <ul ak-buttongroup="k-index.bind: 0"
          k-on-select.delegate="onSelect($event.detail)"
          style="margin: 0 auto;">
          <li>

jawa-the-hutt

<template>
    <require from="aurelia-kendoui-bridge/chart/chart"></require>
    <button click.delegate="showValue()">Show k-widget value</button>
    <ak-chart    k-title.bind="{text: 'Gross Domestic product growth \n /GDP annual %/'}"
                k-widget.two-way="chartWidget"
                view-model.ref="chartVM"
                k-legend.bind="{position: 'bottom'}"
                k-series-defaults.bind="seriesDefaults"
                k-series.bind="series"
                k-value-axis.bind="valueAxis"

jawa-the-hutt

<template>
 

    <div class="form-group">
      <label class="control-label" for="name">Name</label>
      <input type="text" class="form-control" id="name" placeholder="Name"
             value.bind="user.name & validate">
    </div>

    <div class="form-group">

jawa-the-hutt

<template>
  <form submit.delegate="submit()">
    <!--<ul><li repeat.for="error of controller.errors">${error.message}</li></ul>-->

    <div class="form-group">
      <label class="control-label" for="first">First Name</label>
      <select value.bind="firstName & updateTrigger:'input' & validate">
        <option value='Jason'>Jason</option>
        <option value='Fred'>Fred</option>
        <option value=''>None</option>

jawa-the-hutt

<template>
  <form submit.delegate="submit()">
    <!--<ul><li repeat.for="error of controller.errors">${error.message}</li></ul>-->

    <div class="form-group">
      <label class="control-label" for="projectTitle">Project Title</label>
      <input type="text" class="form-control" id="projectTitle" placeholder="Project Title"
             value.bind="project.projectTitle & validate">
    </div>

jawa-the-hutt

<template>
    <require from="./basic-use.css"></require>
    <section>
        <br>
        <h3>Basic KendoUI Grid sample</h3>
        <a href="https://github.com/aurelia-ui-toolkits/aurelia-kendoui-plugin/tree/master/sample/src/samples/grid">See KendoUI Bridge grid folder for more details</a>
        <br>
        <br>
         <ak-grid k-data-source.bind="datasource" k-pageable.bind="pageable" k-sortable.bind="true">
            <ak-col k-title="Contact Name" k-field="ContactName">

jawa-the-hutt

<template>
    <require from="./basic-use.css"></require>
    <section>
        <br>
        <h3>Basic KendoUI Button API sample</h3>
        <a href="https://github.com/aurelia-ui-toolkits/aurelia-kendoui-plugin/tree/master/sample/src/samples/button">See KendoUI Bridge button folder for more details</a>
        <br>
        <br>
        &nbsp;&nbsp;<button ak-button="k-icon: ungroup; k-widget.bind: button" k-on-click.delegate="test()">Kendo UI Button</button>
        <br>