DevelopmentView

ViewModels:

Things available in view model AdminOneUser

  • UserName : String
  • ContactEmail : String?
  • IsAdmin : Nullable?
  • MCoinAccount_CurrentStanding : Nullable?
  • MCoinAccount_CurrentStandingFreeCoins : Nullable?
  • Company : String?
  • MCoinAccount_LastDebitRun : Nullable?
  • MCoinAccount_LastFreeCoinRun : Nullable?
  • SendMeNews : Nullable?
  • AdminNotesOnUser : String?
  • VM_Validations 0..1
    • Validation_EmailValidation : Boolean
    • Validation_FreeMCoinsValidation : Boolean
    • Validation_MCoinsValidation : Boolean
  • VM_Status 0..1
    • AdminOneUser_UserName_ReadOnly : Boolean
    • AdminOneUser_UserName_Enabled : Boolean
    • AdminOneUser_UserName_Visible : Boolean
    • AdminOneUser_UserName_Style : String
    • AdminOneUser_ContactEmail_ReadOnly : Boolean
    • AdminOneUser_ContactEmail_Enabled : Boolean
    • AdminOneUser_ContactEmail_Visible : Boolean
    • AdminOneUser_ContactEmail_Style : String
    • AdminOneUser_IsAdmin_ReadOnly : Boolean
    • AdminOneUser_IsAdmin_Enabled : Boolean
    • AdminOneUser_IsAdmin_Visible : Boolean
    • AdminOneUser_IsAdmin_Style : String
    • AdminOneUser_MCoinAccount_CurrentStanding_ReadOnly : Boolean
    • AdminOneUser_MCoinAccount_CurrentStanding_Enabled : Boolean
    • AdminOneUser_MCoinAccount_CurrentStanding_Visible : Boolean
    • AdminOneUser_MCoinAccount_CurrentStanding_Style : String
    • AdminOneUser_MCoinAccount_CurrentStandingFreeCoins_ReadOnly : Boolean
    • AdminOneUser_MCoinAccount_CurrentStandingFreeCoins_Enabled : Boolean
    • AdminOneUser_MCoinAccount_CurrentStandingFreeCoins_Visible : Boolean
    • AdminOneUser_MCoinAccount_CurrentStandingFreeCoins_Style : String
    • AdminOneUser_Company_ReadOnly : Boolean
    • AdminOneUser_Company_Enabled : Boolean
    • AdminOneUser_Company_Visible : Boolean
    • AdminOneUser_Company_Style : String
    • AdminOneUser_MCoinAccount_LastDebitRun_ReadOnly : Boolean
    • AdminOneUser_MCoinAccount_LastDebitRun_Enabled : Boolean
    • AdminOneUser_MCoinAccount_LastDebitRun_Visible : Boolean
    • AdminOneUser_MCoinAccount_LastDebitRun_Style : String
    • AdminOneUser_MCoinAccount_LastFreeCoinRun_ReadOnly : Boolean
    • AdminOneUser_MCoinAccount_LastFreeCoinRun_Enabled : Boolean
    • AdminOneUser_MCoinAccount_LastFreeCoinRun_Visible : Boolean
    • AdminOneUser_MCoinAccount_LastFreeCoinRun_Style : String
    • AdminOneUser_SendMeNews_ReadOnly : Boolean
    • AdminOneUser_SendMeNews_Enabled : Boolean
    • AdminOneUser_SendMeNews_Visible : Boolean
    • AdminOneUser_SendMeNews_Style : String
    • AdminOneUser_Licenses_ReadOnly : Boolean
    • AdminOneUser_Licenses_Enabled : Boolean
    • AdminOneUser_Licenses_Visible : Boolean
    • AdminOneUser_Licenses_Style : String
    • AdminOneUser_TurnkeyUser_ReadOnly : Boolean
    • AdminOneUser_TurnkeyUser_Enabled : Boolean
    • AdminOneUser_TurnkeyUser_Visible : Boolean
    • AdminOneUser_TurnkeyUser_Style : String
    • AdminOneUser_AdminNotesOnUser_ReadOnly : Boolean
    • AdminOneUser_AdminNotesOnUser_Enabled : Boolean
    • AdminOneUser_AdminNotesOnUser_Visible : Boolean
    • AdminOneUser_AdminNotesOnUser_Style : String
    • License_LicenseIdentity_ReadOnly : Boolean
    • License_LicenseIdentity_Enabled : Boolean
    • License_LicenseIdentity_Visible : Boolean
    • License_LicenseIdentity_Style : String
    • License_ProductString_ReadOnly : Boolean
    • License_ProductString_Enabled : Boolean
    • License_ProductString_Visible : Boolean
    • License_ProductString_Style : String
    • License_IsValid_ReadOnly : Boolean
    • License_IsValid_Enabled : Boolean
    • License_IsValid_Visible : Boolean
    • License_IsValid_Style : String
    • License_IsActive_ReadOnly : Boolean
    • License_IsActive_Enabled : Boolean
    • License_IsActive_Visible : Boolean
    • License_IsActive_Style : String
    • TurnkeyUser_IdName_ReadOnly : Boolean
    • TurnkeyUser_IdName_Enabled : Boolean
    • TurnkeyUser_IdName_Visible : Boolean
    • TurnkeyUser_IdName_Style : String
    • TurnkeyUser_CanAddOthers_ReadOnly : Boolean
    • TurnkeyUser_CanAddOthers_Enabled : Boolean
    • TurnkeyUser_CanAddOthers_Visible : Boolean
    • TurnkeyUser_CanAddOthers_Style : String
    • TurnkeyUser_UsedData_ReadOnly : Boolean
    • TurnkeyUser_UsedData_Enabled : Boolean
    • TurnkeyUser_UsedData_Visible : Boolean
    • TurnkeyUser_UsedData_Style : String
    • TurnkeyUser_UsedDataDate_ReadOnly : Boolean
    • TurnkeyUser_UsedDataDate_Enabled : Boolean
    • TurnkeyUser_UsedDataDate_Visible : Boolean
    • TurnkeyUser_UsedDataDate_Style : String
    • TurnkeyUser_PaidBy_ReadOnly : Boolean
    • TurnkeyUser_PaidBy_Enabled : Boolean
    • TurnkeyUser_PaidBy_Visible : Boolean
    • TurnkeyUser_PaidBy_Style : String
    • CompleteVM_ReadOnly : Boolean
    • ModalOk_Enable : Boolean
  • VM_Variables 0..1
    • selfVM : Eco.UmlRt.ViewModelReferenceType
    • vCurrent_AdminOneUser : SysUser
    • vCurrent_AdminOneUser_AsExternalId : String
    • vCurrent_Root : SysUser
    • vCurrent_Root_AsExternalId : String
    • vCurrent_License : License
    • vCurrent_License_AsExternalId : String
    • vSelected_License : Collection(License)
    • vCurrent_TurnkeyUser : TurnkeyUser
    • vCurrent_TurnkeyUser_AsExternalId : String
    • vSelected_TurnkeyUser : Collection(TurnkeyUser)
    • vGridActionArgument : String
    • __UserSidebarShowMemory : Boolean
    • vClipbookData : String
  • Licenses 0..*
    • vCurrent : Boolean
    • vSelected : Boolean
    • LicenseIdentity : String?
    • ProductString : String?
    • IsValid : Nullable?
    • IsActive : Nullable?
  • TurnkeyUser 0..*
    • vCurrent : Boolean
    • vSelected : Boolean
    • IdName : String
    • CanAddOthers : Boolean
    • UsedData : Nullable?
    • UsedDataDate : Nullable?
    • PaidBy : String

This is how we would do Angular widgets that bind to the properties in AdminOneUser

Input text for UserName

<div class="tk-input-field__container"><input type="text" tk-input-field="" maxlength="255" name="UserName" id="AdminOneUser.UserName" ng-class="ViewModelRoot.VM_Status.AdminOneUser_UserName_Style" ng-disabled="!ViewModelRoot.VM_Status.AdminOneUser_UserName_Enabled" ng-readonly="ViewModelRoot.VM_Status.AdminOneUser_UserName_ReadOnly" ng-model="ViewModelRoot.Curr_AdminOneUser().UserName" autocomplete="off" class="tk-input-field__native"><span></span></div>

Input text for ContactEmail

<div class="tk-input-field__container"><input type="text" tk-input-field="" maxlength="255" name="ContactEmail" id="AdminOneUser.ContactEmail" ng-class="[ViewModelRoot.VM_Status.AdminOneUser_ContactEmail_Style, ViewData.DataErrors._dataErrors['AdminOneUser.ContactEmail'].length > 0 ? 'has-error' : 'has-success']" ng-disabled="!ViewModelRoot.VM_Status.AdminOneUser_ContactEmail_Enabled" ng-readonly="ViewModelRoot.VM_Status.AdminOneUser_ContactEmail_ReadOnly" ng-model="ViewModelRoot.Curr_AdminOneUser().ContactEmail" autocomplete="off" class="tk-input-field__native"><span></span></div>

Floating point Input for MCoinAccount_CurrentStanding

<div class="tk-input-field__container"><input type="number" tk-input-field="" inputmode="numeric" step="any" name="MCoinAccount_CurrentStanding" id="AdminOneUser.MCoinAccount_CurrentStanding" ng-class="[ViewModelRoot.VM_Status.AdminOneUser_MCoinAccount_CurrentStanding_Style, ViewData.DataErrors._dataErrors['AdminOneUser.MCoinAccount_CurrentStanding'].length > 0 ? 'has-error' : 'has-success']" ng-disabled="!ViewModelRoot.VM_Status.AdminOneUser_MCoinAccount_CurrentStanding_Enabled" ng-readonly="ViewModelRoot.VM_Status.AdminOneUser_MCoinAccount_CurrentStanding_ReadOnly" ng-model="ViewModelRoot.Curr_AdminOneUser().MCoinAccount_CurrentStanding" ng-pattern="/^\-?\d+((\.|\,)\d+)?$/" autocomplete="off" onfocus="this.select();" class="tk-input-field__native"><span></span></div>

Floating point Input for MCoinAccount_CurrentStandingFreeCoins

<div class="tk-input-field__container"><input type="number" tk-input-field="" inputmode="numeric" step="any" name="MCoinAccount_CurrentStandingFreeCoins" id="AdminOneUser.MCoinAccount_CurrentStandingFreeCoins" ng-class="ViewModelRoot.VM_Status.AdminOneUser_MCoinAccount_CurrentStandingFreeCoins_Style" ng-disabled="!ViewModelRoot.VM_Status.AdminOneUser_MCoinAccount_CurrentStandingFreeCoins_Enabled" ng-readonly="ViewModelRoot.VM_Status.AdminOneUser_MCoinAccount_CurrentStandingFreeCoins_ReadOnly" ng-model="ViewModelRoot.Curr_AdminOneUser().MCoinAccount_CurrentStandingFreeCoins" ng-pattern="/^\-?\d+((\.|\,)\d+)?$/" autocomplete="off" onfocus="this.select();" class="tk-input-field__native"><span></span></div>

Checkbox for IsAdmin

<input type="checkbox" name="IsAdmin" id="AdminOneUser.IsAdmin" ng-class="ViewModelRoot.VM_Status.AdminOneUser_IsAdmin_Style" ng-readonly="ViewModelRoot.VM_Status.AdminOneUser_IsAdmin_ReadOnly" ng-disabled="!ViewModelRoot.VM_Status.AdminOneUser_IsAdmin_Enabled" ng-model="ViewModelRoot.Curr_AdminOneUser().IsAdmin" class="tk-checkbox__native">

Checkbox for SendMeNews

<input type="checkbox" name="SendMeNews" id="AdminOneUser.SendMeNews" ng-class="ViewModelRoot.VM_Status.AdminOneUser_SendMeNews_Style" ng-readonly="ViewModelRoot.VM_Status.AdminOneUser_SendMeNews_ReadOnly" ng-disabled="!ViewModelRoot.VM_Status.AdminOneUser_SendMeNews_Enabled" ng-model="ViewModelRoot.Curr_AdminOneUser().SendMeNews" class="tk-checkbox__native">

Date picker for MCoinAccount_LastDebitRun

<div class="tk-input-field__container"><input type="date" tk-input-field="" name="MCoinAccount_LastDebitRun" id="AdminOneUser.MCoinAccount_LastDebitRun" ng-class="ViewModelRoot.VM_Status.AdminOneUser_MCoinAccount_LastDebitRun_Style" ng-disabled="!ViewModelRoot.VM_Status.AdminOneUser_MCoinAccount_LastDebitRun_Enabled" ng-readonly="ViewModelRoot.VM_Status.AdminOneUser_MCoinAccount_LastDebitRun_ReadOnly" ng-model="ViewModelRoot.Curr_AdminOneUser().MCoinAccount_LastDebitRun" autocomplete="off" class="tk-input-field__native"><span></span></div>

Date picker for MCoinAccount_LastFreeCoinRun

<div class="tk-input-field__container"><input type="date" tk-input-field="" name="MCoinAccount_LastFreeCoinRun" id="AdminOneUser.MCoinAccount_LastFreeCoinRun" ng-class="[ViewModelRoot.VM_Status.AdminOneUser_MCoinAccount_LastFreeCoinRun_Style, ViewData.DataErrors._dataErrors['AdminOneUser.MCoinAccount_LastFreeCoinRun'].length > 0 ? 'has-error' : 'has-success']" ng-disabled="!ViewModelRoot.VM_Status.AdminOneUser_MCoinAccount_LastFreeCoinRun_Enabled" ng-readonly="ViewModelRoot.VM_Status.AdminOneUser_MCoinAccount_LastFreeCoinRun_ReadOnly" ng-model="ViewModelRoot.Curr_AdminOneUser().MCoinAccount_LastFreeCoinRun" autocomplete="off" class="tk-input-field__native"><span></span></div>

Input text for Company

<div class="tk-input-field__container"><input type="text" tk-input-field="" maxlength="255" name="Company" id="AdminOneUser.Company" ng-class="ViewModelRoot.VM_Status.AdminOneUser_Company_Style" ng-disabled="!ViewModelRoot.VM_Status.AdminOneUser_Company_Enabled" ng-readonly="ViewModelRoot.VM_Status.AdminOneUser_Company_ReadOnly" ng-model="ViewModelRoot.Curr_AdminOneUser().Company" autocomplete="off" class="tk-input-field__native"><span></span></div>

TextArea for AdminNotesOnUser

<div class="tk-input-field__container"><TextArea rows="2" ng-model="ViewModelRoot.Curr_AdminOneUser().AdminNotesOnUser" ng-class="ViewModelRoot.VM_Status.AdminOneUser_AdminNotesOnUser_Style" ng-readonly="ViewModelRoot.VM_Status.AdminOneUser_AdminNotesOnUser_ReadOnly" ng-disabled="!ViewModelRoot.VM_Status.AdminOneUser_AdminNotesOnUser_Enabled" class="tk-input-field__native"></TextArea></div>

Checkbox for IsValid

<input type="checkbox" name="Licenses.vCurr.IsValid" ng-class="ViewModelRoot.VM_Status.License_IsValid_Style" ng-readonly="true" ng-disabled="true" ng-model="row.IsValid" class="tk-checkbox__native">

Checkbox for IsActive

<input type="checkbox" name="Licenses.vCurr.IsActive" ng-class="ViewModelRoot.VM_Status.License_IsActive_Style" ng-readonly="true" ng-disabled="true" ng-model="row.IsActive" class="tk-checkbox__native">

Data in Grid for Licenses

<div class="tk-data-table__content tk-data-table__content--min-height tk-data-table__content--advanced"><table tk-advanced-table="" data-col-name="Licenses" data-class-name="License" tabindex="0" data-cols="4" class="tk-data-table__native"><thead><tr class="tk-data-table__header-row"><th title="License Identity" role="columnheader" ng-click="orderBy('License','LicenseIdentity', $event)" ng-class="[ViewModelRoot.VM_Status.License_LicenseIdentity_Style,{'ascending': License_OrderColumnName === 'LicenseIdentity' && !License_OrderColumnReverseState }, {'descending': License_OrderColumnName === 'LicenseIdentity' && License_OrderColumnReverseState }]" ng-show="ViewModelRoot.VM_Status.License_LicenseIdentity_Visible" colname="LicenseIdentity" modeltype="String" class="tk-data-table__header-cell order-enabled"><span>License Identity</span></th><th title="Product String" role="columnheader" ng-click="orderBy('License','ProductString', $event)" ng-class="[ViewModelRoot.VM_Status.License_ProductString_Style,{'ascending': License_OrderColumnName === 'ProductString' && !License_OrderColumnReverseState }, {'descending': License_OrderColumnName === 'ProductString' && License_OrderColumnReverseState }]" ng-show="ViewModelRoot.VM_Status.License_ProductString_Visible" colname="ProductString" modeltype="String" class="tk-data-table__header-cell order-enabled"><span>Product String</span></th><th title="Is Valid" role="columnheader" ng-click="orderBy('License','IsValid', $event)" ng-class="[ViewModelRoot.VM_Status.License_IsValid_Style,{'ascending': License_OrderColumnName === 'IsValid' && !License_OrderColumnReverseState }, {'descending': License_OrderColumnName === 'IsValid' && License_OrderColumnReverseState }]" ng-show="ViewModelRoot.VM_Status.License_IsValid_Visible" colname="IsValid" modeltype="Boolean" class="tk-data-table__header-cell order-enabled"><span>Is Valid</span></th><th title="Is Active" role="columnheader" ng-click="orderBy('License','IsActive', $event)" ng-class="[ViewModelRoot.VM_Status.License_IsActive_Style,{'ascending': License_OrderColumnName === 'IsActive' && !License_OrderColumnReverseState }, {'descending': License_OrderColumnName === 'IsActive' && License_OrderColumnReverseState }]" ng-show="ViewModelRoot.VM_Status.License_IsActive_Visible" colname="IsActive" modeltype="Boolean" class="tk-data-table__header-cell order-enabled"><span>Is Active</span></th></tr></thead><tbody><tr ng-repeat="row in ViewModelRoot.Curr_AdminOneUser().RefreshAndReturnSorted('License','Licenses')" ng-class="{'vmCurrentRow':row.vCurrent}" tk-data-table-row="" showActions="true" class="tk-data-table__row"><td colname="LicenseIdentity" ng-show="ViewModelRoot.VM_Status.License_LicenseIdentity_Visible" ng-class="ViewModelRoot.VM_Status.License_LicenseIdentity_Style" tabindex="1" class="tk-data-table__cell"><div modeltype="String" title="{{row.LicenseIdentity}}">{{row.LicenseIdentity}}</div></td><td colname="ProductString" ng-show="ViewModelRoot.VM_Status.License_ProductString_Visible" ng-class="ViewModelRoot.VM_Status.License_ProductString_Style" tabindex="1" class="tk-data-table__cell"><div modeltype="String" title="{{row.ProductString}}">{{row.ProductString}}</div></td><td colname="IsValid" ng-show="ViewModelRoot.VM_Status.License_IsValid_Visible" ng-class="ViewModelRoot.VM_Status.License_IsValid_Style" tabindex="1" class="tk-data-table__cell"><div ng-class="ViewModelRoot.VM_Status.License_IsValid_Style" class="tk-checkbox__inner"><label ng-class="{'tk-checkbox__content--disabled' : ViewModelRoot.VM_Status.License_IsValid_ReadOnly}" class="tk-checkbox__content ripple-effect"><input type="checkbox" name="Licenses.vCurr.IsValid" ng-class="ViewModelRoot.VM_Status.License_IsValid_Style" ng-readonly="true" ng-disabled="true" ng-model="row.IsValid" class="tk-checkbox__native"><div class="tk-checkbox__interactive"><svg viewBox="0 0 24 24" class="tk-checkbox__checkmark"><path fill="none" stroke="white" d="M1.73,12.91 8.1,19.28 22.79,4.59" class="tk-checkbox__checkmark-path"></path></svg></div></label><label for="License.IsValid"></label></div></td><td colname="IsActive" ng-show="ViewModelRoot.VM_Status.License_IsActive_Visible" ng-class="ViewModelRoot.VM_Status.License_IsActive_Style" tabindex="1" class="tk-data-table__cell"><div ng-class="ViewModelRoot.VM_Status.License_IsActive_Style" class="tk-checkbox__inner"><label ng-class="{'tk-checkbox__content--disabled' : ViewModelRoot.VM_Status.License_IsActive_ReadOnly}" class="tk-checkbox__content ripple-effect"><input type="checkbox" name="Licenses.vCurr.IsActive" ng-class="ViewModelRoot.VM_Status.License_IsActive_Style" ng-readonly="true" ng-disabled="true" ng-model="row.IsActive" class="tk-checkbox__native"><div class="tk-checkbox__interactive"><svg viewBox="0 0 24 24" class="tk-checkbox__checkmark"><path fill="none" stroke="white" d="M1.73,12.91 8.1,19.28 22.79,4.59" class="tk-checkbox__checkmark-path"></path></svg></div></label><label for="License.IsActive"></label></div></td></tr></tbody><colgroup><col colspan="1" colname="LicenseIdentity" style="width:25%;" ng-class="{'tk-data-table__highlite': ViewModelRoot.VM_Variables.vSeekerHiliteColumn === 'LicenseIdentity'}" ng-show="ViewModelRoot.VM_Status.License_LicenseIdentity_Visible" class="tk-data-table__column"><col colspan="1" colname="ProductString" style="width:25%;" ng-class="{'tk-data-table__highlite': ViewModelRoot.VM_Variables.vSeekerHiliteColumn === 'ProductString'}" ng-show="ViewModelRoot.VM_Status.License_ProductString_Visible" class="tk-data-table__column"><col colspan="1" colname="IsValid" style="width:25%;" ng-class="{'tk-data-table__highlite': ViewModelRoot.VM_Variables.vSeekerHiliteColumn === 'IsValid'}" ng-show="ViewModelRoot.VM_Status.License_IsValid_Visible" class="tk-data-table__column"><col colspan="1" colname="IsActive" style="width:25%;" ng-class="{'tk-data-table__highlite': ViewModelRoot.VM_Variables.vSeekerHiliteColumn === 'IsActive'}" ng-show="ViewModelRoot.VM_Status.License_IsActive_Visible" class="tk-data-table__column"></colgroup></table></div>

Checkbox for CanAddOthers

<input type="checkbox" name="TurnkeyUser.vCurr.CanAddOthers" ng-class="ViewModelRoot.VM_Status.TurnkeyUser_CanAddOthers_Style" ng-readonly="true" ng-disabled="true" ng-model="row.CanAddOthers" class="tk-checkbox__native">

Data in Grid for TurnkeyUser

<div class="tk-data-table__content tk-data-table__content--min-height tk-data-table__content--advanced"><table tk-advanced-table="" data-col-name="TurnkeyUser" data-class-name="TurnkeyUser" tabindex="0" data-cols="5" class="tk-data-table__native"><thead><tr class="tk-data-table__header-row"><th title="Id Name" role="columnheader" ng-click="orderBy('TurnkeyUser','IdName', $event)" ng-class="[ViewModelRoot.VM_Status.TurnkeyUser_IdName_Style,{'ascending': TurnkeyUser_OrderColumnName === 'IdName' && !TurnkeyUser_OrderColumnReverseState }, {'descending': TurnkeyUser_OrderColumnName === 'IdName' && TurnkeyUser_OrderColumnReverseState }]" ng-show="ViewModelRoot.VM_Status.TurnkeyUser_IdName_Visible" colname="IdName" modeltype="String" class="tk-data-table__header-cell order-enabled"><span>Id Name</span></th><th title="Can Add Others" role="columnheader" ng-click="orderBy('TurnkeyUser','CanAddOthers', $event)" ng-class="[ViewModelRoot.VM_Status.TurnkeyUser_CanAddOthers_Style,{'ascending': TurnkeyUser_OrderColumnName === 'CanAddOthers' && !TurnkeyUser_OrderColumnReverseState }, {'descending': TurnkeyUser_OrderColumnName === 'CanAddOthers' && TurnkeyUser_OrderColumnReverseState }]" ng-show="ViewModelRoot.VM_Status.TurnkeyUser_CanAddOthers_Visible" colname="CanAddOthers" modeltype="Boolean" class="tk-data-table__header-cell order-enabled"><span>Can Add Others</span></th><th title="Used Data" role="columnheader" ng-click="orderBy('TurnkeyUser','UsedData', $event)" ng-class="[ViewModelRoot.VM_Status.TurnkeyUser_UsedData_Style,{'ascending': TurnkeyUser_OrderColumnName === 'UsedData' && !TurnkeyUser_OrderColumnReverseState }, {'descending': TurnkeyUser_OrderColumnName === 'UsedData' && TurnkeyUser_OrderColumnReverseState }]" ng-show="ViewModelRoot.VM_Status.TurnkeyUser_UsedData_Visible" colname="UsedData" modeltype="Double" class="tk-data-table__header-cell order-enabled numeric"><span>Used Data</span></th><th title="Used Data Date" role="columnheader" ng-click="orderBy('TurnkeyUser','UsedDataDate', $event)" ng-class="[ViewModelRoot.VM_Status.TurnkeyUser_UsedDataDate_Style,{'ascending': TurnkeyUser_OrderColumnName === 'UsedDataDate' && !TurnkeyUser_OrderColumnReverseState }, {'descending': TurnkeyUser_OrderColumnName === 'UsedDataDate' && TurnkeyUser_OrderColumnReverseState }]" ng-show="ViewModelRoot.VM_Status.TurnkeyUser_UsedDataDate_Visible" colname="UsedDataDate" modeltype="DateTime" class="tk-data-table__header-cell order-enabled"><span>Used Data Date</span></th><th title="Paid By" role="columnheader" ng-click="orderBy('TurnkeyUser','PaidBy', $event)" ng-class="[ViewModelRoot.VM_Status.TurnkeyUser_PaidBy_Style,{'ascending': TurnkeyUser_OrderColumnName === 'PaidBy' && !TurnkeyUser_OrderColumnReverseState }, {'descending': TurnkeyUser_OrderColumnName === 'PaidBy' && TurnkeyUser_OrderColumnReverseState }]" ng-show="ViewModelRoot.VM_Status.TurnkeyUser_PaidBy_Visible" colname="PaidBy" modeltype="String" class="tk-data-table__header-cell order-enabled"><span>Paid By</span></th></tr></thead><tbody><tr ng-repeat="row in ViewModelRoot.Curr_AdminOneUser().RefreshAndReturnSorted('TurnkeyUser','TurnkeyUser')" ng-class="{'vmCurrentRow':row.vCurrent}" tk-data-table-row="" showActions="true" class="tk-data-table__row"><td colname="IdName" ng-show="ViewModelRoot.VM_Status.TurnkeyUser_IdName_Visible" ng-class="ViewModelRoot.VM_Status.TurnkeyUser_IdName_Style" tabindex="1" class="tk-data-table__cell"><div modeltype="String" title="{{row.IdName}}">{{row.IdName}}</div></td><td colname="CanAddOthers" ng-show="ViewModelRoot.VM_Status.TurnkeyUser_CanAddOthers_Visible" ng-class="ViewModelRoot.VM_Status.TurnkeyUser_CanAddOthers_Style" tabindex="1" class="tk-data-table__cell"><div ng-class="ViewModelRoot.VM_Status.TurnkeyUser_CanAddOthers_Style" class="tk-checkbox__inner"><label ng-class="{'tk-checkbox__content--disabled' : ViewModelRoot.VM_Status.TurnkeyUser_CanAddOthers_ReadOnly}" class="tk-checkbox__content ripple-effect"><input type="checkbox" name="TurnkeyUser.vCurr.CanAddOthers" ng-class="ViewModelRoot.VM_Status.TurnkeyUser_CanAddOthers_Style" ng-readonly="true" ng-disabled="true" ng-model="row.CanAddOthers" class="tk-checkbox__native"><div class="tk-checkbox__interactive"><svg viewBox="0 0 24 24" class="tk-checkbox__checkmark"><path fill="none" stroke="white" d="M1.73,12.91 8.1,19.28 22.79,4.59" class="tk-checkbox__checkmark-path"></path></svg></div></label><label for="TurnkeyUser.CanAddOthers"></label></div></td><td colname="UsedData" ng-show="ViewModelRoot.VM_Status.TurnkeyUser_UsedData_Visible" ng-class="ViewModelRoot.VM_Status.TurnkeyUser_UsedData_Style" tabindex="1" class="tk-data-table__cell numeric"><div modeltype="Double" title="{{row.UsedData| number:2}}">{{row.UsedData| number:2}}</div></td><td colname="UsedDataDate" ng-show="ViewModelRoot.VM_Status.TurnkeyUser_UsedDataDate_Visible" ng-class="ViewModelRoot.VM_Status.TurnkeyUser_UsedDataDate_Style" tabindex="1" class="tk-data-table__cell"><div modeltype="DateTime" title="{{row.UsedDataDate| date:'shortDate'}}">{{row.UsedDataDate| date:'shortDate'}}</div></td><td colname="PaidBy" ng-show="ViewModelRoot.VM_Status.TurnkeyUser_PaidBy_Visible" ng-class="ViewModelRoot.VM_Status.TurnkeyUser_PaidBy_Style" tabindex="1" class="tk-data-table__cell"><div modeltype="String" title="{{row.PaidBy}}">{{row.PaidBy}}</div></td><td class="tk-data-table__cell tk-data-table__cell--context"><div class="show-actions"><button role="button" class="tk-button__native fab flat icon-button ripple-effect context-actions"><span class="mi">more_vert</span></button></div></td></tr></tbody><colgroup><col colspan="1" colname="IdName" style="width:20%;" ng-class="{'tk-data-table__highlite': ViewModelRoot.VM_Variables.vSeekerHiliteColumn === 'IdName'}" ng-show="ViewModelRoot.VM_Status.TurnkeyUser_IdName_Visible" class="tk-data-table__column"><col colspan="1" colname="CanAddOthers" style="width:20%;" ng-class="{'tk-data-table__highlite': ViewModelRoot.VM_Variables.vSeekerHiliteColumn === 'CanAddOthers'}" ng-show="ViewModelRoot.VM_Status.TurnkeyUser_CanAddOthers_Visible" class="tk-data-table__column"><col colspan="1" colname="UsedData" style="width:20%;" ng-class="{'tk-data-table__highlite': ViewModelRoot.VM_Variables.vSeekerHiliteColumn === 'UsedData'}" ng-show="ViewModelRoot.VM_Status.TurnkeyUser_UsedData_Visible" class="tk-data-table__column"><col colspan="1" colname="UsedDataDate" style="width:20%;" ng-class="{'tk-data-table__highlite': ViewModelRoot.VM_Variables.vSeekerHiliteColumn === 'UsedDataDate'}" ng-show="ViewModelRoot.VM_Status.TurnkeyUser_UsedDataDate_Visible" class="tk-data-table__column"><col colspan="1" colname="PaidBy" style="width:20%;" ng-class="{'tk-data-table__highlite': ViewModelRoot.VM_Variables.vSeekerHiliteColumn === 'PaidBy'}" ng-show="ViewModelRoot.VM_Status.TurnkeyUser_PaidBy_Visible" class="tk-data-table__column"></colgroup></table></div>

This is how we would do Angular widgets for actions in AdminOneUser

Global actions like save,cancel,undo and redo

<div ng-show="root.VM.ActionsByGroup('GLOBAL').length>0" class="list-group-item active vmSideMenuHeader">{{root.VM.ActionsByGroup('GLOBAL')[0].GroupHeader}}</div> <button ng-repeat="oneaction in root.VM.ActionsByGroup('GLOBAL') | orderBy:'+SortKey'" ng-class="oneaction.Class" ng-click="root.VM.Execute('GLOBAL',oneaction.Action); " ng-disabled="!oneaction.Enable" class="list-group-item vmSideMenu nav btn-block btn-xs btn">{{oneaction.SubMenuGroup}} - {{oneaction.Presentation}}</button>

Actions for AdminOneUser

<div ng-show="root.VM.ActionsByGroup('AdminOneUser').length>0" class="list-group-item active vmSideMenuHeader">{{root.VM.ActionsByGroup('AdminOneUser')[0].GroupHeader}}</div> <button ng-repeat="oneaction in root.VM.ActionsByGroup('AdminOneUser') | orderBy:'+SortKey'" ng-class="oneaction.Class" ng-click="root.VM.Execute('AdminOneUser',oneaction.Action); " ng-disabled="!oneaction.Enable" class="list-group-item vmSideMenu nav btn-block btn-xs btn">{{oneaction.SubMenuGroup}} - {{oneaction.Presentation}}</button>

Actions for License

<div ng-show="root.VM.ActionsByGroup('License').length>0" class="list-group-item active vmSideMenuHeader">{{root.VM.ActionsByGroup('License')[0].GroupHeader}}</div> <button ng-repeat="oneaction in root.VM.ActionsByGroup('License') | orderBy:'+SortKey'" ng-class="oneaction.Class" ng-click="root.VM.Execute('License',oneaction.Action); " ng-disabled="!oneaction.Enable" class="list-group-item vmSideMenu nav btn-block btn-xs btn">{{oneaction.SubMenuGroup}} - {{oneaction.Presentation}}</button>

Actions for TurnkeyUser

<div ng-show="root.VM.ActionsByGroup('TurnkeyUser').length>0" class="list-group-item active vmSideMenuHeader">{{root.VM.ActionsByGroup('TurnkeyUser')[0].GroupHeader}}</div> <button ng-repeat="oneaction in root.VM.ActionsByGroup('TurnkeyUser') | orderBy:'+SortKey'" ng-class="oneaction.Class" ng-click="root.VM.Execute('TurnkeyUser',oneaction.Action); " ng-disabled="!oneaction.Enable" class="list-group-item vmSideMenu nav btn-block btn-xs btn">{{oneaction.SubMenuGroup}} - {{oneaction.Presentation}}</button>

MVC

This is how we suggest you do MVC bindings to the properties in AdminOneUser

Input text for UserName

<div class="tk-input-field__container"><input type="text" tk-input-field="" maxlength="255" name="UserName" id="AdminOneUser.UserName" @if(!Html.GetStatus("AdminOneUser_UserName_Enabled")) {<text>disabled</text>}="" @if(Html.GetStatus("AdminOneUser_UserName_ReadOnly")) {<text>readonly</text>}="" value="@Html.DisplayMemberForvCurrent("AdminOneUser","UserName","")" autocomplete="off" class="tk-input-field__native @Html.GetStatus("AdminOneUser_UserName_Style").ToString()"><span></span></div>

Input text for ContactEmail

<div class="tk-input-field__container"><input type="text" tk-input-field="" maxlength="255" name="ContactEmail" id="AdminOneUser.ContactEmail" @if(!Html.GetStatus("AdminOneUser_ContactEmail_Enabled")) {<text>disabled</text>}="" @if(Html.GetStatus("AdminOneUser_ContactEmail_ReadOnly")) {<text>readonly</text>}="" value="@Html.DisplayMemberForvCurrent("AdminOneUser","ContactEmail","")" autocomplete="off" class="tk-input-field__native @Html.GetStatus("AdminOneUser_ContactEmail_Style").ToString()"><span></span></div>

Floating point Input for MCoinAccount_CurrentStanding

<div class="tk-input-field__container"><input type="number" tk-input-field="" inputmode="numeric" step="0.01" name="MCoinAccount_CurrentStanding" id="AdminOneUser.MCoinAccount_CurrentStanding" @if(!Html.GetStatus("AdminOneUser_MCoinAccount_CurrentStanding_Enabled")) {<text>disabled</text>}="" @if(Html.GetStatus("AdminOneUser_MCoinAccount_CurrentStanding_ReadOnly")) {<text>readonly</text>}="" value="@Html.DisplayMemberForvCurrent("AdminOneUser","MCoinAccount_CurrentStanding","")" autocomplete="off" onfocus="this.select();" class="tk-input-field__native @Html.GetStatus("AdminOneUser_MCoinAccount_CurrentStanding_Style").ToString()"><span></span></div>

Floating point Input for MCoinAccount_CurrentStandingFreeCoins

<div class="tk-input-field__container"><input type="number" tk-input-field="" inputmode="numeric" step="0.01" name="MCoinAccount_CurrentStandingFreeCoins" id="AdminOneUser.MCoinAccount_CurrentStandingFreeCoins" @if(!Html.GetStatus("AdminOneUser_MCoinAccount_CurrentStandingFreeCoins_Enabled")) {<text>disabled</text>}="" @if(Html.GetStatus("AdminOneUser_MCoinAccount_CurrentStandingFreeCoins_ReadOnly")) {<text>readonly</text>}="" value="@Html.DisplayMemberForvCurrent("AdminOneUser","MCoinAccount_CurrentStandingFreeCoins","")" autocomplete="off" onfocus="this.select();" class="tk-input-field__native @Html.GetStatus("AdminOneUser_MCoinAccount_CurrentStandingFreeCoins_Style").ToString()"><span></span></div>

Checkbox for IsAdmin

<input type="checkbox" name="IsAdmin" id="AdminOneUser.IsAdmin" @if(Html.GetStatus("AdminOneUser_IsAdmin_ReadOnly")) {<text>readonly</text>}="" @if(!Html.GetStatus("AdminOneUser_IsAdmin_Enabled")) {<text>disabled</text>}="" value="true" @{ if (Model.GetvCurrentBoolValue("AdminOneUser","IsAdmin")) { <text>checked="true"</text> } }="" class="tk-checkbox__native @Html.GetStatus("AdminOneUser_IsAdmin_Style").ToString()">

Checkbox for SendMeNews

<input type="checkbox" name="SendMeNews" id="AdminOneUser.SendMeNews" @if(Html.GetStatus("AdminOneUser_SendMeNews_ReadOnly")) {<text>readonly</text>}="" @if(!Html.GetStatus("AdminOneUser_SendMeNews_Enabled")) {<text>disabled</text>}="" value="true" @{ if (Model.GetvCurrentBoolValue("AdminOneUser","SendMeNews")) { <text>checked="true"</text> } }="" class="tk-checkbox__native @Html.GetStatus("AdminOneUser_SendMeNews_Style").ToString()">

Date picker for MCoinAccount_LastDebitRun

<div class="tk-input-field__container"><input type="date" tk-input-field="" name="MCoinAccount_LastDebitRun" id="AdminOneUser.MCoinAccount_LastDebitRun" @if(!Html.GetStatus("AdminOneUser_MCoinAccount_LastDebitRun_Enabled")) {<text>disabled</text>}="" @if(Html.GetStatus("AdminOneUser_MCoinAccount_LastDebitRun_ReadOnly")) {<text>readonly</text>}="" value="@Html.DisplayMemberForvCurrent("AdminOneUser","MCoinAccount_LastDebitRun","yyyy-MM-dd")" autocomplete="off" class="tk-input-field__native @Html.GetStatus("AdminOneUser_MCoinAccount_LastDebitRun_Style").ToString()"><span></span></div>

Date picker for MCoinAccount_LastFreeCoinRun

<div class="tk-input-field__container"><input type="date" tk-input-field="" name="MCoinAccount_LastFreeCoinRun" id="AdminOneUser.MCoinAccount_LastFreeCoinRun" @if(!Html.GetStatus("AdminOneUser_MCoinAccount_LastFreeCoinRun_Enabled")) {<text>disabled</text>}="" @if(Html.GetStatus("AdminOneUser_MCoinAccount_LastFreeCoinRun_ReadOnly")) {<text>readonly</text>}="" value="@Html.DisplayMemberForvCurrent("AdminOneUser","MCoinAccount_LastFreeCoinRun","yyyy-MM-dd")" autocomplete="off" class="tk-input-field__native @Html.GetStatus("AdminOneUser_MCoinAccount_LastFreeCoinRun_Style").ToString()"><span></span></div>

Input text for Company

<div class="tk-input-field__container"><input type="text" tk-input-field="" maxlength="255" name="Company" id="AdminOneUser.Company" @if(!Html.GetStatus("AdminOneUser_Company_Enabled")) {<text>disabled</text>}="" @if(Html.GetStatus("AdminOneUser_Company_ReadOnly")) {<text>readonly</text>}="" value="@Html.DisplayMemberForvCurrent("AdminOneUser","Company","")" autocomplete="off" class="tk-input-field__native @Html.GetStatus("AdminOneUser_Company_Style").ToString()"><span></span></div>

TextArea for AdminNotesOnUser

<div class="tk-input-field__container"><TextArea rows="2" name="AdminNotesOnUser" @if(Html.GetStatus("AdminOneUser_AdminNotesOnUser_ReadOnly")) {<text>readonly</text>}="" @if(!Html.GetStatus("AdminOneUser_AdminNotesOnUser_Enabled")) {<text>disabled</text>}="" class="tk-input-field__native @Html.GetStatus("AdminOneUser_AdminNotesOnUser_Style").ToString()">@Html.DisplayMemberForvCurrent("AdminOneUser","AdminNotesOnUser","")</TextArea></div>

Checkbox for IsValid

<input type="checkbox" name="Licenses.vCurr.IsValid" readonly="" value="true" @{ if (row["IsValid"].GetvCurrentBoolValueGridRow()) { <text>checked="true"</text> } }="" class="tk-checkbox__native @Html.GetStatus("License_IsValid_Style").ToString()">

Checkbox for IsActive

<input type="checkbox" name="Licenses.vCurr.IsActive" readonly="" value="true" @{ if (row["IsActive"].GetvCurrentBoolValueGridRow()) { <text>checked="true"</text> } }="" class="tk-checkbox__native @Html.GetStatus("License_IsActive_Style").ToString()">

Data in Grid for Licenses

<div class="tk-data-table__content tk-data-table__content--min-height tk-data-table__content--advanced"><table tk-advanced-table="" data-col-name="Licenses" data-class-name="License" tabindex="0" data-cols="4" class="tk-data-table__native"><thead><tr class="tk-data-table__header-row"><th title="License Identity" role="columnheader" ng-class="[Model.VM_Status.License_LicenseIdentity_Style,{'ascending': License_OrderColumnName === 'LicenseIdentity' && !License_OrderColumnReverseState }, {'descending': License_OrderColumnName === 'LicenseIdentity' && License_OrderColumnReverseState }]" colname="LicenseIdentity" modeltype="String" class="tk-data-table__header-cell order-enabled @if(!Html.GetStatus("License_LicenseIdentity_Visible")) {<text>hidden</text>}"><span>License Identity</span></th><th title="Product String" role="columnheader" ng-class="[Model.VM_Status.License_ProductString_Style,{'ascending': License_OrderColumnName === 'ProductString' && !License_OrderColumnReverseState }, {'descending': License_OrderColumnName === 'ProductString' && License_OrderColumnReverseState }]" colname="ProductString" modeltype="String" class="tk-data-table__header-cell order-enabled @if(!Html.GetStatus("License_ProductString_Visible")) {<text>hidden</text>}"><span>Product String</span></th><th title="Is Valid" role="columnheader" ng-class="[Model.VM_Status.License_IsValid_Style,{'ascending': License_OrderColumnName === 'IsValid' && !License_OrderColumnReverseState }, {'descending': License_OrderColumnName === 'IsValid' && License_OrderColumnReverseState }]" colname="IsValid" modeltype="Boolean" class="tk-data-table__header-cell order-enabled @if(!Html.GetStatus("License_IsValid_Visible")) {<text>hidden</text>}"><span>Is Valid</span></th><th title="Is Active" role="columnheader" ng-class="[Model.VM_Status.License_IsActive_Style,{'ascending': License_OrderColumnName === 'IsActive' && !License_OrderColumnReverseState }, {'descending': License_OrderColumnName === 'IsActive' && License_OrderColumnReverseState }]" colname="IsActive" modeltype="Boolean" class="tk-data-table__header-cell order-enabled @if(!Html.GetStatus("License_IsActive_Visible")) {<text>hidden</text>}"><span>Is Active</span></th></tr></thead><tbody>@foreach (VMClass row in Model.GetvCurrentListMember("AdminOneUser","Licenses")){<tr onclick="SetCurrentRow(event, this)" class="tk-data-table__row @if(row.Value("vCurrent")) {{<text>vmCurrentRow</text>}}"><td style="display:none" tabindex="1"><input type="checkbox" name="VM_Variables.vCurrent_License_AsExternalId" value="@row.ThisAsExternalId" @if(row.Value("vCurrent")) {{<text>current="true"</text>}}="" @if(row.Value("vSelected")) {{<text>checked="checked"</text>}}="" class="selector"></td><td colname="LicenseIdentity" tabindex="1" class="tk-data-table__cell @if(!Html.GetStatus("License_LicenseIdentity_Visible")) {<text>hidden</text>} @Html.GetStatus("License_LicenseIdentity_Style").ToString()"><div modeltype="String" title="@Html.DisplayMember(row,"LicenseIdentity","")">@Html.DisplayMember(row,"LicenseIdentity","")</div></td><td colname="ProductString" tabindex="1" class="tk-data-table__cell @if(!Html.GetStatus("License_ProductString_Visible")) {<text>hidden</text>} @Html.GetStatus("License_ProductString_Style").ToString()"><div modeltype="String" title="@Html.DisplayMember(row,"ProductString","")">@Html.DisplayMember(row,"ProductString","")</div></td><td colname="IsValid" tabindex="1" class="tk-data-table__cell @if(!Html.GetStatus("License_IsValid_Visible")) {<text>hidden</text>} @Html.GetStatus("License_IsValid_Style").ToString()"><div class="tk-checkbox__inner @Html.GetStatus("License_IsValid_Style").ToString()"><label ng-class="{'tk-checkbox__content--disabled' : ViewModelRoot.VM_Status.License_IsValid_ReadOnly}" class="tk-checkbox__content ripple-effect"><input type="checkbox" name="Licenses.vCurr.IsValid" readonly="" value="true" @{ if (row["IsValid"].GetvCurrentBoolValueGridRow()) { <text>checked="true"</text> } }="" disabled="disabled" class="tk-checkbox__native @Html.GetStatus("License_IsValid_Style").ToString()"><input name="Licenses.vCurr.IsValid" type="hidden" value="false"><div class="tk-checkbox__interactive"><svg viewBox="0 0 24 24" class="tk-checkbox__checkmark"><path fill="none" stroke="white" d="M1.73,12.91 8.1,19.28 22.79,4.59" class="tk-checkbox__checkmark-path"></path></svg></div></label><label for="License.IsValid"></label></div></td><td colname="IsActive" tabindex="1" class="tk-data-table__cell @if(!Html.GetStatus("License_IsActive_Visible")) {<text>hidden</text>} @Html.GetStatus("License_IsActive_Style").ToString()"><div class="tk-checkbox__inner @Html.GetStatus("License_IsActive_Style").ToString()"><label ng-class="{'tk-checkbox__content--disabled' : ViewModelRoot.VM_Status.License_IsActive_ReadOnly}" class="tk-checkbox__content ripple-effect"><input type="checkbox" name="Licenses.vCurr.IsActive" readonly="" value="true" @{ if (row["IsActive"].GetvCurrentBoolValueGridRow()) { <text>checked="true"</text> } }="" disabled="disabled" class="tk-checkbox__native @Html.GetStatus("License_IsActive_Style").ToString()"><input name="Licenses.vCurr.IsActive" type="hidden" value="false"><div class="tk-checkbox__interactive"><svg viewBox="0 0 24 24" class="tk-checkbox__checkmark"><path fill="none" stroke="white" d="M1.73,12.91 8.1,19.28 22.79,4.59" class="tk-checkbox__checkmark-path"></path></svg></div></label><label for="License.IsActive"></label></div></td></tr>}</tbody><colgroup><col colspan="1" colname="LicenseIdentity" style="width:25%;" ng-class="{'tk-data-table__highlite': ViewModelRoot.VM_Variables.vSeekerHiliteColumn === 'LicenseIdentity'}" class="tk-data-table__column @if(!Html.GetStatus("License_LicenseIdentity_Visible")) {<text>hidden</text>}"><col colspan="1" colname="ProductString" style="width:25%;" ng-class="{'tk-data-table__highlite': ViewModelRoot.VM_Variables.vSeekerHiliteColumn === 'ProductString'}" class="tk-data-table__column @if(!Html.GetStatus("License_ProductString_Visible")) {<text>hidden</text>}"><col colspan="1" colname="IsValid" style="width:25%;" ng-class="{'tk-data-table__highlite': ViewModelRoot.VM_Variables.vSeekerHiliteColumn === 'IsValid'}" class="tk-data-table__column @if(!Html.GetStatus("License_IsValid_Visible")) {<text>hidden</text>}"><col colspan="1" colname="IsActive" style="width:25%;" ng-class="{'tk-data-table__highlite': ViewModelRoot.VM_Variables.vSeekerHiliteColumn === 'IsActive'}" class="tk-data-table__column @if(!Html.GetStatus("License_IsActive_Visible")) {<text>hidden</text>}"></colgroup></table></div>

Checkbox for CanAddOthers

<input type="checkbox" name="TurnkeyUser.vCurr.CanAddOthers" readonly="" value="true" @{ if (row["CanAddOthers"].GetvCurrentBoolValueGridRow()) { <text>checked="true"</text> } }="" class="tk-checkbox__native @Html.GetStatus("TurnkeyUser_CanAddOthers_Style").ToString()">

Data in Grid for TurnkeyUser

<div class="tk-data-table__content tk-data-table__content--min-height tk-data-table__content--advanced"><table tk-advanced-table="" data-col-name="TurnkeyUser" data-class-name="TurnkeyUser" tabindex="0" data-cols="5" class="tk-data-table__native"><thead><tr class="tk-data-table__header-row"><th title="Id Name" role="columnheader" ng-class="[Model.VM_Status.TurnkeyUser_IdName_Style,{'ascending': TurnkeyUser_OrderColumnName === 'IdName' && !TurnkeyUser_OrderColumnReverseState }, {'descending': TurnkeyUser_OrderColumnName === 'IdName' && TurnkeyUser_OrderColumnReverseState }]" colname="IdName" modeltype="String" class="tk-data-table__header-cell order-enabled @if(!Html.GetStatus("TurnkeyUser_IdName_Visible")) {<text>hidden</text>}"><span>Id Name</span></th><th title="Can Add Others" role="columnheader" ng-class="[Model.VM_Status.TurnkeyUser_CanAddOthers_Style,{'ascending': TurnkeyUser_OrderColumnName === 'CanAddOthers' && !TurnkeyUser_OrderColumnReverseState }, {'descending': TurnkeyUser_OrderColumnName === 'CanAddOthers' && TurnkeyUser_OrderColumnReverseState }]" colname="CanAddOthers" modeltype="Boolean" class="tk-data-table__header-cell order-enabled @if(!Html.GetStatus("TurnkeyUser_CanAddOthers_Visible")) {<text>hidden</text>}"><span>Can Add Others</span></th><th title="Used Data" role="columnheader" ng-class="[Model.VM_Status.TurnkeyUser_UsedData_Style,{'ascending': TurnkeyUser_OrderColumnName === 'UsedData' && !TurnkeyUser_OrderColumnReverseState }, {'descending': TurnkeyUser_OrderColumnName === 'UsedData' && TurnkeyUser_OrderColumnReverseState }]" colname="UsedData" modeltype="Double" class="tk-data-table__header-cell order-enabled @if(!Html.GetStatus("TurnkeyUser_UsedData_Visible")) {<text>hidden</text>} numeric"><span>Used Data</span></th><th title="Used Data Date" role="columnheader" ng-class="[Model.VM_Status.TurnkeyUser_UsedDataDate_Style,{'ascending': TurnkeyUser_OrderColumnName === 'UsedDataDate' && !TurnkeyUser_OrderColumnReverseState }, {'descending': TurnkeyUser_OrderColumnName === 'UsedDataDate' && TurnkeyUser_OrderColumnReverseState }]" colname="UsedDataDate" modeltype="DateTime" class="tk-data-table__header-cell order-enabled @if(!Html.GetStatus("TurnkeyUser_UsedDataDate_Visible")) {<text>hidden</text>}"><span>Used Data Date</span></th><th title="Paid By" role="columnheader" ng-class="[Model.VM_Status.TurnkeyUser_PaidBy_Style,{'ascending': TurnkeyUser_OrderColumnName === 'PaidBy' && !TurnkeyUser_OrderColumnReverseState }, {'descending': TurnkeyUser_OrderColumnName === 'PaidBy' && TurnkeyUser_OrderColumnReverseState }]" colname="PaidBy" modeltype="String" class="tk-data-table__header-cell order-enabled @if(!Html.GetStatus("TurnkeyUser_PaidBy_Visible")) {<text>hidden</text>}"><span>Paid By</span></th></tr></thead><tbody>@foreach (VMClass row in Model.GetvCurrentListMember("AdminOneUser","TurnkeyUser")){<tr onclick="SetCurrentRow(event, this)" class="tk-data-table__row @if(row.Value("vCurrent")) {{<text>vmCurrentRow</text>}}"><td style="display:none" tabindex="1"><input type="checkbox" name="VM_Variables.vCurrent_TurnkeyUser_AsExternalId" value="@row.ThisAsExternalId" @if(row.Value("vCurrent")) {{<text>current="true"</text>}}="" @if(row.Value("vSelected")) {{<text>checked="checked"</text>}}="" class="selector"></td><td colname="IdName" tabindex="1" class="tk-data-table__cell @if(!Html.GetStatus("TurnkeyUser_IdName_Visible")) {<text>hidden</text>} @Html.GetStatus("TurnkeyUser_IdName_Style").ToString()"><div modeltype="String" title="@Html.DisplayMember(row,"IdName","")">@Html.DisplayMember(row,"IdName","")</div></td><td colname="CanAddOthers" tabindex="1" class="tk-data-table__cell @if(!Html.GetStatus("TurnkeyUser_CanAddOthers_Visible")) {<text>hidden</text>} @Html.GetStatus("TurnkeyUser_CanAddOthers_Style").ToString()"><div class="tk-checkbox__inner @Html.GetStatus("TurnkeyUser_CanAddOthers_Style").ToString()"><label ng-class="{'tk-checkbox__content--disabled' : ViewModelRoot.VM_Status.TurnkeyUser_CanAddOthers_ReadOnly}" class="tk-checkbox__content ripple-effect"><input type="checkbox" name="TurnkeyUser.vCurr.CanAddOthers" readonly="" value="true" @{ if (row["CanAddOthers"].GetvCurrentBoolValueGridRow()) { <text>checked="true"</text> } }="" disabled="disabled" class="tk-checkbox__native @Html.GetStatus("TurnkeyUser_CanAddOthers_Style").ToString()"><input name="TurnkeyUser.vCurr.CanAddOthers" type="hidden" value="false"><div class="tk-checkbox__interactive"><svg viewBox="0 0 24 24" class="tk-checkbox__checkmark"><path fill="none" stroke="white" d="M1.73,12.91 8.1,19.28 22.79,4.59" class="tk-checkbox__checkmark-path"></path></svg></div></label><label for="TurnkeyUser.CanAddOthers"></label></div></td><td colname="UsedData" tabindex="1" class="tk-data-table__cell @if(!Html.GetStatus("TurnkeyUser_UsedData_Visible")) {<text>hidden</text>} @Html.GetStatus("TurnkeyUser_UsedData_Style").ToString() numeric"><div modeltype="Double" title="@Html.DisplayMember(row,"UsedData","")">@Html.DisplayMember(row,"UsedData","")</div></td><td colname="UsedDataDate" tabindex="1" class="tk-data-table__cell @if(!Html.GetStatus("TurnkeyUser_UsedDataDate_Visible")) {<text>hidden</text>} @Html.GetStatus("TurnkeyUser_UsedDataDate_Style").ToString()"><div modeltype="DateTime" title="@Html.DisplayMember(row,"UsedDataDate","d")">@Html.DisplayMember(row,"UsedDataDate","d")</div></td><td colname="PaidBy" tabindex="1" class="tk-data-table__cell @if(!Html.GetStatus("TurnkeyUser_PaidBy_Visible")) {<text>hidden</text>} @Html.GetStatus("TurnkeyUser_PaidBy_Style").ToString()"><div modeltype="String" title="@Html.DisplayMember(row,"PaidBy","")">@Html.DisplayMember(row,"PaidBy","")</div></td><td class="tk-data-table__cell tk-data-table__cell--context"><div class="show-actions"><button role="button" class="tk-button__native fab flat icon-button ripple-effect context-actions"><span class="mi">more_vert</span></button></div></td></tr>}</tbody><colgroup><col colspan="1" colname="IdName" style="width:20%;" ng-class="{'tk-data-table__highlite': ViewModelRoot.VM_Variables.vSeekerHiliteColumn === 'IdName'}" class="tk-data-table__column @if(!Html.GetStatus("TurnkeyUser_IdName_Visible")) {<text>hidden</text>}"><col colspan="1" colname="CanAddOthers" style="width:20%;" ng-class="{'tk-data-table__highlite': ViewModelRoot.VM_Variables.vSeekerHiliteColumn === 'CanAddOthers'}" class="tk-data-table__column @if(!Html.GetStatus("TurnkeyUser_CanAddOthers_Visible")) {<text>hidden</text>}"><col colspan="1" colname="UsedData" style="width:20%;" ng-class="{'tk-data-table__highlite': ViewModelRoot.VM_Variables.vSeekerHiliteColumn === 'UsedData'}" class="tk-data-table__column @if(!Html.GetStatus("TurnkeyUser_UsedData_Visible")) {<text>hidden</text>}"><col colspan="1" colname="UsedDataDate" style="width:20%;" ng-class="{'tk-data-table__highlite': ViewModelRoot.VM_Variables.vSeekerHiliteColumn === 'UsedDataDate'}" class="tk-data-table__column @if(!Html.GetStatus("TurnkeyUser_UsedDataDate_Visible")) {<text>hidden</text>}"><col colspan="1" colname="PaidBy" style="width:20%;" ng-class="{'tk-data-table__highlite': ViewModelRoot.VM_Variables.vSeekerHiliteColumn === 'PaidBy'}" class="tk-data-table__column @if(!Html.GetStatus("TurnkeyUser_PaidBy_Visible")) {<text>hidden</text>}"></colgroup></table></div>