KXB.Spark

.NET frontend modules

Installation

PM> Install-Package KXB.Spark.ListOfPeople -Version 0.0.7

KXB.Spark.ListOfPeople on NuGet.org

Preview

With all data

Montgomery Hansen

veritus utinam possit ea vis Has ut nibh choro doming, Dicta legere nec eu Mutat malorum

Epost:

Montgomery.Hansen@example.it

Telefon:

17565225

quod:

ne melius eripuit mel

quis:

senserit vim at Vide

elit:

ad mel Mea nominavi invenire

Olga Ugland

tritani offendit per quo ad veri paulo Id his tale sint Veritus vivendo menandri nam

Epost:

Olga.Ugland@outlook.se

Telefon:

07306624

ius:

primis platonem in

principes:

in ius docendi

pro Nam:

invenire cum

Per Martin Davidsen

vel essent, prodesset ne Id. usu sumo audire vivendum Sit ut lorem persius No eros fabulas. theophrastus eam et. epicurei lobortis vim Ut. nec regione malorum Id oratio voluptua

Epost:

Per.Martin.Davidsen@knowit.se

Telefon:

72761703

audire:

Mel alii graeci prompta

tritani:

alii graeci

veritus:

Usu eu mazim inciderint

Håvard Kopperud

te Dictas dicunt aeterno in ius docendi nominavi eu sit. qui. at

Epost:

Håvard.Kopperud@yahoo.com

Telefon:

35604058

has:

verear labores probatus

mel:

amet pri an

Mucius:

vel cu Ea

{
  "NumberOfPeoplePerRow": 0,
  "People": [
    {
      "Name": "Montgomery Hansen",
      "Id": "7c4a7d45c20f43d3a964051fe5384f1a",
      "LinkUrl": "",
      "ImageUrl": "http://via.placeholder.com/320x320",
      "AspectRatio": 0,
      "Description": "veritus utinam possit ea vis Has ut nibh choro doming, Dicta legere nec eu\r\nMutat malorum",
      "Properties": [
        {
          "Label": "Epost",
          "Value": "Montgomery.Hansen@example.it",
          "Type": 1
        },
        {
          "Label": "Telefon",
          "Value": "17565225",
          "Type": 2
        },
        {
          "Label": "quod",
          "Value": "ne melius eripuit mel",
          "Type": 0
        },
        {
          "Label": "quis",
          "Value": "senserit vim at Vide",
          "Type": 0
        },
        {
          "Label": "elit",
          "Value": "ad mel\r\nMea nominavi invenire",
          "Type": 0
        }
      ]
    },
    {
      "Name": "Olga Ugland",
      "Id": "58c9e5cc1e9248dda920139664270d68",
      "LinkUrl": "",
      "ImageUrl": "http://via.placeholder.com/320x320",
      "AspectRatio": 0,
      "Description": "tritani offendit per quo ad veri paulo Id his tale sint\r\nVeritus vivendo menandri nam",
      "Properties": [
        {
          "Label": "Epost",
          "Value": "Olga.Ugland@outlook.se",
          "Type": 1
        },
        {
          "Label": "Telefon",
          "Value": "07306624",
          "Type": 2
        },
        {
          "Label": "ius",
          "Value": "primis platonem in",
          "Type": 0
        },
        {
          "Label": "principes",
          "Value": "in ius docendi",
          "Type": 0
        },
        {
          "Label": "pro\r\nNam",
          "Value": "invenire cum",
          "Type": 0
        }
      ]
    },
    {
      "Name": "Per Martin Davidsen",
      "Id": "ea40e7b896bf4717bc35f82f6c69d542",
      "LinkUrl": "",
      "ImageUrl": "http://via.placeholder.com/320x320",
      "AspectRatio": 0,
      "Description": "vel essent, prodesset ne\r\nId. usu sumo audire vivendum Sit ut lorem persius No eros fabulas. theophrastus eam et. epicurei lobortis vim Ut. nec regione malorum\r\nId oratio voluptua",
      "Properties": [
        {
          "Label": "Epost",
          "Value": "Per.Martin.Davidsen@knowit.se",
          "Type": 1
        },
        {
          "Label": "Telefon",
          "Value": "72761703",
          "Type": 2
        },
        {
          "Label": "audire",
          "Value": "Mel alii graeci prompta",
          "Type": 0
        },
        {
          "Label": "tritani",
          "Value": "alii graeci",
          "Type": 0
        },
        {
          "Label": "veritus",
          "Value": "Usu eu mazim inciderint",
          "Type": 0
        }
      ]
    },
    {
      "Name": "Håvard Kopperud",
      "Id": "fbd3c0fac74c4cbc8a2f1b875b1a1474",
      "LinkUrl": "",
      "ImageUrl": "http://via.placeholder.com/320x320",
      "AspectRatio": 0,
      "Description": "te Dictas dicunt aeterno in ius docendi nominavi eu sit. qui. at",
      "Properties": [
        {
          "Label": "Epost",
          "Value": "Håvard.Kopperud@yahoo.com",
          "Type": 1
        },
        {
          "Label": "Telefon",
          "Value": "35604058",
          "Type": 2
        },
        {
          "Label": "has",
          "Value": "verear labores probatus",
          "Type": 0
        },
        {
          "Label": "mel",
          "Value": "amet pri an",
          "Type": 0
        },
        {
          "Label": "Mucius",
          "Value": "vel cu Ea",
          "Type": 0
        }
      ]
    }
  ]
}

Preview

Without description, but with 5 properties

Bartholomew Kleveland

Epost:

Bartholomew.Kleveland@outlook.dk

Telefon:

35136765

nemore:

apeirian duo te

Usu:

has ei

ad:

ut eos debet

Marielle Ødegård

Epost:

Marielle.Ødegård@knowit.no

Telefon:

87546643

paulo:

contentiones cum

equidem:

amet pri

interesset:

duo te quod

Elisabeth Dalheim

Epost:

Elisabeth.Dalheim@outlook.org

Telefon:

21222500

appareat:

no prima

doming:

mollis cum cu numquam

te:

Mucius eleifend comprehensam

Maximilianus Rommetveit

Epost:

Maximilianus.Rommetveit@live.org

Telefon:

41327360

Ad:

usu scaevola

quo:

in ius docendi nominavi

nominavi:

eros fabulas

{
  "NumberOfPeoplePerRow": 0,
  "People": [
    {
      "Name": "Bartholomew Kleveland",
      "Id": "ae040c555c7c494390c02bd29377114d",
      "LinkUrl": "",
      "ImageUrl": "http://via.placeholder.com/320x320",
      "AspectRatio": 0,
      "Description": "",
      "Properties": [
        {
          "Label": "Epost",
          "Value": "Bartholomew.Kleveland@outlook.dk",
          "Type": 1
        },
        {
          "Label": "Telefon",
          "Value": "35136765",
          "Type": 2
        },
        {
          "Label": "nemore",
          "Value": "apeirian duo te",
          "Type": 0
        },
        {
          "Label": "Usu",
          "Value": "has ei",
          "Type": 0
        },
        {
          "Label": "ad",
          "Value": "ut eos debet",
          "Type": 0
        }
      ]
    },
    {
      "Name": "Marielle Ødegård",
      "Id": "3207669648de469983631046915866c5",
      "LinkUrl": "",
      "ImageUrl": "http://via.placeholder.com/320x320",
      "AspectRatio": 0,
      "Description": "",
      "Properties": [
        {
          "Label": "Epost",
          "Value": "Marielle.Ødegård@knowit.no",
          "Type": 1
        },
        {
          "Label": "Telefon",
          "Value": "87546643",
          "Type": 2
        },
        {
          "Label": "paulo",
          "Value": "contentiones cum",
          "Type": 0
        },
        {
          "Label": "equidem",
          "Value": "amet pri",
          "Type": 0
        },
        {
          "Label": "interesset",
          "Value": "duo te quod",
          "Type": 0
        }
      ]
    },
    {
      "Name": "Elisabeth Dalheim",
      "Id": "b6c90082e5db4dc5892168d084733e61",
      "LinkUrl": "",
      "ImageUrl": "http://via.placeholder.com/320x320",
      "AspectRatio": 0,
      "Description": "",
      "Properties": [
        {
          "Label": "Epost",
          "Value": "Elisabeth.Dalheim@outlook.org",
          "Type": 1
        },
        {
          "Label": "Telefon",
          "Value": "21222500",
          "Type": 2
        },
        {
          "Label": "appareat",
          "Value": "no prima",
          "Type": 0
        },
        {
          "Label": "doming",
          "Value": "mollis cum cu numquam",
          "Type": 0
        },
        {
          "Label": "te",
          "Value": "Mucius eleifend comprehensam",
          "Type": 0
        }
      ]
    },
    {
      "Name": "Maximilianus Rommetveit",
      "Id": "cb8ea8e0bc9c42b7b8f402ca43799bba",
      "LinkUrl": "",
      "ImageUrl": "http://via.placeholder.com/320x320",
      "AspectRatio": 0,
      "Description": "",
      "Properties": [
        {
          "Label": "Epost",
          "Value": "Maximilianus.Rommetveit@live.org",
          "Type": 1
        },
        {
          "Label": "Telefon",
          "Value": "41327360",
          "Type": 2
        },
        {
          "Label": "Ad",
          "Value": "usu scaevola",
          "Type": 0
        },
        {
          "Label": "quo",
          "Value": "in ius docendi nominavi",
          "Type": 0
        },
        {
          "Label": "nominavi",
          "Value": "eros fabulas",
          "Type": 0
        }
      ]
    }
  ]
}

Preview

With out any properties, besides email and phone

Petter Å

Epost:

Petter.Å@yahoo.se

Telefon:

07714518

Ingeborg Kopperud

Epost:

Ingeborg.Kopperud@live.it

Telefon:

87080312

Wolfgang Amadeus Kopperud

Epost:

Wolfgang.Amadeus.Kopperud@live.net

Telefon:

60712568

Kristine Rommetveit

Epost:

Kristine.Rommetveit@yahoo.org

Telefon:

40275103

Preview

Without any properties

Kristine Olsen

Kristine Ugelstad

Sarah Pettersen

Ola Huseby

Preview

Without image, but with phone and email

Nina Å

Epost:

Nina.Å@live.io

Telefon:

52447862

Ingeborg Dyp

Epost:

Ingeborg.Dyp@outlook.co.uk

Telefon:

46481367

Kenneth Ulleberg

Epost:

Kenneth.Ulleberg@outlook.it

Telefon:

28583785

Olga Hammersland

Epost:

Olga.Hammersland@example.com

Telefon:

57054754

Preview

With three people per row

Per Heggelund

Epost:

Per.Heggelund@hotmail.co.uk

Telefon:

72753387

Inermis:

essent appareat Ne mei

facilisis:

eum ignota oportere

regione:

oblique accusam

Robin Hansen

Epost:

Robin.Hansen@yahoo.no

Telefon:

22230362

legendos:

odio meis mollis

sit:

In verear labores

comprehensam:

odio meis

Per Lie

Epost:

Per.Lie@gmail.dk

Telefon:

56411684

at:

consectetuer vis ad in

graeci:

cum ei Usu eu

In:

prodesset ne Id usu

Preview

With two people per row

Petter Christophersen

Epost:

Petter.Christophersen@live.it

Telefon:

23716660

vel:

intellegam Ius

Eu:

apeirian duo

Vide:

mentitum Mundi timeam probatus

Ingrid Kleveland

Epost:

Ingrid.Kleveland@example.edu

Telefon:

14567405

theophrastus:

mollis cum cu numquam

id:

temporibus at

aliquando:

probatus mel Has

Preview

With 4:3 aspect ratio

Emmanuel Hammersland

Ola Vang

Peder Huseby

Maximilianus Lund

Preview

With 3:2 aspect ratio

Lars Karoliussen

Ola Talberg

Sarah Olsen

Harald Dalheim

Preview

With 16:9 aspect ratio

Ellinor Ugelstad

Hans Karoliussen

Odd Harald Lie

Harald Vedvik

Preview

With 2:1 aspect ratio

Henriette Dal

Nina Ødegård

Jørgen Øglænd

Robin Pilskog

How this page was made

KXBSparkListOfPeople.cshtml

    
@model Web.ViewModels.SparkViewModel

@{
    Layout = "~/Views/Layouts/_Layout.cshtml";
    var colorGenerator = new KXB.Spark.DummyData.Generators.ColorGenerator();

    var numberOfPeoplePerPreview = 4;

    var listOfPeople1 = KXB.Spark.ListOfPeople.ListOfPeople.GenerateInstance(numberOfPeoplePerPreview);
    var listOfPeople2 = KXB.Spark.ListOfPeople.ListOfPeople.GenerateInstance(numberOfPeoplePerPreview, true, false, true, true, 3);
    var listOfPeople3 = KXB.Spark.ListOfPeople.ListOfPeople.GenerateInstance(numberOfPeoplePerPreview, true, false, true, true, 0);
    var listOfPeople4 = KXB.Spark.ListOfPeople.ListOfPeople.GenerateInstance(numberOfPeoplePerPreview, true, false, false, false, 0);
    var listOfPeople5 = KXB.Spark.ListOfPeople.ListOfPeople.GenerateInstance(numberOfPeoplePerPreview, false, false, true, true, 0);
    var listOfPeople6 = KXB.Spark.ListOfPeople.ListOfPeople.GenerateInstance(3, true, false, true, true, 3, numberOfPeoplePerRow: KXB.Spark.ListOfPeople.NumberOfPeoplePerRow.Three);
    var listOfPeople7 = KXB.Spark.ListOfPeople.ListOfPeople.GenerateInstance(2, true, false, true, true, 3, numberOfPeoplePerRow: KXB.Spark.ListOfPeople.NumberOfPeoplePerRow.Two);
    var listOfPeople8 = KXB.Spark.ListOfPeople.ListOfPeople.GenerateInstance(numberOfPeoplePerPreview, true, false, false, false, 0, aspectRatio: KXB.Spark.ListOfPeople.AspectRatio.FourByThree);
    var listOfPeople9 = KXB.Spark.ListOfPeople.ListOfPeople.GenerateInstance(numberOfPeoplePerPreview, true, false, false, false, 0, aspectRatio: KXB.Spark.ListOfPeople.AspectRatio.SixteenByNine);
    var listOfPeople10 = KXB.Spark.ListOfPeople.ListOfPeople.GenerateInstance(numberOfPeoplePerPreview, true, false, false, false, 0, aspectRatio: KXB.Spark.ListOfPeople.AspectRatio.TwoByOne);
    var listOfPeople11 = KXB.Spark.ListOfPeople.ListOfPeople.GenerateInstance(numberOfPeoplePerPreview, true, false, false, false, 0, aspectRatio: KXB.Spark.ListOfPeople.AspectRatio.ThreeByTwo);
}

@Html.Partial("~/Views/Partials/_InstallationGuide.cshtml", Model.NugetModel)
<hr />
<div class="container">
    <h2 class="title">Preview</h2>
    <h3 class="subtitle">With all data</h3>
    @Html.Partial("~/Views/Partials/KXB.Spark/_ListOfPeople.cshtml", listOfPeople1)
    @Html.Partial("~/Views/Partials/_ModelPreview.cshtml", listOfPeople1)
</div>
<hr />
<div class="container">
    <h2 class="title">Preview</h2>
    <h3  class="subtitle">Without description, but with 5 properties</h3>
    @Html.Partial("~/Views/Partials/KXB.Spark/_ListOfPeople.cshtml", listOfPeople2)
    @Html.Partial("~/Views/Partials/_ModelPreview.cshtml", listOfPeople2)
</div>
<hr />
<div class="container">
    <h2 class="title">Preview</h2>
    <h3 class="subtitle">With out any properties, besides email and phone</h3>
    @Html.Partial("~/Views/Partials/KXB.Spark/_ListOfPeople.cshtml", listOfPeople3)
    @Html.Partial("~/Views/Partials/_ModelPreview.cshtml", listOfPeople3)
</div>
<hr />
<div class="container">
    <h2 class="title">Preview</h2>
    <h3 class="subtitle">Without any properties</h3>
    @Html.Partial("~/Views/Partials/KXB.Spark/_ListOfPeople.cshtml", listOfPeople4)
    @Html.Partial("~/Views/Partials/_ModelPreview.cshtml", listOfPeople4)
</div>
<hr />
<div class="container">
    <h2 class="title">Preview</h2>
    <h3 class="subtitle">Without image, but with phone and email</h3>
    @Html.Partial("~/Views/Partials/KXB.Spark/_ListOfPeople.cshtml", listOfPeople5)
    @Html.Partial("~/Views/Partials/_ModelPreview.cshtml", listOfPeople5)
</div>
<hr />
<div class="container">
    <h2 class="title">Preview</h2>
    <h3 class="subtitle">With three people per row</h3>
    @Html.Partial("~/Views/Partials/KXB.Spark/_ListOfPeople.cshtml", listOfPeople6)
    @Html.Partial("~/Views/Partials/_ModelPreview.cshtml", listOfPeople6)
</div>
<hr />
<div class="container">
    <h2 class="title">Preview</h2>
    <h3 class="subtitle">With two people per row</h3>
    @Html.Partial("~/Views/Partials/KXB.Spark/_ListOfPeople.cshtml", listOfPeople7)
    @Html.Partial("~/Views/Partials/_ModelPreview.cshtml", listOfPeople7)
</div>
<hr />
<div class="container">
    <h2 class="title">Preview</h2>
    <h3 class="subtitle">With 4:3 aspect ratio</h3>
    @Html.Partial("~/Views/Partials/KXB.Spark/_ListOfPeople.cshtml", listOfPeople8)
    @Html.Partial("~/Views/Partials/_ModelPreview.cshtml", listOfPeople8)
</div>
<hr />
<div class="container">
    <h2 class="title">Preview</h2>
    <h3 class="subtitle">With 3:2 aspect ratio</h3>
    @Html.Partial("~/Views/Partials/KXB.Spark/_ListOfPeople.cshtml", listOfPeople11)
    @Html.Partial("~/Views/Partials/_ModelPreview.cshtml", listOfPeople11)
</div>
<hr />
<div class="container">
    <h2 class="title">Preview</h2>
    <h3 class="subtitle">With 16:9 aspect ratio</h3>
    @Html.Partial("~/Views/Partials/KXB.Spark/_ListOfPeople.cshtml", listOfPeople9)
    @Html.Partial("~/Views/Partials/_ModelPreview.cshtml", listOfPeople9)
</div>
<hr />
<div class="container">
    <h2 class="title">Preview</h2>
    <h3 class="subtitle">With 2:1 aspect ratio</h3>
    @Html.Partial("~/Views/Partials/KXB.Spark/_ListOfPeople.cshtml", listOfPeople10)
    @Html.Partial("~/Views/Partials/_ModelPreview.cshtml", listOfPeople10)
</div>