neoCms Sample 1 neoCms1 SinLios 1.1 neoCms Sample 1 [content],[currentNumber],[data([recordNumber])],[data.length],[data],[errorVar],[externalPicture],[record.birthdate],[record.description],[record.name],[record.picture.path],[record.picture],[record.texto],[record],[recordNumber],[token],[totalRecords],[url] True 900 550 False False False True WinEXE False D:\pruebas\neocms-apps\neoCms-sample-01.exe .row-striped{ background-color: #efefef; } en standalone Offline page #000000 [AndroidOS,iOS,WindowsPhoneOS] normal True False False True True False False True False False

.check for errors
If [errorVar] != ""
  AlertBox "Error" "[errorVar]" ""
Else
 .get [data] total records
 SetVar [totalRecords] [data.length]
 If [totalRecords] > 0
    .set [recordNumber] to the first one value.
    SetVar [recordNumber] 0
    SetVar [currentNumber] [recordNumber]+1
    .call showRecord subroutine
    showRecord
 Else
    .No records found
    SetVar [recordNumber] 0
    SetVar [currentNumber] 0
    SetVar [record.name] ""
    SetVar [record.birthdate] ""
    SetVar [record.description] ""
    .Reset picture to blank one
    SetObjectAttribute "Image1" "src" " data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAMAAAC6sdbXAAAAB3RJTUUH5QsdBycySKNrogAAAAlwSFlzAAAOwwAADsMBx2+oZAAAAARnQU1BAACxjwv8YQUAAAADUExURf///6fEG8gAAAALSURBVHjaY2DABwAAHgABZVmecQAAAABJRU5ErkJggg=="
 EndIf
EndIf

.get the [recordNumber] from [data] into [record]
SetVar [record] [data([recordNumber])]

.load the picture
If [record.picture] != null
  .Show the picture into Image1
  StrSearch "http" "[record.picture.path]" [externalPicture]
  If [externalPicture] > -1
    SetObjectAttribute "Image1" "src" "[record.picture.path]"
  Else
    SetObjectAttribute "Image1" "src" "[url][record.picture.path]"
  EndIf
Else
  .The record has no picture so we show a predesigned one (base64 encoded)
  SetObjectAttribute "Image1" "src" "data:image/png;base64,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"
EndIf

AlertBoxEx "Demo" "Demo ng-repeat for NeoCms" "200" "200" "gray" ""


AlertBoxEx "View" "yes..how to display the record data here ;-)" "320" "400" "gray" ""

neoTopMenuInitialize "top" "" "Demo VisualneoWeb 21.12.22" "Default" "Static top" neoTopMenuAddItem "top" "About" "Right" "neo.about()" .Sets neoCms origin URL SetVar [url] "https://cms.sinlios.eu" neoCmsSetUrl "mycms" "[url]" .Set the token with permission to read the Customers collection. SetVar [token] "5c077cb7591db00163b122b9c2a4e1" neoCmsSetToken "mycms" "[token]" .Create two empty objects CreateEmptyObject [data] CreateEmptyObject [record] .Load Customers collection into [data] and call parseDate once it's loaded. .neoCmsGetCollection "mycms" "Customers" [data] "parseData" neoCmsGetOrderedCollection "mycms" "Customers" "" 0 0 "_modified" "Descending" [data] [errorVar] "parseData" 16px 146px 80px col-xs-12 15px 60px 454px top col-xs-12 <span ng-repeat="record in data"> <div class="row row-striped" style="margin-bottom:10px;"> <div class="col-xs-4"> <img id="Image1" src="[url][record.picture.path]" alt="" style="width:100px;height:100px;"> </div> <div class="panel-body col-xs-8" style="background:#f3f3f3;"> <div><strong>ID:</strong> [record._id]</div> <div><strong>Name:</strong> [record.name]</div> <div><strong>Birh Date:</strong> [record.birthdate]</div>  <button onclick="neo.view()" type="button" class="btn btn-primary">View</button> </div> </div> </span> 0px 0px 900px 600px False custom