---
type: "series"
title: "The Office"
englishTitle: "The Office"
year: "2005–2013"
dataSource: "OMDbAPI"
url: "https://www.imdb.com/title/tt0386676/"
id: "tt0386676"
genres: 
  - "Comedy"
studios: 
  - "N/A"
episodes: 0
duration: "22 min"
onlineRating: 9
image: "https://m.media-amazon.com/images/M/MV5BMDNkOTE4NDQtMTNmYi00MWE0LWE4ZTktYTc0NzhhNWIzNzJiXkEyXkFqcGdeQXVyMzQ2MDI5NjU@._V1_SX300.jpg"
released: true
airing: false
airedFrom: "24/03/2005"
airedTo: "unknown"
watched: true
lastWatched: "2014"
personalRating: 8
CollapseMetaTable: true

---

Parent:: [[@Cinematheque]]

---

```dataviewjs
dv.paragraph(`> [!${dv.current().watched ? 'SUCCESS' : 'WARNING'}] ${dv.current().watched ? 'last watched on ' + dv.current().lastWatched : 'not yet watched'}`)
```

 

# `$= dv.current().title`

 

`$= dv.current().watched ? '**Rating**: ' + dv.current().personalRating + ' out of 10' : ''`

 

```toc
```

 

### Detail

 

**Genres**:
`$= dv.current().genres.length === 0 ? ' - none' : dv.list(dv.current().genres)`

```dataviewjs
let text = '';

if (!dv.current().released) {
	text += '**Not released**\n';
	if (dv.current().airedFrom) {
		text += 'The series will release on ' + dv.current().release_date + '.';
	} else {
		text += 'The series is not released yet.';
	}
	
} else if (dv.current().airing) {
	text += '**Not finished**\n';
	text += 'The series is not fully released yet.';
}

if (text) {
	dv.paragraph(text);
}
```

```dataview
list without id
 "<table><tbody><tr><td><a class=heading>Type</a></td>"
 +
 "<td><span style='color: var(--footnote);'>" + this.type + "</span></td></tr>"
+
 "<tr><td><a class=heading>Online Rating</a></td>"
 +
 "<td><span style='color: var(--footnote);'>" + this.onlineRating + "</span></td></tr>"
 +
 "<tr><td><a class=heading>Episodes</a></td>"
 +
 "<td><span style='color: var(--footnote);'>" + this.episodes + "</span></td></tr>"
 +
 "<tr><td><a class=heading>Duration</a></td>"
 +
 "<td><span style='color: var(--footnote);'>" + this.duration + "</span></td></tr>"
 +
  "<tr><td><a class=heading>Aired from</a></td>"
 +
 "<td><span style='color: var(--footnote);'>" + this.airedFrom + "</span></td></tr>"
 +
 "<tr><td><a class=heading>Aired to</a></td>"
 +
 "<td><span style='color: var(--footnote);'>" + this.airedTo + "</span></td></tr>"
 +
 "<tr><td><a class=heading>Studios</a></td>"
 +
 "<td><span style='color: var(--footnote);'>" + this.studios + "</span></td></tr></tbody></table>"
FROM "03.04 Cinematheque/The Office (2005–2013)"
```

&emsp;

---

&emsp;

### Poster

&emsp;

`$= '![Image|360](' + dv.current().image + ')'`