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
  • 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_License : License
    • vCurrent_License_AsExternalId : String
    • vSelected_License : Collection(License)
    • vCurrent_TurnkeyUser : TurnkeyUser
    • vCurrent_TurnkeyUser_AsExternalId : String
    • vSelected_TurnkeyUser : Collection(TurnkeyUser)
    • vGridActionArgument : 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" 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>

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" />

Floating point Input for MCoinAccount_CurrentStanding

<div class="tk-input-field__container"> <input type="text" tk-input-field="" inputmode="numeric" name="MCoinAccount_CurrentStanding" id="AdminOneUser.MCoinAccount_CurrentStanding" ng-class="ViewModelRoot.VM_Status.AdminOneUser_MCoinAccount_CurrentStanding_Style" 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" class="tk-input-field__native" /><span></span> </div>

Floating point Input for MCoinAccount_CurrentStandingFreeCoins

<div class="tk-input-field__container"> <input type="text" tk-input-field="" inputmode="numeric" 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" 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>

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" 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>

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" />

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"> <table class="tk-data-table__native"> <thead> <tr class="tk-data-table__header-row"> <th role="columnheader" ng-click="orderBy('License','LicenseIdentity')" 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" modeltype="String" class="tk-data-table__header-cell order-enabled">License Identity</th><th role="columnheader" ng-click="orderBy('License','ProductString')" 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" modeltype="String" class="tk-data-table__header-cell order-enabled">Product String</th><th role="columnheader" ng-click="orderBy('License','IsValid')" 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" modeltype="Boolean" class="tk-data-table__header-cell order-enabled">Is Valid</th><th role="columnheader" ng-click="orderBy('License','IsActive')" 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" modeltype="Boolean" class="tk-data-table__header-cell order-enabled">Is Active</th> </tr> </thead><tbody> <tr ng-repeat="row in ViewModelRoot.Curr_AdminOneUser().Licenses | orderBy:License_OrderColumnName :License_OrderColumnReverseState" ng-class="{'vmCurrentRow':row.vCurrent}" tk-data-table-row="" showActions="true" class="tk-data-table__row"> <td ng-show="ViewModelRoot.VM_Status.License_LicenseIdentity_Visible" ng-class="ViewModelRoot.VM_Status.License_LicenseIdentity_Style" class="tk-data-table__cell"><div modeltype="String"> {{row.LicenseIdentity}} </div></td><td ng-show="ViewModelRoot.VM_Status.License_ProductString_Visible" ng-class="ViewModelRoot.VM_Status.License_ProductString_Style" class="tk-data-table__cell"><div modeltype="String"> {{row.ProductString}} </div></td><td ng-show="ViewModelRoot.VM_Status.License_IsValid_Visible" class="tk-data-table__cell"><div 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 ng-show="ViewModelRoot.VM_Status.License_IsActive_Visible" class="tk-data-table__cell"><div 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 ng-class="{'tk-data-table__highlite': ViewModelRoot.VM_Variables.vSeekerHiliteColumn === 'LicenseIdentity'}" ng-show="ViewModelRoot.VM_Status.License_LicenseIdentity_Visible" class="tk-data-table__column" style="width:25%;" /><col ng-class="{'tk-data-table__highlite': ViewModelRoot.VM_Variables.vSeekerHiliteColumn === 'ProductString'}" ng-show="ViewModelRoot.VM_Status.License_ProductString_Visible" class="tk-data-table__column" style="width:25%;" /><col ng-class="{'tk-data-table__highlite': ViewModelRoot.VM_Variables.vSeekerHiliteColumn === 'IsValid'}" ng-show="ViewModelRoot.VM_Status.License_IsValid_Visible" class="tk-data-table__column" style="width:25%;" /><col ng-class="{'tk-data-table__highlite': ViewModelRoot.VM_Variables.vSeekerHiliteColumn === 'IsActive'}" ng-show="ViewModelRoot.VM_Status.License_IsActive_Visible" class="tk-data-table__column" style="width:25%;" /> </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"> <table class="tk-data-table__native"> <thead> <tr class="tk-data-table__header-row"> <th role="columnheader" ng-click="orderBy('TurnkeyUser','IdName')" 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" modeltype="String" class="tk-data-table__header-cell order-enabled">Id Name</th><th role="columnheader" ng-click="orderBy('TurnkeyUser','CanAddOthers')" 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" modeltype="Boolean" class="tk-data-table__header-cell order-enabled">Can Add Others</th><th role="columnheader" ng-click="orderBy('TurnkeyUser','UsedData')" 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" modeltype="Double" class="tk-data-table__header-cell order-enabled numeric">Used Data</th><th role="columnheader" ng-click="orderBy('TurnkeyUser','UsedDataDate')" 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" modeltype="DateTime" class="tk-data-table__header-cell order-enabled">Used Data Date</th><th role="columnheader" ng-click="orderBy('TurnkeyUser','PaidBy')" 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" modeltype="String" class="tk-data-table__header-cell order-enabled">Paid By</th><th role="columnheader" class="tk-data-table__header-cell"></th> </tr> </thead><tbody> <tr ng-repeat="row in ViewModelRoot.Curr_AdminOneUser().TurnkeyUser | orderBy:TurnkeyUser_OrderColumnName :TurnkeyUser_OrderColumnReverseState" ng-class="{'vmCurrentRow':row.vCurrent}" tk-data-table-row="" showActions="true" class="tk-data-table__row"> <td ng-show="ViewModelRoot.VM_Status.TurnkeyUser_IdName_Visible" ng-class="ViewModelRoot.VM_Status.TurnkeyUser_IdName_Style" class="tk-data-table__cell"><div modeltype="String"> {{row.IdName}} </div></td><td ng-show="ViewModelRoot.VM_Status.TurnkeyUser_CanAddOthers_Visible" class="tk-data-table__cell"><div 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 ng-show="ViewModelRoot.VM_Status.TurnkeyUser_UsedData_Visible" ng-class="ViewModelRoot.VM_Status.TurnkeyUser_UsedData_Style" class="tk-data-table__cell numeric"><div modeltype="Double"> {{row.UsedData}} </div></td><td ng-show="ViewModelRoot.VM_Status.TurnkeyUser_UsedDataDate_Visible" ng-class="ViewModelRoot.VM_Status.TurnkeyUser_UsedDataDate_Style" class="tk-data-table__cell"><div modeltype="DateTime"> {{row.UsedDataDate| date:'shortDate'}} </div></td><td ng-show="ViewModelRoot.VM_Status.TurnkeyUser_PaidBy_Visible" ng-class="ViewModelRoot.VM_Status.TurnkeyUser_PaidBy_Style" class="tk-data-table__cell"><div modeltype="String"> {{row.PaidBy}} </div></td><td class="tk-data-table__cell tk-data-table__cell--contextAction"><div class="show-actions"> <button role="button" class="tk-button__native fab flat icon-button ripple-effect context-actions"><md-tooltip md-direction="left"> Show actions </md-tooltip><span class="mi">more_vert</span></button> </div></td> </tr> </tbody><colgroup> <col ng-class="{'tk-data-table__highlite': ViewModelRoot.VM_Variables.vSeekerHiliteColumn === 'IdName'}" ng-show="ViewModelRoot.VM_Status.TurnkeyUser_IdName_Visible" class="tk-data-table__column" style="width:20%;" /><col ng-class="{'tk-data-table__highlite': ViewModelRoot.VM_Variables.vSeekerHiliteColumn === 'CanAddOthers'}" ng-show="ViewModelRoot.VM_Status.TurnkeyUser_CanAddOthers_Visible" class="tk-data-table__column" style="width:20%;" /><col ng-class="{'tk-data-table__highlite': ViewModelRoot.VM_Variables.vSeekerHiliteColumn === 'UsedData'}" ng-show="ViewModelRoot.VM_Status.TurnkeyUser_UsedData_Visible" class="tk-data-table__column" style="width:20%;" /><col ng-class="{'tk-data-table__highlite': ViewModelRoot.VM_Variables.vSeekerHiliteColumn === 'UsedDataDate'}" ng-show="ViewModelRoot.VM_Status.TurnkeyUser_UsedDataDate_Visible" class="tk-data-table__column" style="width:20%;" /><col ng-class="{'tk-data-table__highlite': ViewModelRoot.VM_Variables.vSeekerHiliteColumn === 'PaidBy'}" ng-show="ViewModelRoot.VM_Status.TurnkeyUser_PaidBy_Visible" class="tk-data-table__column" style="width:20%;" /><col style="width: 0.1%;" /> </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); hidemenu();" 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); hidemenu();" 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); hidemenu();" 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); hidemenu();" 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>

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()" />

Floating point Input for MCoinAccount_CurrentStanding

<div class="tk-input-field__container"> <input type="number" tk-input-field="" inputmode="numeric" 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","")" step="0.01" autocomplete="off" 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" 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","")" step="0.01" autocomplete="off" class="tk-input-field__native @Html.GetStatus("AdminOneUser_MCoinAccount_CurrentStandingFreeCoins_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>

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>

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()" />

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"> <table class="tk-data-table__native"> <thead> <tr class="tk-data-table__header-row"> <th role="columnheader" ng-class="[Model.VM_Status.License_LicenseIdentity_Style,{'ascending': License_OrderColumnName === 'LicenseIdentity' && !License_OrderColumnReverseState }, {'descending': License_OrderColumnName === 'LicenseIdentity' && License_OrderColumnReverseState }]" modeltype="String" class="tk-data-table__header-cell order-enabled @if(!Html.GetStatus("License_LicenseIdentity_Visible")) {<text>hidden</text>}">License Identity</th><th role="columnheader" ng-class="[Model.VM_Status.License_ProductString_Style,{'ascending': License_OrderColumnName === 'ProductString' && !License_OrderColumnReverseState }, {'descending': License_OrderColumnName === 'ProductString' && License_OrderColumnReverseState }]" modeltype="String" class="tk-data-table__header-cell order-enabled @if(!Html.GetStatus("License_ProductString_Visible")) {<text>hidden</text>}">Product String</th><th role="columnheader" ng-class="[Model.VM_Status.License_IsValid_Style,{'ascending': License_OrderColumnName === 'IsValid' && !License_OrderColumnReverseState }, {'descending': License_OrderColumnName === 'IsValid' && License_OrderColumnReverseState }]" modeltype="Boolean" class="tk-data-table__header-cell order-enabled @if(!Html.GetStatus("License_IsValid_Visible")) {<text>hidden</text>}">Is Valid</th><th role="columnheader" ng-class="[Model.VM_Status.License_IsActive_Style,{'ascending': License_OrderColumnName === 'IsActive' && !License_OrderColumnReverseState }, {'descending': License_OrderColumnName === 'IsActive' && License_OrderColumnReverseState }]" modeltype="Boolean" class="tk-data-table__header-cell order-enabled @if(!Html.GetStatus("License_IsActive_Visible")) {<text>hidden</text>}">Is Active</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"><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 class="tk-data-table__cell @if(!Html.GetStatus("License_LicenseIdentity_Visible")) {<text>hidden</text>} @Html.GetStatus("License_LicenseIdentity_Style").ToString()"><div modeltype="String"> @Html.DisplayMember(row,"LicenseIdentity","") </div></td><td class="tk-data-table__cell @if(!Html.GetStatus("License_ProductString_Visible")) {<text>hidden</text>} @Html.GetStatus("License_ProductString_Style").ToString()"><div modeltype="String"> @Html.DisplayMember(row,"ProductString","") </div></td><td class="tk-data-table__cell @if(!Html.GetStatus("License_IsValid_Visible")) {<text>hidden</text>}"><div 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" 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 class="tk-data-table__cell @if(!Html.GetStatus("License_IsActive_Visible")) {<text>hidden</text>}"><div 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" 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 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>}" style="width:25%;" /><col 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>}" style="width:25%;" /><col 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>}" style="width:25%;" /><col 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>}" style="width:25%;" /> </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"> <table class="tk-data-table__native"> <thead> <tr class="tk-data-table__header-row"> <th role="columnheader" ng-class="[Model.VM_Status.TurnkeyUser_IdName_Style,{'ascending': TurnkeyUser_OrderColumnName === 'IdName' && !TurnkeyUser_OrderColumnReverseState }, {'descending': TurnkeyUser_OrderColumnName === 'IdName' && TurnkeyUser_OrderColumnReverseState }]" modeltype="String" class="tk-data-table__header-cell order-enabled @if(!Html.GetStatus("TurnkeyUser_IdName_Visible")) {<text>hidden</text>}">Id Name</th><th role="columnheader" ng-class="[Model.VM_Status.TurnkeyUser_CanAddOthers_Style,{'ascending': TurnkeyUser_OrderColumnName === 'CanAddOthers' && !TurnkeyUser_OrderColumnReverseState }, {'descending': TurnkeyUser_OrderColumnName === 'CanAddOthers' && TurnkeyUser_OrderColumnReverseState }]" modeltype="Boolean" class="tk-data-table__header-cell order-enabled @if(!Html.GetStatus("TurnkeyUser_CanAddOthers_Visible")) {<text>hidden</text>}">Can Add Others</th><th role="columnheader" ng-class="[Model.VM_Status.TurnkeyUser_UsedData_Style,{'ascending': TurnkeyUser_OrderColumnName === 'UsedData' && !TurnkeyUser_OrderColumnReverseState }, {'descending': TurnkeyUser_OrderColumnName === 'UsedData' && TurnkeyUser_OrderColumnReverseState }]" modeltype="Double" class="tk-data-table__header-cell order-enabled @if(!Html.GetStatus("TurnkeyUser_UsedData_Visible")) {<text>hidden</text>} numeric">Used Data</th><th role="columnheader" ng-class="[Model.VM_Status.TurnkeyUser_UsedDataDate_Style,{'ascending': TurnkeyUser_OrderColumnName === 'UsedDataDate' && !TurnkeyUser_OrderColumnReverseState }, {'descending': TurnkeyUser_OrderColumnName === 'UsedDataDate' && TurnkeyUser_OrderColumnReverseState }]" modeltype="DateTime" class="tk-data-table__header-cell order-enabled @if(!Html.GetStatus("TurnkeyUser_UsedDataDate_Visible")) {<text>hidden</text>}">Used Data Date</th><th role="columnheader" ng-class="[Model.VM_Status.TurnkeyUser_PaidBy_Style,{'ascending': TurnkeyUser_OrderColumnName === 'PaidBy' && !TurnkeyUser_OrderColumnReverseState }, {'descending': TurnkeyUser_OrderColumnName === 'PaidBy' && TurnkeyUser_OrderColumnReverseState }]" modeltype="String" class="tk-data-table__header-cell order-enabled @if(!Html.GetStatus("TurnkeyUser_PaidBy_Visible")) {<text>hidden</text>}">Paid By</th><th role="columnheader" class="tk-data-table__header-cell"></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"><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 class="tk-data-table__cell @if(!Html.GetStatus("TurnkeyUser_IdName_Visible")) {<text>hidden</text>} @Html.GetStatus("TurnkeyUser_IdName_Style").ToString()"><div modeltype="String"> @Html.DisplayMember(row,"IdName","") </div></td><td class="tk-data-table__cell @if(!Html.GetStatus("TurnkeyUser_CanAddOthers_Visible")) {<text>hidden</text>}"><div 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" 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 class="tk-data-table__cell @if(!Html.GetStatus("TurnkeyUser_UsedData_Visible")) {<text>hidden</text>} @Html.GetStatus("TurnkeyUser_UsedData_Style").ToString() numeric"><div modeltype="Double"> @Html.DisplayMember(row,"UsedData","") </div></td><td class="tk-data-table__cell @if(!Html.GetStatus("TurnkeyUser_UsedDataDate_Visible")) {<text>hidden</text>} @Html.GetStatus("TurnkeyUser_UsedDataDate_Style").ToString()"><div modeltype="DateTime"> @Html.DisplayMember(row,"UsedDataDate","d") </div></td><td class="tk-data-table__cell @if(!Html.GetStatus("TurnkeyUser_PaidBy_Visible")) {<text>hidden</text>} @Html.GetStatus("TurnkeyUser_PaidBy_Style").ToString()"><div modeltype="String"> @Html.DisplayMember(row,"PaidBy","") </div></td><td class="tk-data-table__cell tk-data-table__cell--contextAction"><div class="show-actions"> <button role="button" class="tk-button__native fab flat icon-button ripple-effect context-actions"><md-tooltip md-direction="left"> Show actions </md-tooltip><span class="mi">more_vert</span></button> </div></td> </tr> } </tbody><colgroup> <col 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>}" style="width:20%;" /><col 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>}" style="width:20%;" /><col 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>}" style="width:20%;" /><col 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>}" style="width:20%;" /><col 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>}" style="width:20%;" /><col style="width: 0.1%;" /> </colgroup> </table> </div>