Permalink
Find file
Fetching contributors…
Cannot retrieve contributors at this time
619 lines (581 sloc) 25.9 KB
<!DOCTYPE html>
<html lang="en">
<head>
<title>Popup</title>
<meta charset="utf-8">
<link rel="shortcut icon" href="img/blank.png"/>
<!-- CSS Less -->
<link rel="stylesheet" type="text/css" href="less/popup.css" />
<link rel="stylesheet" type="text/css" href="less/palettes/blue.css" id="palette" />
</head>
<body>
<div id="tips">
<div class="text">
<div class="clicktoclose">click me to close me</div>
<h1 class="firstTitle">Notifier <span data="appVersion">APP_VERSION</span></h1>
<h2>Fra appKom i Online</h2>
<p>
Epost: <a href="mailto:appkom@online.ntnu.no">appkom@online.ntnu.no</a><br />
GitHub: <a href="https://github.com/appkom/notifier">github.com/appkom/notifier</a><br />
Facebook: <a href="https://www.facebook.com/onlineappkom">facebook.com/onlineappkom</a><br />
</p>
<p>
Vi lager nettleserutvidelser, mobilapplikasjoner, infoskjermer og tilhørende tjenester som mellomlag og dingser. Prosjektleder for Notifier er Michael Johansen (<a href="mailto:michael@informatikk.org">michael@informatikk.org</a>). Alt er open source. Her er alt vi har laget:
</p>
<p>
Notifier (extension): <a href="http://bit.ly/NotifierForChrome">bit.ly/NotifierForChrome</a> / <a href="http://bit.ly/NotifierForOpera">bit.ly/NotifierForOpera</a><br />
Notiwall (extension): <a href="http://bit.ly/NotiwallForChrome">bit.ly/NotiwallForChrome</a><br />
Grader (extension): <a href="http://bit.ly/GraderForChrome">bit.ly/GraderForChrome</a><br />
Notiwire (API): <a href="http://passoa.online.ntnu.no/api/cantina/hangaren">passoa.online.ntnu.no/api/cantina/hangaren</a>
</p>
<div id="tipsText">
<h2>Tips</h2>
<ul>
<li><b>Ctrl/Cmd+Shift+A</b> er hotkey for Notifier</li>
<li><b>Ctrl/Cmd+Shift+I</b> er hotkey til Instabart</li>
<li>Endre hotkeys nederst til høyre på denne siden: <a href="chrome://extensions">Chrome</a> / <a href="opera://extensions">Opera</a></li>
<li>Chrome: Har du mange extensions? Skjul ikonene du ikke vil se ved å ta tak i høyre kant av adressefeltet og dra over dem</li>
</ul>
</div>
<div id="linjeforeningerText">
<h2>Links</h2>
<ul>
<li>
Gå til
<a href="http://nyitrondheim.no">ny i Trondheim</a>
<div class="url">(nyitrondheim.no)</div>
</li>
<li>
Gå til
<a href="http://instabart.no">startsiden for Trondheimsstudenten</a>
<div class="url">(instabart.no)</div>
</li>
<li>Gå til
<a href="http://gloshaugen.info">
linjeforeninger på Gløshaugen</a>
<div class="url">(gloshaugen.info)</div>
<!--
<ul>
<li>
<a href="https://wiki.online.ntnu.no/projects/online/wiki/Linjeforeninger_p%C3%A5_Gl%C3%B8shaugen#Tradisjoner">Tradisjoner</a>
</li>
<li>
<a href="https://wiki.online.ntnu.no/projects/online/wiki/Linjeforeninger_p%C3%A5_Gl%C3%B8shaugen#Ressurser">Ressurser</a>
</li>
<li>
<a href="https://wiki.online.ntnu.no/projects/online/wiki/Linjeforeninger_p%C3%A5_Gl%C3%B8shaugen#Linjeforeningslederforumet">Linjeforeningslederforumet</a>
</li>
<li>
<a href="https://wiki.online.ntnu.no/projects/online/wiki/Linjeforeninger_p%C3%A5_Gl%C3%B8shaugen#Gløshaugenkart">Gløshaugenkartet</a>
</li>
</ul>
-->
</li>
<li>Gå til
<a href="http://dragvoll.info">
linjeforeninger på Dragvoll</a>
<div class="url">(dragvoll.info)</div>
</li>
<li>Gå til
<a href="https://wiki.online.ntnu.no/projects/online/wiki/Linjeforeninger_p%C3%A5_HiST">linjeforeninger på Kalvskinnet</a>
<!-- <div class="url">(kalvskinnet.info)</div> -->
</li>
<li>Go to
<a href="https://wiki.online.ntnu.no/projects/online/wiki/International_student_organizations_at_NTNU">international student organizations at NTNU</a>
<!-- <div class="url">(studorg.info)</div> -->
</li>
<li>Gå til
<a href="https://wiki.online.ntnu.no/projects/online/wiki/Studentkjellere_p%C3%A5_Moholt">studentkjellere på Moholt</a>
<div class="url">(moholt.info)</div>
</li>
<li>Gå til
<a href="https://wiki.online.ntnu.no/projects/online/wiki/Karrieredager">karrieredager på NTNU</a>
<div class="url">(karrieredager.info)</div>
</li>
</ul>
</div>
<div id="changelog"></div>
</div>
</div>
<div id="background"></div>
<div id="specialNews">
Gunnar Bovim håper du vil lese om NTNUs fusjon med høyskolene her: <a href="http://www.ntnu.no/fusjon">ntnu.no/fusjon</a>
<img id="closeSpecialNews" src="/img/popup-close-specialnews.png" />
</div>
<!--
<div id="comic">
<img id="dailyStrip" src="img/blank.png" />
</div>
-->
<div id="container">
<div id="header">
<div id="buttons">
<img id="editButton" class="popupButton" src="img/popup-edit.png" />
<div id="normalButtons">
<img id="chatterButton" class="popupButton" src="img/popup-chatter.png" />
<img id="tipsButton" class="popupButton" src="img/popup-tips.png" />
<!-- UNCOMMENTED, see also popup.js, popup.event.js, popup.less, - search for "comic" -->
<!-- <img id="comicButton" class="popupButton" src="img/popup-lunch.png" /> -->
<img id="colorButton" class="popupButton" src="img/popup-color.png" />
</div>
<div id="bigOptions">
<input type="checkbox" id="showCantina"></input>
<label for="showCantina">SiT</label>
<input type="checkbox" id="showBus"></input>
<label for="showBus">AtB</label>
</div>
</div>
<img id="logo" src="img/blank.png" />
<div id="buttonText"></div>
</div>
<div id="todays">
<div id="schedule">
<div class="title"><span data="officeName">Laster...</span></div>
<div class="options">
<div id="statusOptions">
<span data="ICON_OPEN">ICON_OPEN</span> Åpent
<span data="ICON_CLOSED">ICON_CLOSED</span> Lukket
<span data="ICON_MEETING">ICON_MEETING</span> Møte
<span data="ICON_WAFFLE"><img src="img/icon-waffle.png" class="statusIcon" /></span>Vafler
</div>
<div>
Er det flere møter i dag?<br />
Hvem har ansvar på <span data="officeName">OFFICE_NAME</span>?
</div>
</div>
<div class="content">
<div id="servant">- Laster ansvarlige...</div>
<div id="meetings">Laster møtekalender...</div>
</div>
</div>
<div id="coffee">
<div class="title">Kaffe</div>
<div class="options">
<div>
<input type="checkbox" id="coffeeSubscription"></input>
<label for="coffeeSubscription">Få kaffevarsel</label>
</div>
<div>
Få kaffememe når noen koker en ny<br />kanne kaffe på <span data="officeName">OFFICE_NAME</span>.
</div>
</div>
<div class="content">
<div id="pots">- Laster antall kanner...</div>
<div id="age">Laster kaffestatus...</div>
</div>
</div>
</div>
<div id="cantinas">
<div class="first">
<div class="title">Laster...</div>
<div class="options">
<select>
<option value="dmmh">DMMH</option>
<option value="dragvoll">Dragvoll</option>
<option value="elektro">Elektro</option>
<option value="elgeseter">Elgeseter</option>
<option value="hangaren">Hangaren</option>
<option value="kalvskinnet">Kalvskinnet</option>
<option value="kjel">Kjelhuset</option>
<option value="moholt">Moholt</option>
<option value="mtfs">MTFS</option>
<option value="realfag">Realfag</option>
<option value="rotvoll">Rotvoll</option>
<option value="tungasletta">Tungasletta</option>
<option value="tyholt">Tyholt</option>
<option value="oya">Øya</option>
<option value="storkiosk dragvoll">Storkiosk Dragvoll</option>
<option value="storkiosk gloshaugen">Storkiosk Gløshaugen</option>
<option value="storkiosk oya">Storkiosk Øya</option>
<option value="idretts. dragvoll">Idretts. Dragvoll</option>
<option value="sito dragvoll">Sito Dragvoll</option>
<option value="sito realfag">Sito Realfag</option>
<option value="sito stripa">Sito Stripa</option>
</select>
<div>
Lunsjmeny vises før kl 14:00, deretter vises middagsmeny.
</div>
</div>
<div class="content">
<div class="hours">Laster...</div>
<div class="subtitle">Laster...</div>
<div class="mealBox"></div>
</div>
</div>
<div class="second">
<div class="title">Laster...</div>
<div class="options">
<select>
<option value="dmmh">DMMH</option>
<option value="dragvoll">Dragvoll</option>
<option value="elektro">Elektro</option>
<option value="elgeseter">Elgeseter</option>
<option value="hangaren">Hangaren</option>
<option value="kalvskinnet">Kalvskinnet</option>
<option value="kjel">Kjelhuset</option>
<option value="moholt">Moholt</option>
<option value="mtfs">MTFS</option>
<option value="realfag">Realfag</option>
<option value="rotvoll">Rotvoll</option>
<option value="tungasletta">Tungasletta</option>
<option value="tyholt">Tyholt</option>
<option value="oya">Øya</option>
<option value="storkiosk dragvoll">Storkiosk Dragvoll</option>
<option value="storkiosk gloshaugen">Storkiosk Gløshaugen</option>
<option value="storkiosk oya">Storkiosk Øya</option>
<option value="idretts. dragvoll">Idretts. Dragvoll</option>
<option value="sito dragvoll">Sito Dragvoll</option>
<option value="sito realfag">Sito Realfag</option>
<option value="sito stripa">Sito Stripa</option>
</select>
<div>
Lunsjmeny vises før kl 14:00, deretter vises middagsmeny.
</div>
</div>
<div class="content">
<div class="hours">Laster...</div>
<div class="subtitle">Laster...</div>
<div class="mealBox"></div>
</div>
</div>
</div>
<div id="bus">
<div id="realtime">
<div id="firstBus">
<div class="options">
<!--<div id="secondBus" class="busStop">-->
<select>
<option selected="selected">til byen</option>
<option>fra byen</option>
</select>
<input type="text" placeholder="Busstopp"></input>
<div class="lines">
<!-- wrapping div for favorite bus lines -->
</div>
<!--</div>-->
</div>
<div class="content">
<div class="name">
<!-- br's are hackish -->
<br /><br /><img class="loadingLeft" src="img/loading.gif" />
</div>
<div class="first">
<span class="line"></span>
<span class="time"></span>
</div>
<div class="second">
<span class="line"></span>
<span class="time"></span>
</div>
<div class="third">
<span class="line"></span>
<span class="time"></span>
</div>
<div class="error">
</div>
</div>
</div>
<div id="middle">
<img id="atbLogo" src="img/logo-atb.png" />
</div>
<div id="secondBus">
<div class="options">
<!--<div id="secondBus" class="busStop">-->
<input type="text" placeholder="Busstopp"></input>
<select>
<option selected="selected">til byen</option>
<option>fra byen</option>
</select>
<div class="lines">
<!-- wrapping div for favorite bus lines -->
</div>
<!--</div>-->
</div>
<div class="content">
<div class="name">
<!-- br's are hackish -->
<br /><br /><img class="loadingRight" src="img/loading.gif" />
</div>
<div class="first">
<span class="time"></span>
<span class="line"></span>
</div>
<div class="second">
<span class="time"></span>
<span class="line"></span>
</div>
<div class="third">
<span class="time"></span>
<span class="line"></span>
</div>
<div class="error">
</div>
</div>
</div>
</div>
<div id="oracle">
<span id="name">Orakelet</span><input id="question" type="text" placeholder='"Når går bussen fra Gløshaugen Nord til byen?" Eller helt enkelt "gløs byen"' />
<div id="answer"></div>
</div>
</div>
<div id="news">
<!-- Primary affiliation news, #full is used instead of #left/#right if ls.showAffiliation2 is "false" -->
<div id="full">
<div class="content">
<!-- Placeholder article, there will be 4 articles -->
<article data="#">
<img class="regular" src="img/placeholder.png" />
<div class="title">Laster...</div>
Laster...,
<br /><div class="author">&ndash; Av (laster...)</div>
</article>
</div>
</div>
<!-- Primary affiliation news -->
<div id="left">
<div class="title">
Laster...
</div>
<div class="options">
<div id="leftNewsOptionTitle">
Min linjeforening eller organisasjon
</div>
<select id="affiliationKey1">
<optgroup class="debugAffiliation" label="DEBUG">
<option value="DEBUG">DEBUG</option>
</optgroup>
<optgroup label="Linjeforeninger Gløshaugen">
<option value="abakus">Abakus</option>
<option value="smorekoppen">A/F Smørekoppen</option>
<option value="industrivinduet">A/F Smørekoppen: Industrivinduet</option>
<option value="berg">Berg</option>
<option value="broderskabet">Broderskabet</option>
<option value="delta">Delta</option>
<option value="emil">EMIL</option>
<option value="aarhonen">H.M. Aarhønen</option>
<option value="hybrida">Hybrida</option>
<option value="hc">Høiskolens Chemikerforening</option>
<option value="janus">Janus</option>
<option value="leonardo">Leonardo</option>
<option value="mannhullet">Mannhullet</option>
<option value="placebo">MF Placebo</option>
<option value="omega">Omega</option>
<option value="omegav">Omega: Omega Verksted</option>
<option value="online">Online</option>
<option value="nabla">Nabla</option>
<option value="solan">Solan</option>
<option value="spanskroeret">Spanskrøret</option>
<option value="timini">Timini</option>
<option value="volvox">Volvox &amp; Alkymisten</option>
</optgroup>
<optgroup label="Linjeforeninger Dragvoll">
<option value="caf">Citius Altius Fortius (CAF)</option>
<option value="communitas">Communitas</option>
<option value="dhs">Det Historiske Selskab</option>
<option value="dionysos">Dionysos</option>
<option value="erudio">Erudio</option>
<option value="eureka">Eureka</option>
<option value="geolf">Geolf</option>
<option value="gengangere">Gengangere</option>
<option value="jump_cut">Jump Cut</option>
<option value="paideia">Paideia</option>
<option value="panoptikon">Panoptikon</option>
<option value="pareto">Pareto</option>
<option value="primetime">Primetime</option>
<option value="psi">PSI</option>
<option value="psykolosjen">Psykolosjen</option>
<option value="sturm_und_drang">Sturm und Drang</option>
<option value="teaterlosjen">Teaterlosjen</option>
<option value="universitetsteatret">Teaterlosjen: Universitetsteatret</option>
</optgroup>
<optgroup label="Linjeforeninger Kalvskinnet/DMMH/TJSF/BI">
<option value="kom">KOM</option>
<option value="logistikkstudentene">Logistikkstudentene</option>
<option value="nutrix">Nutrix</option>
<option value="sftoh">STØH</option>
<option value="tihlde">TIHLDE</option>
<option value="tim_og_shaenko">Tim &amp; Shænko</option>
<option value="tjsf">TJSF</option>
<option value="vivas">Vivas</option>
</optgroup>
<optgroup label="Master-/doktor-/internasjonale foreninger">
<option value="dion">DION</option>
<option value="esn">ESN</option>
<option value="iaeste">IAESTE</option>
<option value="isu">ISU</option>
<option value="signifikant">Signifikant</option>
<option value="soma">Soma</option>
<option value="symbiosis">Symbiosis</option>
</optgroup>
<optgroup label="Studentmedier++">
<option value="dusken">Dusken</option>
<option value="universitetsavisa">Universitetsavisa</option>
<option value="gemini">Gemini</option>
</optgroup>
<optgroup label="Samfundet, Studentdemokrati">
<option value="samfundet">Samfundet</option>
<option value="velferdstinget">Velferdstinget</option>
<option value="studenttinget_ntnu">Studenttinget NTNU</option>
</optgroup>
<optgroup label="Utdanningsinstitusjoner">
<option value="ntnu">NTNU</option>
<option value="rektoratet_ntnu">Rektoratet NTNU</option>
<option value="dmmh">DMMH</option>
</optgroup>
</select>
<div>
<input type="checkbox" id="showNotifications1"></input>
<label for="showNotifications1">Få nyhetsvarsler</label>
</div>
</div>
<div class="content">
<!-- Placeholder article, there will be 4 articles -->
<article data="">
<img src="img/placeholder.png" />
</article>
</div>
</div>
<!-- Secondary affiliation news -->
<div id="right">
<div class="title">
Velg kilde
</div>
<div class="options">
<div>
<div>
<input type="checkbox" id="showAffiliation2"></input>
<label for="showAffiliation2">Vis ekstra nyhetskilde</label>
</div>
<select id="affiliationKey2">
<optgroup class="debugAffiliation" label="DEBUG">
<option value="DEBUG">DEBUG</option>
</optgroup>
<optgroup label="Linjeforeninger Gløshaugen">
<option value="abakus">Abakus</option>
<option value="smorekoppen">A/F Smørekoppen</option>
<option value="industrivinduet">A/F Smørekoppen: Industrivinduet</option>
<option value="berg">Berg</option>
<option value="broderskabet">Broderskabet</option>
<option value="delta">Delta</option>
<option value="emil">EMIL</option>
<option value="aarhonen">H.M. Aarhønen</option>
<option value="hybrida">Hybrida</option>
<option value="hc">Høiskolens Chemikerforening</option>
<option value="janus">Janus</option>
<option value="leonardo">Leonardo</option>
<option value="mannhullet">Mannhullet</option>
<option value="placebo">MF Placebo</option>
<option value="omega">Omega</option>
<option value="omegav">Omega: Omega Verksted</option>
<option value="online">Online</option>
<option value="nabla">Nabla</option>
<option value="solan">Solan</option>
<option value="spanskroeret">Spanskrøret</option>
<option value="timini">Timini</option>
<option value="volvox">Volvox &amp; Alkymisten</option>
</optgroup>
<optgroup label="Linjeforeninger Dragvoll">
<option value="caf">Citius Altius Fortius (CAF)</option>
<option value="communitas">Communitas</option>
<option value="dhs">Det Historiske Selskab</option>
<option value="dionysos">Dionysos</option>
<option value="erudio">Erudio</option>
<option value="eureka">Eureka</option>
<option value="geolf">Geolf</option>
<option value="gengangere">Gengangere</option>
<option value="jump_cut">Jump Cut</option>
<option value="paideia">Paideia</option>
<option value="panoptikon">Panoptikon</option>
<option value="pareto">Pareto</option>
<option value="primetime">Primetime</option>
<option value="psi">PSI</option>
<option value="psykolosjen">Psykolosjen</option>
<option value="sturm_und_drang">Sturm und Drang</option>
<option value="teaterlosjen">Teaterlosjen</option>
<option value="universitetsteatret">Teaterlosjen: Universitetsteatret</option>
</optgroup>
<optgroup label="Linjeforeninger Kalvskinnet/DMMH/TJSF/BI">
<option value="kom">KOM</option>
<option value="logistikkstudentene">Logistikkstudentene</option>
<option value="nutrix">Nutrix</option>
<option value="sftoh">STØH</option>
<option value="tihlde">TIHLDE</option>
<option value="tim_og_shaenko">Tim &amp; Shænko</option>
<option value="tjsf">TJSF</option>
<option value="vivas">Vivas</option>
</optgroup>
<optgroup label="Master-/doktor-/internasjonale foreninger">
<option value="dion">DION</option>
<option value="esn">ESN</option>
<option value="iaeste">IAESTE</option>
<option value="isu">ISU</option>
<option value="signifikant">Signifikant</option>
<option value="soma">Soma</option>
<option value="symbiosis">Symbiosis</option>
</optgroup>
<optgroup label="Studentmedier++">
<option value="dusken">Dusken</option>
<option value="universitetsavisa">Universitetsavisa</option>
<option value="gemini">Gemini</option>
</optgroup>
<optgroup label="Samfundet, Studentdemokrati">
<option value="samfundet">Samfundet</option>
<option value="velferdstinget">Velferdstinget</option>
<option value="studenttinget_ntnu">Studenttinget NTNU</option>
</optgroup>
<optgroup label="Utdanningsinstitusjoner">
<option value="ntnu">NTNU</option>
<option value="rektoratet_ntnu">Rektoratet NTNU</option>
<option value="dmmh">DMMH</option>
</optgroup>
</select>
<div>
<input type="checkbox" id="showNotifications2"></input>
<label for="showNotifications2">Få nyhetsvarsler</label>
</div>
</div>
</div>
<div class="content">
<!-- Placeholder article, there will be 4 articles -->
<article data="">
<img src="img/placeholder.png" />
</article>
</div>
</div>
</div>
</div>
<!-- Suggestions for bus stops -->
<div id="busSuggestions">
<div id="suggestionTitle">Forslag</div>
<div id="suggestions"></div> <!-- Suggestions will be added to this div -->
</div>
<!-- JS No Dependencies -->
<script src="libs/jquery-2.1.4.min.js"></script>
<script src="libs/jquery-konami.js"></script>
<script src="libs/Markdown.Converter.js"></script>
<script src="js/missing.js"></script>
<script src="js/hotfix.js"></script>
<!-- JS Behind the Scenes -->
<script src="js/browser.js"></script> <!-- browser needs jquery -->
<script src="js/constants.js"></script> <!-- constants needs browser -->
<script src="js/analytics.js"></script> <!-- analytics needs constants -->
<!-- JS Affiliation and Such -->
<script src="js/ajaxer.js"></script> <!-- ajaxer needs jquery -->
<script src="js/affiliation.js"></script> <!-- affiliation needs images -->
<script src="js/palettes.js"></script> <!-- palettes needs affiliation -->
<!-- JS Services -->
<script src="js/bus.js"></script>
<script src="js/cantina.js"></script>
<script src="js/coffee.js"></script>
<script src="js/favorite.js"></script>
<script src="js/news.js"></script>
<script src="js/oracle.js"></script>
<script src="js/stops.js"></script>
<!-- Document sripts -->
<script src="popup.globals.js"></script>
<script src="popup.update.js"></script>
<script src="popup.event.js"></script>
<script src="popup.options.js"></script>
<script src="popup.js"></script>
</body>
</html>