# 4.3: Index View

In this module we'll refactor the Index View for the Index() controller method.

## Create the Index View

1. In **ElevenNote.Web -> Controllers** folder, open the **Note Controller**
2. Right click on the `Index()` method.
3. Select **Add View** 

   ![Add View](https://3258533034-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LAU8YfMZK4G04fkoGGv%2F-LAxIpctUd5Re2d0k0ZW%2F-LAxIrhHLy_vyEp8pUSL%2F4.2-A.png?generation=1524668271140898\&alt=media)
4. Fill it out like this:

   ![View](https://3258533034-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LAU8YfMZK4G04fkoGGv%2F-LAxIpctUd5Re2d0k0ZW%2F-LAxIrhmuM-SetWMNmo0%2F4.2-B.png?generation=1524668269166156\&alt=media)

### Notes

* This creates a file in the views folder, but we won't see anything if we run the app since there is no data yet. 
* The view created is based on the properties listed in the `NoteListItem.cs` model. If those change, you'll want to re-do this. 
* We'll look at the view file later.

## Implement `NoteListItem` model

1. Back in the **Note Controller**, add this code in the `Index()` method:

```csharp
namespace ElevenNote.Web.Controllers
{
    public class NoteController : Controller
    {
        public ActionResult Index()
        {
            var model = new NoteListItem[0];
            return View(model);
        }
    }
}
```

Note: In the code above, we are initializing a new instance of the NoteListItem as an IEnumerable with the \[0] syntax. This will satisfy some of the requirements for our Index View. When we added the List template for our view, it created some IEnumerable requirements for our list view. More on that later.

1. Press `CTRL .` to bring in the using statement for the `NoteListItem` model.
2. One very nice attribute in C# is the `[Authorize]` annotation. This annotation makes it so that the views are accessible only to logged in users:

   ```csharp
   namespace ElevenNote.Web.Controllers
   {
    [Authorize]
    public class NoteController : Controller
   ```
3. ![Git](https://3258533034-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LAU8YfMZK4G04fkoGGv%2F-LAwyv0-ttugakHO6zeV%2F-LAwyxUd0dcYSLXYb-5s%2Fdevicons_github_badge.png?generation=1524662787257488\&alt=media)
4. Run the app
5. Add `/Note/Index` or `/Note` to the end of the URL

   ![Note View](https://3258533034-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LAU8YfMZK4G04fkoGGv%2F-LAxIpctUd5Re2d0k0ZW%2F-LAxIrpPzTmqDBdvqwwo%2F4.2-C.png?generation=1524668271104776\&alt=media)
6. If you are not logged in, you should be redirected to the Login page. This is due to the `[Authorize]` annotation we added.
7. If you are logged in, you should be directed to the List view.