Start work on nanoui iteration at the request of ater

Author: Ava

code/game/gamemodes/cult/arcane_tome.dm

@@ -1,3 +1,6 @@
+#define TAB_ARCHIVES 1
+#define TAB_RUNES 2
+
 /// Arcane tomes are the quintessential cultist "tool" and are used to draw runes, smack things with, and other such things.
 /// The interface they open (ArcaneTome.js) also contains a lot of in-game documentation about how the antagonist works.
 /obj/item/arcane_tome
@@ -17,6 +20,10 @@
 	pickup_sound = 'sound/items/pickup/book.ogg'
 	/// How long it takes to draw a rune using this tome. Non-positive values are instant.
 	var/scribe_speed = 5 SECONDS
+	/// This tome's selected UI tab.
+	var/selected_tab = TAB_ARCHIVES
+	var/archives_entry = 0
+	var/compact_mode = FALSE
 
 /obj/item/arcane_tome/get_examine_desc()
 	if (iscultist(usr) || isobserver(usr))
@@ -27,49 +34,58 @@
 /obj/item/arcane_tome/attack_self(mob/user)
 	if (!iscultist(user))
 		to_chat(user, "The book is full of illegible scribbles and crudely-drawn shapes. Is this a joke...?")
-	tgui_interact(user)
+	ui_interact(user)
 
-/obj/item/arcane_tome/tgui_interact(mob/user, datum/tgui/ui, datum/tgui/parent_ui)
+/obj/item/arcane_tome/ui_interact(mob/user, ui_key, datum/nanoui/ui, force_open, master_ui, datum/topic_state/state)
 	if (!iscultist(user))
 		return
-	ui = SStgui.try_update_ui(user, src, ui)
+	var/dat = ui_data()
+ 	ui = SSnanoui.try_update_ui(user, src, ui_key, ui, dat, force_open = force_open)
 	if (!ui)
-		ui = new(user, src, "ArcaneTome", name)
+		archives_entry = 0
+		dat["archives_entry"] = selected_tab
+		ui = new(user, src, ui_key, "arcane_tome.tmpl", "Arcane Tome", 500, 600)
+		ui.set_initial_data(dat)
 		ui.open()
 		playsound(user, 'sound/bureaucracy/bookopen.ogg', 25, TRUE)
 
-/obj/item/arcane_tome/tgui_data(mob/user, datum/tgui/ui, datum/tgui_state/state)
-	var/list/data = list()
-
-	var/list/rune_data = list()
+/obj/item/arcane_tome/proc/ui_data()
+	var/dat[0]
+	var/runes[0]
 	for (var/V in subtypesof(/obj/effect/rune))
 		var/obj/effect/rune/NR = V
 		if (!initial(NR.can_write))
 			continue
 		var/obj/item/paper/talisman/T = initial(NR.talisman_path)
-		rune_data += list(list(
+		runes[++runes.len] = list(
 			"name" = initial(NR.rune_name),
 			"invokers" = initial(NR.required_invokers),
 			"talisman" = T ? initial(T.tome_desc) : null,
 			"shorthand" = initial(NR.rune_shorthand) ? initial(NR.rune_shorthand) : initial(NR.rune_desc),
 			"typepath" = NR
-		))
-	data["runes"] = rune_data
-
-	return data
+		)
+	dat["runes"] = runes
+	dat["selected_tab"] = selected_tab
+	dat["archives_entry"] = archives_entry
+	dat["compact_mode"] = compact_mode
+	return dat
 
-/obj/item/arcane_tome/tgui_act(action, list/params, datum/tgui/ui, datum/tgui_state/state)
-	if (..())
+/obj/item/arcane_tome/Topic(href, href_list, datum/topic_state/state)
+	if (..() || !iscultist(usr))
 		return TRUE
-	switch (action)
-		if ("turnPage")
-			playsound(src, "pageturn", 25, TRUE)
-		if ("writeRune")
-			var/obj/effect/rune/R = text2path(params["runePath"])
-			if (!ispath(R, /obj/effect/rune))
-				return
+	if (href_list["switch_tab"])
+		selected_tab = text2num(href_list["switch_tab"])
+		playsound(src, "pageturn", 25, TRUE)
+	if (href_list["switch_archive"])
+		archives_entry = text2num(href_list["switch_archive"])
+		playsound(src, "pageturn", 25, TRUE)
+	if (href_list["compact_mode"])
+		compact_mode = !compact_mode
+	if (href_list["write_rune"])
+		var/obj/effect/rune/R = text2path(href_list["write_rune"])
+		if (ispath(R, /obj/effect/rune))
 			scribe_rune(usr, R)
-			return
+	SSnanoui.update_uis(src)
 
 /obj/item/arcane_tome/attack(mob/living/M, mob/living/user, target_zone, attack_modifier)
 	// This is basically a reimplementation of weapon logic for cultists only
@@ -130,5 +146,14 @@
 	var/obj/effect/rune/NR = new rune_type (get_turf(user))
 	NR.after_scribe(user)
 
-/obj/item/arcane_tome/admin
-	scribe_speed = 0 // Instant
+/// Debug tome that automatically converts someone on pickup. Should never appear regularly.
+/obj/item/arcane_tome/debug
+	scribe_speed = 1 SECOND // Not quite instant, but close to it
+
+/obj/item/arcane_tome/debug/pickup()
+	. = ..()
+	if (usr.mind)
+		cult.add_antagonist(usr.mind)
+
+#undef TAB_ARCHIVES
+#undef TAB_RUNES

nano/images/uiBackground-Cult.png

@@ -15,6 +15,21 @@ NanoBaseHelpers = function ()
 
 				return '';
 			},
+
+			// As above, but for culty stuff
+			spookyMode: function() {
+				$('body').css("color", "#9A9A9A");
+				$('body').css("background-color", "#0D0C0C");
+				$('body').css("background-image", "url('uiBackground-Cult.png')");
+				$('body').css("background-position", "50% 0");
+				$('body').css("background-repeat", "repeat-x");
+
+				$('#uiTitleText').css("color", "#777777");
+				// Hide the NT icon completely
+				$('#uiTitleFluff').css("width", "0px");
+				$('#uiTitleFluff').css("height", "0px");
+				return '';
+			},
 			// Generate a Byond link
 			link: function( text, icon, parameters, status, elementClass, elementId) {
 
@@ -129,12 +144,12 @@ NanoBaseHelpers = function ()
 				{
 					showText = '';
 				}
-				
+
 				if (typeof difClass == 'undefined' || !difClass)
 				{
 					difClass = ''
 				}
-				
+
 				if(typeof direction == 'undefined' || !direction)
 				{
 					direction = 'width'
@@ -143,9 +158,9 @@ NanoBaseHelpers = function ()
 				{
 					direction = 'height'
 				}
-				
+
 				var percentage = Math.round((value - rangeMin) / (rangeMax - rangeMin) * 100);
-				
+
 				return '<div class="displayBar' + difClass + ' ' + styleClass + '"><div class="displayBar' + difClass + 'Fill ' + styleClass + '" style="' + direction + ': ' + percentage + '%;"></div><div class="displayBar' + difClass + 'Text ' + styleClass + '">' + showText + '</div></div>';
 			},
 			// Display DNA Blocks (for the DNA Modifier UI)
@@ -203,7 +218,7 @@ NanoBaseHelpers = function ()
 				return html;
 			}
 		};
-		
+
 	return {
         addHelpers: function ()
 		{
@@ -217,14 +232,7 @@ NanoBaseHelpers = function ()
 				{
 					NanoTemplate.removeHelper(helperKey);
 				}
-			}            
+			}
         }
 	};
 } ();
- 
-
-
-
-
-
-

nano/js/nano_base_helpers.js

@@ -0,0 +1,62 @@
+{{:helper.spookyMode()}}
+{{:helper.link("Archives", null, { 'switch_tab': 1 }, data.selected_tab == 1 ? 'selected' : null)}}
+{{:helper.link("Runes", null, { 'switch_tab': 2 }, data.selected_tab == 2 ? 'selected' : null)}}
+<br/><br/>
+{{if data.selected_tab == 1}}
+	<i>You are a cultist of <b>Nar-Sie</b>, the One who Sees, the Geometer of Blood. It has revealed to you the fact of Its existence by necessity, and graciously inducted you into Its followers so that you may better serve Its will.
+	<br/><br/>
+	These archives serve as an <b>out-of-character</b> knowledge base for information about the cult, how your abilities work, and your ultimate goals. Refer back to it any time you are lost!</i>
+	<br/><hr/>
+	{{:helper.link("What is this?", null, { 'switch_archive' : 1 }, data.archives_entry == 1 ? 'selected' : null)}}
+	{{:helper.link("What are runes?", null, { 'switch_archive' : 2 }, data.archives_entry == 2 ? 'selected' : null)}}
+	{{:helper.link("What are talismans?", null, { 'switch_archive' : 3 }, data.archives_entry == 3 ? 'selected' : null)}}
+	{{:helper.link("What should I do?", null, { 'switch_archive' : 4 }, data.archives_entry == 4 ? 'selected' : null)}}
+	<br/><br/>
+	{{if data.archives_entry == 1}}
+		You are holding an <b>arcane tome</b>, a book that contains the rites and scriptures of the Geometer. <b>Every cultist should have a tome unless they have a good reason not to.</b> In addition to this informational page, you can browse <b>Runes</b> within a dedicated section of the tome, allowing you to see their functions or scribe them onto the ground.
+		<br /><br />
+		If need be, your tome can serve as a weapon as well. Simply switch to Harm intent and attack your foes with it to deal burn damage. Naturally, it will be abundantly obvious to the target that you are doing something otherworldly and very harmful.
+	{{else data.archives_entry == 2}}
+		<b>Runes</b> are eldritch scrawlings, etched with precise shapes and words to invoke the power of Nar-Sie. They are the primary source of your power as a cultist, and they allow you to perform anomalous feats alike to magic. Some runes can be made into <b>talismans</b> that offer something akin to their abilities in a more portable form.
+		<br /><br />
+		There are many different types of rune, each with their own functions and methods of use. In order to create a rune, you use your own blood, meaning that you will take a small amount of damage each time you create one. To invoke a rune, simply click on it with an empty hand.
+		<br /><br />
+		Runes are naturally very conspicuous, and you should be careful to keep them well-hidden to avoid drawing unnecessary suspicion. You can erase a rune by clicking on it with your tome - leaving no trace of its existence - or just mop it up like any regular spill.
+		<br /><br />
+		Notably, AIs cannot perceive runes. Instead, they just see them as a regular pool of blood. That is still conspicuous in its own right, mind you!
+	{{else data.archives_entry == 3}}
+		Runes are essential for success, but they can be difficult to lay down quickly. <b>Talismans</b> can be of use there; by invoking the <i>Imbue Talisman</i> rune with a blank sheet of paper on top and a relevant rune nearby, that rune can be inscribed onto the paper, which can then be activated at any time to mirror its effects.
+		<br /><br />
+		The effects of talismans are usually equivalent to that of their respective rune, but weaker. Some, however, can be vastly different; the Stun talisman, for instance, causes a heavy stun to a single target struck with the talisman, instead of disorienting everyone nearby. Cultists starting aboard the station are equipped with a special Supply talisman that allows them to make certain talismans for free or to create soul shards and construct shells.
+	{{else data.archives_entry == 4}}
+		Depends! Stealth and infiltration are your best ally, so unless you have already been ousted, it is never a bad idea to simply go back to what you were doing as if nothing had transpired. You can keep in touch with other cultists across distances and z-levels by using a <i>Communicate</i> rune, and coordinating in this manner is very important.
+		<br /><br />
+		When you feel ready to introduce more people to the fold, you should go about it carefully. The <i>Convert</i> rune is opt-in - the convertee can simply keep refusing to join the cult and will take increasing damage instead - so above all else, remember to <b>roleplay</b> and make it an interesting experience. Avoid just stunning someone and dragging them to the rune - lead up to it. Talk to them, manipulate them. Make their conversion <i>mean</i> something.
+	{{/if}}
+{{else data.selected_tab == 2}}
+	{{:helper.link(data.compact_mode ? "Switch to standard display" : "Switch to compact display", null, { "compact_mode" : 1 })}}
+	<br/><hr/>
+	{{if !data.compact_mode}}
+		{{for data.runes}}
+			<div class="item">
+				<div class="itemLabel">
+					{{:helper.link(value.name, null, { "write_rune" : value.typepath })}}
+				</div>
+				<div class="itemContent">
+					{{:value.shorthand}}
+					{{if value.talisman}}
+						<br/><br/><b><i>Talisman effect - </i></b>{{:value.talisman}}
+					{{/if}}
+				</div>
+			</div>
+			<hr/>
+		{{/for}}
+	{{else}}
+		<div align="center">
+			<i>Entries marked with an asterisk (*) can be made into a talisman.</i><br /><br />
+			{{for data.runes}}
+				{{:helper.link(value.talisman ? value.name + " *" : value.name, null, { "write_rune" : value.typepath })}}
+			{{/for}}
+		</div>
+	{{/if}}
+{{/if}}